forked from CursedSliver/Garden-calc-infinite-expansion
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (125 loc) · 5.9 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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Cookie Clicker Farm Calculator</title>
<link href="https://fonts.googleapis.com/css?family=Merriweather:900&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122458148-1"></script>
<script async src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-122458148-1');
</script>
<script src="main.js"></script>
</head>
<body>
<div id="container" style="transform: translateY(-50%);">
<div class="bar"></div>
<div id="garden">
<div id="gardenPanel" class="framed">
<div class="title">Seeds</div>
<div class="line"></div>
<div id="gardenSeeds"></div>
<div class="line"></div>
<div id="ages">
<div id="stage0" class="seed">
<div class="seed-icon" style="background-position: -48px 0px; opacity: 1;"></div>
</div>
<div id="stage1" class="seed">
<div class="seed-icon" style="background-position: -96px 0px; opacity: 1;"></div>
</div>
<div id="stage2" class="seed">
<div class="seed-icon" style="background-position: -144px 0px; opacity: 1;"></div>
</div>
<div id="stage3" class="seed selected">
<div class="seed-icon" style="background-position: -192px 0px; opacity: 1;"></div>
</div>
<div id="stage4" class="seed">
<div class="seed-icon" style="background-position: -192px 0px; opacity: 0.5;"></div>
</div>
</div>
</div>
<div id="mid">
<div id="gardenPlot"></div>
<div id="settings">
<div id="leftToggleable" style="float:left;"></div>
<div id="level-select" class="framed">
<button id="level-sub">-</button>
<div id="level-mid">Level <span id="level">9</span></div>
<button id="level-add">+</button>
</div>
<div id="rightActivatable" style="float:right;"></div>
</div>
</div>
<div id="gardenStats" class="framed">
<div class="title">Stats</div>
<div class="line"></div>
<p id="warning" class="labellike inactive">Note: Gardens larger than 6x6 do not exist in-game.</p>
<div id="stats"></div>
<button id="infoButton" class="framed small">Information & Credit</button>
</div>
<div id="misc" class="framed">
<div class="title">Miscellaneous</div>
<div class="line"></div>
<button id="importButton" class="framed small">Import</button>
<button id="exportButton" class="framed small" style="margin-bottom:0px">Export garden</button>
<label for="import">(to clipboard)</label>
<div class="line"></div>
<label for="customResizeDims"> width | height </label>
<br>
<div id="customResizeDims">
<input type="text" id="xDim"></input>
<input type="text" id="yDim"></input>
</div>
<button id="resize" class="framed small">Custom resize</button>
<div class="line"></div>
<label for="cycleSet" style="margin-bottom:0px;">Cycle tools</label>
<div id="cycleSet">
<button id="cycleLeft" class="framed small" style="width:40%;margin-left:4px;margin-right:0px;margin-bottom:1px;">left</button>
<button id="cycleRight" class="framed small" style="width:40%;margin-right:4px;margin-left:0px;margin-bottom:1px;">right</button>
</div>
<div class="line"></div>
<button id="captureButton" class="framed small">Capture garden</button>
<label for="captureButton" id="captureWarning" class="inactive">May causes minor distortions for gardens this big.</label>
</div>
<div id="gardenBGDiv" class="gardenBG hasShadow" style=""></div>
</div>
<div class="bar"></div>
<div id="gardenMask" style="display:none;"></div>
</div>
<div id="promptAnchor">
<div id="info" class="framed inactive prompt">
<!-- <div id="xCancel"></div> -->
<h1>
Garden Calculator
</h1>
<br>
<h3>
-> Infinite Expansion mod <-
</h3>
<div class="line"></div>
<p>The Garden Calculator was originally made by <b>Daydun</b> and hosted at <a href="https://daydun.com/cookie/garden/" target="_blank">https://daydun.com/cookie/garden</a> for the Garden minigame in <a href="https://orteil.dashnet.org/cookieclicker" target="_blank">Cookie Clicker</a>. It was intended to be a way to test the efficiency of your Garden configurations by displaying the probabilities for plants to mutate in a given configuration.</p>
<p>It was upgraded by CursedSliver to include many new features and improvements; mainly for <a href="https://docs.google.com/document/d/1CXzO7URuWWs7v4G8lDWUTSDdz0zdiQ-Ni9vCferVhJI/edit?usp=sharing" target="_blank">Garden Puzzles</a>, but has also picked up on Daydun's unfinished agenda with the addition of features also helpful to ordinary players.</p>
<p>To report bugs or leave comments/suggestions, go to the <a href="https://github.com/CursedSliver/Garden-calc-infinite-expansion" target="_blank">github page</a>.</p>
<div class="closeNotice">Click outside of this prompt to close this prompt.</div>
</div>
<div id="import" class="framed inactive prompt">
<!-- <div id="xCancel"></div> -->
<h1>
Import garden or save
</h1>
<div class="line"></div>
<p>Input your save or a garden code below. (will override the current garden on import)</p>
<br>
<textarea id="textareaPrompt" class="framed"></textarea>
<br>
<button id="importPromptButton" class="framed small" style="text-align: center; text-decoration: underline;">Import!</button>
<div class="closeNotice">Click outside of this prompt to close this prompt.</div>
</div>
</div>
</body>
</html>