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

CSS Updates & Sidebar edit

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/styles/about.css
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;

157
assets/templates/about.html
View File

@@ -1,16 +1,15 @@
<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>
<body>
<div id="walletsToolbar">
<div id="walletsToolbar">
<p style="font-size: 28px; color:white"> About Ether-1 </p>
</div>
</div>
<br>
<br>
<center>
<center>
<div class="ui info message" style="width: 75%">
<i class="close icon"></i>
<div class="header">
@@ -21,120 +20,116 @@
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>
<br>
<br>
<center>
<center>
<h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
</center>
</center>
<br>
<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="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="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="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://cryptowolf.eu')">
<h4>CryptoWolf</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://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://safe.trade')">SafeTrade
</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>
</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://e-ex.pro')">E-Ex
</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>
</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>
</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>
</button>
</div>
</div>
<br>
<br>
<center>
<center>
<h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
</center>
</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>
<center>
<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="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 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 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 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 class="column">
<button class="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('https://t.me/Ether1News')">
<center>Announcements<center>
</button>
<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="ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
<button class="aboutbutton ui inverted blue button" type="button" onclick="require('electron').shell.openExternal('mailto:community@ether1.org')">Email</button>
</div>
</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() {

37
index.html
View File

@@ -18,7 +18,7 @@
<link rel="stylesheet" href="./assets/styles/buttons.css">
<link rel="stylesheet" href="./assets/styles/style.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 -->
<script>
if (typeof module === 'object') {
@@ -82,56 +82,41 @@
</script>
<div class="inner">
<!-- The sidebar -->
<div class="sidebar">
<div class="ui left demo vertical inverted sidebar labeled icon menu">
<a class="item">
<img src="assets/images/logo.png" alt="Ether-1 ethoFS Logo" style="width: 90%;padding-left: 5px;">
<div class="sidebarIconWrapper iconSelected" id="mainNavBtnWalletsWrapper" data-tippy="Wallets" data-tippy-delay="500">
<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>
<span class="walletID"> Wallets </span>
</a>
</div>
<div class="sidebarIconWrapper iconSelected" id="mainNavBtnAddressBoookWrapper" data-tippy="Address Book" data-tippy-delay="500">
<a class="sidebarIcon" id="mainNavBtnAddressBoook" href="#">
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnAddressBoook" href="#" data-tippy="Address Book" data-tippy-delay="100">
<i class="far fa-address-book fa-1x"></i>
<span class="AddrBook"> Addresses </span>
</a>
</div>
<div class="sidebarIconWrapper" id="mainNavBtnSendWrapper" data-tippy="Send Funds" data-tippy-delay="500">
<a class="sidebarIcon" id="mainNavBtnSend" href="#">
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnSend" href="#" data-tippy="Send Funds" data-tippy-delay="100">
<i class="fas fa-comment-dollar fa-1x"></i>
<span class="sendEtho"> Send </span>
</a>
</div>
<div class="sidebarIconWrapper" id="mainNavBtnTransactionsWrapper" data-tippy="Transactions" data-tippy-delay="500">
<a class="sidebarIcon" id="mainNavBtnTransactions" href="#">
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnTransactions" href="#" data-tippy="Transactions" data-tippy-delay="100">
<i class="fas fa-exchange-alt fa-1x"></i>
<span class="txlist"> Transactions </span>
</a>
</div>
<div class="sidebarIconWrapper" id="mainNavBtnUploadsWrapper" data-tippy="Uploads" data-tippy-delay="500">
<a class="sidebarIcon" id="mainNavBtnUploads" href="#">
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnUploads" href="#" data-tippy="ethoFS" data-tippy-delay="100">
<i class="fa fa-cloud-upload-alt fa-1x"></i>
<span class="ethoFS"> ethoFS </span>
</a>
</div>
<div class="sidebarIconWrapper" id="mainNavBtnMarketsWrapper" data-tippy="Markets" data-tippy-delay="500">
<a class="sidebarIcon" id="mainNavBtnMarkets" href="#">
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnMarkets" href="#" data-tippy="Markets" data-tippy-delay="100">
<i class="fas fa-poll fa-1x"></i>
<span class="Markets"> Market </span>
</a>
</div>
<div class="sidebarIconWrapper" id="mainNavBtnSettingsWrapper" data-tippy="Settings" data-tippy-delay="500">
<a class="sidebarIcon" id="mainNavBtnSettings" href="#">
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnSettings" href="#" data-tippy="Settings" data-tippy-delay="100">
<i class="fas fa-cog fa-1x"></i>
<span class="Settings"> Settings </span>
</a>
</div>
<div class="sidebarIconWrapper" id="mainNavBtnAboutWrapper" data-tippy="About" data-tippy-delay="500">
<a class="sidebarIcon" id="mainNavBtnAbout" href="#">
<a class="item" style="padding-top: 30px; padding-left: 10px" id="mainNavBtnAbout" href="#" data-tippy="About us" data-tippy-delay="100">
<i class="far fa-question-circle fa-1x"></i>
<span class="About"> About Us </span>
</a>
</div>
<div id="peerCount">
Peer Count: 0
</div>