commit 8ccc8eb025a7657e04d25708fc45b3eb14b270ff
parent d6b30008cd611a0d81fa489db0e1409e5d530969
Author: Hunter
Date: Thu, 24 Jul 2025 20:53:26 -0400
club-mate: add social preview info
Diffstat:
2 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/pages/club-mate/index.html b/pages/club-mate/index.html
@@ -1,6 +1,14 @@
<html>
<head>
+ <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Hunter's Club-Mate Fan Club</title>
+ <meta name="description" content="Cheers! And welcome to my online shrine to the celebrated German energy drink, Club-Mate.">
+ <meta property="og:title" content="Hunter's Club-Mate Fan Club">
+ <meta property="og:description" content="Cheers! And welcome to my online shrine to the celebrated German energy drink, Club-Mate.">
+ <meta property="og:image" content="https://hunterirving.github.io/web_workshop/pages/club-mate/resources/social-preview.png">
+ <meta property="og:url" content="https://hunterirving.github.io/web_workshop/pages/club-mate/">
+ <meta property="og:type" content="website">
<style>
@font-face {
font-family: 'tribeca';
@@ -97,9 +105,13 @@
blockquote {
margin-top:30px;
margin-bottom:30px;
+ font-size:20px;
}
body {
- font-size: 22px;
+ font-size: 20px;
+ }
+ .image-caption {
+ font-size: 18px;
}
h1 {
font-size:42px;
@@ -194,7 +206,7 @@
<div class="centered" style="max-width:100%">
<img src="https://hunterirving.github.io/web_workshop/pages/club-mate/images/matemat.jpg" style="max-height:750px;">
</div>
- <center style="margin-top:10px; font-size: 22px;"><a href="https://blog.attraktor.org/2012/09/matemat-im-grosformat/">Attraktor</a> in Hamburg, Germany features MateMat, a Club-Mate vending machine. I'm trying to convince Hacksburg to build one of these...</center>
+ <center class="image-caption"><a href="https://blog.attraktor.org/2012/09/matemat-im-grosformat/">Attraktor</a> in Hamburg, Germany features MateMat, a Club-Mate vending machine. I'm trying to convince Hacksburg to build one of these...</center>
</div>
<div>
<h1>GOTTA CRUSH EM ALL</h1>
@@ -205,7 +217,7 @@
<h2>Club-Mate Winter Edition</h2>
<p>
<img src="https://hunterirving.github.io/web_workshop/pages/club-mate/images/club-mate_winter_edition.png" class="inline-bottle" style="max-width:90px">
- This limited edition Mate (introduced 2007) takes the original Club-Mate formula and adds "cardamom, cinnamon, star anise and citrus extract"<sup><a href="https://en.wikipedia.org/wiki/Club-Mate">1</a></sup>.
+ This limited edition Mate takes the original Club-Mate formula and adds "cardamom, cinnamon, star anise and citrus extract"<sup><a href="https://en.wikipedia.org/wiki/Club-Mate">1</a></sup>.
</p>
<p>
One Redditor described it's flavor as gingerbread-like<sup><a href="https://www.reddit.com/r/Soda/comments/qw4dtr/got_the_club_mate_winter_edition_from_germany/">2</a></sup> making this variant number 1 on my list of must-try Mates. If you ever find yourself in Germany, send a bottle my way!
diff --git a/pages/club-mate/resources/social-preview.png b/pages/club-mate/resources/social-preview.png
Binary files differ.
