Yeah yeah

diff --git a/css/mock1.css b/css/mock1.css
index dc3c2fe62042adb6c5393c007afaa462f46e7777..c3dbf7ff4dbecefb27f0cb03ba3318ce21287e84 100644 (file)
--- a/css/mock1.css
+++ b/css/mock1.css
@@ -5,7 +5,7 @@
   --jumbotron-bg-fall: 65,225,64;
   --copyright-bg: 0,0,0;
   --link-color: 66,139,202;
-  --footer-link-color: 32,32,32;
+  --footer-link-color: 255,255,255;
   --nlink-col: black;
   --text-color: #333;
   --footer-text-color: 255,255,255;
@@ -106,9 +106,7 @@ a {
   text-decoration: none;
   color: var(--text-color);
   margin-bottom: 5px;
-  border: 1px solid rgb(var(--border-color));
   flex-basis: 30%;
-  /*height: 105px;*/
   background-color: #fff;
   border-radius: var(--box-round);
   -webkit-border-radius: var(--box-round);
@@ -118,6 +116,9 @@ a {
 .box:active {
   background-color: var(--box-hover-color);
 }
+.fa-users {
+  margin-top: 5px;
+}
 .box-center {
   margin-top: 22.5px;
   margin-left: 5px;
@@ -160,10 +161,11 @@ p.art-link {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
+  align-items: stretch;
 }
 a.hchild {
   color: var(--text-color);
-  height: 40px;
+  /*height: 40px;*/
   width: 95%;
   text-align: center;
   border-top: 1px solid rgba(var(--border-color),.6);
@@ -213,12 +215,21 @@ a.hchild:active {
 }
 .footerchild {
   margin-top: 0.5em;
-  padding-left: 0.5em;
+  margin-left: 0.5em;
   margin-right: 0.5em;
 }
 .footer a {
   color: rgb(var(--footer-link-color));
 }
+.footerchild ul,
+.footerchild ul ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.footerchild ul ul {
+  padding-left: 2em;
+}
 @media all and (max-width: 500px) {
   .footer {
     flex-direction: column;
@@ -230,22 +241,13 @@ a.hchild:active {
   .footerchild:last-child {
   border: none;
   }
-}
-.footerchild ul,
-.footerchild ul ul {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-}
-.footerchild ul ul {
-  padding-left: 2em;
+  .footerchild ul li:last-child {
+    margin-bottom: 0.5em;
+  }
 }
 .footer h2, .footer h3 {
 margin: 0;
 }
-.footer .footerchild p {
-  margin: 0;
-}
 .copyright {
   display: flex;
   flex-wrap: nowrap;

diff --git a/index_mock1.html b/index_mock1.html
index 2193f50bc56d6dae8770dc3138bdd694562325d2..2018058a8c92ce083dbdc765523cf09968b798c5 100644 (file)
--- a/index_mock1.html
+++ b/index_mock1.html
@@ -55,41 +55,46 @@
     
         <footer class="footer">
             <div class="footerchild">
-            <h2>Freenode</h2>
-            <ul>
-              <li><a>About freenode</a></li>
+            <h2>About freenode</h2>
               <ul>
                 <li><a>Vision</a></li>
                 <li><a>Mission</a></li>
                 <li><a>Philosophy</a></li>
                 <li><a>Policies</a></li>
+                <li><a>Credits</a></li>
               </ul>
-              <li><a>Using freenode</a></li>
+              </div>
+              <div class="footerchild">
+              <h2>Using freenode</h2>
               <ul>
                 <li><a>Connect</a></li>
                 <li><a>Clients</a></li>
                 <li><a>Webchat</a></li>
                 <li><a>SASL</a></li>
               </ul>
-              <li><a>Groups/Projects</a></li>
+              </div>
+              <div class="footerchild">
+              <h2>Groups/Projects</h2>
               <ul>
                 <li><a>Group Management System</a></li>
                 <li><a>Groups on freenode</a></li>
                 <li><a>How Groups Work</a></li>
               </ul>
-              <li><a>Host a server</a></li>
-            </ul>
-            </div>
-
-            <div class="footerchild">
-            <h2>Our sponsors</h2>
-            <p><a href="PIA" target="_blank"><img src="img/logos/pia-robot-original.svg" alt="PIA" height="20px" /> Private Internet Access</a></p>
+              </div>
+              <div class="footerchild">
+              <h2>Support freenode</h2>
+              <ul>
+                <li><a>Host a server</a></li>
+                </ul>
             </div>
         </div>
         <div class="footerchild">
             <h2>Social Media</h2>
-            <p><a href="https://plus.google.com/104326727082310562426" target="_blank"><i class="fa fa-google-plus"></i> Google+ </a></p>
-            <p><a href="https://twitter.com/freenodestaff" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></p>
+            <ul>
+            <li><a href="https://plus.google.com/104326727082310562426" target="_blank"><i class="fa fa-google-plus"></i> Google+</a></li>
+            <li><a href="https://twitter.com/freenodestaff" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li>
+            <li><a href="PIA" target="_blank"><img src="img/logos/pia-robot-original.svg" alt="PIA" height="14px" /> Private Internet Access</a></li>
+            </ul>
         </div>
     </footer>
     <footer class="copyright">