matt/paperclip-wallet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Buttons!!! (About page WIP)

Browse Source
This commit is contained in:
FallenGravity
2019-10-15 18:02:18 +02:00
parent efe1b328e2
commit 2c7722f06b
4 changed files with 121 additions and 489 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
assets/styles/about.css
View File

@@ -2,10 +2,16 @@ button {
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
width: 100%;
}
h4 {
text-align: center;
color: white;
}
img {
max-width: 100%;
max-height: 100%;
object-fit: scale-down;
}

448
assets/styles/materialize.min.css vendored
View File

@@ -643,230 +643,6 @@
color: #304ffe !important
}
.blue {
background-color: #2196F3 !important
}
.blue-text {
color: #2196F3 !important
}
.blue.lighten-5 {
background-color: #E3F2FD !important
}
.blue-text.text-lighten-5 {
color: #E3F2FD !important
}
.blue.lighten-4 {
background-color: #BBDEFB !important
}
.blue-text.text-lighten-4 {
color: #BBDEFB !important
}
.blue.lighten-3 {
background-color: #90CAF9 !important
}
.blue-text.text-lighten-3 {
color: #90CAF9 !important
}
.blue.lighten-2 {
background-color: #64B5F6 !important
}
.blue-text.text-lighten-2 {
color: #64B5F6 !important
}
.blue.lighten-1 {
background-color: #42A5F5 !important
}
.blue-text.text-lighten-1 {
color: #42A5F5 !important
}
.blue.darken-1 {
background-color: #1E88E5 !important
}
.blue-text.text-darken-1 {
color: #1E88E5 !important
}
.blue.darken-2 {
background-color: #1976D2 !important
}
.blue-text.text-darken-2 {
color: #1976D2 !important
}
.blue.darken-3 {
background-color: #1565C0 !important
}
.blue-text.text-darken-3 {
color: #1565C0 !important
}
.blue.darken-4 {
background-color: #0D47A1 !important
}
.blue-text.text-darken-4 {
color: #0D47A1 !important
}
.blue.accent-1 {
background-color: #82B1FF !important
}
.blue-text.text-accent-1 {
color: #82B1FF !important
}
.blue.accent-2 {
background-color: #448AFF !important
}
.blue-text.text-accent-2 {
color: #448AFF !important
}
.blue.accent-3 {
background-color: #2979FF !important
}
.blue-text.text-accent-3 {
color: #2979FF !important
}
.blue.accent-4 {
background-color: #2962FF !important
}
.blue-text.text-accent-4 {
color: #2962FF !important
}
.light-blue {
background-color: #03a9f4 !important
}
.light-blue-text {
color: #03a9f4 !important
}
.light-blue.lighten-5 {
background-color: #e1f5fe !important
}
.light-blue-text.text-lighten-5 {
color: #e1f5fe !important
}
.light-blue.lighten-4 {
background-color: #b3e5fc !important
}
.light-blue-text.text-lighten-4 {
color: #b3e5fc !important
}
.light-blue.lighten-3 {
background-color: #81d4fa !important
}
.light-blue-text.text-lighten-3 {
color: #81d4fa !important
}
.light-blue.lighten-2 {
background-color: #4fc3f7 !important
}
.light-blue-text.text-lighten-2 {
color: #4fc3f7 !important
}
.light-blue.lighten-1 {
background-color: #29b6f6 !important
}
.light-blue-text.text-lighten-1 {
color: #29b6f6 !important
}
.light-blue.darken-1 {
background-color: #039be5 !important
}
.light-blue-text.text-darken-1 {
color: #039be5 !important
}
.light-blue.darken-2 {
background-color: #0288d1 !important
}
.light-blue-text.text-darken-2 {
color: #0288d1 !important
}
.light-blue.darken-3 {
background-color: #0277bd !important
}
.light-blue-text.text-darken-3 {
color: #0277bd !important
}
.light-blue.darken-4 {
background-color: #01579b !important
}
.light-blue-text.text-darken-4 {
color: #01579b !important
}
.light-blue.accent-1 {
background-color: #80d8ff !important
}
.light-blue-text.text-accent-1 {
color: #80d8ff !important
}
.light-blue.accent-2 {
background-color: #40c4ff !important
}
.light-blue-text.text-accent-2 {
color: #40c4ff !important
}
.light-blue.accent-3 {
background-color: #00b0ff !important
}
.light-blue-text.text-accent-3 {
color: #00b0ff !important
}
.light-blue.accent-4 {
background-color: #0091ea !important
}
.light-blue-text.text-accent-4 {
color: #0091ea !important
}
.cyan {
background-color: #00bcd4 !important
}
@@ -1091,230 +867,6 @@
color: #00bfa5 !important
}
.green {
background-color: #4CAF50 !important
}
.green-text {
color: #4CAF50 !important
}
.green.lighten-5 {
background-color: #E8F5E9 !important
}
.green-text.text-lighten-5 {
color: #E8F5E9 !important
}
.green.lighten-4 {
background-color: #C8E6C9 !important
}
.green-text.text-lighten-4 {
color: #C8E6C9 !important
}
.green.lighten-3 {
background-color: #A5D6A7 !important
}
.green-text.text-lighten-3 {
color: #A5D6A7 !important
}
.green.lighten-2 {
background-color: #81C784 !important
}
.green-text.text-lighten-2 {
color: #81C784 !important
}
.green.lighten-1 {
background-color: #66BB6A !important
}
.green-text.text-lighten-1 {
color: #66BB6A !important
}
.green.darken-1 {
background-color: #43A047 !important
}
.green-text.text-darken-1 {
color: #43A047 !important
}
.green.darken-2 {
background-color: #388E3C !important
}
.green-text.text-darken-2 {
color: #388E3C !important
}
.green.darken-3 {
background-color: #2E7D32 !important
}
.green-text.text-darken-3 {
color: #2E7D32 !important
}
.green.darken-4 {
background-color: #1B5E20 !important
}
.green-text.text-darken-4 {
color: #1B5E20 !important
}
.green.accent-1 {
background-color: #B9F6CA !important
}
.green-text.text-accent-1 {
color: #B9F6CA !important
}
.green.accent-2 {
background-color: #69F0AE !important
}
.green-text.text-accent-2 {
color: #69F0AE !important
}
.green.accent-3 {
background-color: #00E676 !important
}
.green-text.text-accent-3 {
color: #00E676 !important
}
.green.accent-4 {
background-color: #00C853 !important
}
.green-text.text-accent-4 {
color: #00C853 !important
}
.light-green {
background-color: #8bc34a !important
}
.light-green-text {
color: #8bc34a !important
}
.light-green.lighten-5 {
background-color: #f1f8e9 !important
}
.light-green-text.text-lighten-5 {
color: #f1f8e9 !important
}
.light-green.lighten-4 {
background-color: #dcedc8 !important
}
.light-green-text.text-lighten-4 {
color: #dcedc8 !important
}
.light-green.lighten-3 {
background-color: #c5e1a5 !important
}
.light-green-text.text-lighten-3 {
color: #c5e1a5 !important
}
.light-green.lighten-2 {
background-color: #aed581 !important
}
.light-green-text.text-lighten-2 {
color: #aed581 !important
}
.light-green.lighten-1 {
background-color: #9ccc65 !important
}
.light-green-text.text-lighten-1 {
color: #9ccc65 !important
}
.light-green.darken-1 {
background-color: #7cb342 !important
}
.light-green-text.text-darken-1 {
color: #7cb342 !important
}
.light-green.darken-2 {
background-color: #689f38 !important
}
.light-green-text.text-darken-2 {
color: #689f38 !important
}
.light-green.darken-3 {
background-color: #558b2f !important
}
.light-green-text.text-darken-3 {
color: #558b2f !important
}
.light-green.darken-4 {
background-color: #33691e !important
}
.light-green-text.text-darken-4 {
color: #33691e !important
}
.light-green.accent-1 {
background-color: #ccff90 !important
}
.light-green-text.text-accent-1 {
color: #ccff90 !important
}
.light-green.accent-2 {
background-color: #b2ff59 !important
}
.light-green-text.text-accent-2 {
color: #b2ff59 !important
}
.light-green.accent-3 {
background-color: #76ff03 !important
}
.light-green-text.text-accent-3 {
color: #76ff03 !important
}
.light-green.accent-4 {
background-color: #64dd17 !important
}
.light-green-text.text-accent-4 {
color: #64dd17 !important
}
.lime {
background-color: #cddc39 !important
}

