Merge pull request #36 from Leafwing-Studios/polish

Polish

.gitignore

@@ -0,0 +1 @@
+public

config.yml

@@ -21,9 +21,12 @@ params:
   description: Emergent complexity for thoughtful games
   github: "https://github.com/Leafwing-Studios"
   dateFormat: "2006-01-02"
+  homeInfoParams:
+    title: This is the blog
+    content: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque imperdiet venenatis urna eu pellentesque. In et eleifend nibh, et tincidunt orci. Nulla maximus sem nec lorem sollicitudin ultrices. Pellentesque mattis ex nibh, vitae posuere justo ultricies gravida. Aenean quis pretium turpis, vitae hendrerit arcu. Vivamus eu lorem nisl. Nullam faucibus quam eu ipsum tristique, at volutpat sem molestie. Nulla tincidunt porta pellentesque. Nulla sed orci arcu. Sed nisi tellus, sodales in posuere sed, egestas quis velit. Etiam viverra fringilla vehicula. Praesent vel luctus erat. Ut fringilla, nisi ac efficitur placerat, diam est commodo metus, sit amet hendrerit tortor augue eget tellus. Integer sit amet magna vitae quam rhoncus mollis at ac orci. Sed vitae sagittis diam.
 
 permalinks:
-  post: "/:year/:month/:day/:filename/"
+  post: "/post/:filename/"
 
 menu:
   main:

static/favicons/browserconfig.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/favicon-70.png"/>
+      <square150x150logo src="/favicon-150.png"/>
+      <square310x310logo src="/favicon-310.png"/>
+      <TileColor>#FFFFFF</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

themes/leafwing/assets/css/common/post-entry.css

@@ -4,7 +4,7 @@
     flex-direction: column;
     justify-content: center;
     min-height: 320px;
-    margin: var(--gap) 0 calc(var(--gap) * 2) 0
+    margin: 24px 0 24px 0
 }
 
 .first-entry .entry-header {

themes/leafwing/assets/css/common/post-single.css

@@ -9,8 +9,9 @@
 }
 
 .post-description {
-    margin-top: 10px;
+    margin-top: 8px;
     margin-bottom: 5px;
+    font-size: 20px;
 }
 
 .post-meta,
@@ -69,15 +70,9 @@
     font-size: 12px
 }
 
