adjust spacings of headings and footer

uhm-descartes · Jan 15, 2024 · 330c774 · 330c774
1 parent ea00483
commit 330c774
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/_layouts/core.html b/_layouts/core.html
@@ -85,7 +85,8 @@
 <script src="{{ site.baseurl }}/js/scrollIfAnchor.js"></script>
 -->
 
-<footer class="footer footer-background" style="padding-top: 1em; padding-bottom: 1em">
+<!--<footer class="footer footer-background" style="padding-top: 2em; padding-bottom: 2em; margin-top: 2em"> -->
+<footer class="footer footer-background">
   <div class="container text-center">
     {% if site.morea_footer_page %}
     {{ site.morea_footer_page.content | markdownify }}

diff --git a/css/style.css b/css/style.css
@@ -11,6 +11,19 @@ body {
   }
 }
 
+/* Add bottom margin to h1 heading for larger devices */
+@media (min-width: 768px) {
+  h1 {
+      margin-bottom: 2rem;
+  }
+}
+
+/* Add top margin to h2 heading for larger devices */
+@media (min-width: 768px) {
+  h2 {
+    margin-top: 1rem;
+  }
+}
 
 /* Make link anchors aware of sticky navbar */
 :target {
@@ -52,9 +65,11 @@ body {
   background-color: var(--bs-white);
 }
 
+/*
 h1, h2, h3 {
   margin-top: .20em;
 }
+*/
 
 small {
   font-size: .7em
@@ -63,4 +78,13 @@ small {
 /* set a background color of the footer to differentiate it from the content */
 .footer-background {
   background-color: var(--bs-primary-bg-subtle); 
+}
+
+/* Add top and bottom paddings to the footer on larger devices */
+@media (min-width: 768px) {
+  footer {
+      padding-top: 2rem;
+      padding-bottom: 2rem;
+      margin-top: 2em;
+  }
 }
diff --git a/morea/footer.md b/morea/footer.md
@@ -4,7 +4,7 @@ morea_id: footer
 morea_type: footer
 ---
 
-Yuanzhang Xiao | Hawaii Advanced Wireless Technologies Institute | University of Hawaii <br>
+[Yuanzhang Xiao](https://yuanzhangxiao.github.io/) | Hawaii Advanced Wireless Technologies Institute | University of Hawaii <br>
 yxiao8@hawaii.edu<br>
 
 
diff --git a/morea/home.md b/morea/home.md
@@ -5,7 +5,7 @@ morea_type: home
 published: true
 ---
 
-## Welcome to EE 643, Spring 2024
+# Welcome to EE 643, Spring 2024
 
 In EE 643, we will learn the basics of wireless communication systems, exciting new topics such as the integration of artificial intelligence (AI) and wireless communications, and emerging paradigms of communication systems such as quantum communication.