club-mate: add social preview info
Hunter
Thursday, July 24th, 2025 at 8:53 PM
1 <html>
2 <head>
3 + <meta charset="UTF-8">
4 <meta name="viewport" content="width=device-width, initial-scale=1.0">
5 + <title>Hunter's Club-Mate Fan Club</title>
6 + <meta name="description" content="Cheers! And welcome to my online shrine to the celebrated German energy drink, Club-Mate.">
7 + <meta property="og:title" content="Hunter's Club-Mate Fan Club">
8 + <meta property="og:description" content="Cheers! And welcome to my online shrine to the celebrated German energy drink, Club-Mate.">
9 + <meta property="og:image" content="https://hunterirving.github.io/web_workshop/pages/club-mate/resources/social-preview.png">
10 + <meta property="og:url" content="https://hunterirving.github.io/web_workshop/pages/club-mate/">
11 + <meta property="og:type" content="website">
12 <style>
13 @font-face {
14 font-family: 'tribeca';
105 blockquote {
106 margin-top:30px;
107 margin-bottom:30px;
108 + font-size:20px;
109 }
110 body {
- font-size: 22px;
111 + font-size: 20px;
112 + }
113 + .image-caption {
114 + font-size: 18px;
115 }
116 h1 {
117 font-size:42px;
206 <div class="centered" style="max-width:100%">
207 <img src="https://hunterirving.github.io/web_workshop/pages/club-mate/images/matemat.jpg" style="max-height:750px;">
208 </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>
209 + <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>
210 </div>
211 <div>
212 <h1>GOTTA CRUSH EM ALL</h1>
217 <h2>Club-Mate Winter Edition</h2>
218 <p>
219 <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>.
220 + 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>.
221 </p>
222 <p>
223 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!
Binary files differ.
