CSS Updates & Sidebar edit
This commit is contained in:
FallenGravity
@@ -1,16 +1,16 @@
|
|||||||
button {
|
.aboutbutton {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
.abouth4 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
.aboutimg {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
object-fit: scale-down;
|
object-fit: scale-down;
|
||||||
|
|||||||
@@ -1,140 +1,135 @@
|
|||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/semantic.min.css">
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/button.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/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>
|
</head>
|
||||||
|
<div id="walletsToolbar">
|
||||||
|
<p style="font-size: 28px; color:white"> About Ether-1 </p>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
|
||||||
<body>
|
<center>
|
||||||
<div id="walletsToolbar">
|
<div class="ui info message" style="width: 75%">
|
||||||
<p style="font-size: 28px; color:white"> About Ether-1 </p>
|
<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>
|
</div>
|
||||||
|
</center>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
<div class="ui info message" style="width: 75%">
|
<h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
|
||||||
<i class="close icon"></i>
|
</center>
|
||||||
<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>
|
||||||
|
<div class="ui grid container">
|
||||||
<center>
|
<div class="four column row">
|
||||||
<h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
|
<div class="column">
|
||||||
</center>
|
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://cryptowolf.eu')">
|
||||||
|
CryptoWolf
|
||||||
<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>
|
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://app.stex.com?ref=26491159')">
|
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://app.stex.com?ref=26491159')">
|
||||||
<h4>Stex</h4>
|
Stex
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://chainex.io/register/CX187230')">
|
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://chainex.io/register/CX187230')">
|
||||||
<h4>ChainEX</h4>
|
ChainEX
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://graviex.net')">
|
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://graviex.net')">
|
||||||
<h4>Graviex</h4>
|
Graviex
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="ui grid container">
|
<div class="ui grid container">
|
||||||
<div class="four wide column">
|
<div class="four column row">
|
||||||
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://tradecx.io?ref=232')">
|
<div class="column">
|
||||||
<h4>TradeCX</h4>
|
<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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://mercatox.com/?referrer=467736')">
|
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://safe.trade')">SafeTrade
|
||||||
<h4>Mercatox</h4>
|
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://safe.trade')">
|
<button class="aboutbutton ui violet inverted button" type="button" onclick="require('electron').shell.openExternal('https://e-ex.pro')">E-Ex
|
||||||
<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>
|
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
<h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
|
<h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
|
||||||
</center>
|
</center>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<div class="ui grid container">
|
<div class="ui grid container">
|
||||||
<div class="four wide column">
|
<div class="four column row">
|
||||||
<button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ether1.org')">Ether-1 Website</button>
|
<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>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ethofs.com')">ethoFS Website</button>
|
<button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://ethofs.com')">ethoFS Website</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project')">Ether-1 Github</button>
|
<button class="aboutbutton ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project')">Ether-1 Github</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="four wide column">
|
<div class="column">
|
||||||
<button class="ui inverted green button" type="button" onclick="require('electron').shell.openExternal('https://github.com/Ether1Project/Ether1')">Ether-1 Geth</button>
|
<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>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
<h2 style="color:white; margin-top: 15px">Ether-1 Social Media</h2>
|
<h2 style="color:white; margin-top: 15px">Ether-1 Social Media</h2>
|
||||||
</center>
|
</center>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<div class="ui grid container">
|
<div class="ui grid container">
|
||||||
<div class="doubling six column row">
|
<div class="doubling six column row">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://discord.gg/Ap5FmXc')">Discord</button>
|
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://discord.gg/Ap5FmXc')">Discord</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://twitter.com/Ether1Official/')">Twitter</button>
|
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://twitter.com/Ether1Official/')">Twitter</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://medium.com/@Ether1Official/')">Medium</button>
|
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://medium.com/@Ether1Official/')">Medium</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether_1')">Telegram</button>
|
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether_1')">Telegram</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether1News')">
|
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether1News')">News</button>
|
||||||
<center>Announcements<center>
|
</div>
|
||||||
</button>
|
<div class="column">
|
||||||
</div>
|
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
|
||||||
<div class="column">
|
|
||||||
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</div>
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/semantic.min.js"></script>
|
|
||||||
<script>
|
<script>
|
||||||
$('.message .close')
|
$('.message .close')
|
||||||
.on('click', function() {
|
.on('click', function() {
|
||||||
|
|||||||
45
index.html
45
index.html
@@ -18,7 +18,7 @@
|
|||||||
<link rel="stylesheet" href="./assets/styles/buttons.css">
|
<link rel="stylesheet" href="./assets/styles/buttons.css">
|
||||||
<link rel="stylesheet" href="./assets/styles/style.css">
|
<link rel="stylesheet" href="./assets/styles/style.css">
|
||||||
<link rel="stylesheet" href="./assets/styles/forms.css">
|
<link rel="stylesheet" href="./assets/styles/forms.css">
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fomantic-ui@2.7.8/dist/components/transition.min.css">
|
<link rel="stylesheet" href="./assets/styles/about.css">
|
||||||
<!-- Insert this line above script imports -->
|
<!-- Insert this line above script imports -->
|
||||||
<script>
|
<script>
|
||||||
if (typeof module === 'object') {
|
if (typeof module === 'object') {
|
||||||
@@ -82,59 +82,44 @@
|
|||||||
</script>
|
</script>
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
<!-- The sidebar -->
|
<!-- The sidebar -->
|
||||||
<div class="sidebar">
|
<div class="ui left demo vertical inverted sidebar labeled icon menu">
|
||||||
<img src="assets/images/logo.png" alt="Ether-1 ethoFS Logo" style="width: 90%;padding-left: 5px;">
|
<a class="item">
|
||||||
<div class="sidebarIconWrapper iconSelected" id="mainNavBtnWalletsWrapper" data-tippy="Wallets" data-tippy-delay="500">
|
<img src="assets/images/logo.png" alt="Ether-1 ethoFS Logo" style="width: 90%;padding-left: 5px;">
|
||||||
<a class="sidebarIcon" id="mainNavBtnWallets" href="#">
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnWallets" href="#" data-tippy="Wallets" data-tippy-delay="100">
|
||||||
<i class="fas fa-wallet fa-1x"></i>
|
<i class="fas fa-wallet fa-1x"></i>
|
||||||
<span class="walletID"> Wallets </span>
|
<span class="walletID"> Wallets </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnAddressBoook" href="#" data-tippy="Address Book" data-tippy-delay="100">
|
||||||
<div class="sidebarIconWrapper iconSelected" id="mainNavBtnAddressBoookWrapper" data-tippy="Address Book" data-tippy-delay="500">
|
|
||||||
<a class="sidebarIcon" id="mainNavBtnAddressBoook" href="#">
|
|
||||||
<i class="far fa-address-book fa-1x"></i>
|
<i class="far fa-address-book fa-1x"></i>
|
||||||
<span class="AddrBook"> Addresses </span>
|
<span class="AddrBook"> Addresses </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnSend" href="#" data-tippy="Send Funds" data-tippy-delay="100">
|
||||||
<div class="sidebarIconWrapper" id="mainNavBtnSendWrapper" data-tippy="Send Funds" data-tippy-delay="500">
|
|
||||||
<a class="sidebarIcon" id="mainNavBtnSend" href="#">
|
|
||||||
<i class="fas fa-comment-dollar fa-1x"></i>
|
<i class="fas fa-comment-dollar fa-1x"></i>
|
||||||
<span class="sendEtho"> Send </span>
|
<span class="sendEtho"> Send </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnTransactions" href="#" data-tippy="Transactions" data-tippy-delay="100">
|
||||||
<div class="sidebarIconWrapper" id="mainNavBtnTransactionsWrapper" data-tippy="Transactions" data-tippy-delay="500">
|
|
||||||
<a class="sidebarIcon" id="mainNavBtnTransactions" href="#">
|
|
||||||
<i class="fas fa-exchange-alt fa-1x"></i>
|
<i class="fas fa-exchange-alt fa-1x"></i>
|
||||||
<span class="txlist"> Transactions </span>
|
<span class="txlist"> Transactions </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnUploads" href="#" data-tippy="ethoFS" data-tippy-delay="100">
|
||||||
<div class="sidebarIconWrapper" id="mainNavBtnUploadsWrapper" data-tippy="Uploads" data-tippy-delay="500">
|
|
||||||
<a class="sidebarIcon" id="mainNavBtnUploads" href="#">
|
|
||||||
<i class="fa fa-cloud-upload-alt fa-1x"></i>
|
<i class="fa fa-cloud-upload-alt fa-1x"></i>
|
||||||
<span class="ethoFS"> ethoFS </span>
|
<span class="ethoFS"> ethoFS </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnMarkets" href="#" data-tippy="Markets" data-tippy-delay="100">
|
||||||
<div class="sidebarIconWrapper" id="mainNavBtnMarketsWrapper" data-tippy="Markets" data-tippy-delay="500">
|
|
||||||
<a class="sidebarIcon" id="mainNavBtnMarkets" href="#">
|
|
||||||
<i class="fas fa-poll fa-1x"></i>
|
<i class="fas fa-poll fa-1x"></i>
|
||||||
<span class="Markets"> Market </span>
|
<span class="Markets"> Market </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnSettings" href="#" data-tippy="Settings" data-tippy-delay="100">
|
||||||
<div class="sidebarIconWrapper" id="mainNavBtnSettingsWrapper" data-tippy="Settings" data-tippy-delay="500">
|
|
||||||
<a class="sidebarIcon" id="mainNavBtnSettings" href="#">
|
|
||||||
<i class="fas fa-cog fa-1x"></i>
|
<i class="fas fa-cog fa-1x"></i>
|
||||||
<span class="Settings"> Settings </span>
|
<span class="Settings"> Settings </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnAbout" href="#" data-tippy="About us" data-tippy-delay="100">
|
||||||
<div class="sidebarIconWrapper" id="mainNavBtnAboutWrapper" data-tippy="About" data-tippy-delay="500">
|
|
||||||
<a class="sidebarIcon" id="mainNavBtnAbout" href="#">
|
|
||||||
<i class="far fa-question-circle fa-1x"></i>
|
<i class="far fa-question-circle fa-1x"></i>
|
||||||
<span class="About"> About Us </span>
|
<span class="About"> About Us </span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
<div id="peerCount">
|
||||||
<div id="peerCount">
|
Peer Count: 0
|
||||||
Peer Count: 0
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="mainContent"></div>
|
<div id="mainContent"></div>
|
||||||
<div id="syncProgress"></div>
|
<div id="syncProgress"></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user