Home: Difference between revisions
From Makerpedia
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
This is the knowledge base for the Class of 1969 Makerspace and Instrument Shop. You can find information about all the tools available in our spaces, as well as project ideas and tutorials. | This is the knowledge base for the Class of 1969 Makerspace and Instrument Shop. You can find information about all the tools available in our spaces, as well as project ideas and tutorials. | ||
<div style="position: relative; height: auto;"> | |||
<style> | |||
/* Slideshow wrapper styling */ | |||
.wrapper { | |||
position: absolute; | |||
top: 1%; | |||
width: 4000px; | |||
animation: credits 60s linear infinite; | |||
animation-direction: normal; | |||
} | |||
.wrapper img { | |||
File:Herbgarden.jpeg | transition: transform 0.3s ease-in-out; | ||
File:Diychipmunk.jpg | } | ||
File:Shrekhat.jpeg | |||
File: | .wrapper img:hover { | ||
File:Cassetplayercircuit.png | transform: scale(1.4); | ||
</gallery> | cursor: pointer; | ||
} | |||
/* Keyframes for sliding effect */ | |||
@keyframes credits { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -4000px; | |||
} | |||
} | |||
/* Pausing the animation on hover */ | |||
.wrapper:hover { | |||
animation-play-state: paused; | |||
cursor: pointer; | |||
} | |||
/* Optional: Ensure your images are displayed with a specific size */ | |||
img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
</style> | |||
<!-- Slideshow Gallery --> | |||
<gallery mode="slideshow" widths="300px" heights="200px" perrow="3"> | |||
File:Herbgarden.jpeg | |||
File:Diychipmunk.jpg | |||
File:Shrekhat.jpeg | |||
File:Testing_sameer.jpg | |||
File:Cassetplayercircuit.png | |||
</gallery> | |||
</div> | |||
Revision as of 20:54, 4 February 2025
This is the knowledge base for the Class of 1969 Makerspace and Instrument Shop. You can find information about all the tools available in our spaces, as well as project ideas and tutorials.
<style>
/* Slideshow wrapper styling */
.wrapper {
position: absolute;
top: 1%;
width: 4000px;
animation: credits 60s linear infinite;
animation-direction: normal;
}
.wrapper img {
transition: transform 0.3s ease-in-out;
}
.wrapper img:hover {
transform: scale(1.4);
cursor: pointer;
}
/* Keyframes for sliding effect */
@keyframes credits {
0% {
margin-left: 0px;
}
100% {
margin-left: -4000px;
}
}
/* Pausing the animation on hover */
.wrapper:hover {
animation-play-state: paused;
cursor: pointer;
}
/* Optional: Ensure your images are displayed with a specific size */
img {
max-width: 100%;
height: auto;
}
</style>
Looking For A Project?
In PROJECTS you can see creations from other students, find tutorials, and so much more.
Have A Project To Submit?
Use THIS FORM to submit a project to our Gallery! .
Spaces On Campus

Key
- No prerequisites to visit and use
- Training required before use
- Supervision required during use