Add small size logo

Author: mrkn

_assets/julialangja-smalllogo.png

@@ -9,6 +9,26 @@ header.page-header h2 {
     font-weight: normal;
 }
 
+header.page-header img.biglogo {
+    display: inline;
+}
+
+header.page-header img.smalllogo {
+    display: none;
+}
+
+@media (max-width: 800px) {
+    header.page-header {
+        height: auto;
+    }
+    header.page-header img.biglogo {
+        display: none;
+    }
+    header.page-header img.smalllogo {
+        display: inline;
+    }
+}
+
 .btn {
     padding: 0.75rem 1rem;
     display: inline-block;

_css/julialangja.css

@@ -1,5 +1,5 @@
 <header class="page-header" role="banner">
-    <h1><img src="assets/julialangja-biglogo.png"></h1>
+    <h1><img class="biglogo" src="assets/julialangja-biglogo.png"><img class="smalllogo" src="assets/julialangja-smalllogo.png"></h1>
     <h2>JuiaLangJa Discord</h2>
     <a href="{{fill discord_invite_link}}" class="btn">
         Join to JuliaLangJa Discord server