-.post-content a,
-.toc a:hover {
-    box-shadow: 0 1px 0
-}
-
-.post-content a code {
-    margin: auto 0;
-    border-radius: 0;
-    box-shadow: 0 -1px 0 var(--primary) inset
+.post-content a{
+    text-decoration: underline;
+    color: var(--highlight);
 }
 
 .post-content del {

themes/leafwing/assets/css/core/reset.css

@@ -23,7 +23,7 @@ h6 {
 
 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    font-size: 18px;
+    font-size: 16px;
     line-height: 1.6;
     word-break: break-word;
     background: var(--theme)

themes/leafwing/assets/css/core/theme-vars.css

@@ -1,38 +1,40 @@
 :root {
-    --gap: 24px;
-    --content-gap: 20px;
-    --nav-width: 1024px;
-    --main-width: 720px;
-    --header-height: 60px;
-    --footer-height: 60px;
-    --radius: 8px;
-    --theme: #fff;
-    --entry: #fff;
-    --primary: rgba(0, 0, 0, 0.88);
-    --secondary: rgba(0, 0, 0, 0.56);
-    --tertiary: rgba(0, 0, 0, 0.16);
-    --content: rgba(0, 0, 0, 0.88);
-    --hljs-bg: #1c1d21;
-    --code-bg: #f5f5f5;
-    --border: #eee;
+  --gap: 24px;
+  --content-gap: 20px;
+  --nav-width: 1124px;
+  --main-width: 820px;
+  --header-height: 60px;
+  --footer-height: 60px;
+  --radius: 8px;
+  --theme: #fff;
+  --entry: #fff;
+  --primary: rgba(0, 0, 0, 0.88);
+  --secondary: rgba(0, 0, 0, 0.56);
+  --tertiary: rgba(0, 0, 0, 0.16);
+  --content: rgba(0, 0, 0, 0.88);
+  --hljs-bg: #1c1d21;
+  --code-bg: #f5f5f5;
+  --border: #eee;
+  --highlight: #24b358;
 }
 
 .dark {
-    --theme: #1d1e20;
-    --entry: #2e2e33;
-    --primary: rgba(255, 255, 255, 0.84);
-    --secondary: rgba(255, 255, 255, 0.56);
-    --tertiary: rgba(255, 255, 255, 0.16);
-    --content: rgba(255, 255, 255, 0.74);
-    --hljs-bg: #2e2e33;
-    --code-bg: #37383e;
-    --border: #333;
+  --theme: #1d1e20;
+  --entry: #2e2e33;
+  --primary: rgba(255, 255, 255, 0.84);
+  --secondary: rgba(255, 255, 255, 0.56);
+  --tertiary: rgba(255, 255, 255, 0.16);
+  --content: rgba(255, 255, 255, 0.74);
+  --hljs-bg: #2e2e33;
+  --code-bg: #37383e;
+  --border: #333;
+  --highlight: #63db8f;
 }
 
 .list {
-    background: var(--code-bg);
+  background: var(--code-bg);
 }
 
 .dark.list {
-    background: var(--theme);
+  background: var(--theme);
 }

themes/leafwing/layouts/partials/head.html

@@ -10,6 +10,28 @@
 {{- /* Title */}}
 <title>{{ if .IsHome }}{{ else }}{{ if .Title }}{{ .Title }} | {{ end }}{{ end }}{{ .Site.Title }}</title>
 
+{{- /* Favicons */}}
+<link rel="shortcut icon" href="favicons/favicon.ico">
+<link rel="icon" sizes="16x16 32x32 64x64" href="favicons/favicon.ico">
+<link rel="icon" type="image/png" sizes="196x196" href="favicons/favicon-192.png">
+<link rel="icon" type="image/png" sizes="160x160" href="favicons/favicon-160.png">
+<link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96.png">
+<link rel="icon" type="image/png" sizes="64x64" href="favicons/favicon-64.png">
+<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16.png">
+<link rel="apple-touch-icon" href="favicons/favicon-57.png">
+<link rel="apple-touch-icon" sizes="114x114" href="favicons/favicon-114.png">
+<link rel="apple-touch-icon" sizes="72x72" href="favicons/favicon-72.png">
+<link rel="apple-touch-icon" sizes="144x144" href="favicons/favicon-144.png">
+<link rel="apple-touch-icon" sizes="60x60" href="favicons/favicon-60.png">
+<link rel="apple-touch-icon" sizes="120x120" href="favicons/favicon-120.png">
+<link rel="apple-touch-icon" sizes="76x76" href="favicons/favicon-76.png">
+<link rel="apple-touch-icon" sizes="152x152" href="favicons/favicon-152.png">
+<link rel="apple-touch-icon" sizes="180x180" href="favicons/favicon-180.png">
+<meta name="msapplication-TileColor" content="#FFFFFF">
+<meta name="msapplication-TileImage" content="favicons/favicon-144.png">
+<meta name="msapplication-config" content="favicons/browserconfig.xml">
+
 {{- /* Meta */}}
 <meta name="keywords" content="{{ if .Params.keywords -}}
     {{- range $i, $e := .Params.keywords }}{{ if $i }}, {{ end }}{{ $e }}{{ end }} {{- else }}
@@ -61,18 +83,6 @@
 {{- end }}
 {{- end -}}
 
-{{- /* Favicons */}}
-<link rel="icon" href="{{ .Site.Params.assets.favicon | default " favicon.ico" | absURL }}">
-<link rel="icon" type="image/png" sizes="16x16" href="{{ .Site.Params.assets.favicon16x16 | default " favicon-16x16.png"
-    | absURL }}">
-<link rel="icon" type="image/png" sizes="32x32" href="{{ .Site.Params.assets.favicon32x32 | default " favicon-32x32.png"
-    | absURL }}">
-<link rel="apple-touch-icon" href="{{ .Site.Params.assets.apple_touch_icon | default " apple-touch-icon.png" | absURL
-    }}">
-<link rel="mask-icon" href="{{ .Site.Params.assets.safari_pinned_tab | default " safari-pinned-tab.svg" | absURL }}">
-<meta name="theme-color" content="#2e2e33">
-<meta name="msapplication-TileColor" content="#2e2e33">
-
 {{- /* Generator */}}
 {{ hugo.Generator }}
 

themes/leafwing/layouts/partials/home_info.html

@@ -1,10 +1,10 @@
 {{- with $.Site.Params.homeInfoParams }}
 <article class="first-entry home-info">
     <header class="entry-header">
-        <h1>{{ .Title | markdownify }}</h1>
+        <h1>{{ .title | markdownify }}</h1>
     </header>
     <section class="entry-content">
-        <p>{{ .Content | markdownify }}</p>
+        <p>{{ .content | markdownify }}</p>
     </section>
 </article>
 {{- end -}}