fix footer

ZhouTimeMachine · Jun 5, 2024 · 02ac221 · 02ac221
1 parent ea2742b
commit 02ac221
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,6 +1,7 @@
     {% if site.footer_fixed %}
     <footer class="fixed-bottom">
       <div class="container mt-0">
+        <div class="text">
         &copy; Copyright {{ site.time | date: '%Y' }} {{ site.first_name }} {{ site.middle_name }} {{ site.last_name }}. 
         {{ site.footer_text }}
         {%- if site.impressum_path -%}
@@ -9,8 +10,11 @@
         {%- if site.last_updated -%}
         Last updated: {{ "now" | date: '%B %d, %Y' }}.
         {%- endif %}
+        </div>
         &nbsp;&nbsp;
-        <a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fzhoutimemachine.github.io&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false" style="height: 10%;width: 10%;"/></a>
+        <div class="image">
+        <a href="https://hits.seeyoufarm.com"><img src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fzhoutimemachine.github.io&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false"/></a>
+        </div>
       </div>
     </footer>
     {%- else -%}

diff --git a/_includes/news.html b/_includes/news.html
@@ -16,7 +16,7 @@
                 <tr>
                   <th scope="row">2022</th>
                   <td class="news-title">
-                      2nd Price, Contemporary Undergraduate Mathematical Contest in Modeling(<a href="http://www.mcm.edu.cn">CUMCM</a>)
+                      2nd Prize, Contemporary Undergraduate Mathematical Contest in Modeling(<a href="http://www.mcm.edu.cn">CUMCM</a>)
                   </td>
                 </tr>
                 <tr>

diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -409,10 +409,21 @@ footer.fixed-bottom {
   background-color: var(--global-footer-bg-color);
   font-size: 0.75rem;
 
+  .text {
+    color: var(--global-footer-text-color);
+    flex: 1;
+  }
+  .image {
+      height: auto;
+      max-width: 100%;
+      vertical-align: middle;
+  }
+
   .container {
     color: var(--global-footer-text-color);
-    padding-top: 9px;
-    padding-bottom: 8px;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    display: flex;
   }
 
   a {