evan/ewpratten.com
1
Fork 0
Code Actions

photo embeds & fonts

Browse Source
This commit is contained in:
Evan Pratten 2024-11-27 14:40:07 -05:00
parent ae96eedf79
commit 419570c53b
4 changed files with 22 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/_layouts/photo.html
View File

@ -9,7 +9,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>"{{page.title}}" by {{site.title}}</title> <title>"{{page.title}}" by {{site.title}}</title>
<link rel="shortcut icon" type="image/jpg" href="{{ site.profile_photo }}" /> <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"> <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> </head>
<body> <body>

6
src/_sass/common/font.scss
View File

@ -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=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; $title-font: "IBM Plex Serif", serif;
$body-font: "Overlock", sans-serif; // $body-font: "Overlock", sans-serif;
$body-font: "Funnel Sans", sans-serif;

2
src/_sass/default.scss
View File

@ -113,7 +113,7 @@ body {
p, p,
li { li {
font-size: 1.25rem; // font-size: 1.25rem;
} }
p { p {

10
src/photography.html
View File

@ -6,13 +6,13 @@ title: Photography
<div class="photo-feed"> <div class="photo-feed">
{% assign photos_sorted = site.photos | sort: "date" | reverse %} {% assign photos_sorted = site.photos | sort: "date" | reverse %}
{% for photo in photos_sorted %} {% for photo in photos_sorted %}
<div class="photo-feed-entry"> <div class="photo-feed-entry" style="margin-bottom: 1em;">
<a href="{{ photo.url }}"> <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> </a>
<div style="display: flex; justify-content: space-between;"> <div style="display: flex; justify-content: space-between; font-size: 1.25em;">
<span>{{ photo.name }}</span> <span>{{ photo.title }}</span>
<span>{{ photo.date | date: "%Y-%m-%d" }}</span> <span style="color: gray;">{{ photo.date | date: "%Y-%m-%d" }}</span>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}