Adding thanks for tipping page.

tbrockman · tbrockman · commit f706cc26c832 · 2021-05-21T21:10:11.000-07:00
diff --git a/_layouts/thanks-for-tipping.html b/_layouts/thanks-for-tipping.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
+        <link href="https://fonts.googleapis.com/css2?family=Ubuntu&amp;display=swap" rel="stylesheet">
+        <link rel="stylesheet" type="text/css" href="/assets/css/thanks-for-tipping.css">
+        <title>theodore brockman - thanks for tipping!</title>
+        {% seo %}
+    </head>
+    <body>
+        {{content}}
+        <script src='/assets/js/thanks-for-tipping.js'></script>
+    </body>
+</html>
diff --git a/_sass/thanks-for-tipping.scss b/_sass/thanks-for-tipping.scss
@@ -0,0 +1,18 @@
+html {
+    width: 100%;
+    height: 100%;
+}
+
+body {
+    font-family: 'Ubuntu', sans-serif;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+}
diff --git a/assets/css/thanks-for-tipping.scss b/assets/css/thanks-for-tipping.scss
@@ -0,0 +1,3 @@
+---
+---
+@import "thanks-for-tipping";
diff --git a/assets/js/thanks-for-tipping.js b/assets/js/thanks-for-tipping.js
@@ -0,0 +1,12 @@
+const getTipAmount = () => {
+    const search = new URLSearchParams(window.location.search)
+    console.log(search)
+    return search.get('tip')
+}
+
+window.addEventListener('load', () => {
+    const tip = getTipAmount()
+    console.log(tip)
+    const header = document.getElementById('tip-header')
+    header.innerText = `🎉 thanks for your $${(tip / 100).toFixed(2)} tip!`
+})
diff --git a/prune/thanks-for-tipping.html b/prune/thanks-for-tipping.html
@@ -0,0 +1,11 @@
+---
+layout: thanks-for-tipping
+---
+<div class='container'>
+    <h1 id='tip-header'>🎉 thanks for your $ tip!</h1>
+        
+    <p style='margin: 0;'>any donation really helps keep me motivated to work on prune, thanks for the support!
+    </p>
+    <p>feel free to reach out to me at <a href='mailto:iam@theo.lol'>iam@theo.lol</a> if you have any comments, suggestions, or questions</p>
+    <p>- theo</p>
+</div>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+---`
	`2`	`+---`
	`3`	`+@import "thanks-for-tipping";`