0.4.1

NotAKrayer · Feb 12, 2024 · 74a674d · 74a674d
1 parent 6608a8f
commit 74a674d
Show file tree

Hide file tree

Showing 3 changed files with 95 additions and 35 deletions.
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 
 <html>
 	<head>
-	<meta name="viewport" content="width=device-width, initial-scale=0.5"> <!--Строчка, которая делает магию-->
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--Строчка, которая делает магию-->
 	<title>Absurd Incremental</title>
 	</head>
 
@@ -14,15 +14,23 @@
 	<link rel="stylesheet" href="style.css"></link>
 
 	<body class="body">
-		<p><font size="6" color="white">Absurd Incremental v0.4 | Big Dot!</font></p>
+		<p><font size="6" color="white">Absurd Incremental v0.4.1 | Small Ui ReDesigne</font></p>
 
+<div class="buttons1">
+
+	<button class="settings" onclick="setshow()" id="settings">
+		<p><font size="6" color="white">S</font></p>
+	</button>
+
 	<button class="genN" onclick="genN()">
 		<p><font size="6" color="white">N</font></p>
 	</button>
 
 	<button class="dot" onclick="dotshow()" id="dots">
 		<p><font size="6" color="white">D</font></p>
 	</button>
+
+</div>
 
 		<hr width="2000" size="4" class="line" align="leftTop"/>
 
@@ -35,32 +43,32 @@
 	</div>
 
 
-	<button class="max" onclick="maxgen()" id="max">
-		<p><font size="6" color="white">Max</font></p>
-	</button>
-
-	<div>
-		<button class="nothingGen" id="gen1bg" onclick="gen1Buy()">
-			<p><font color="white" size="3">Nothing Generator 1 | <span id="gen1">0 </span> / 10 | <span id="gen1cost">10 </span> | <span id="gen1val">0</span> Generators | <span id="gen1x">1</span>x | Generator 1 Per Second: <span id="gen1get">0</span></font></p>
-		</button>
-	</div>
-
-	<div>
+<div class="dotup">
 		<button class="DotUp1" id="DotUp1" onclick="Dot1Buy()">
 			<p><font color="white" size="3">Dot Upgrade 1 | <span id="dot1cost">5.0 </span> Dots | <span id="dot1val">0</span> Upgrades | 1.5x Nothing | Current Boost: <span id="dot1boost">1</span>x</font></p>
 		</button>
-	</div>
 
-	<div>
+	&nbsp;&nbsp;&nbsp;
+
 		<button class="DotUp2" id="DotUp2" onclick="Dot2Buy()">
 			<p><font color="white" size="3">Dot Upgrade 2 | <span id="dot2cost">25.0 </span> Dots | <span id="dot2val">0</span> Upgrades | Tickspeed - 10 | Current Boost: <span id="tickspeed">1000</span> - 10</font></p>
 		</button>
-	</div>
-
 
-	<div>
+	&nbsp;&nbsp;&nbsp;
+
 		<button class="DotUp3" id="DotUp3" onclick="Dot3Buy()">
 			<p><font color="white" size="3">Dot Upgrade 3 | <span id="dot3cost"> 5 </span> Dots | <span id="dot3val">0</span> Upgrades | 1.65x Dots | Current Boost: <span id="dotx">1.0</span>x</font></p>
+		</button>	
+</div>	
+
+	<button class="max" onclick="maxgen()" id="max">
+		<p><font size="6" color="white">Max</font></p>
+	</button>
+
+
+	<div>
+		<button class="nothingGen" id="gen1bg" onclick="gen1Buy()">
+			<p><font color="white" size="3">Nothing Generator 1 | <span id="gen1">0 </span> / 10 | <span id="gen1cost">10 </span> | <span id="gen1val">0</span> Generators | <span id="gen1x">1</span>x | Generator 1 Per Second: <span id="gen1get">0</span></font></p>
 		</button>
 	</div>
 
@@ -107,21 +115,19 @@
 		</button>
 	</div>
 
-	<div>
 		<button id="madot" class="madot" onclick="MakeADotReb()">
-			<p><font color="white" size="3">Reset all your Nothing and Nothing Upgrades and Make a Dot: <span id="dotget">0</span></font></p
+			<p><font color="white" size="3">Reset all your Nothing and Nothing Upgrades and Make a Dot: <span id="dotget">0</span></font></p>
 		</button>
-	</div>
 
-	<button class="import" onclick="impsave()">
+	<button class="import" onclick="impsave()" id="imp">
 		<p><font size="6" color="white">Import</font></p>
 	</button>
 
-	<button class="export" onclick="expsave()">
+	<button class="export" onclick="expsave()" id="exp">
 		<p><font size="6" color="white">Export</font></p>
 	</button>
 
-	<button class="reset" onclick="deleteSave()">
+	<button class="reset" onclick="deleteSave()" id="reset">
 		<p><font size="6" color="white">Reset Game</font></p>
 	</button>
 

