ui changes and more

- fixed mobile nav menu spacing - fixed button sizes on mobile - other ui details - better response on nav clicks
vougioukakis · Jan 16, 2024 · 8aadd88 · 8aadd88
1 parent 27a1a8b
commit 8aadd88
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -45,7 +45,7 @@ <h1 style="margin-top: 0px; margin-bottom: 0px; color: #d1ecf8;">Nick Vougioukak
                         <a class="buttons" style="background-color: #C71610; cursor: pointer;" onclick="toggleMail();"><i class="fab fa-google"></i></a>
                     </div>
 
-                    <div id="mailBox" style="display: none;"><p>Gmail: vougioukakis99 (at) gmail (dot) com</p></div>
+                    <div id="mailBox" style="display: none; "><p style="font-size: 14px;">Gmail: vougioukakis99 (at) gmail (dot) com</p></div>
                 </div>
 
                 <footer class="footer">
@@ -65,8 +65,8 @@ <h1 style="margin-top: 0px; margin-bottom: 0px; color: #d1ecf8;">Nick Vougioukak
                 <div class="nav">
                     <nav>
                         <ul>
-                            <li><a href="#" class="current" id="homeNav" onclick="loadContent('home')">Home</a></li>
-                            <li><a href="#" class="not-current" id="eduNav" onclick="loadContent('education')">Education</a></li>
+                            <li><a class="current nav" id="homeNav" onclick="loadContent('home')">Home</a></li>
+                            <li><a class="not-current nav" id="eduNav" onclick="loadContent('education')">Education</a></li>
                             <!--<li><a href="#" class="not-current" id="projNav">Projects</a></li>
                             <li><a href="#" class="not-current">Learning</a></li>-->
                         </ul>

diff --git a/script.js b/script.js
@@ -36,6 +36,7 @@ function loadEducationContent() {
                         <li>Numerical Analysis</li>
                         <li>Programming Lab (HTML, JavaScript, PHP)</li>
                         <li>Programming (C++)</li>
+                        <li>Real Analysis (Lebesgue Measure & integration on real axis)</li>
                         <li>Applications of Probability</li>
                         <li>Design and Analysis of Algorithms</li>
                         <li>Parametric Statistics</li>

diff --git a/style.css b/style.css
@@ -1,5 +1,4 @@
 /* to do 
-fix mobile navigation menu
 preload wallpaper properly or add loading screen
 add new things in starting page
 update courses
@@ -35,6 +34,7 @@ body {
     bottom: 0;
     width: 100%;
     height: 2.5rem;            /* Footer height */
+    padding-top: 1rem;
 }
 
 
@@ -234,6 +234,9 @@ li {
     color: #d1ecf8;
 }
 
+nav {
+    cursor: pointer;
+}
 /* PICS */
     /* images of the learning resource websites*/
 #links img {
@@ -248,6 +251,7 @@ li {
 }
 
 .uoc {
+    display: none;
     width: 50px;
     margin: 0 auto;
     margin-top: 5px;
@@ -261,14 +265,16 @@ li {
 }
 .buttons{
     display: inline-block;
-    padding: 10px 20px;
-    margin: 10px 10px;
     text-decoration: none;
     color: #fff;
     background-color: #333;
     /*border-radius: 5px;*/
     box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
     transition: box-shadow .2s;
+    padding: 8px 16px;
+    margin: 0px;
+    margin-top: 10px;
+    margin-bottom: 10px;
 
 }
 
@@ -301,10 +307,28 @@ li {
     }
     .buttons{
         display: inline-block;
-        padding: 5px 8px;
-        margin: 5px 5px;
+        padding-inline: 26px;
+    }
+
+    /*img*/
+    .uoc{
+        display: none;
+    }
+
+    .profile img{
+        width: 8em;
     }
 
+    /*  text */
+    .home h1{
+        font-size: 22px;
+    }
+
+    .home p{
+        font-size: 16px;
+    }
+
+
 
 }
 
@@ -332,7 +356,7 @@ li {
     }
 
     .nav ul li{
-        margin: 0;
+        margin-inline: 10px;
     }
 
     .header {