Dateien hochladen nach „“
techcrafter
4 years ago
parent
138e1accc7
commit
80f7e54aa0
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/></svg>
|
||||||
|
After Width: | Height: | Size: 421 B |
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zm-141.651-35.33c4.937-32.999-20.191-50.739-54.55-62.573l11.146-44.702-27.213-6.781-10.851 43.524c-7.154-1.783-14.502-3.464-21.803-5.13l10.929-43.81-27.198-6.781-11.153 44.686c-5.922-1.349-11.735-2.682-17.377-4.084l.031-.14-37.53-9.37-7.239 29.062s20.191 4.627 19.765 4.913c11.022 2.751 13.014 10.044 12.68 15.825l-12.696 50.925c.76.194 1.744.473 2.829.907-.907-.225-1.876-.473-2.876-.713l-17.796 71.338c-1.349 3.348-4.767 8.37-12.471 6.464.271.395-19.78-4.937-19.78-4.937l-13.51 31.147 35.414 8.827c6.588 1.651 13.045 3.379 19.4 5.006l-11.262 45.213 27.182 6.781 11.153-44.733a1038.209 1038.209 0 0 0 21.687 5.627l-11.115 44.523 27.213 6.781 11.262-45.128c46.404 8.781 81.299 5.239 95.986-36.727 11.836-33.79-.589-53.281-25.004-65.991 17.78-4.098 31.174-15.792 34.747-39.949zm-62.177 87.179c-8.41 33.79-65.308 15.523-83.755 10.943l14.944-59.899c18.446 4.603 77.6 13.717 68.811 48.956zm8.417-87.667c-7.673 30.736-55.031 15.12-70.393 11.292l13.548-54.327c15.363 3.828 64.836 10.973 56.845 43.035z"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
@ -0,0 +1,167 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset='utf-8'>
|
||||||
|
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
||||||
|
<title>Bits-Net</title>
|
||||||
|
<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0'/>
|
||||||
|
<link rel='stylesheet' type='text/css' media='screen' href='test.css'>
|
||||||
|
<link rel='stylesheet' type='text/css' media='screen' href='popup.css'>
|
||||||
|
<script src='test.js'></script>
|
||||||
|
<style>
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="header">
|
||||||
|
<div class="row">
|
||||||
|
<svg class="icon-head" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||||
|
<path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/>
|
||||||
|
</svg>
|
||||||
|
<div class="text-center">
|
||||||
|
<span>
|
||||||
|
<span id="output" class="number" >
|
||||||
|
0.0
|
||||||
|
</span>
|
||||||
|
<svg class="icon-head-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||||
|
<path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zm-141.651-35.33c4.937-32.999-20.191-50.739-54.55-62.573l11.146-44.702-27.213-6.781-10.851 43.524c-7.154-1.783-14.502-3.464-21.803-5.13l10.929-43.81-27.198-6.781-11.153 44.686c-5.922-1.349-11.735-2.682-17.377-4.084l.031-.14-37.53-9.37-7.239 29.062s20.191 4.627 19.765 4.913c11.022 2.751 13.014 10.044 12.68 15.825l-12.696 50.925c.76.194 1.744.473 2.829.907-.907-.225-1.876-.473-2.876-.713l-17.796 71.338c-1.349 3.348-4.767 8.37-12.471 6.464.271.395-19.78-4.937-19.78-4.937l-13.51 31.147 35.414 8.827c6.588 1.651 13.045 3.379 19.4 5.006l-11.262 45.213 27.182 6.781 11.153-44.733a1038.209 1038.209 0 0 0 21.687 5.627l-11.115 44.523 27.213 6.781 11.262-45.128c46.404 8.781 81.299 5.239 95.986-36.727 11.836-33.79-.589-53.281-25.004-65.991 17.78-4.098 31.174-15.792 34.747-39.949zm-62.177 87.179c-8.41 33.79-65.308 15.523-83.755 10.943l14.944-59.899c18.446 4.603 77.6 13.717 68.811 48.956zm8.417-87.667c-7.673 30.736-55.031 15.12-70.393 11.292l13.548-54.327c15.363 3.828 64.836 10.973 56.845 43.035z"/>
|
||||||
|
</svg>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div id="icon-bit-main" class="col-6 col-s-9">
|
||||||
|
<svg onClick="up()" class="icon-bit btn-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||||
|
<path d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zm-141.651-35.33c4.937-32.999-20.191-50.739-54.55-62.573l11.146-44.702-27.213-6.781-10.851 43.524c-7.154-1.783-14.502-3.464-21.803-5.13l10.929-43.81-27.198-6.781-11.153 44.686c-5.922-1.349-11.735-2.682-17.377-4.084l.031-.14-37.53-9.37-7.239 29.062s20.191 4.627 19.765 4.913c11.022 2.751 13.014 10.044 12.68 15.825l-12.696 50.925c.76.194 1.744.473 2.829.907-.907-.225-1.876-.473-2.876-.713l-17.796 71.338c-1.349 3.348-4.767 8.37-12.471 6.464.271.395-19.78-4.937-19.78-4.937l-13.51 31.147 35.414 8.827c6.588 1.651 13.045 3.379 19.4 5.006l-11.262 45.213 27.182 6.781 11.153-44.733a1038.209 1038.209 0 0 0 21.687 5.627l-11.115 44.523 27.213 6.781 11.262-45.128c46.404 8.781 81.299 5.239 95.986-36.727 11.836-33.79-.589-53.281-25.004-65.991 17.78-4.098 31.174-15.792 34.747-39.949zm-62.177 87.179c-8.41 33.79-65.308 15.523-83.755 10.943l14.944-59.899c18.446 4.603 77.6 13.717 68.811 48.956zm8.417-87.667c-7.673 30.736-55.031 15.12-70.393 11.292l13.548-54.327c15.363 3.828 64.836 10.973 56.845 43.035z"/>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<div id="wrench">
|
||||||
|
Wrench
|
||||||
|
</div>
|
||||||
|
<div id="bag">
|
||||||
|
<div class="aside">
|
||||||
|
<div class="top">
|
||||||
|
<div> Shop</div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pi()">
|
||||||
|
<div id="pi" > Buy 1 PI</div>
|
||||||
|
<div id="piPrice" class="short_text"> 5 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pc()">
|
||||||
|
<div id="pc" > Buy 1 PC</div>
|
||||||
|
<div id="pcPrice" class="short_text"> 10 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="sv()">
|
||||||
|
<div id="sv" > Buy 1 Server</div>
|
||||||
|
<div id="svPrice" class="short_text"> 10 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik">
|
||||||
|
<div onClick="up()"> Buy 1 Cluster</div>
|
||||||
|
<div class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="arrow">
|
||||||
|
<div class="aside">
|
||||||
|
<div class="top">
|
||||||
|
<div> Wonna start and stop this shit ?</div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pistr()">
|
||||||
|
<div id="pistr" >Start PI</div>
|
||||||
|
<div id="piBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pcstr()">
|
||||||
|
<div id="pcstr" >Start PC</div>
|
||||||
|
<div id="pcBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="svstr()">
|
||||||
|
<div id="svstr" >Start Server</div>
|
||||||
|
<div id="svBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="up()">
|
||||||
|
<div id="clstr">Start Cluster</div>
|
||||||
|
<div id="clBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="menu-desc" class="col-3 col-s-12">
|
||||||
|
<div class="aside">
|
||||||
|
<div class="top">
|
||||||
|
<div> Shop</div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pi()">
|
||||||
|
<div id="pi" > Buy 1 PI</div>
|
||||||
|
<div id="piPrice" class="short_text"> 5 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pc()">
|
||||||
|
<div id="pc" > Buy 1 PC</div>
|
||||||
|
<div id="pcPrice" class="short_text"> 10 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="sv()">
|
||||||
|
<div id="sv" > Buy 1 Server</div>
|
||||||
|
<div id="svPrice" class="short_text"> 10 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik">
|
||||||
|
<div onClick="up()"> Buy 1 Cluster</div>
|
||||||
|
<div class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
<div class="top">
|
||||||
|
<div>Upgrades</div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik">
|
||||||
|
<div>Na</div>
|
||||||
|
<div class="short_text"> Na </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik">
|
||||||
|
<div >Na</div>
|
||||||
|
<div class="short_text"> Na </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik">
|
||||||
|
<div >Na</div>
|
||||||
|
<div class="short_text"> Na </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik">
|
||||||
|
<div >Na</div>
|
||||||
|
<div class="short_text"> Na </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="menu-desc" class="footer">
|
||||||
|
<div class="top">
|
||||||
|
<div> Wonna start and stop this shit ?</div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pistr()">
|
||||||
|
<div id="pistr" >Start PI</div>
|
||||||
|
<div id="piBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="pcstr()">
|
||||||
|
<div id="pcstr" >Start PC</div>
|
||||||
|
<div id="pcBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="svstr()">
|
||||||
|
<div id="svstr" >Start Server</div>
|
||||||
|
<div id="svBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
<div class="Fabrik" onClick="up()">
|
||||||
|
<div id="clstr">Start Cluster</div>
|
||||||
|
<div id="clBits" class="short_text"> 0 </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="menu-mobi" class="nav-bottom">
|
||||||
|
|
||||||
|
<div class="mobil-nav">
|
||||||
|
<span class="mobil-navsub">
|
||||||
|
<p class="text-nav">Store and Upgardes</p>
|
||||||
|
<svg onClick="wrench()" class="icon-nav1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M507.73 109.1c-2.24-9.03-13.54-12.09-20.12-5.51l-74.36 74.36-67.88-11.31-11.31-67.88 74.36-74.36c6.62-6.62 3.43-17.9-5.66-20.16-47.38-11.74-99.55.91-136.58 37.93-39.64 39.64-50.55 97.1-34.05 147.2L18.74 402.76c-24.99 24.99-24.99 65.51 0 90.5 24.99 24.99 65.51 24.99 90.5 0l213.21-213.21c50.12 16.71 107.47 5.68 147.37-34.22 37.07-37.07 49.7-89.32 37.91-136.73zM64 472c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24s24 10.74 24 24c0 13.25-10.75 24-24 24z"/></svg>
|
||||||
|
<svg onClick="bag()" class="icon-nav2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 160v-32C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128v32H0v272c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V160h-96zm-192-32c0-35.29 28.71-64 64-64s64 28.71 64 64v32H160v-32zm160 120c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24zm-192 0c-13.255 0-24-10.745-24-24s10.745-24 24-24 24 10.745 24 24-10.745 24-24 24z"/></svg>
|
||||||
|
<svg onClick="arrow()" class="icon-nav3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"/></svg>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,353 @@
|
|||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
:root{
|
||||||
|
--coin: #e2b025;
|
||||||
|
--bit-click: rgb(238, 194, 99);
|
||||||
|
--bit-hover: #ffffffb9;
|
||||||
|
--bit: #dadadab9;
|
||||||
|
--background: #121212;
|
||||||
|
--background-main: #333333;
|
||||||
|
--background-menu: #292929;
|
||||||
|
--border-idlee: #4C4C4C;
|
||||||
|
--font: #a0cbff;
|
||||||
|
--font-small: #585858;
|
||||||
|
--head: #00497f;
|
||||||
|
--icons: #000000;
|
||||||
|
--icon-back: #ffffffb9;
|
||||||
|
|
||||||
|
}
|
||||||
|
body{
|
||||||
|
max-width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
margin-top: 0px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
background-color: var(--background-main );
|
||||||
|
|
||||||
|
}
|
||||||
|
.row::after {
|
||||||
|
content: "";
|
||||||
|
clear: both;
|
||||||
|
display: table;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class*="col-"] {
|
||||||
|
float: left;
|
||||||
|
padding: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: "Lucida Sans", sans-serif;
|
||||||
|
background-color: var(--background);
|
||||||
|
height: 100%;
|
||||||
|
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
user-select: none;
|
||||||
|
background-color: var(--head );
|
||||||
|
max-height: 4.4em;
|
||||||
|
height: 3.1em;
|
||||||
|
}
|
||||||
|
.icon-head{
|
||||||
|
max-width: 2em;
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-left: 15px;
|
||||||
|
float: left;
|
||||||
|
fill: var(--icons );
|
||||||
|
}
|
||||||
|
.icon-head-right{
|
||||||
|
max-width: 2em;
|
||||||
|
fill: var(--coin );
|
||||||
|
vertical-align: -27px;
|
||||||
|
}
|
||||||
|
.number{
|
||||||
|
text-align: center;
|
||||||
|
font-size: 2em;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
vertical-align: -23px;
|
||||||
|
color: aliceblue;
|
||||||
|
font-size: 200%;
|
||||||
|
}
|
||||||
|
.icon-bit{
|
||||||
|
display: unset;
|
||||||
|
border-radius: 100px;
|
||||||
|
box-sizing: none;
|
||||||
|
border: none;
|
||||||
|
text-align: center;
|
||||||
|
color: inherit;
|
||||||
|
background: none;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 1px;
|
||||||
|
outline: none;
|
||||||
|
position: relative;
|
||||||
|
-webkit-transition: all 0.3s;
|
||||||
|
-moz-transition: all 0.3s;
|
||||||
|
transition: all 0.3s;
|
||||||
|
margin-left: 13px;
|
||||||
|
margin-right: 13px;
|
||||||
|
margin-top: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-bit:after {
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
-webkit-transition: all 0.3s;
|
||||||
|
-moz-transition: all 0.3s;
|
||||||
|
transition: all 0.3s;
|
||||||
|
}
|
||||||
|
#icon-bit-main{
|
||||||
|
box-sizing: none;
|
||||||
|
}
|
||||||
|
/* Button 1 */
|
||||||
|
.btn-1 {
|
||||||
|
fill: var(--bit );
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-1:hover {
|
||||||
|
fill: var(--bit-hover );
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-1:active {
|
||||||
|
fill: var(--bit-click );
|
||||||
|
top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-1:before {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
line-height: 3;
|
||||||
|
font-size: 140%;
|
||||||
|
width: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu li {
|
||||||
|
padding: 8px;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
background-color: var(--background-menu );
|
||||||
|
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu li:hover {
|
||||||
|
background-color: var(--background-menu );
|
||||||
|
}
|
||||||
|
|
||||||
|
.aside {
|
||||||
|
background-color: var(--background-menu );
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
#menu-desc{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#menu-mobi{
|
||||||
|
display: flex ;
|
||||||
|
flex-direction: column;
|
||||||
|
height: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
user-select: none;
|
||||||
|
background-color: var(--background-menu );
|
||||||
|
text-align: center;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.Fabrik {
|
||||||
|
color: var(--font );
|
||||||
|
border: solid 1px;
|
||||||
|
user-select: none;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 1.125rem;
|
||||||
|
font-family: "Source Sans Pro", sans-serif;
|
||||||
|
display: block;
|
||||||
|
text-decoration: none ;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.Fabrik:hover {
|
||||||
|
|
||||||
|
color: rgb(138, 138, 138);
|
||||||
|
transition: 0.3s;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.top {
|
||||||
|
border: solid 1px;
|
||||||
|
user-select: none;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--font );
|
||||||
|
font-size: 1.3rem;
|
||||||
|
font-family: "Source Sans Pro", sans-serif;
|
||||||
|
display: block;
|
||||||
|
text-decoration: none ;
|
||||||
|
border-color: var(--border-idlee);
|
||||||
|
}
|
||||||
|
/* For mobile phones: */
|
||||||
|
[class*="col-"] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (min-width: 600px) {
|
||||||
|
/* For tablets: */
|
||||||
|
.col-s-1 {width: 8.33%;}
|
||||||
|
.col-s-2 {width: 16.66%;}
|
||||||
|
.col-s-3 {width: 30%;}
|
||||||
|
.col-s-4 {width: 33.33%;}
|
||||||
|
.col-s-5 {width: 41.66%;}
|
||||||
|
.col-s-6 {width: 50%;}
|
||||||
|
.col-s-7 {width: 58.33%;}
|
||||||
|
.col-s-8 {width: 66.66%;}
|
||||||
|
.col-s-9 {width: 95%;}
|
||||||
|
.col-s-10 {width: 83.33%;}
|
||||||
|
.col-s-11 {width: 91.66%;}
|
||||||
|
.col-s-12 {width: 100%;}
|
||||||
|
body{width: 100%;}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 768px) {
|
||||||
|
/* For desktop: */
|
||||||
|
.col-1 {width: 8.33%;}
|
||||||
|
.col-2 {width: 16.66%;}
|
||||||
|
.col-3 {width: 30%;}
|
||||||
|
.col-4 {width: 33.33%;}
|
||||||
|
.col-5 {width: 41.66%;}
|
||||||
|
.col-6 {width: 70%;}
|
||||||
|
.col-7 {width: 58.33%;}
|
||||||
|
.col-8 {width: 66.66%;}
|
||||||
|
.col-9 {width: 75%;}
|
||||||
|
.col-10 {width: 83.33%;}
|
||||||
|
.col-11 {width: 91.66%;}
|
||||||
|
.col-12 {width: 100%;}
|
||||||
|
body{width: 80%;}
|
||||||
|
.icon-bit{max-width: 800px;}
|
||||||
|
#menu-desc{display: unset;}
|
||||||
|
.icon-bit{
|
||||||
|
margin-left: unset;
|
||||||
|
margin-right: unset;
|
||||||
|
}
|
||||||
|
#menu-mobi{
|
||||||
|
display: none ;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
@media only screen and (min-width: 900px) {
|
||||||
|
/* For desktop: */
|
||||||
|
.col-1 {width: 8.33%;}
|
||||||
|
.col-2 {width: 16.66%;}
|
||||||
|
.col-3 {width: 30%;}
|
||||||
|
.col-4 {width: 33.33%;}
|
||||||
|
.col-5 {width: 41.66%;}
|
||||||
|
.col-6 {width: 70%;}
|
||||||
|
.col-7 {width: 58.33%;}
|
||||||
|
.col-8 {width: 66.66%;}
|
||||||
|
.col-9 {width: 75%;}
|
||||||
|
.col-10 {width: 83.33%;}
|
||||||
|
.col-11 {width: 91.66%;}
|
||||||
|
.col-12 {width: 100%;}
|
||||||
|
body{width: 60%;}
|
||||||
|
.icon-bit{max-width: 800px;}
|
||||||
|
#menu-desc{display: unset;}
|
||||||
|
.icon-bit{
|
||||||
|
margin-left: unset;
|
||||||
|
margin-right: unset;
|
||||||
|
}
|
||||||
|
#menu-mobi{
|
||||||
|
display: none ;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.short_text{
|
||||||
|
color: var(--font-small);
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-center{
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobil-nav{
|
||||||
|
background-color: var(--background-menu) ;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
text-align: center;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0px;
|
||||||
|
width: 100%;
|
||||||
|
max-height: 30%;
|
||||||
|
}
|
||||||
|
.mobil-navsub{
|
||||||
|
background-color: var(--background-menu) ;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-nav1{
|
||||||
|
max-width: 25%;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
padding: 3%;
|
||||||
|
user-select: none;
|
||||||
|
background-color: var(--icon-back);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.icon-nav2{
|
||||||
|
max-width: 25%;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
margin-left: 3%;
|
||||||
|
margin-right: 3%;
|
||||||
|
padding: 3%;
|
||||||
|
user-select: none;
|
||||||
|
background-color: var(--icon-back);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.icon-nav3{
|
||||||
|
max-width: 25%;
|
||||||
|
padding: 3%;
|
||||||
|
user-select: none;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
background-color: var(--icon-back);
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
.nav-bottom{
|
||||||
|
bottom: 10px;
|
||||||
|
}
|
||||||
|
.text-nav{
|
||||||
|
background-color: var(--head);
|
||||||
|
font-size: 20px;
|
||||||
|
|
||||||
|
}
|
||||||
|
#wrench{
|
||||||
|
background-color: crimson;
|
||||||
|
border-radius: 10px;
|
||||||
|
flex-grow: 2;
|
||||||
|
margin: 5px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
#bag{
|
||||||
|
background-color: crimson;
|
||||||
|
border-radius: 10px;
|
||||||
|
flex-grow: 2;
|
||||||
|
margin: 5px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
#arrow{
|
||||||
|
background-color: crimson;
|
||||||
|
border-radius: 10px;
|
||||||
|
flex-grow: 2;
|
||||||
|
margin: 5px;
|
||||||
|
display: none;
|
||||||
|
|
||||||
|
}
|
||||||
@ -0,0 +1,328 @@
|
|||||||
|
|
||||||
|
|
||||||
|
var bit = 0;
|
||||||
|
var bitFac = 1;
|
||||||
|
let out = 0;
|
||||||
|
let check = false;
|
||||||
|
let checkIf = false;
|
||||||
|
let test;
|
||||||
|
let test1;
|
||||||
|
|
||||||
|
// Var. for Pi funktion
|
||||||
|
var Pi = 0;
|
||||||
|
var pricePi = 5;
|
||||||
|
var Pifac = 0;
|
||||||
|
var piTrue = false;
|
||||||
|
var piCheck = false;
|
||||||
|
var Pifact = 1;
|
||||||
|
// Var. for PC funktion
|
||||||
|
var Pc = 0;
|
||||||
|
var pricePc = 10;
|
||||||
|
var Pcfac = 0;
|
||||||
|
var PcTrue = false;
|
||||||
|
var PcCheck = false;
|
||||||
|
var Pcfact = 1;
|
||||||
|
// Var. for Server funktion
|
||||||
|
var Sv = 0;
|
||||||
|
var priceSv = 10;
|
||||||
|
var Svfac = 0;
|
||||||
|
var SvTrue = false;
|
||||||
|
var SvCheck = false;
|
||||||
|
var Svfact = 1;
|
||||||
|
|
||||||
|
function up() {
|
||||||
|
bit = bit + bitFac;
|
||||||
|
out = bit.toFixed(1);
|
||||||
|
document.getElementById('output').innerHTML = out;
|
||||||
|
if (check != true) {
|
||||||
|
check = true;
|
||||||
|
setTimeout(loop, 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function loop() {
|
||||||
|
myVar = setInterval(load, 100);
|
||||||
|
}
|
||||||
|
|
||||||
|
function load() {
|
||||||
|
if (bit >= pricePi) {
|
||||||
|
document.getElementById("pi").style.color = "#148914";
|
||||||
|
} else {
|
||||||
|
document.getElementById("pi").style.color = "unset";
|
||||||
|
}
|
||||||
|
if (bit >= pricePc) {
|
||||||
|
document.getElementById("pc").style.color = "#148914";
|
||||||
|
} else {
|
||||||
|
document.getElementById("pc").style.color = "unset";
|
||||||
|
}
|
||||||
|
if (bit >= priceSv) {
|
||||||
|
document.getElementById("sv").style.color = "#148914";
|
||||||
|
} else {
|
||||||
|
document.getElementById("sv").style.color = "unset";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Buy one PI funktion --------------------------------------------------------------
|
||||||
|
function undoPi() {
|
||||||
|
document.getElementById("pi").style.color = "unset";
|
||||||
|
}
|
||||||
|
|
||||||
|
function piFunk() {
|
||||||
|
if (piTrue === true && piCheck === true) {
|
||||||
|
Pifac = Pi * 1.05;
|
||||||
|
bit = bit + Pifac;
|
||||||
|
out = bit.toFixed(1);
|
||||||
|
document.getElementById('output').innerHTML = out;
|
||||||
|
var Pifac2 = Pifac / 2;
|
||||||
|
out = (Pifac2.toFixed(1)) + " /sec";
|
||||||
|
document.getElementById('piBits').innerHTML = out;
|
||||||
|
setTimeout(piFunk, 2000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function pistr() {
|
||||||
|
if (piTrue === true) {
|
||||||
|
piTrue = false;
|
||||||
|
document.getElementById('pistr').innerHTML = "Start PI";
|
||||||
|
} else {
|
||||||
|
piTrue = true;
|
||||||
|
setTimeout(piFunk, 1);
|
||||||
|
document.getElementById('pistr').innerHTML = "Stop PI";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function pi() {
|
||||||
|
if (bit >= pricePi) {
|
||||||
|
bit = bit - pricePi;
|
||||||
|
Pifact = Pifact * 1.005;
|
||||||
|
pricePi = pricePi * Pifact;
|
||||||
|
Pi = Pi + 1;
|
||||||
|
console.log(Pifact.toPrecision(3));
|
||||||
|
//console.log (pricePi.);
|
||||||
|
console.log(pricePi);
|
||||||
|
out = bit.toFixed(1);
|
||||||
|
document.getElementById('output').innerHTML = out;
|
||||||
|
out = pricePi.toFixed(1);
|
||||||
|
document.getElementById('piPrice').innerHTML = out;
|
||||||
|
if (Pi >= 1) {
|
||||||
|
piTrue = true;
|
||||||
|
document.getElementById('pistr').innerHTML = "Stop PI";
|
||||||
|
if (piCheck != true) {
|
||||||
|
setTimeout(piFunk, 1);
|
||||||
|
piCheck = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
document.getElementById("pi").style.color = "#ff0000";
|
||||||
|
setTimeout(undoPi, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Buy one PC funktion --------------------------------------------------------------
|
||||||
|
function undoPc() {
|
||||||
|
document.getElementById("pc").style.color = "unset";
|
||||||
|
}
|
||||||
|
|
||||||
|
function pcFunk() {
|
||||||
|
if (PcTrue === true && PcCheck === true) {
|
||||||
|
Pcfac = Pc * 1.3;
|
||||||
|
bit = bit + Pcfac;
|
||||||
|
out = bit.toFixed(1);
|
||||||
|
document.getElementById('output').innerHTML = out;
|
||||||
|
var Pcfac2 = Pcfac / 2;
|
||||||
|
out = (Pcfac2.toFixed(1)) + " /sec";
|
||||||
|
document.getElementById('pcBits').innerHTML = out;
|
||||||
|
setTimeout(pcFunk, 2000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function pcstr() {
|
||||||
|
if (PcTrue === true) {
|
||||||
|
PcTrue = false;
|
||||||
|
document.getElementById('pcstr').innerHTML = "Start PC";
|
||||||
|
} else {
|
||||||
|
PcTrue = true;
|
||||||
|
setTimeout(pcFunk, 1);
|
||||||
|
document.getElementById('pcstr').innerHTML = "Stop PC";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function pc() {
|
||||||
|
if (bit >= pricePc) {
|
||||||
|
bit = bit - pricePc;
|
||||||
|
Pcfact = Pcfact * 1.005;
|
||||||
|
pricePc = pricePc * Pcfact;
|
||||||
|
Pc = Pc + 1;
|
||||||
|
console.log(Pcfact.toPrecision(3));
|
||||||
|
//console.log (pricePc.);
|
||||||
|
console.log(pricePc);
|
||||||
|
out = bit.toFixed(1);
|
||||||
|
document.getElementById('output').innerHTML = out;
|
||||||
|
out = pricePc.toFixed(1);
|
||||||
|
document.getElementById('pcPrice').innerHTML = out;
|
||||||
|
if (Pc >= 1) {
|
||||||
|
PcTrue = true;
|
||||||
|
document.getElementById('pcstr').innerHTML = "Stop Pc";
|
||||||
|
if (PcCheck != true) {
|
||||||
|
setTimeout(pcFunk, 1);
|
||||||
|
PcCheck = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
document.getElementById("pc").style.color = "#ff0000";
|
||||||
|
setTimeout(undoPc, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Buy one Server funktion --------------------------------------------------------------
|
||||||
|
function undoSv() {
|
||||||
|
document.getElementById("sv").style.color = "unset";
|
||||||
|
}
|
||||||
|
|
||||||
|
function svFunk() {
|
||||||
|
if (SvTrue === true && SvCheck === true) {
|
||||||
|
Svfac = Sv * 1.6;
|
||||||
|
bit = bit + Svfac;
|
||||||
|
out = bit.toFixed(1);
|
||||||
|
document.getElementById('output').innerHTML = out;
|
||||||
|
var Svfac2 = Svfac / 2;
|
||||||
|
out = (Svfac2.toFixed(1)) + " /sec";
|
||||||
|
document.getElementById('svBits').innerHTML = out;
|
||||||
|
setTimeout(svFunk, 2000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function svstr() {
|
||||||
|
if (SvTrue === true) {
|
||||||
|
SvTrue = false;
|
||||||
|
document.getElementById('svstr').innerHTML = "Start Server";
|
||||||
|
} else {
|
||||||
|
SvTrue = true;
|
||||||
|
setTimeout(svFunk, 1);
|
||||||
|
document.getElementById('svstr').innerHTML = "Stop Server";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function sv() {
|
||||||
|
if (bit >= priceSv) {
|
||||||
|
bit = bit - priceSv;
|
||||||
|
Svfact = Svfact * 1.009;
|
||||||
|
priceSv = priceSv * Svfact;
|
||||||
|
Sv = Sv + 1;
|
||||||
|
console.log(Svfact.toPrecision(3));
|
||||||
|
//console.log (priceSv.);
|
||||||
|
console.log(priceSv);
|
||||||
|
out = bit.toFixed(1);
|
||||||
|
document.getElementById('output').innerHTML = out;
|
||||||
|
out = priceSv.toFixed(1);
|
||||||
|
document.getElementById('svPrice').innerHTML = out;
|
||||||
|
if (Sv >= 1) {
|
||||||
|
SvTrue = true;
|
||||||
|
document.getElementById('svstr').innerHTML = "Stop Server";
|
||||||
|
if (SvCheck != true) {
|
||||||
|
setTimeout(svFunk, 1);
|
||||||
|
SvCheck = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
document.getElementById("sv").style.color = "#ff0000";
|
||||||
|
setTimeout(undoSv, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//--Popup shit---------------------------------------
|
||||||
|
var wrenchCheck = true;
|
||||||
|
function wrench() {
|
||||||
|
if (wrenchCheck == true) {
|
||||||
|
document.getElementById("icon-bit-main").style.display = "none";
|
||||||
|
document.getElementById("wrench").style.display = "block";
|
||||||
|
wrenchCheck = false;
|
||||||
|
var elements = document.getElementsByClassName('icon-nav1');
|
||||||
|
elements[0].style.backgroundColor = "#4C4C4C";
|
||||||
|
|
||||||
|
if (bagCheck === true || arrowCheck === true ) {
|
||||||
|
document.getElementById("bag").style.display = "none";
|
||||||
|
document.getElementById("arrow").style.display = "none";
|
||||||
|
|
||||||
|
var elements = document.getElementsByClassName('icon-nav2');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
var elements = document.getElementsByClassName('icon-nav3');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
bagCheck = true;
|
||||||
|
arrowCheck = true;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
document.getElementById("wrench").style.display = "none";
|
||||||
|
document.getElementById("icon-bit-main").style.display = "block";
|
||||||
|
wrenchCheck = true;
|
||||||
|
|
||||||
|
var elements = document.getElementsByClassName('icon-nav1');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var bagCheck = true;
|
||||||
|
function bag() {
|
||||||
|
if (bagCheck == true) {
|
||||||
|
document.getElementById("bag").style.display = "block";
|
||||||
|
document.getElementById("icon-bit-main").style.display = "none";
|
||||||
|
bagCheck = false;
|
||||||
|
|
||||||
|
var elements = document.getElementsByClassName('icon-nav2');
|
||||||
|
elements[0].style.backgroundColor = "#4C4C4C";
|
||||||
|
if (wrenchCheck === true || arrowCheck === true ) {
|
||||||
|
document.getElementById("wrench").style.display = "none";
|
||||||
|
document.getElementById("arrow").style.display = "none";
|
||||||
|
var elements = document.getElementsByClassName('icon-nav1');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
var elements = document.getElementsByClassName('icon-nav3');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
wrenchCheck = true;
|
||||||
|
arrowCheck = true;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
document.getElementById("bag").style.display = "none";
|
||||||
|
document.getElementById("icon-bit-main").style.display = "block";
|
||||||
|
bagCheck = true;
|
||||||
|
|
||||||
|
var elements = document.getElementsByClassName('icon-nav2');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var arrowCheck = true;
|
||||||
|
function arrow() {
|
||||||
|
if (arrowCheck == true) {
|
||||||
|
document.getElementById("icon-bit-main").style.display = "none";
|
||||||
|
document.getElementById("arrow").style.display = "block";
|
||||||
|
arrowCheck = false;
|
||||||
|
|
||||||
|
var elements = document.getElementsByClassName('icon-nav3');
|
||||||
|
elements[0].style.backgroundColor = "#4C4C4C";
|
||||||
|
|
||||||
|
if (wrenchCheck === true || bagCheck === true ) {
|
||||||
|
document.getElementById("wrench").style.display = "none";
|
||||||
|
document.getElementById("bag").style.display = "none";
|
||||||
|
var elements = document.getElementsByClassName('icon-nav1');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
var elements = document.getElementsByClassName('icon-nav2');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
|
||||||
|
wrenchCheck = true;
|
||||||
|
bagCheck = true;
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else{
|
||||||
|
document.getElementById("arrow").style.display = "none";
|
||||||
|
document.getElementById("icon-bit-main").style.display = "block";
|
||||||
|
arrowCheck = true;
|
||||||
|
|
||||||
|
var elements = document.getElementsByClassName('icon-nav3');
|
||||||
|
elements[0].style.backgroundColor = "#c4c4c4";
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//https://www.w3schools.com/howto/howto_js_popup_form.asp
|
||||||
|
//https://www.w3schools.com/js/tryit.asp?filename=tryjs_intro_lightbulb
|
||||||
Loading…
Reference in New Issue