-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
101 lines (95 loc) · 6.31 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
---
---
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jerma Debt Tracker</title>
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.ico">
<link rel="stylesheet" href="assets/css/styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/6.0.0/d3.min.js" integrity="sha512-9uJB6ZmL2UhBkQH2X1B+lbEFIDtlauO0fPUp0Rdo6Tz21a1awgSD+FfSykvd+gD3c8WQrwWeaEgMkPsDep3P8w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js" integrity="sha512-qTXRIMyZIFb8iQcfjXWCO8+M5Tbc38Qi5WzdPOYZHIlZpzBHG3L3by84BBBOiRGiEb7KKtAOAs5qYdUiZiQNNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js" integrity="sha512-s+xg36jbIujB2S2VKfpGmlC3T5V2TF3lY48DX7u2r9XzGzgPsa6wTpOQA7J9iffvdeBN0q9tKzRxVxw1JviZPg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/canvas-confetti/1.4.0/confetti.min.js" integrity="sha512-XllUlpv2LaC+gLkXoTMYH7Pc/bFGe7A+v2BBCB7wgjNuCYnbqlaNMD6AL5p6C8qY2ZDBYyemzFJHQADMda+uJw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<header>
<h1>
<div class="u-container-style u-custom-color-1 u-expanded-width u-group u-shape-rectangle u-group-1">
<a title="contribute :)" href="/~https://github.com/JermaSites/JermaDebt" class="github-corner" aria-label="View source on GitHub"><svg width="12.2vh" height="12.2vh" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
</div>
<a class="head-link" href="https://debt.jerma.io">Jerma Debt Tracker</a>
</h1>
</header>
<div class="data-display">
{% assign debtTotal = 0 %}
{% for event in site.data.debt %}
{%- if event.Active != "FALSE" -%}
{% assign debtTotal = debtTotal | plus: event.DebtChange %}
{%- endif -%}
{% endfor %}
<h1 id="debtCounterNum">${{debtTotal | intcomma }}</h1>
<h2 id="debtCounterText">
{% assign numwords = debtTotal | num2words %}
{{ numwords | slice: 1, numwords.size | capitalize_all | replace: "And", "and"}}
</h2>
</div>
<article>
<div class="intro">
On the 8th of November 2020, at approximately 6pm, popular e-clown Jerma985 bet his chat, while playing the game Noita, that if he missed the next shot on the the next enemy, he would owe chat 500 million community subs. <br>
Jerma985 then proceeded miss the next shot he took. This brings his debt to chat to an original two and a half billion US dollars.<br>
<br>This website will track as Jerma slowly whittles away (or adds to) his debt to chat
<br>This guy is <em>fucked</em>.
</div>
<section class="debt">
<div id="div-wrapper">
<h1>Debt Tracker</h1>
<div class="headerRow">
<h4 class="date"><b>Date</b></h4>
<h4 class="debtChange"><b>Debt Change</b></h4>
<h4 class="reason"><b>Reason</b></h4>
<h4 class="runningTotal"><b>Running Total</b></h4>
</div>
{% assign debtTotal = 0 %}
{% for event in site.data.debt %}
<div class="{% cycle 'row', 'row-alt' %}">
<h4 class="date">{{ event.Date }}</h4>
{% assign classes = 'debtChange ' %}
{%- if event.Active == "FALSE" -%}
{% assign classes = classes | append: 'debtInvalid ' %}
{%- else -%}
{% assign debtTotal = debtTotal | plus: event.DebtChange %}
{%- endif -%}
{%- if event.DebtChange contains "-" -%}
{% assign classes = classes | append: 'debtRemove' %}
{%- else -%}
{% assign classes = classes | append: 'debtAdd' %}
{%- endif -%}
<h4 class="{{ classes }}">
{%- if event.DebtChange contains "-" -%}
-${{ event.DebtChange | slice: 1,event.DebtChange.size | intcomma }}
{%- else -%}
+${{ event.DebtChange | intcomma }}
{%- endif -%}
</h4>
<h4 class="reason">{{ event.ReasonMarkdown | markdownify | remove: '<p>' | remove: '</p>' }}</h4>
<h4 class="runningTotal">${{debtTotal | intcomma }}</h4>
</div>
{% endfor %}
</div>
<canvas id="lineChart" style="height: 85vh;"></canvas>
</section>
</div>
<footer>
<span>Made by Viewers like you</span>
<span>❤️<a title="I dont have a ton of excess money for my hobbies, and any donation would help cover the cost of running this site, like domain fees and possibly eventually hosting fees. Any bit helps, and if you dont want to, then thats equally fine. Thanks yall <3" href="https://cash.app/$scryp"> Donate if you want </a>❤️</span>
</footer>
</article>
<script src="scripts.js"></script>
<script>
{% include bundle.js %}
</script>
<!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "8a624e372b2b42baa0649413c7246f5e"}'></script><!-- End Cloudflare Web Analytics -->
</body>
</html>