forked from foone/SierraDeathGenerator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (89 loc) · 6.47 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
102
103
104
105
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Death Generator</title>
<meta name="description" content="The Death Generator">
<meta name="author" content="@foone">
<!-- Styles -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/tachyons.min.css">
<link rel="stylesheet" href="css/styles.css?v=1.0">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<!-- Jquery -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.waitforimages.min.js"></script>
<script src="js/linebreak.js"></script>
<script type="text/javascript" src="js/gif/LZWEncoder.js"></script>
<script type="text/javascript" src="js/gif/NeuQuant.js"></script>
<script type="text/javascript" src="js/gif/GIFEncoder.js"></script>
<script type="text/javascript" src="js/gif/b64.js"></script>
</head>
<body class="w-100 sans-serif bg-white black-80 code">
<main>
<div id="gallery-box">
<div class="mw9 center ph1-ns flex items-center">
<h1 class="mw9f3 fw6 ttu ph3">The Death Generator</h1>
<div class="credits ph3">
By <a href="http://floppy.foone.org/w/Main_Page">Foone Turing</a> (<a href="https://twitter.com/Foone">@foone</a>)<br />
Project source code on <a href="https://github.com/foone/SierraDeathGenerator">github</a>.<br />
Support this project on <a href="https://ko-fi.com/fooneturing">Ko-fi</a> or <a href="https://www.patreon.com/foone">Patreon</a>!
</div>
</div>
<div id="generator-collection" class="flex flex-wrap">
</div>
</div>
<div id="main-generator-box" class="mw9 center ph1-ns">
<div class="cf ph1-ns">
<div class="fl w-100 w-100-ns pa1">
<h1 class="f3 fw6 ttu change-title">The Death Generator</h1>
<a href="#gallery" id="gallery-link" class="f6 link dim ph3 pv2 mb2 dib white bg-dark-gray">Gallery</a>
<a href="#random" id="random-generator" class="f6 link dim ph2 pv2 mb2 dib white bg-dark-gray" title="Random generator">🎲</a>
<a href="#" id="hidelink" class="f6 link dim ph3 pv2 mb2 dib white bg-dark-gray">- Hide generators</a>
<a href="#" id="showlink" class="f6 link dim ph3 pv2 mb2 dib white bg-dark-gray">+ Show other generators</a>
<div class="tracked" id="genlist"> </div>
<div id="debug-alerts"></div>
<div id="main-container">
<div class="main-generator">
<!-- copyright footnote -->
<p><a href="https://github.com/foone/SierraDeathGenerator">Code</a> by <a href="https://twitter.com/Foone">@Foone</a><span id="extra-contrib"></span>, content by <a href="#" class="change-source">somebody</a><span id="content-contrib"></span>.
<a id="playlink" href=""><span id="how-to-use"><!-- this gets replaced by scripts.js based on the generator, but the default option is "Play this game" --></span> on
<span id="where-to-use"><!-- This gets replaced by scripts.js based on the generator, and the default is "the Internet Archive" --></span>!</a></p>
<!-- Screenshot/Canvas -->
<canvas id="death">No canvas!</canvas>
<canvas id="border">No canvas!</canvas>
<!-- Customization -->
<p>
<textarea cols="40" rows="6" id="sourcetext" class="border-box hover-black measure b--black-20 pa2 mb2"></textarea>
<a href="#" id="save"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAQMAAADYVuV7AAAABlBMVEX///8AAABVwtN+AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAd0SU1FB+IBBRQ0G7eG+BwAAACiSURBVDjLzdIxCsMwDAVQgQePOkIuIvDRmqP5Br2CS4eM8ZhBxHUUt8gE09KQtNoefGRbFgAkKQapFbNGqtBreAHbAGBTEEyCMSoM0wvdcGeF26wQksZFw2l0ZwDsB1hGsAfrYP8G7Ysa+ey3DarY7mcfN7ey606vcvoaPymMLRC1gDlIVMIVjM9JKuEKEJGJHG+xRHIL2AIjXo1/nqNxfj0AmAoaBZSWo6oAAAAASUVORK5CYII=" width="96" height="96" alt="Save image"/></a>
<a href="#" id="makegif"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAQMAAADYVuV7AAAABlBMVEX///8AAABVwtN+AAAAj0lEQVQ4y8XTPQrEIBAF4Be2SLPgEXIRwaNlj+ZR9giWKcSJThJ4gltsDMkrlA9Uxj8AoonQbEgMqfBheMU2dfpqt2hrAmFcCK9IGBIBwpgPFDvG9CdKlX1IvZDwNLq30HuIZ26uAq7D/tYdP2U5jWdigvPHp61hrYF9txCQ4X/BtRF5GEOXRgsm5nKauD0ruhv4EIwH690AAAAASUVORK5CYII=" width="96" height="96" alt="Make GIF"/></a>
<a href="#" id="upload"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAQMAAADYVuV7AAAABlBMVEX///8AAABVwtN+AAAA30lEQVQ4jcXQvY0EIQwF4HdyMCEdDKXQli9aKtlaKGVKICRAehd4fmBgkj2d7gWITzJYNvBxyAc4Ms8RyDoH2fzQQpiEaQJhBcIMgRkIeYSQGXATuEeECgCuTpCtOA2wU2zwHmietgg7XN0hySCsBjngssENCNUQDoDJQBqYcCCDCRAyGXCigucWOjj2qCdg2JfWIfwefEZqmvbIB+SGwCs93HWvPeRC7vEvUQV8BICvMmKJVnTHd1mi3/w2Yl2XqAr1ZQ5fVO/wZYmqqne8ygq/+c2//bsH8IrNEB3+Kj+S1jxFYXY/ugAAAABJRU5ErkJggg==" width="96" height="96" alt="Upload"/></a>
<a href="#" id="jsondump" class="debug-only"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAQMAAADYVuV7AAAABlBMVEX///8AAABVwtN+AAAAZElEQVQ4y2MYHuD//wPM//9TiWP/B0IOPg7QiXDnUswZBP7BwaFunA5/wPhP/gH7gwo5TA5DRUWFXEUdVk4dQ4Vc/TxsHPmGCrnKfygcqH7GHyATsHBARgMRJkf+AcI5CA7dAAAr2rw763uNiQAAAABJRU5ErkJggg==" width="96" height="96" alt="JSON"/></a>
<!--
<table class="debug-only" class="display: none;">
<tr><td> </td><td><button class="move-button" data-moveoffset="0,-1">↑</button></td></tr>
<tr><td><button class="move-button" data-moveoffset="-1,0" >←</button></td><td></td><td><button class="move-button" data-moveoffset="+1,0" >→</button></td></tr>
<tr><td> </td><td><button class="move-button" data-moveoffset="0,+1" >↓</button></td></tr>
<tr><td colspan=3 id="origin-point"></td></tr>
</table>
-->
<img src="imgs/throbber.gif" id="throbber" /><span id="uploading">dummy</span>
</p>
<div class="wordwrap"><label><input type=checkbox id="wordwrap" checked=""> Automatic wordwrapping</label></div>
<div class="overlays"></div>
<div class="hidebackground"><label><input type=checkbox id="hidebackground"> Transparent background</label></div>
<div id="background-explanation">Note: The grey checkboard background will disappear when you click Save, but is included here to make it easier to edit your image</div>
</div>
<div id="notes"></div>
</div>
</div>
</div>
</div>
</main>
<!-- Other/Main Scripts after DOM load -->
<script src="js/generators.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>