Revert back to old

NUSComputingDev · Nov 4, 2023 · f346944 · f346944
1 parent cb468d4
commit f346944
Showing 1 changed file with 24 additions and 39 deletions.
diff --git a/index.html b/index.html
@@ -94,101 +94,88 @@
       <div class="wing-cont">
         <p class="wing-name">Presidency</p>
 
-        <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
           <div class="flipper">
             <div class="front">
-              <!-- front content -->
               <img
                 src="assets/presidential.jpg"
                 class="transition"
-                style="border-radius: 20px;"
-              />
+                style="border-radius: 20px; max-height: 900px;"
+                />
               <div class="middle">
                 <div class="text">
                   Click to find out more about the presidential wing
                 </div>
               </div>
             </div>
             <div class="back">
-              <!-- back content -->
               <div class="wing-cards" id="pwing-box">
-                <!-- <div class="wing-card">
-                                    <img src="" class="wing-pic">
-                                    <div class="card-pic"></div>
-                                    <div class="card-details">
-                                        <p class="card-name">Raveen Prabhu</p>
-                                        <p class="card-position">President</p>
-                                    </div>
-                                </div> -->
               </div>
             </div>
-          </div>
-        </div>
+          </div> -->
+        <div class="wing-cards" id="pwing-box"></div>
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">External Relations</p>
 
-        <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
           <div class="flipper">
             <div class="front">
-              <!-- front content -->
               <img
                 src="assets/external.jpg"
                 class="transition"
-                style="border-radius: 20px"
-              />
+                style="border-radius: 20px; max-height: 900px;"
+                />
               <div class="middle">
                 <div class="text">
                   Click to find out more about our external relations
                 </div>
               </div>
             </div>
             <div class="back">
-              <!-- back content -->
               <div class="wing-cards" id="external-box"></div>
             </div>
           </div>
-        </div>
+        </div> -->
+        <div class="wing-cards" id="external-box"></div>
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">Internal Relations</p>
 
-        <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
           <div class="flipper">
             <div class="front">
-              <!-- front content -->
               <img
                 src="assets/internal.jpg"
                 class="transition"
-                style="border-radius: 20px"
-              />
+                style="border-radius: 20px; max-height: 900px;"
+                />
               <div class="middle">
                 <div class="text">
                   Click to find out more about our internal relations
                 </div>
               </div>
             </div>
             <div class="back">
-              <!-- back content -->
               <div class="wing-cards" id="internal-box"></div>
             </div>
           </div>
-        </div>
+        </div> -->
+        <div class="wing-cards" id="internal-box"></div>
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">Student Development</p>
 
-        <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
             <div class="flipper">
               <div class="front">
-                <!-- front content -->
                 <img
                   src="assets/studentdev.jpg"
                   class="transition"
-                  style="border-radius: 20px"
+                  style="border-radius: 20px; max-height: 900px;"
                 />
                 <div class="middle">
                   <div class="text">
@@ -197,25 +184,23 @@
                 </div>
               </div>
               <div class="back">
-                <!-- back content -->
                 <div class="wing-cards" id="stddev-box"></div>
             </div>
             </div>
-          </div>
-
+          </div> -->
+        <div class="wing-cards" id="stddev-box"></div>
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">Student Life</p>
 
-        <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
             <div class="flipper">
               <div class="front">
-                <!-- front content -->
                 <img
                   src="assets/studentlife.jpg"
                   class="transition"
-                  style="border-radius: 20px"
+                  style="border-radius: 20px; max-height: 900px;"
                 />
                 <div class="middle">
                   <div class="text">
@@ -224,12 +209,12 @@
                 </div>
               </div>
               <div class="back">
-                <!-- back content -->
+                back content
                 <div class="wing-cards" id="stdlife-box"></div>
             </div>
             </div>
-          </div>
-
+          </div> -->
+        <div class="wing-cards" id="stdlife-box"></div>
       </div>
     </div>