Minor changes

- Passed some once used classes to IDs - Slightly refactored subjects.css removing some redundancy and spaghetti code
Edoardo-B-Leiva · Feb 6, 2024 · 6f2047f · 6f2047f
1 parent 323823c
commit 6f2047f
Show file tree

Hide file tree

Showing 6 changed files with 198 additions and 272 deletions.
diff --git a/facilities.html b/facilities.html
@@ -89,8 +89,8 @@ <h1 id="tit-pav"><a name="pavilion">Pavilion</a></h1>
 
       </article>
     </div>
-    <div class="footer">
-      <div class="footer-cnt">
+    <div id="footer">
+      <div id="footer-cnt">
         <div>
           <h1>Authors</h1>
           <ul>

diff --git a/index.html b/index.html
@@ -82,8 +82,8 @@ <h2 class="titulo-cuadrados">Education Offers</h2>
     </article>
   </div>
   </div>
-  <div class="footer">
-    <div class="footer-cnt">
+  <div id="footer">
+    <div id="footer-cnt">
       <div>
         <h1>Authors</h1>
         <ul>
@@ -112,19 +112,9 @@ <h1>Useful Links</h1>
     </div>
     <div>
       <hr />
-      <img src="http://www.slackware.com/~msimons/slackware/grfx/shared/simplepwrSW.gif" alt="" />
-      <img src="http://www.slackware.com/~msimons/slackware/grfx/shared/slack.fnuh.banner.jpeg" alt="" /><br />
       <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/"><img
           src="https://licensebuttons.net/l/by-nc-nd/3.0/nl/88x31.png" alt="" /></a>
-      <img src="https://web.badges.world/badges/memes/hacker_copy2.gif" alt="" />
-      <div>
-        <img src="https://web.badges.world/badges/politics/ribbon.gif" alt="" />
-        <img src="https://web.badges.world/badges/politics/humanrights.gif" alt="" />
-      </div>
-      <div>
-        <img src="https://web.badges.world/badges/geography/spain.gif" alt="" />
-        <img src="https://web.badges.world/badges/geography/banneritalia.gif" alt="" />
-      </div>
+
     </div>
   </div>
 </body>

diff --git a/offers.html b/offers.html
@@ -95,8 +95,8 @@ <h1>Florida Universitaria</h1>
         </p>
       </article>
     </div>
-    <div class="footer">
-      <div class="footer-cnt">
+    <div id="footer">
+      <div id="footer-cnt">
         <div>
           <h1>Authors</h1>
           <ul>
@@ -132,43 +132,11 @@ <h1>Useful Links</h1>
       </div>
       <div>
         <hr />
-        <img
-          src="http://www.slackware.com/~msimons/slackware/grfx/shared/simplepwrSW.gif"
-          alt=""
-        />
-        <img
-          src="http://www.slackware.com/~msimons/slackware/grfx/shared/slack.fnuh.banner.jpeg"
-          alt=""
-        /><br />
         <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/"
           ><img
             src="https://licensebuttons.net/l/by-nc-nd/3.0/nl/88x31.png"
             alt=""
         /></a>
-        <img
-          src="https://web.badges.world/badges/memes/hacker_copy2.gif"
-          alt=""
-        />
-        <div>
-          <img
-            src="https://web.badges.world/badges/politics/ribbon.gif"
-            alt=""
-          />
-          <img
-            src="https://web.badges.world/badges/politics/humanrights.gif"
-            alt=""
-          />
-        </div>
-        <div>
-          <img
-            src="https://web.badges.world/badges/geography/spain.gif"
-            alt=""
-          />
-          <img
-            src="https://web.badges.world/badges/geography/banneritalia.gif"
-            alt=""
-          />
-        </div>
       </div>
     </div>
   </body>

diff --git a/styles/style.css b/styles/style.css
@@ -1,5 +1,6 @@
 *{
   min-width: 0; /* Weird CSS stuff goin'on here */
+  text-decoration: none;
 }
 
 body{
@@ -15,6 +16,19 @@ body{
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }
 
+a{
+  text-decoration: none;
+  color: #fafafa
+}
+nav a marquee{
+  display: block;
+  background-color: #000;
+  color: #fff;
+  font-weight: bold;
+  bottom: 0;
+}
+
+/*Navbar classes & IDs*/
 nav{
   grid-column: 1/4;
   grid-row: 1/2;
@@ -31,13 +45,13 @@ nav *{overflow: hidden;}
   justify-content: space-between;
   height: 70%;
 }
+
 .nv-btn{
   display: block;
   width: 100%;
   text-align: center;
   padding: .8rem;
 }
-
 .nv-btn:hover{
   background-color: #fcb900;
 }
@@ -55,72 +69,68 @@ nav *{overflow: hidden;}
   padding-left: 2rem;
   justify-content: space-between;
 }