1
assets/styles/style.css
View File

@@ -67,7 +67,6 @@ body.pg-loaded>.inner {
right: 0;
bottom: 20px;
background-color: #212529;
overflow-y: auto;
}
/* Style the main content */

155
assets/templates/about.html
View File

@@ -7,58 +7,133 @@
<p style="font-size: 28px; color:white"> About Ether-1 </p>
</div>
<br>
<br>
<center>
<h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
</center>
<br>
<div class="ui four column relaxed grid">
<div class="row">
<div class="column">
<a href="https://cryptowolf.eu" class="open-in-browser">
<img src="assets/images/markets/cw.png" style="width:125px; height:103px; margin-left: 45px;"></img>
<h4>CryptoWolf</h4>
</a>
</div>
<div class="column">
<a href="https://app.stex.com?ref=26491159" class="open-in-browser">
<img src="assets/images/markets/stex.svg"></img>
<h4>Stex</h4>
</a>
</div>
<div class="column">
<a href="https://chainex.io/register/CX187230" class="open-in-browser">
<img src="assets/images/markets/chainex.png"></img>
<h4>ChainEX</h4>
</a>
</div>
<div class="column">
<a href="https://google.com" class="open-in-browser">
<img src="assets/images/markets/graviex.png" style="margin-left: 65px;"></img>
<h4>Graviex</h4>
</a>
</div>
<br>
<div class="column">
<a href="https://tradecx.io?ref=232" class="open-in-browser">
<img src="assets/images/markets/tradecx.png" style="padding-top: 50px; padding-left: 35px;">
<div class="ui grid container">
<div class="four wide column">
<a href="https://cryptowolf.eu">
<button class="ui violet inverted button">
<h4>CryptoWolf</h4>
</button>
</a>
</div>
<div class="four wide column">
<a href="https://app.stex.com?ref=26491159">
<button class="ui violet inverted button">
<h4>Stex</h4>
</button>
</a>
</div>
<div class="four wide column">
<a href="https://chainex.io/register/CX187230">
<button class="ui violet inverted button">
<h4>ChainEX</h4>
</button>
</a>
</div>
<div class="four wide column">
<a href="https://google.com">
<button class="ui violet inverted button">
<h4>Graviex</h4>
</button>
</a>
</div>
</div>
<div class="ui grid container">
<div class="four wide column">
<a href="https://tradecx.io?ref=232">
<button class="ui violet inverted button">
<h4>TradeCX</h4>
</button>
</a>
</div>
<div class="column">
<a href="https://www.safe.trade/" class="open-in-browser">
<img src="assets/images/markets/safe.png" style="padding-left: 85px;padding-top: 50px;height: 96px;width: 129px;">
<h4>SafeTrade</h4>
</a>
</div>
<div class="column">
<a href="https://mercatox.com/?referrer=467736" class="open-in-browser">
<img src="assets/images/markets/mercatoxlogo.png" style="padding-left: 65px;padding-top: 50px;height: 96px;">
<div class="four wide column">
<a href="https://mercatox.com/?referrer=467736">
<button class="ui violet inverted button">
<h4>Mercatox</h4>
</button>
</a>
</div>
<div class="column"></div>
<div class="four wide column">
<a href="https://safe.trade">
<button class="ui violet inverted button">
<h4>SafeTrade</h4>
</button>
</a>
</div>
<div class="four wide column">
<a href="https://e-ex.pro">
<button class="ui violet inverted button">
<h4>E-Ex</h4>
</button>
</a>
</div>
</div>
<br>
<br>
<center>
<h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
</center>
<br>
<br>
<div class="ui grid container">
<div class="four wide column">
<button class="ui inverted green button">Ether-1 Website</button>
</div>
<div class="four wide column">
<button class="ui inverted green button">ethoFS Website</button>
</div>
<div class="four wide column">
<button class="ui inverted green button">Ether-1 Github</button>
</div>
<div class="four wide column">
<button class="ui inverted green button">Ether-1 Github</button>
</div>
</div>
<br>
<br>
<center>
<h2 style="color:white; margin-top: 15px">Ether-1 Social Media</h2>
</center>
<br>
<br>
<div class="ui grid container">
<div class="doubling six column row">
<div class="column">
<button class="ui inverted blue button">Discord</button>
</div>
<div class="column">
<button class="ui inverted blue button">Twitter</button>
</div>
<div class="column">
<button class="ui inverted blue button">Medium</button>
</div>
<div class="column">
<button class="ui inverted blue button">Telegram</button>
</div>
<div class="column">
<button class="ui inverted blue button">Announcements</button>
</div>
<div class="column">
<button class="ui inverted blue button">Email</button>
</div>
</div>
</div>