Merge pull request #79 from valent50/master

yay update
purduekkpsi · Sep 18, 2024 · 0a39abe · 0a39abe
2 parents e6345e5 + e6d7c65
commit 0a39abe
Show file tree

Hide file tree

Showing 20 changed files with 526 additions and 170 deletions.
diff --git a/VS_Code_instructions.txt b/VS_Code_instructions.txt
@@ -7,12 +7,18 @@ extensions:
 1) Live Preview
 2) GitHub Repo
 
-Log in to the GitHub one using same account. 
+Log in to the GitHub extension using same account. 
 
 Because the preview won't work (for now) with virtual workspaces - GitHub fork is online - one must have a local copy of the fork.
 
 Use the clone command to store a local copy of the whole (forked) repo. It's from here that one can make changes and push to their personal branch. 
 
-After changes are made in VS code to this local branch, then committed to the forked branch on github itself, a pull request must be made to sync changes to the main psi repo.
-This is decided on by whomever is running the github account at the time. 
+After changes are made in VS code to this local branch (whatever edits), then committed to the forked branch on github itself (through the source control tab on VSCode), a pull request must be made to sync changes to the main Psi repo.
+This is decided on by whomever is running the github account at the time. Notify them of changes, but current suggestion is to update site maybe once a month as needed.
 
+
+
+LIVE Preview
+to show the live preview of any page you're working on, make sure the extension is installed first.
+Then, while editing an HTML doc, you can click the icon in top right to start the live preview. You can also right click a doc to run the same command. 
+Honestly, read the extension documentation for better tips.
diff --git a/alumni.html b/alumni.html
@@ -7,7 +7,7 @@
     <body>
         <div id="nav"></div>
 
-        <div id="content">
+        <div class="content">
             <div id="picture-header"></div>
 
             <div class="title-container">

diff --git a/calendar.html b/calendar.html
@@ -7,7 +7,7 @@
     <body>
         <div id="nav"></div>
 
-        <div id="content">
+        <div class="content">
             <div id="picture-header"></div>
 
             <div class="title-container">
@@ -18,7 +18,7 @@ <h1 class="blue">Gamma Pi Calendar</h1>
 
             <div class="w3-container w3-padding-32" id="values" style="background-color: #DFDFDF;  border-top: 2px solid #09268a; border-bottom: 2px solid #09268a;">
                 <div id="Jon-Heidegger" class="w3-center" style="overflow: auto;">
-                    <h3>The Gamma Pi Calendar is currently not available.</h3>
+                    <h3>The Gamma Pi calendar is currently not available.</h3>
                 </div>
 
             </div>

diff --git a/chapter_leadership.html b/chapter_leadership.html
@@ -7,7 +7,7 @@
     <body>
         <div id="nav"></div>
 
-        <div id="content">
+        <div class="content">
             <!-- Picture Header -->
             <div id="picture-header"></div>
 

diff --git a/defunctSlideCode.txt b/defunctSlideCode.txt
@@ -0,0 +1,79 @@
+        <!--slide images-->
+        <div class="slideshow-container">
+            <div class="mySlides fade">
+                <img src="static/images/sigh.jpg">
+            </div>
+            <div class="mySlides fade">
+                <img src="static/images/kap.jpg">
+            </div>
+            <div class="mySlides fade">
+                <img src="static/images/who.jpg">
+            </div>
+            <div class="mySlides fade">
+                <img src="static/images/juice.jpg">
+            </div>
+            <div class="mySlides fade">
+                <img src="static/images/redacted.jpg">
+            </div>
+        </div>
+
+
+
+.slideshow-container {
+    max-width: 1720px;
+    position: relative;
+    margin: auto;
+
+}
+
+.mySlides {
+    display: none;
+    width: 100%;
+
+}
+
+/* Fading animation */
+
+
+.fade {
+    animation-name: fade;
+    animation-duration: 1.5s;
+}
+
+@keyframes fade {
+    from {opacity: 0.4}
+    to {opacity: 1}
+}
+
+
+
+// homepage slideshow
+let slideIndex = 0;
+showSlides();
+
+function showSlides() {
+  let i;
+  let slides = document.getElementsByClassName("mySlides");
+  for (i = 0; i < slides.length; i++) {
+    slides[i].style.display = "none";
+  }
+  slideIndex++;
+  if (slideIndex > slides.length) {slideIndex = 1}
+  slides[slideIndex-1].style.display = "block";
+  setTimeout(showSlides, 4000); // Change image every 4 seconds
+}
+
+
+<!-- these are technially aspect ratio 2.5 but should auto fit most pictures decently now -NCV -->
+<script>
+    var images = ["static/images/sigh.jpg", "static/images/kap.jpg", "static/images/who.jpg", "static/images/juice.jpg", "static/images/redacted.jpg"];
+    var i = -1;
+
+    rotate();
+
+    function rotate() {
+        i = (i+1)%images.length;
+        document.getElementById("slides").src = images[i];
+        setTimeout(rotate, 4000);
+    }
+</script>
diff --git a/family_tree.html b/family_tree.html
@@ -7,7 +7,7 @@
     <body>
         <div id="nav"></div>
 
-        <div id="content">
+        <div class="content" style="max-width: 100%">
             <div id="picture-header"></div>
 
             <div class="title-container">

diff --git a/gallery.html b/gallery.html
@@ -8,7 +8,7 @@
 
         <div id="nav"></div>
 
-        <div id="content">
+        <div class="content">
           <div id="picture-header"></div>
 
           <div class="title-container">

diff --git a/history.html b/history.html
@@ -7,7 +7,7 @@
     <body>
         <div id="nav"></div>
 
-        <div id="content">
+        <div class="content">
             <div id="picture-header"></div>
 
             <!--<div class="w3-container w3-padding-32">
@@ -63,7 +63,7 @@ <h1 class="blue">Gamma Pi History</h1>
                         </p>
 
                         <p>
-                            In 1989, Gamma Pi and Beta Sigma commissioned the piece "Old Gold and Black,"" a medley
+                            In 1989, Gamma Pi and Beta Sigma commissioned the piece "Old Gold and Black," a medley
                             of songs associated with Purdue University.  Composed by Jim Curnow, the piece was premiered
                             by the Purdue Symphonic Band at the Band-O-Rama in the fall of 1989 and is still played
                             every year at University Commencement Exercises by the Purdue Commencement Band.
@@ -79,7 +79,7 @@ <h1 class="blue">Gamma Pi History</h1>
 
                         <p>
                             In 2007, Gamma Pi and Beta Sigma held another Day of Service entitled "Elliott
-                            Hall Over' Hall'."  Brothers and sisters worked together to build tuba racks, paint directors' offices,
+                            Hall Over-Haul." Brothers and sisters worked together to build tuba racks, paint directors' offices,
                             cleaned the band lounge and hallways, cleared the clothing office of unnecessary items and storage
                             cabinets, filled holes in the grass drill field, and took unused cabinets to the
                             "dead storage" facility.