-
 #nv-img-cnt div{
   display: block;
   align-items: center;
   align-content: center;
 }
-
 #nv-img-cnt div img{
   display: block;
   height: 6rem;
 }
 
-a{
-  text-decoration: none;
-  color: #fafafa
+.nv-cnt #nv-img-cnt div{
+  display: flex;
+  flex-direction: row;
 }
-nav a marquee{
-  display: block;
-  background-color: #000;
-  color: #fff;
-  font-weight: bold;
-  bottom: 0;
+
+#fade{
+  float: right;
+  height: 20rem;
+  width: auto;
+  margin-bottom: -12rem;
+  margin-top: -1rem;
+  overflow: hidden;
+  mask-image: linear-gradient(to left, rgba(0,0,0,1.0) 0%, transparent 100%);
 }
-.footer{overflow: hidden;
+
+/*Footer classes & IDs*/
+#footer{
+  overflow: hidden;
   grid-column: 1/4;
   grid-row: 3; 
   background-color: #E22636;
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
   align-items: center;
-}
-.footer-cnt{
-  grid-row: 3/4;
-  display: flex;
-  flex-direction: row;
-  margin: 1rem;
+  padding-bottom: 2rem;
 }
 
-.footer div, .footer div *{
+#footer div, #footer div *{
   align-content: center;
   justify-content: center;
   justify-items: center;
   align-items: center;
 }
 
-.footer-cnt h1{
-  font-size: larger;
-}
-
-.nv-cnt #nv-img-cnt div{
+#footer-cnt{
+  grid-row: 3/4;
   display: flex;
   flex-direction: row;
+  margin: 1rem;
 }
-
-#fade{
-  float: right;
-  height: 20rem;
-  width: auto;
-  margin-bottom: -12rem;
-  margin-top: -1rem;
-  overflow: hidden;
-  mask-image: linear-gradient(to left, rgba(0,0,0,1.0) 0%, transparent 100%);
+#footer-cnt h1{
+  font-size: larger;
+}
+#footer-cnt div ul li a{
+  display: block;
+}
+#footer-cnt div ul li a:hover{
+  color: #fafafa;
 }
 
 #content-body{
   margin: 1rem;
   font-weight: light;
-}
+}
diff --git a/styles/subjects.css b/styles/subjects.css
@@ -1,8 +1,8 @@
 body {
     height: 100%;
     margin: 0;
-
 }
+
 #content-body {
     display: grid;
     grid-column: 1/5;
@@ -27,20 +27,20 @@ body {
     text-decoration: underline;
     font-weight: bold;
 }
+
 #content-body{
     margin: 1rem;
     font-weight: light;
     width: 100%;
     grid-column: 1/5;
-    margin:0% 0% 0% 0%;
     height: auto;
+    margin: 0;
 }
-.subject-container{
+
+#subject-container{
     display: flex;
     width: 100%;
-    margin-left: 0%;
-    margin-right: 0%;
-    margin-top:0;
+    margin: 0;
     flex-wrap: wrap;
     color: black;
     flex-direction: column;
@@ -96,7 +96,7 @@ h1{
     flex-direction: row;
     border: 3px solid black;
     margin-top: 35px;
-    justify-content: center;
+    justify-content: space-evenly;
     text-align: center;
     width: 100%;
 
@@ -123,17 +123,14 @@ h1{
     flex-wrap: nowrap;
     align-items: center;
     text-decoration: none;
-}
-.first{
-    display: flex;
-    width: fit-content;
-    font-size: 6vh;
-    width: 50%;
 
 }
+.subject-courses h1{
+    margin: auto;
+}
 .subject-courses-info{
     display: flex;
-    justify-content: center;
+    justify-content: space-between;
     flex-wrap: wrap;
     height: auto;
     width: 100%;