forked from KeelyHill/tuppers-formula
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (60 loc) · 6.19 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
<!DOCTYPE html>
<html>
<head>
<title>Tupper's Self-Referential Formula Playground</title>
<meta name="author" content="Keely Hill">
<meta name="description" content="An interactive grid for playing with Tupper's Self-Referential Formula.">
<meta name="keywords" content="Tupper's Self-Referential Formula, Self-Referential, Playgroud, Calculator">
<meta property="og:title" content="Tupper's Self-Referential Formula Playground">
<meta property="og:image" content="http://upload.wikimedia.org/wikipedia/commons/8/88/Tupper%27s_self_referential_formula_plot.png">
<meta property="og:description" content="Tupper's Self-Referential Formula, Self-Referential, Playgroud, Calculator">
<link rel="stylesheet" type="text/css" href="index.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" defer></script>
<script src="bignumber.min.js" defer></script>
<script src="netpbm-parser/netpbm-parser.js" defer></script>
<script src="numtowords.js" defer></script>
<script src="index.js" defer></script>
</head>
<body>
<a href="https://github.com/KeelyHill/tuppers-formula"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
<h1 class="title">Tupper's Self-Referential Formula Playground</h1>
<p class="about">
Learn about Tupper's self-referential formula from <a href="http://en.wikipedia.org/wiki/Tupper's_self-referential_formula">Wikipedia</a> or this excellent <a href="https://www.youtube.com/watch?v=_s5RFgd59ao">Numberphile video</a> which inspired this project.
</p>
<p>
-Choose a preset.<br>
-Click a square to select it, again to unselect it; now draw!<br>
-Paste in some binary or a <i>k</i> value.<br />
-Load NetPBM image (will be cropped to 106x17)
</p>
<div id="presets">
<button p=0 dec="0">
Clear</button>
<button p=2 dec="960939379918958884971672962127852754715004339660129306651505519271702802395266424689642842174350718121267153782770623355993237280874144307891325963941337723487857735749823926629715517173716995165232890538221612403238855866184013235585136048828693337902491454229288667081096184496091705183454067827731551705405381627380967602565625016981482083418783163849115590225610003652351370343874461848378737238198224849863465033159410054974700593138339226497249461751545728366702369745461014655997933798537483143786841806593422227898388722980000748404719">
Self-referencing</button>
<button p=0 dec="4858450636189713423582095962494202044581400587983244549483093085061934704708809928450644769865524364849997247024915119110411605739177407856919754326571855442057210445735883681829823754139634338225199452191651284348332905131193199953502413758765239264874613394906870130562295813219481113685339535565290850023875092856892694555974281546386510730049106723058933586052544096664351265349363643957125565695936815184334857605266940161251266951421550539554519153785457525756590740540157929001765967965480064427829131488548259914721248506352686630476300">
Upside Down/Mirrored</button>
<button p=2 dec="960939379918958884971672962127852754715004339660129306651505519271702802395266424689642842174350718121267153782770623355993237280874144307891325963941337723487857735749823926629715517173716995165232890538221619561473865746304976129424093469921873058694492149444647882055806603996307772920108275439090931487231139508469267169521581872227293630931364751681875244141639118844172571080588839278417813855101724217755801034516516847318278139146496085068307449373183066378525002863703739215155304174822734164455483814441481301873381703922338834284527">
Matt</button>
<button p=2 dec="960939379918958884971672962127852754715004339660129306651505519271702802395266424689642842174350718121267153782770623355993237280874144307891325963941337723487857735749823926629715517173716995165232890538221612403238855866184013260522753122461549418660848184788512583419422760972591200813120977848037656423089104040982064477496888800557578380632137393189901536685420214238570784204054100880556256139816373230468970660533160429753220133608095153403766635687948739730842418327362281018940453558210790069088474973124708711014221138053801848209391">
Keely</button>
<button p=27 dec="199906581048959921599063283636381017876638514145377515394768655032182896181840765301233765941912404236602403949843791866630223780358254601304630392631051328046811019312709592227631500979649931518795365589332244156816053373014059549452066117357397504861137579902513441094521287520230019518667792394066561514236589617093087171004366840828891892698134031529309912772479671735132565392237977269551781704913731186986243257748838684516596871363194132734446186856151359947504947980655286675865714081044922472071253">
Sick App</button>
PBM image: <input type="file" id="netpbm" name="file" />
</div>
<div id="grid"></div>
<br>
Bits <span id="bitError" class="error"></span>
<textarea id="bitArea" placeholder="The Binary String"></textarea>
Decimal(<i>k</i>) <small><input type="checkbox" checked id="showCommas"/>Show Commas</small>
<span id="decError" class="error"></span>
<textarea id="decArea" placeholder="The k Decimal"></textarea>
Words <small>(Names of large numbers are taken from <a href="https://googology.wikia.org/wiki/Googology_Wiki">Googology Wiki</a>)</small>
<textarea id="wordsArea" placeholder="Number as words" readonly></textarea>
<br>
<footer>If you're a designer and want to make this look better, send a pull request on <a href="https://github.com/KeelyHill/tuppers-formula">GitHub</a>.<br><br>
Have an idea for a preset, add it as a 'enhancement' issue on <a href="https://github.com/KeelyHill/tuppers-formula/issues">GitHub</a> or contact me.<br><br>
©2015 <a href="http://keelyhill.com">Keely Hill</a> /u/Yeelk on reddit</footer>
<br>
</body>
</html>