Home: Difference between revisions

Revision as of 21:07, 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.

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

Subtitle of Image Map makerspace_map.png

Key

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

@@ Line 5: / Line 5: @@
 <div style="position: relative; height: auto;">
-     <style>
+     <div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: none; height: auto;">
-         /* Slideshow wrapper styling */
+         <div style="position: relative; margin: 0 auto; width: 742px; height: auto;">
-        .wrapper {
+             <div style="position: relative; overflow: hidden; height: 300px;">
-            position: absolute;
+                <div class="wrapper">
-            top: 1%;
+                    <gallery mode="packed" widths=200px heights=200px perrow=4>
-            width: 4000px;
+                        File:Shrekhat.jpeg
-             animation: credits 60s linear infinite;
+                        File:Diychipmunk.jpeg
-            animation-direction: normal;
+                        File:Herbgarden.jpg
-        }
+                    </gallery>
+                 </div>
-        .wrapper img {
+             </div>
-            transition: transform 0.3s ease-in-out;
+        </div>
-        }
+    </div>
+</div>
-        .wrapper img:hover {
-            transform: scale(1.4);
-            cursor: pointer;
-        }
-        /* Keyframes for sliding effect */
-        @keyframes credits {
-% {
-                 margin-left: 0px;
-             }
-% {
-                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>