diff --git a/scripts/buttons.js b/scripts/buttons.js
@@ -106,6 +106,7 @@ function Dot2Buy() {
 
 
 function genN() {
+	int10 = setInterval("madb()", 50);
 	gen1bg.style.display = "block";
 	if (gen2vis > 0) {
 	gen2bg.style.display = "block";
@@ -134,10 +135,14 @@ function genN() {
 	DotUp2.style.display = "none"
 	DotUp3.style.display = "none"
 	document.getElementById("dotcontainer").style.display = "none";
+	document.getElementById("exp").style.display = "none";
+	document.getElementById("imp").style.display = "none";
+	document.getElementById("reset").style.display = "none";
 		}
 
 
 function dotshow() {
+	clearInterval(int10)
 	gen1bg.style.display = "none";
 	gen2bg.style.display = "none";
 	gen3bg.style.display = "none";
@@ -153,6 +158,32 @@ function dotshow() {
 	DotUp3.style.display = "block"
 	document.getElementById("madot").style.display = "none";
 	document.getElementById("dotcontainer").style.display = "block";
+	document.getElementById("exp").style.display = "none";
+	document.getElementById("imp").style.display = "none";
+	document.getElementById("reset").style.display = "none";
+}
+
+function setshow() {
+	clearInterval(int10)
+	gen1bg.style.display = "none";
+	gen2bg.style.display = "none";
+	gen3bg.style.display = "none";
+	gen4bg.style.display = "none";
+	gen5bg.style.display = "none";
+	gen6bg.style.display = "none";
+	gen7bg.style.display = "none";
+	gen8bg.style.display = "none";
+	nothing.style.display = "none";
+	max.style.display = "none";
+	DotUp1.style.display = "none"
+	DotUp2.style.display = "none"
+	DotUp3.style.display = "none"
+	madot.style.display = "none"
+	document.getElementById("madot").style.display = "none";
+	document.getElementById("dotcontainer").style.display = "none";
+	document.getElementById("exp").style.display = "block";
+	document.getElementById("imp").style.display = "block";
+	document.getElementById("reset").style.display = "block";
 }
 
 function showD() {
@@ -176,8 +207,6 @@ function dotshownteval() {
 	}
 }
 
-
-setInterval("madb()", 1);
 setInterval("dotgets()", 1);
 
 

diff --git a/style.css b/style.css
@@ -115,18 +115,17 @@
 	outline: transparent;	
 	border-radius: 10px;
 	cursor: default;
-	top: 10px;
 }
 
 .DotUp2 {
     width: 950px;
     border: 2px solid white;
 	height: 50px;
+	top: 10px;
 	background-color: transparent;
 	outline: transparent;	
 	border-radius: 10px;
 	cursor: default;
-	top: 20px;
 }
 
 .DotUp3 {
@@ -137,12 +136,11 @@
 	outline: transparent;	
 	border-radius: 10px;
 	cursor: default;
-	top: 30px;
 }
 
+
 .import {
 	position: relative;
-	top: 100px;
 	border: 2px solid white;
 	height: 65px;
 	width: 130px;
@@ -154,9 +152,10 @@
 
 .export {
 	position: relative;
-	top: 100px;
 	border: 2px solid white;
 	height: 65px;
+	left: 135px;
+	bottom: 65px;
 	width: 130px;
 	background-color: black;
 	outline: transparent;	
@@ -166,10 +165,11 @@
 
 .reset {
 	position: relative;
-	top: 100px;
 	border: 2px solid white;
 	height: 65px;
 	width: 250px;
+	left: 270px;
+	bottom: 130px;
 	background-color: black;
 	outline: transparent;	
 	border-radius: 10px;
@@ -194,21 +194,35 @@
 	border: 2px solid white;
 	height: 65px;
 	width: 50px;
+	left: 10px;
 	background-color: black;
 	outline: transparent;	
 	border-radius: 10px;
 	cursor: pointer;
 }
 
+.settings {
+	display: block;
+	position: relative;
+	bottom: 10px;
+	left: 0px;
+	border: 2px solid white;
+	height: 65px;
+	width: 50px;
+	background-color: black;
+	outline: transparent;	
+	border-radius: 10px;
+	cursor: pointer;
+}
 
 .dot {
 	display: none;
 	position: relative;
+	bottom: 10px;
+	left: 20px;
 	border: 2px solid white;
 	height: 65px;
-	bottom: 75px;
 	width: 50px;
-	left: 65px;
 	background-color: black;
 	outline: transparent;	
 	border-radius: 10px;
@@ -221,7 +235,7 @@
     border: 2px solid white;
 	height: 50px;
 	background-color: transparent;
-	outline: transparent;	
+	outline: transparent;
 	border-radius: 10px;
 	cursor: default;
 	position: relative;
@@ -231,3 +245,14 @@
 .Dotpoint {
 	display: none; 
 }
+
+
+.buttons1 {
+	display: flex;	
+	margin: auto;
+}
+
+.dotup {
+  display: flex;
+  flex-direction: column;
+}