Merge pull request #14 from Sutrannu/2024-11-03

Raceday 2024-11-03

content/race/2024-10-27.md

@@ -1,9 +1,10 @@
 ---
 title: Sunday Race 2024-10-27
-date: 2024-10-27
+layout: race
 tags:
   - race
 params:
+    car_image: 2024-10-27-car.png
     callout: Sunday the 27th!
     car_by: Belaraphon
     tune_by: LunarSpork

content/race/2024-11-03.md

@@ -0,0 +1,16 @@
+---
+title: Sunday Race 2024-11-03
+draft: false
+layout: race
+tags:
+  - race
+params:
+    car_image: 2024-11-03-car.png
+    callout: Sunday the 3rd!
+    car_by: LunarSpork
+    tune_by: Sutrannu
+    car: 1959 Ford Anglia 105E
+    share_code: 663 469 991
+---
+
+{{< race >}}

content/race/_index.md

@@ -0,0 +1,9 @@
+---
+title: Races
+menu:
+  main:
+---
+
+Sunday Races 
+
+{{< pages-with-tag race >}}

hugo.toml

@@ -8,5 +8,5 @@ theme = 'ananke'
 [params.meta]
   favicon = false
 [[params.ananke_socials]]
-name = "Discord"
-url = "https://t.co/uQa7fOuaKp"
+  name = "Discord"
+  url = "https://t.co/uQa7fOuaKp"

layouts/_default/race.html

@@ -5,7 +5,7 @@
 
 {{ define "main" }}
   {{ $section := .Site.GetPage "section" .Section }}
-  <article class="flex-l flex-wrap justify-between mw8 center ph3">
+  <article class="flex-l flex-wrap justify-between center ph3">
     <header class="mt4 w-100">
       <aside class="instapaper_ignoref b helvetica tracked ttu">
           {{/*
@@ -60,9 +60,6 @@ <h1 class="f1 athelas mt3 mb1">
       </div>
     </div>
 
-    <aside class="w-30-l mt6-l">
-      {{- partial "menu-contextual.html" . -}}
-    </aside>
 
   </article>
 {{ end }}

layouts/partials/head-additions.html

@@ -1,3 +1,3 @@
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap" rel="stylesheet">

layouts/shortcodes/race.html

@@ -1,5 +1,5 @@
   <div id="ad_frame">
-    <div id="glamour"></div>
+    <div id="glamour" style="background-image: url('{{ .Page.Site.BaseURL }}/images/{{ .Page.Params.car_image }}');"></div>
     <div id="call" class="text">{{ .Page.Params.callout }}</div>
     <div id="picktune" class="text">
       <span class="by">Car Chosen by</span> {{ .Page.Params.car_by }}<br>
@@ -8,3 +8,6 @@
     <div id="car" class="text"><span>{{ .Page.Params.car }}</span></div>
     <div id="code" class="text"><span class="label">Share Code</span>{{ .Page.Params.share_code }}</div>
   </div>
+
+
+

static/css/race.css

@@ -14,8 +14,8 @@
 }
 #ad_frame .text {
   position: absolute;
-  font-family: "Permanent Marker", cursive;
-  font-weight: 200;
+  font-family: "Indie Flower", cursive;
+  font-weight: 400;
   font-style: normal;
   text-align: center;
   vertical-align: middle;
@@ -40,7 +40,6 @@
   width: 80%;
   height: 80%;
   margin: 6% auto;
-  background-image: url("../images/2024-10-27-car.png");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;