diff options
| author | Egor Tensin <egor@tensin.name> | 2023-12-14 00:52:49 +0100 |
|---|---|---|
| committer | Egor Tensin <egor@tensin.name> | 2023-12-14 00:52:49 +0100 |
| commit | 9698e6dc79fc07b7e66b07710c8d0b1d170c8f47 (patch) | |
| tree | e039f85a5c641f0d3f0d433100ef3bb3c8c11fd6 | |
| parent | add a Makefile with the usual shortcuts (diff) | |
| download | fucktipp.ing-9698e6dc79fc07b7e66b07710c8d0b1d170c8f47.tar.gz fucktipp.ing-9698e6dc79fc07b7e66b07710c8d0b1d170c8f47.zip | |
add index.html
| -rw-r--r-- | src/_layouts/page.html | 47 | ||||
| -rw-r--r-- | src/index.html | 65 |
2 files changed, 112 insertions, 0 deletions
diff --git a/src/_layouts/page.html b/src/_layouts/page.html new file mode 100644 index 0000000..d6aea67 --- /dev/null +++ b/src/_layouts/page.html @@ -0,0 +1,47 @@ +<!doctype html> +<html lang="en" data-bs-theme="dark"> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> + + <title>{{ page.title }}</title> + + <style> +html, body { + height: 100%; +} +body { + display: flex; + flex-direction: column; +} +main { + flex-shrink: 0; +} +footer { + margin-top: auto; +} + +@media (min-width: 768px) { + .container { + max-width: 720px; + } +} + </style> + </head> + <body> + <main> + {{ content }} + </main> + <footer class="bg-body-tertiary py-2"> + <div class="container"> + <div class="row"> + <div class="col"> + <div class="text-center text-muted">Made by <a href="https://tensin.name/">me</a>.</div> + </div> + </div> + </div> + </footer> + </body> +</html> diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..2f84fff --- /dev/null +++ b/src/index.html @@ -0,0 +1,65 @@ +--- +layout: page +title: Fuck Tipping +points: + - title: Tipping is hostile to customers. + description: + - | + Businesses embrace the tipping culture so that they can offload the + responsibility to pay proper wages onto their customers while + <em>still</em> selling their products with a high profit margin. + So the customer pays the margin twice — it's <em>already + included</em> in the bill, <em>and</em> in the tip you're "supposed" to + leave. + - | + Furthermore, tipping is manipulative in nature. + It exploits customers by using their egos, as well as senses of guilt + & duty. + Sometimes, even peer pressure! + Personally, I'd prefer to just pay the bill. + - title: Tipping is hostile to workers. + description: + - | + Bosses can use the knowledge about their workers' tips against them. + While the income from tips is often low & unstable, bosses will + still use them to refuse salary increases, health insurance upgrades, + etc. + Therefore, tipping destroys the power of employees during salary & + benefits negotiations. + - title: Tipping encourages bias. + description: + - | + The tipping culture promotes unfairness and bias, because customers are + prioritized based on their perceived generousity (and treated + accordingly). + - title: Tipping is awkward & lame. + description: + - | + Anybody can remember countless times they were trying to collect enough + cash from people at the table to make for a "decent" tip. + Or the awkward, rushed calculation of the number to write down in a + special "Tip:" field that you know the waiter will inspect momentarily. + Or the stupid iPad tipping machines that are now part of the web + folklore? + Jesus Christ, give me a break. +--- +<div class="container"> + <div class="row"> + <div class="col text-center"> + <h1 class="display-1">Don't Tip!</h1> + <p class="lead">Tipping fucking sucks for everybody, don't do it.</p> + </div> + </div> + <div class="row"> + <div class="col"> +{% assign pointer_counter = 0 %} +{% for point in page.points %} + {% assign pointer_counter = pointer_counter | plus: 1 %} + <h4>{{ pointer_counter }}. {{ point.title }}</h4> + {% for para in point.description %} + <p class="text-muted">{{ para }}</p> + {% endfor %} +{% endfor %} + </div> + </div> +</div> |