Layout fixes

jacobpalm · Jun 22, 2024 · a435431 · a435431
1 parent 8ea1457
commit a435431
Show file tree

Hide file tree

Showing 5 changed files with 67 additions and 18 deletions.
diff --git a/_layouts/archive.html b/_layouts/archive.html
@@ -19,7 +19,7 @@ <h2>Version {{ page.title }}</h2>
 					{% else %}{{ day }}th
 					{% endcase %}
 					{{ page.date | date: "of %B, %Y" }}</p>
-				<p><a href="{{ site.baseURL }}/assets/img/archive/{{ page.title | remove: '.' }}.png"><img src="{{ site.baseURL }}/assets/img/archive/{{ page.title | remove: '.' }}.png" alt="Screenshot" style="width: 100%"></a></p>
+				<p><a href="{{ site.baseURL }}/assets/img/archive/{{ page.title | remove: '.' }}.png"><img src="{{ site.baseURL }}/assets/img/archive/{{ page.title | remove: '.' }}.png" alt="Screenshot" style="max-width: 100%"></a></p>
 			{% endif %}
 		</div>
 		{{ content | markdownify }}

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -13,30 +13,18 @@
     <link rel="shortcut icon" href="{{ site.baseURL }}/favicon.ico">
 
     <link rel="stylesheet" href="assets/w3.css">
+    <link rel="stylesheet" href="assets/custom.css">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 
     <link rel="canonical" href="{{ site.baseURL }}">
 	<link rel="alternate" type="application/atom+xml" title="{{ site.name }}" href="{{ site.baseURL }}/feed.xml">
-
-    <style>
-        body,h1,h2,h3,h4,h5,h6 {font-family: "Montserrat", sans-serif;}
-        h1,h2,h3,h4,h5,h6 {font-weight: 700; color: #333;}
-        body {font-size: 16px; font-weight: 400; -webkit-font-smoothing: antialiased;}
-        a {color:teal; text-decoration: none;}
-        a:hover, a:focus {color: #7b7b7b;}
-        footer {color: #fff; background-color: #222;}
-        footer h5 {color: #fff; text-transform: uppercase;}
-        footer div.w3-padding-32 {padding: 32px;}
-        .w3-button { width: auto;}
-        .topnav-right {float:right;}
-    </style>
 </head>
 <body id="sitetop">
 
 <!-- Navbar -->
 <div class="w3-bar w3-mobile w3-teal w3-card w3-large">
     <div class="w3-content">
-        <a href="{{ site.baseURL }}" class="w3-bar-item w3-button w3-padding-large w3-hover-white w3-mobile">{{ site.name }}</a>
+        <a href="{{ site.baseURL }}" class="w3-bar-item w3-button w3-padding-large w3-hover-white w3-mobile sitetitle">{{ site.name }}</a>
         <div class="topnav-right">
             <a href="{{ site.baseURL }}/index.html#about" class="w3-bar-item w3-button w3-padding-large w3-hover-white w3-mobile">About</a>
             <a href="{{ site.baseURL }}/index.html#screens" class="w3-bar-item w3-button w3-padding-large w3-hover-white w3-mobile">Screenshots</a>

diff --git a/assets/custom.css b/assets/custom.css
@@ -0,0 +1,61 @@
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: Verdana, sans-serif;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-weight: 700;
+    color: #333;
+}
+
+body {
+    font-size: 16px;
+    font-weight: 400;
+    -webkit-font-smoothing: antialiased;
+}
+
+a {
+    color: teal;
+    text-decoration: none;
+}
+
+a:hover,
+a:focus {
+    color: #7b7b7b;
+}
+
+footer {
+    color: #fff;
+    background-color: #222;
+}
+
+footer h5 {
+    color: #fff;
+    text-transform: uppercase;
+}
+
+footer div.w3-padding-32 {
+    padding: 32px;
+}
+
+.w3-button {
+    width: auto;
+}
+
+.topnav-right {
+    float: right;
+}
+
+.sitetitle {
+    font-weight: 700;
+}
diff --git a/blog/index.html b/blog/index.html
@@ -35,7 +35,7 @@ <h2>{{ post.title }}</h2>
                 </div>
             {% else %}
                 {{ post.excerpt }}
-                <a href="{{"/assets/img/blog/" | prepend: site.baseurl | append : post.image}}"><img class="w3-image" src="{{"/assets/img/blog/" | prepend: site.baseurl | append : post.image}}" alt="Screenshot"></a>
+                <p><a href="{{post.url | prepend: site.baseurl}}">Read more...</a></p>  
             {% endif %}                    
         </div>        
     </div>

diff --git a/index.html b/index.html
@@ -36,8 +36,8 @@ <h2>Download</h2>
     <p>Since September 2017, the full source code has been available on GitHub, released for free usage under the MIT license.
         Visit GitHub to see the source code, and to pull a copy for your own use.</p>
     <p>
-        <a class="w3-button w3-teal" href="{{ site.baseURL }}/downloads/costa{{ newestversion.title | remove: '.' }}.zip">Download Costa {{ newestversion.title }}</a>
-        <a class="w3-button w3-teal" href="https://github.com/jacobpalm/costa/">Get source code</a>
+        <a class="w3-button w3-teal w3-padding" href="{{ site.baseURL }}/downloads/costa{{ newestversion.title | remove: '.' }}.zip">Download Costa {{ newestversion.title }}</a>
+        <a class="w3-button w3-teal w3-padding" href="https://github.com/jacobpalm/costa/">Get source code</a>
     </p>
     <p>Looking for older versions? <a href="{{ site.baseURL }}/archive.html">Check the archive</a>, which also has a complete log of changes in every version.</p>
   </div>