Used Divs m8
This commit is contained in:
parent
bd1ac96dd2
commit
8024c5b451
2 changed files with 44 additions and 26 deletions
34
custom.css
34
custom.css
|
@ -20,18 +20,42 @@ h1{
|
||||||
}
|
}
|
||||||
h3{
|
h3{
|
||||||
font-family: "Verdana", serif;
|
font-family: "Verdana", serif;
|
||||||
text-align: center;
|
font-size: 1.7em;
|
||||||
font-size: 1.5em;
|
|
||||||
color: white;
|
color: white;
|
||||||
text-shadow: 3px 3px 3px #222222;
|
text-shadow: 3px 3px 3px #222222;
|
||||||
}
|
}
|
||||||
|
a{
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
#buttonDiv {
|
#buttonDiv {
|
||||||
width: 500px
|
width: 500px
|
||||||
height: 170px
|
height: 170px
|
||||||
}
|
}
|
||||||
.bitcoinQRcode{
|
#dynmap {
|
||||||
margin:auto;
|
margin-right: auto;
|
||||||
width: 50%;
|
margin-left: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#reddit {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#discord {
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#donate{
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
#bitcoinQRcode{
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
36
index.html
36
index.html
|
@ -5,34 +5,28 @@
|
||||||
<HEAD>
|
<HEAD>
|
||||||
<LINK href="custom.css" rel="stylesheet" type="text/css">
|
<LINK href="custom.css" rel="stylesheet" type="text/css">
|
||||||
</HEAD>
|
</HEAD>
|
||||||
|
|
||||||
<div id="buttonTitle">
|
<div id="buttonTitle">
|
||||||
<h1>
|
<h1>The Button Minecraft</h1>
|
||||||
The Button Minecraft
|
|
||||||
</h1>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="buttonDiv">
|
<div id="buttonDiv">
|
||||||
<canvas id="buttonCanvas" width="570" height = "170"></canvas>
|
<canvas id="buttonCanvas" width="570" height = "170"></canvas>
|
||||||
<script src="buttonInteractive.js"></script>
|
<script src="buttonInteractive.js"></script>
|
||||||
</div>
|
</div>
|
||||||
<div id="joinus">
|
|
||||||
<h3>
|
|
||||||
Join the experiment at <a href="https://www.reddit.com/r/ChromaGamers"> /r/ChromaGamers<a>
|
|
||||||
</h3>
|
|
||||||
<h3>
|
|
||||||
Play with us on server.figytuna.com
|
|
||||||
</h3>
|
|
||||||
</div>
|
|
||||||
<br>
|
|
||||||
<div id="dynmap">
|
<div id="dynmap">
|
||||||
<h3>
|
<h3><a href="http://server.figytuna.com:8123/">Dynmap</a></h3>
|
||||||
Explore the world on our dynamic map:
|
|
||||||
</h3>
|
|
||||||
<h3>
|
|
||||||
<a href="http://server.figytuna.com:8123/">
|
|
||||||
Dynmap
|
|
||||||
</a>
|
|
||||||
</h3>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="reddit">
|
||||||
|
<h3><a href="http://www.reddit.com/r/chromagamers">Reddit</a></h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="discord">
|
||||||
|
<h3><a href="https://discord.gg/5zr49aB">Discord</a></h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
<div id="donate">
|
<div id="donate">
|
||||||
<h3>The server is relies on donations to run.</h3>
|
<h3>The server is relies on donations to run.</h3>
|
||||||
|
@ -45,7 +39,7 @@
|
||||||
|
|
||||||
<h3>Bitcoin:</h3>
|
<h3>Bitcoin:</h3>
|
||||||
<a href="bitcoin:163Sh5YJwiLbZkgLyD9dd8iPy7BNgF1Bn1?amount=0.03254785&label=TheButtonServer" align="middle">
|
<a href="bitcoin:163Sh5YJwiLbZkgLyD9dd8iPy7BNgF1Bn1?amount=0.03254785&label=TheButtonServer" align="middle">
|
||||||
<div class="bitcoinQRcode">
|
<div id="bitcoinQRcode">
|
||||||
<img style="width:222px" src="http://figytuna.com/server/images/bitcoin.png" align="middle">
|
<img style="width:222px" src="http://figytuna.com/server/images/bitcoin.png" align="middle">
|
||||||
</div>
|
</div>
|
||||||
<p>163Sh5YJwiLbZkgLyD9dd8iPy7BNgF1Bn1</p></a>
|
<p>163Sh5YJwiLbZkgLyD9dd8iPy7BNgF1Bn1</p></a>
|
||||||
|
|
Loading…
Reference in a new issue