Improved image processing

2022-08-23 20:13:55 +02:00 · 2022-08-23 20:13:55 +02:00 · 1c72267bd6
commit 1c72267bd6
parent 892d4fe138
208 changed files with 59 additions and 23 deletions
--- a/assets/avatar.png
+++ b/assets/avatar.png
--- a/assets/main.scss
+++ b/assets/main.scss
@ -14,13 +14,12 @@ header {
    margin-bottom: 20px;
    a.avatar {
      display: inline-block;
-      height: 70px;
-      width: 70px;
      margin-right: 10px;
-      border-radius: 50%;
-      background-size: cover;
-      background-position: center center;
-      background-image: url('/will.jpg');
+      img {
+        height: 70px;
+        width: 70px;
+        border-radius: 50%;
+      }
    }
    .details{
      flex: 1;
@ -73,13 +72,12 @@ footer {
    align-items: center;
    .avatar {
      display: inline-block;
-      height: 40px;
-      width: 40px;
      margin-right: 10px;
-      border-radius: 50%;
-      background-size: cover;
-      background-position: center center;
-      background-image: url('/avatar.png');
+      img {
+        height: 40px;
+        width: 40px;
+        border-radius: 50%;
+      }
    }
    .copyright{
      font-size: 13px;
@ -131,4 +129,13 @@ footer {
      margin-top: 2px;
    }
  }
+}
+
+article{
+  img{
+    display: block;
+    margin: 20px auto;
+    max-width: 80%;
+    max-height: 300px;
+  }
 }
--- a/assets/will.jpg
+++ b/assets/will.jpg
--- a/config.toml
+++ b/config.toml
@ -1,3 +1,5 @@
 baseURL = 'https://wilw.dev'
 languageCode = 'en-gb'
 title = 'Will Webberley'
+[permalinks]
+  blog = '/blog/:year/:month/:day/:slug/'
--- a/content/blog/2022-05-25-parcel.md
+++ b/content/blog/2022-05-25-parcel.md
@ -1,6 +1,7 @@
 ---
 date: "2022-05-25T17:59:00Z"
 title: "Parcel to the rescue"
+slug: "parcel"
 description: "Parcel saves the day. And I hate Webpack."
 tags: [technology, javascript, development]
 ---
--- a/content/blog/_index.html
+++ b/content/blog/_index.html
@ -0,0 +1,3 @@
+---
+title: Blog posts
+---
--- a/content/posts/my-first-post.md
+++ b/content/posts/my-first-post.md
@ -1,7 +0,0 @@
---
-title: "My First Post"
-date: 2022-08-16T19:01:37+01:00
-draft: false
---
-
-Here is some stuff
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -3,6 +3,9 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+    {{ $favicon := resources.Get "avatar.png" }}
+    {{ $favicon = $favicon.Resize "40x" }}
+    <link data-react-helmet="true" rel="icon" type="image/png" href="{{ $favicon.RelPermalink }}" />
    <title>{{ block "title" . }}
      {{ .Site.Title }}
    {{ end }}</title>
@ -12,7 +15,11 @@
  <body>
    <header>
      <div class="main">
-        <a class="avatar" href="/"></a>
+        <a class="avatar" href="/">
+          {{ $will := resources.Get "will.jpg" }}
+          {{ $will = $will.Resize "100x" }}
+          <img src="{{ $will.RelPermalink }}" />
+        </a>
        <div class="details">
          <a class="title" href="/">Will Webberley</a>
          <div class="socials">
@ -37,7 +44,11 @@

    <footer>
      <div class="left">
-        <div class="avatar"></div>
+        {{ $avatar := resources.Get "avatar.png" }}
+        {{ $avatar = $avatar.Resize "60x" }}
+        <div class="avatar">
+          <img src="{{ $avatar.RelPermalink }}" />
+        </div>
        <p class="copyright">
          © Will Webberley 2022
        </p>
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@ -0,0 +1,11 @@
+{{ define "main" }}
+  <h1>{{.Title}}</h1>
+  {{.Content}}
+    <ul>
+    {{ range .Pages }}
+      <li>
+        <a href="{{.Permalink}}">{{.Title}} ({{.Date.Format "2006-01-02"}})</a>
+      </li>
+    {{ end }}
+    </ul>
+{{ end }}
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@ -0,0 +1,8 @@
+{{ define "main" }}
+  <a href="/blog"><- Back to blog</a>
+  <h1>{{ .Title }}</h1>
+  <p>Posted on {{.Date.Format "2006-01-02"}}</p>
+  <article>
+    {{ .Content }}
+  </article>
+{{ end }}
--- a/resources/_gen/assets/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content
+++ b/resources/_gen/assets/scss/main.scss_48b060fe05b0a273d182ef83c0605941.content
@ -1 +1 @@
-body{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;margin:0}header{max-width:960px;margin:10px auto;padding:0 10px 15px;border-bottom:1px solid #f5f5f5}header .main{display:flex;align-items:center;margin-bottom:20px}header .main a.avatar{display:inline-block;height:70px;width:70px;margin-right:10px;border-radius:50%;background-size:cover;background-position:50%;background-image:url(/will.jpg)}header .main .details{flex:1}header .main .details a.title{display:inline-block;font-size:23px;margin-bottom:5px;text-decoration:none;font-weight:700;color:initial}header .main .details .socials a{text-decoration:none;margin-right:5px;margin-bottom:5px;padding:4px;border-radius:5px;background:linen;display:inline-block}header nav{display:flex}header nav a{margin-right:15px;display:inline-block;font-size:20px}main{max-width:960px;margin:0 auto;padding:0 10px 10px}footer{border-top:2px solid linen;padding:10px 15px;margin-top:30px;display:flex;justify-content:space-between;align-items:start}footer .left{display:flex;align-items:center}footer .left .avatar{display:inline-block;height:40px;width:40px;margin-right:10px;border-radius:50%;background-size:cover;background-position:50%;background-image:url(/avatar.png)}footer .left .copyright{font-size:13px;color:#646464}footer .left a{margin-left:10px;font-size:13px}footer .left .right .carbonbadge{margin-left:10px}.two-columns{display:grid;grid-column-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project,.research-item{margin-top:30px;display:flex;align-items:start}.project .logo,.research-item .logo{padding-top:15px;margin-right:20px}.project .logo img,.research-item .logo img{max-width:100px;max-height:100px}.project .details,.research-item .details{flex:1}.project .details h4,.research-item .details h4{margin-top:0;margin-bottom:10px}.project .details .platforms a,.research-item .details .platforms a{margin-left:5px}.project .details .journal,.research-item .details .journal{font-size:small;margin-top:2px}
+body{font-family:system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;margin:0}header{max-width:960px;margin:10px auto;padding:0 10px 15px;border-bottom:1px solid #f5f5f5}header .main{display:flex;align-items:center;margin-bottom:20px}header .main a.avatar{display:inline-block;margin-right:10px}header .main a.avatar img{height:70px;width:70px;border-radius:50%}header .main .details{flex:1}header .main .details a.title{display:inline-block;font-size:23px;margin-bottom:5px;text-decoration:none;font-weight:700;color:initial}header .main .details .socials a{text-decoration:none;margin-right:5px;margin-bottom:5px;padding:4px;border-radius:5px;background:linen;display:inline-block}header nav{display:flex}header nav a{margin-right:15px;display:inline-block;font-size:20px}main{max-width:960px;margin:0 auto;padding:0 10px 10px}footer{border-top:2px solid linen;padding:10px 15px;margin-top:30px;display:flex;justify-content:space-between;align-items:start}footer .left{display:flex;align-items:center}footer .left .avatar{display:inline-block;margin-right:10px}footer .left .avatar img{height:40px;width:40px;border-radius:50%}footer .left .copyright{font-size:13px;color:#646464}footer .left a{margin-left:10px;font-size:13px}footer .left .right .carbonbadge{margin-left:10px}.two-columns{display:grid;grid-column-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project,.research-item{margin-top:30px;display:flex;align-items:start}.project .logo,.research-item .logo{padding-top:15px;margin-right:20px}.project .logo img,.research-item .logo img{max-width:100px;max-height:100px}.project .details,.research-item .details{flex:1}.project .details h4,.research-item .details h4{margin-top:0;margin-bottom:10px}.project .details .platforms a,.research-item .details .platforms a{margin-left:5px}.project .details .journal,.research-item .details .journal{font-size:small;margin-top:2px}article img{display:block;margin:20px auto;max-width:80%;max-height:300px}
--- a/resources/_gen/assets/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json
+++ b/resources/_gen/assets/scss/main.scss_48b060fe05b0a273d182ef83c0605941.json
@ -1 +1 @@
-{"Target":"main.min.ded34a8daa872e2b3ee44c964d59a4ee200acbef540223b26666a3e9a6acf329.css","MediaType":"text/css","Data":{"Integrity":"sha256-3tNKjaqHLis+5EyWTVmk7iAKy+9UAiOyZmaj6aas8yk="}}
+{"Target":"main.min.74cc52aa4b45bd870d435dffe43ba89a3b6a85bb1dae59d864a1a6eabe0a7116.css","MediaType":"text/css","Data":{"Integrity":"sha256-dMxSqktFvYcNQ13/5DuomjtqhbsdrlnYZKGm6r4KcRY="}}
--- a/resources/_gen/images/avatar_hu67249fefeb260b14b489ef652b1a2035_6725_40x0_resize_box_3.png
+++ b/resources/_gen/images/avatar_hu67249fefeb260b14b489ef652b1a2035_6725_40x0_resize_box_3.png
--- a/resources/_gen/images/avatar_hu67249fefeb260b14b489ef652b1a2035_6725_60x0_resize_box_3.png
+++ b/resources/_gen/images/avatar_hu67249fefeb260b14b489ef652b1a2035_6725_60x0_resize_box_3.png
--- a/resources/_gen/images/will_hufcd8797daed7d824cd71bd376293b3ee_24586_100x0_resize_q75_box.jpg
+++ b/resources/_gen/images/will_hufcd8797daed7d824cd71bd376293b3ee_24586_100x0_resize_q75_box.jpg
--- a/resources/_gen/images/will_hufcd8797daed7d824cd71bd376293b3ee_24586_70x0_resize_q75_box.jpg
+++ b/resources/_gen/images/will_hufcd8797daed7d824cd71bd376293b3ee_24586_70x0_resize_q75_box.jpg
--- a/static/media/.DS_Store
+++ b/static/media/.DS_Store
--- a/static/media/blog/.DS_Store
+++ b/static/media/blog/.DS_Store
--- a/static/media/blog/acnh1.png
+++ b/static/media/blog/acnh1.png
--- a/static/media/blog/acnh2.png
+++ b/static/media/blog/acnh2.png
--- a/static/media/blog/acnh3.png
+++ b/static/media/blog/acnh3.png
--- a/static/media/blog/acnh4.png
+++ b/static/media/blog/acnh4.png
--- a/static/media/blog/acnh5.png
+++ b/static/media/blog/acnh5.png
--- a/static/media/blog/acnh6.png
+++ b/static/media/blog/acnh6.png
--- a/static/media/blog/acnh7.png
+++ b/static/media/blog/acnh7.png
--- a/static/media/blog/acnh8.png
+++ b/static/media/blog/acnh8.png
--- a/static/media/blog/acnh9.png
+++ b/static/media/blog/acnh9.png
--- a/static/media/blog/addictive_twitter_1.png
+++ b/static/media/blog/addictive_twitter_1.png
--- a/static/media/blog/amfora.png
+++ b/static/media/blog/amfora.png
--- a/static/media/blog/android-hotspot.png
+++ b/static/media/blog/android-hotspot.png
--- a/static/media/blog/anxious_people.jpg
+++ b/static/media/blog/anxious_people.jpg
--- a/static/media/blog/apple-mail-issue.png
+++ b/static/media/blog/apple-mail-issue.png
--- a/static/media/blog/atp.png
+++ b/static/media/blog/atp.png
--- a/static/media/blog/attic1.jpg
+++ b/static/media/blog/attic1.jpg
--- a/static/media/blog/attic2.jpg
+++ b/static/media/blog/attic2.jpg
--- a/static/media/blog/attic3.jpg
+++ b/static/media/blog/attic3.jpg
--- a/static/media/blog/attic4.jpg
+++ b/static/media/blog/attic4.jpg
--- a/static/media/blog/attic5.jpg
+++ b/static/media/blog/attic5.jpg
--- a/static/media/blog/attic6.jpg
+++ b/static/media/blog/attic6.jpg
--- a/static/media/blog/auzziejay.png
+++ b/static/media/blog/auzziejay.png
--- a/static/media/blog/b2-backups-1.png
+++ b/static/media/blog/b2-backups-1.png
--- a/static/media/blog/b2-backups-2.png
+++ b/static/media/blog/b2-backups-2.png
--- a/static/media/blog/b2-backups-3.png
+++ b/static/media/blog/b2-backups-3.png
--- a/static/media/blog/bathroom1.jpg
+++ b/static/media/blog/bathroom1.jpg
--- a/static/media/blog/bathroom10.jpg
+++ b/static/media/blog/bathroom10.jpg
--- a/static/media/blog/bathroom11.jpg
+++ b/static/media/blog/bathroom11.jpg
--- a/static/media/blog/bathroom12.jpg
+++ b/static/media/blog/bathroom12.jpg
--- a/static/media/blog/bathroom13.jpg
+++ b/static/media/blog/bathroom13.jpg
--- a/static/media/blog/bathroom14.jpg
+++ b/static/media/blog/bathroom14.jpg
--- a/static/media/blog/bathroom15.jpg
+++ b/static/media/blog/bathroom15.jpg
--- a/static/media/blog/bathroom16.jpg
+++ b/static/media/blog/bathroom16.jpg
--- a/static/media/blog/bathroom17.jpg
+++ b/static/media/blog/bathroom17.jpg
--- a/static/media/blog/bathroom18.jpg
+++ b/static/media/blog/bathroom18.jpg
--- a/static/media/blog/bathroom19.jpg
+++ b/static/media/blog/bathroom19.jpg
--- a/static/media/blog/bathroom2.jpg
+++ b/static/media/blog/bathroom2.jpg
--- a/static/media/blog/bathroom20.jpg
+++ b/static/media/blog/bathroom20.jpg
--- a/static/media/blog/bathroom21.jpg
+++ b/static/media/blog/bathroom21.jpg
--- a/static/media/blog/bathroom22.jpg
+++ b/static/media/blog/bathroom22.jpg
--- a/static/media/blog/bathroom23.jpg
+++ b/static/media/blog/bathroom23.jpg
--- a/static/media/blog/bathroom24.jpg
+++ b/static/media/blog/bathroom24.jpg
--- a/static/media/blog/bathroom25.jpg
+++ b/static/media/blog/bathroom25.jpg
--- a/static/media/blog/bathroom26.jpg
+++ b/static/media/blog/bathroom26.jpg
--- a/static/media/blog/bathroom27.jpg
+++ b/static/media/blog/bathroom27.jpg
--- a/static/media/blog/bathroom28.jpg
+++ b/static/media/blog/bathroom28.jpg
--- a/static/media/blog/bathroom29.jpg
+++ b/static/media/blog/bathroom29.jpg
--- a/static/media/blog/bathroom3.jpg
+++ b/static/media/blog/bathroom3.jpg
--- a/static/media/blog/bathroom30.jpg
+++ b/static/media/blog/bathroom30.jpg
--- a/static/media/blog/bathroom31.jpg
+++ b/static/media/blog/bathroom31.jpg
--- a/static/media/blog/bathroom32.jpg
+++ b/static/media/blog/bathroom32.jpg
--- a/static/media/blog/bathroom33.jpg
+++ b/static/media/blog/bathroom33.jpg
--- a/static/media/blog/bathroom34.jpg
+++ b/static/media/blog/bathroom34.jpg
--- a/static/media/blog/bathroom35.jpg
+++ b/static/media/blog/bathroom35.jpg
--- a/static/media/blog/bathroom36.jpg
+++ b/static/media/blog/bathroom36.jpg
--- a/static/media/blog/bathroom4.jpg
+++ b/static/media/blog/bathroom4.jpg
--- a/static/media/blog/bathroom5.jpg
+++ b/static/media/blog/bathroom5.jpg
--- a/static/media/blog/bathroom6.jpg
+++ b/static/media/blog/bathroom6.jpg
--- a/static/media/blog/bathroom7.jpg
+++ b/static/media/blog/bathroom7.jpg
--- a/static/media/blog/bathroom8.jpg
+++ b/static/media/blog/bathroom8.jpg
--- a/static/media/blog/bathroom9.jpg
+++ b/static/media/blog/bathroom9.jpg
--- a/static/media/blog/bees1.jpg
+++ b/static/media/blog/bees1.jpg
--- a/static/media/blog/bees2.jpg
+++ b/static/media/blog/bees2.jpg
--- a/static/media/blog/bees3.jpg
+++ b/static/media/blog/bees3.jpg
--- a/static/media/blog/bees4.jpg
+++ b/static/media/blog/bees4.jpg
--- a/static/media/blog/bees5.jpg
+++ b/static/media/blog/bees5.jpg
--- a/static/media/blog/bees6.jpg
+++ b/static/media/blog/bees6.jpg
--- a/static/media/blog/bees7.jpg
+++ b/static/media/blog/bees7.jpg
--- a/static/media/blog/bloggingfordevs.png
+++ b/static/media/blog/bloggingfordevs.png
--- a/static/media/blog/blood-sweat-pixels.jpg
+++ b/static/media/blog/blood-sweat-pixels.jpg
--- a/static/media/blog/blurhash1.png
+++ b/static/media/blog/blurhash1.png
--- a/static/media/blog/blurhash2.jpg
+++ b/static/media/blog/blurhash2.jpg
--- a/static/media/blog/blurhash3.png
+++ b/static/media/blog/blurhash3.png
--- a/static/media/blog/bookwyrm1.png
+++ b/static/media/blog/bookwyrm1.png
--- a/static/media/blog/bsv-wales-2.jpg
+++ b/static/media/blog/bsv-wales-2.jpg
--- a/static/media/blog/bsv-wales.jpg
+++ b/static/media/blog/bsv-wales.jpg
--- a/static/media/blog/bytemoth.png
+++ b/static/media/blog/bytemoth.png
--- a/static/media/blog/capsuletown.png
+++ b/static/media/blog/capsuletown.png
--- a/static/media/blog/casastream1.png
+++ b/static/media/blog/casastream1.png
--- a/static/media/blog/casastream2.png
+++ b/static/media/blog/casastream2.png
--- a/static/media/blog/cenode-alexa.png
+++ b/static/media/blog/cenode-alexa.png
--- a/static/media/blog/cinninet.png
+++ b/static/media/blog/cinninet.png
--- a/Show More
+++ b/Show More