From 65fbb83fe6b83fdf23c345cb2e6f20a50eef7d0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julian-Samuel=20Geb=C3=BChr?= <julian-samuel@gebuehr.net>
Date: Sun, 30 May 2021 22:24:37 +0200
Subject: [PATCH] Fix cookie button.

The button is now implemented via a neat shortcode
---
 content/post/why-hyteck.md            | 22 +++-------------------
 layouts/shortcodes/cookie_button.html | 24 ++++++++++++++++++++++++
 2 files changed, 27 insertions(+), 19 deletions(-)
 create mode 100644 layouts/shortcodes/cookie_button.html

diff --git a/content/post/why-hyteck.md b/content/post/why-hyteck.md
index 406ccd1..73a9cc5 100644
--- a/content/post/why-hyteck.md
+++ b/content/post/why-hyteck.md
@@ -3,7 +3,7 @@ title: "Why Hyteck"
 date: 2019-09-16T18:18:10+02:00
 draft: false 
 image: ""
-categrories: [English]
+categories: ['English', 'me']
 tags: ['about']
 ---
 
@@ -29,23 +29,7 @@ pronounciation is a Homophone of Tech.
 
 The Hy stayed as I always had a close connection to water.
 
+
 I feel like I overexplained this a bit, so poor you if you read till the end.
 
-<script>
-function createCookie(name, value, days){
-    var expires;
-    if (days) {
-        var date = new Date();
-        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
-        expires = "; expires=" + date.toGMTString();
-    }
-    else {
-        expires = "";
-    }
-    document.cookie = name + "=" + value + expires + "; path=/; samesite=strict;";
-}
-</script>
-
-Have a <button onclick="createCookie('achievement', 'TLDR_resistant', 365)">cookie</button>
-
-
+However, you earned a {{< cookie_button achievement TLDR_restistant cookie>}}!
diff --git a/layouts/shortcodes/cookie_button.html b/layouts/shortcodes/cookie_button.html
new file mode 100644
index 0000000..6b0b4b4
--- /dev/null
+++ b/layouts/shortcodes/cookie_button.html
@@ -0,0 +1,24 @@
+<!---
+
+Adds a button that, when you click it stores a cookie for the user.
+
+Use as {{< cookie_button cookie_key cookie_value button_text>}}
+-->
+<script>
+function createCookie(name, value, days){
+    var expires;
+    if (days) {
+        var date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toGMTString();
+    }
+    else {
+        expires = "";
+    }
+    document.cookie = name + "=" + value + expires + "; path=/; samesite=strict;";
+}
+</script>
+
+<button onclick="createCookie('{{ index .Params 0}}', '{{ index .Params 1}}', 365)">{{ index .Params 2}}</button>
+
+