photo embeds & fonts

ewpratten · Nov 27, 2024 · 419570c · 419570c
1 parent ae96eed
commit 419570c
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 8 deletions.
diff --git a/src/_layouts/photo.html b/src/_layouts/photo.html
@@ -9,7 +9,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>"{{page.title}}" by {{site.title}}</title>
     <link rel="shortcut icon" type="image/jpg" href="{{ site.profile_photo }}" />
+    <link rel="canonical" href="{{ site.url }}{{ page.url | replace: '.html', '' }}" />
     <link rel="stylesheet" href="/assets/css/photo_compiled.css">
+
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="{{ site.title }}: {{ page.title }}">
+    <meta property="og:url" content="{{ site.url }}{{ page.url | replace: '.html', '' }}">
+    <meta property="og:image" content="{{ site.url }}/assets/photography/{{ page.file }}">
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="{{ site.url | split: '://' | last }}">
+    <meta property="twitter:url" content="{{ site.url }}{{ page.url | replace: '.html', '' }}">
+    <meta name="twitter:title" content="{{ site.title }}: {{ page.title }}">
+    <meta name="twitter:image" content="{{ site.url }}/assets/photography/{{ page.file }}">
+
 </head>
 
 <body>

diff --git a/src/_sass/common/font.scss b/src/_sass/common/font.scss
@@ -1,5 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
+// @import url("https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
 
 $title-font: "IBM Plex Serif", serif;
-$body-font: "Overlock", sans-serif;
+// $body-font: "Overlock", sans-serif;
+$body-font: "Funnel Sans", sans-serif;
diff --git a/src/_sass/default.scss b/src/_sass/default.scss
@@ -113,7 +113,7 @@ body {
 
     p,
     li {
-      font-size: 1.25rem;
+      // font-size: 1.25rem;
     }
 
     p {

diff --git a/src/photography.html b/src/photography.html
@@ -6,13 +6,13 @@
 <div class="photo-feed">
     {% assign photos_sorted = site.photos | sort: "date" | reverse %}
     {% for photo in photos_sorted %}
-    <div class="photo-feed-entry">
+    <div class="photo-feed-entry" style="margin-bottom: 1em;">
         <a href="{{ photo.url }}">
-            <img src="/assets/photography/{{ photo.file }}" alt="A photo titled: {{ photo.name }}" style="width: 100%;">
+            <img src="/assets/photography/{{ photo.file }}" alt="A photo titled: {{ photo.title }}" style="width: 100%;">
         </a>
-        <div style="display: flex; justify-content: space-between;">
-            <span>{{ photo.name }}</span>
-            <span>{{ photo.date | date: "%Y-%m-%d" }}</span>
+        <div style="display: flex; justify-content: space-between; font-size: 1.25em;">
+            <span>{{ photo.title }}</span>
+            <span style="color: gray;">{{ photo.date | date: "%Y-%m-%d" }}</span>
         </div>
     </div>
     {% endfor %}
-Original file line number
+Diff line change
@@ Expand Up / @@ -113,7 +113,7 @@ body { @@
         p,
         li {
-          font-size: 1.25rem;
+          // font-size: 1.25rem;
         }
         p {
@@ Expand Down @@