Fixed css

pull/1/head
handshake-web 2020-01-26 22:43:15 +00:00
parent 4697bdf6c6
commit 15ef6850df
9 changed files with 183 additions and 50 deletions

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">

View File

@ -36,7 +36,51 @@
</head>
<body class="landing">
ZZZHEADERZZZ
<header><div class="header-wrapper"><div class="inner-wrapper">
<nav id="navBar" class="no-js nav-bar">
<div id='nav-toggle' class="burgermenu" href="#"></div>
<div id='overlay'></div>
<div id="burgernav">
<ul>
<li><a href="https://handshake-org.github.io">Documentation</a></li>
<li><a href="community">Community</a></li>
<li><a href="faq">Faq</a></li>
</ul>
</div>
<a class="nav-logo" href="/">
<img class='logo logo-dark' src='images/landing/logo-dark.svg' /><img class='logo logo-light' src='images/landing/logo-light.svg' />
</a>
<div class="nav-right ">
<div class="nav-links "">
<ul>
<li><a href="https://handshake-org.github.io">Documentation</a></li>
<li><a href="community">Community</a></li>
<li><a href="faq">Faq</a></li>
</ul>
</div>
</div>
</nav>
</div></div></header>
<div class="content">
<div class="wrapper">
@ -135,7 +179,96 @@ ZZZHEADERZZZ
</div>
</div>
ZZZFOOTERZZZ
<footer id='footer'>
<!-- the onboarding pages and dashboard use the small footer -->
<div class='footer-wrap'>
<nav>
<div class='header'>
<h3>Handshake</h3>
<span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
<span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
</div>
<div class='links'>
<a href='/'>Home</a>
<a href='community'>Community</a>
</div>
</nav>
<nav>
<div class='header'>
<h3>Learn</h3>
<span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
<span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
</div>
<div class='links'>
<a href='how-it-works'>How it Works?</a>
<a href='faq'>FAQ</a>
<a href='files/handshake.txt'>Project paper</a>
</div>
</nav>
<nav>
<div class='header'>
<h3>Develop</h3>
<span><img class='footer-caret-down' src='img/footer/down-caret.svg' alt='Toggle expanded menu on mobile'/></span>
<span><img class='footer-caret-up hide' src='img/footer/up-caret.svg' alt='Toggle expanded menu on mobile'/></span>
</div>
<div class='links'>
<a href='https://handshake-org.github.io'>Documentation</a>
<a href='https://github.com/handshake-org/hsd'>Run a full node</a>
<a href='https://github.com/handshake-org/hnsd'>Install an SPV resolver</a>
<a href='https://handshake-org.github.io/guides/auctions.html'>Auction system guide</a>
</div>
</nav>
<!-- Keeps things in line -->
<nav style="display:none;">
</nav>
</div><!-- close center-wrap -->
<div class='footer-wrap bottom-wrap'>
<a href='/'>
Home
</a>
<a href='terms-of-use'>
Terms of Use
</a>
<a href='privacy-policy'>
Privacy Policy
</a>
<a href='trademark-disclaimer'>
Trademark Disclaimer
</a>
<nav class='social-icons-small-footer'>
<a href='https://github.com/handshake-org/'>
<img src='img/footer/github.svg' alt='GitHub logo'/>
</a>
<a href='https://twitter.com/hns'>
<img src='img/footer/twitter.svg' alt='Twitter logo'/>
</a>
<a href='https://reddit.com/r/handshake'>
<img src='img/footer/reddit.svg' alt='Reddit logo'/>
</a>
</nav>
</div>
</footer>
<script src='js/footer.js'></script>
<script src='js/nav.js'></script>
<script>
window.addEventListener("load", function(e) {
document.documentElement.className = '';
});
</script>
</body>

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">

View File

@ -14,14 +14,14 @@
<meta property="og:url" content="https://handshake.org" />
<meta property="og:image" content="https://www.handshake.org/images/landing/logo-dark.svg" />
<link rel="shortcut icon" href="img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<link rel="shortcut icon" href="/img/favicon/hns-favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="/css/fonts/nitti.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexmono.css" />
<link rel="stylesheet" type="text/css" href="/css/fonts/ibmplexsans.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css"/>
<link rel="stylesheet" type="text/css" href="css/marketing.css" />
<link rel="stylesheet" type="text/css" href="/css/marketing.css" />
<link rel="shortcut icon" type="image/x-icon" href="img/favicon/hns-favicon.ico">