CSS Updates & Sidebar edit

This commit is contained in:
FallenGravity
2019-10-24 16:42:41 +02:00
parent 1048da2c1a
commit f083e9ab08
3 changed files with 110 additions and 130 deletions

View File

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

View File

@@ -1,140 +1,135 @@
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/semantic.min.css">
<link rel="stylesheet" href="assets/styles/about.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/button.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/grid.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/container.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/message.min.css">
</head>
<div id="walletsToolbar">
<p style="font-size: 28px; color:white"> About Ether-1 </p>
</div>
<br>
<body>
<div id="walletsToolbar">
<p style="font-size: 28px; color:white"> About Ether-1 </p>
<center>
<div class="ui info message" style="width: 75%">
<i class="close icon"></i>
<div class="header">
Ether-1 & ethoFS
</div>
<ul class="list" style="color:black;">
Ether-1 (ETHO) is a fork of Ethereum implementing a decentralized hosting platform (ethoFS) using a community-owned node network combining blockchain indexing technology and the IPFS protocol to deliver decentralized content on-demand. EthoFS
is a decentralized website hosting platform which utilizes the node network for storage and bandwidth, DDoS protection, censorship-resistance, and reliability. Community-owned nodes share in data hosting revenue generated by the network.
</ul>
</div>
</center>
<br>
<br>
<center>
<div class="ui info message" style="width: 75%">
<i class="close icon"></i>
<div class="header">
Ether-1 & ethoFS
</div>
<ul class="list" style="color:black;">
Ether-1 (ETHO) is a fork of Ethereum implementing a decentralized hosting platform (ethoFS) using a community-owned node network combining blockchain indexing technology and the IPFS protocol to deliver decentralized content on-demand. EthoFS
is a decentralized website hosting platform which utilizes the node network for storage and bandwidth, DDoS protection, censorship-resistance, and reliability. Community-owned nodes share in data hosting revenue generated by the network.
</ul>
</div>
</center>
<center>
<h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
</center>
<br>
<center>
<h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
</center>
<br>
<div class="ui grid container">
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://cryptowolf.eu')">
<h4>CryptoWolf</h4>
<br>
<div class="ui grid container">
<div class="four column row">
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://cryptowolf.eu')">
CryptoWolf
</button>
</div>
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://app.stex.com?ref=26491159')">
<h4>Stex</h4>
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://app.stex.com?ref=26491159')">
Stex
</button>
</div>
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://chainex.io/register/CX187230')">
<h4>ChainEX</h4>
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://chainex.io/register/CX187230')">
ChainEX
</button>
</div>
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://graviex.net')">
<h4>Graviex</h4>
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://graviex.net')">
Graviex
</button>
</div>
</div>
</div>
<div class="ui grid container">
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://tradecx.io?ref=232')">
<h4>TradeCX</h4>
<div class="ui grid container">
<div class="four column row">
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://tradecx.io?ref=232')">TradeCX</button>
</div>
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://mercatox.com/?referrer=467736')">Mercatox
</button>
</div>
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://mercatox.com/?referrer=467736')">
<h4>Mercatox</h4>
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://safe.trade')">SafeTrade
</button>
</div>
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://safe.trade')">
<h4>SafeTrade</h4>
</button>
</div>
<div class="four wide column">
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://e-ex.pro')">
<h4>E-Ex</h4>
<div class="column">
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://e-ex.pro')">E-Ex
</button>
</div>
</div>
</div>
<br>
<br>
<center>
<h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
</center>
<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" type="button" onclick="require('electron').shell.openExternal('https://ether1.org')">Ether-1 Website</button>
<div class="ui grid container">
<div class="four column row">
<div class="column">
<button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ether1.org')">Ether-1 Website</button>
</div>
<div class="four wide column">
<button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ethofs.com')">ethoFS Website</button>
<div class="column">
<button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ethofs.com')">ethoFS Website</button>
</div>
<div class="four wide column">
<button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project')">Ether-1 Github</button>
<div class="column">
<button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project')">Ether-1 Github</button>
</div>
<div class="four wide column">
<button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project/Ether1')">Ether-1 Geth</button>
<div class="column">
<button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project/Ether1')">Ether-1 Geth</button>
</div>
</div>
</div>
<br>
<br>
<center>
<h2 style="color:white; margin-top: 15px">Ether-1 Social Media</h2>
</center>
<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" type="button" onclick="require('electron').shell.openExternal('https://discord.gg/Ap5FmXc')">Discord</button>
</div>
<div class="column">
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://twitter.com/Ether1Official/')">Twitter</button>
</div>
<div class="column">
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://medium.com/@Ether1Official/')">Medium</button>
</div>
<div class="column">
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether_1')">Telegram</button>
</div>
<div class="column">
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether1News')">
<center>Announcements<center>
</button>
</div>
<div class="column">
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
</div>
<div class="ui grid container">
<div class="doubling six column row">
<div class="column">
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://discord.gg/Ap5FmXc')">Discord</button>
</div>
<div class="column">
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://twitter.com/Ether1Official/')">Twitter</button>
</div>
<div class="column">
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://medium.com/@Ether1Official/')">Medium</button>
</div>
<div class="column">
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether_1')">Telegram</button>
</div>
<div class="column">
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether1News')">News</button>
</div>
<div class="column">
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
</div>
</div>
</body>
</div>
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/semantic.min.js"></script>
<script>
$('.message .close')
.on('click', function() {