From 732d49d720b8fc5e8659b3b6f62bacde22310fe8 Mon Sep 17 00:00:00 2001
From: Mathijs <mathijs@lermer.nl>
Date: Wed, 11 Jan 2023 17:16:42 +0100
Subject: [PATCH] update

---
 assets/css/mrl.css | 75 ++++++++++++++++++++++------------------------
 index.html         | 24 +++++----------
 2 files changed, 43 insertions(+), 56 deletions(-)
 mode change 100644 => 100755 index.html

diff --git a/assets/css/mrl.css b/assets/css/mrl.css
index 251e5b9..14f2c00 100755
--- a/assets/css/mrl.css
+++ b/assets/css/mrl.css
@@ -37,7 +37,7 @@
       }
   }
   
-  @media only screen and (max-width: 500px) {
+  @media only screen and (max-width: 850px) {
     logo {
       font-size: 50px !important;
     }
@@ -75,7 +75,9 @@
   
   #content-wrap {
     padding-bottom: 80px;    /* Footer height */
-  }  #page-container {
+  } 
+  
+  #page-container {
     position: relative;
     min-height: 100vh;
   }
@@ -123,13 +125,13 @@
     color: #374351;
   }
   #tekst-links h1{
-    padding-top: 150px;
+    padding-top: 100px;
     margin-top: 0px;
     font-size: 42px;
     margin-bottom: 60px;
   }
   #tekst-links h2{
-    padding-top: 150px;
+    padding-top: 30px;
     margin-top: 0px;
     font-size: 30px;
     margin-bottom: 60px;
@@ -145,14 +147,14 @@
     color: #D2E0F0;
   }
   #tekst-midden h1{
-    padding-top: 150px;
+    padding-top: 100px;
     margin-top: 0px;
     font-size: 42px;
     margin-bottom: 60px;
   }
 
   #tekst-midden h2{
-    padding-top: 60px;
+    padding-top: 30px;
     margin-top: 0px;
     font-size: 30px;
     margin-bottom: 60px;
@@ -179,9 +181,7 @@
       }
       
   a:hover {
-      color: red;
       background-color: #2B3642;
-      text-decoration: underline;
     }
 
   /*specials*********************************************************************************************************/
@@ -204,6 +204,7 @@
     font-size: 20px;
     color: #D2E0F0;
     cursor: pointer;
+
     }
     #knop a:link{
       color: #D2E0F0;
@@ -218,9 +219,7 @@
       }
       
     #knop a:hover {
-      color: red;
       background-color: #2B3642;
-      text-decoration: underline;
     }
     
     #knop a:active {
@@ -241,37 +240,30 @@
     nav{
       float: right;
       }
-      nav ul li {
-        display: inline-block;
-        padding: 5px 17px 5px 17px;
-        text-transform: uppercase;
-        margin: 0;
-        }
-      nav ul li.active{
-        background-color: #2B3642;
-        border-radius: 5px;
+    nav ul li {
+      display: inline-block;
+      padding: 10px 17px 10px 17px;
+      text-transform: uppercase;
+
+      margin: 0;
       }
-      nav ul li a {
-        text-decoration: none;
-        color: #D2E0F0
-      }  nav{
-        float: right;
-        }
-        nav ul li {
-          display: inline-block;
-          padding: 5px 17px 5px 17px;
-          text-transform: uppercase;
-          margin: 0;
-          }
-        nav ul li.active{
-          background-color: #2B3642;
-          border-radius: 5px;
-        }
-        nav ul li a {
-          text-decoration: none;
-          color: #D2E0F0
-        }
-   
+    nav ul li.active{
+      background-color: #2B3642;
+      border-radius: 5px;
+    }
+    nav ul li:hover {
+      background: #374351;
+      border-radius: 5px;
+      cursor: pointer;
+      color: #D2E0F0;
+      text-decoration: none;
+  }
+    
+    nav ul li a {
+      text-decoration: none;
+      color: #D2E0F0
+    }
+
 /*footer*********/
   
 .footer-links{
@@ -279,6 +271,7 @@
   margin-left: auto;
   margin-right: auto;
   text-align: center;
+  border-radius: 5px;
   }
 .footer-links ul {
   padding: 0px;
@@ -289,6 +282,7 @@
   display: inline-block;
   padding: 15px 17px 15px 17px;
   text-transform: uppercase;
+  border-radius: 5px;
   font-size: 20px;
 
   }
@@ -296,6 +290,7 @@
 .footer-links ul li a {
     text-decoration: none;
     padding: 15px 17px 15px 17px;
+    border-radius: 5px;
     color: #D2E0F0;
   }
 
diff --git a/index.html b/index.html
old mode 100644
new mode 100755
index 4635cc9..be6fc64
--- a/index.html
+++ b/index.html
@@ -33,14 +33,13 @@
       <section id="sectie_kop">
         <div class="container">
           <header>
-             <logo>Lermer.nl</logo>
-             <!--<logo><a href="https://lermer.nl">&copy;LERMER</a></logo>-->
-      
+            <logo>Lermer.nl</logo>
             <nav id="main_menu_01">
               <ul>
                 <li class="active"> <a href="/index.html">Welkom</a></Li>
                 <li> <a href="/assets/downloads/CURRICULUM VITAE Mathijs Lermer zonder contact gegevens.pdf">Curriculum vitae</a></Li>
-              </ul>
+                  <li> <a href="https://uptime.lermer.nl/status/0">Uptime</a></Li>
+                </ul>
             </nav>
       
             <a href='#' id="menuknopje" onclick="hamburgermenuknopje()" style="display: none;">
@@ -52,8 +51,6 @@
     
       <section id="sectie_pagina">
         <div class="container">
-
-
           <div id="tekst-midden">
 
             <h1>Welkom</h1>
@@ -64,19 +61,14 @@
                 <img src="/assets/afb/don-t-panic.webp" alt="Don't panic">
             </picture>
 
-          </div>   
-
-
-          <div id="tekst-midden">
-
             <h2>Contactgegevens:</h2>
     
             <div id="knop">
-              <a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a></br></br></br></br>
-  
-              <a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a></br></br></br></br>
-              
-              <a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a></br></br></br></br>
+              <a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a><br>
+              <br><br>
+              <a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a><br>
+              <br><br>
+              <a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
             </div>
           </div>