Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update site to new design #147

Merged
merged 7 commits into from
Oct 14, 2019
Merged

Update site to new design #147

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
e252cb4
Init website v2
nijynot Sep 21, 2019
fe2f1eb
Fix pathing
nijynot Sep 21, 2019
0e90e4e
Fix github link
Sep 25, 2019
1163662
Add mobile menu
nijynot Oct 4, 2019
f748239
Update transition on fullscreen
nijynot Oct 4, 2019
48f05d7
Add bold weight to index and fix links
nijynot Oct 7, 2019
74fde73
Remove backup pages
nijynot Oct 8, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 19 additions & 30 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,22 @@
<footer>
<div class="footer-root container-sm">
<section class="footer-section" style="flex-grow: 0;">
<img src="assets/images/grin_mw_logo.svg" class="grin-logo-footer" alt="Description">
</section>
<section class="footer-section">
<strong><h4>Grin</h4></strong>
<div><a href="https://github.com/mimblewimble/grin/releases">Github</a></div>
<div><a href="https://download.wpsoftware.net/bitcoin/wizardry/mimblewimble.txt">Original Whitepaper</a></div>
<div><a href="https://download.wpsoftware.net/bitcoin/wizardry/mimblewimble.pdf">Andrew Poelstra's Whitepaper</a></div>
<div><a href="https://github.com/mimblewimble/grin/blob/master/SECURITY.md">Security and vulnerability policy</a></div>
<div><a href="/friends">Friends of Grin</a></div>
<div><a href="/visual">Logos</a></div>
</section>
<section class="footer-section">
<strong><h4>The Rabbit hole</h4></strong>
<div><a href="https://github.com/mimblewimble/grin/blob/master/doc/intro.md">Grin Introduction</a></div>
<div><a href="https://github.com/mimblewimble/grin/blob/master/doc/pow/pow.md">Cuckoo cycle</a></div>
<div><a href="https://github.com/mimblewimble/grin/blob/master/doc/grin4bitcoiners.md">Grin for Bitcoiners</a></div>
</section>
<section class="footer-section" style="flex-grow: 6;">
<strong><h4>Community</h4></strong>
<div><a href="https://gitter.im/grin_community/Lobby">Gitter</a></div>
<div><a href="https://grinnews.substack.com/">News</a></div>
<div><a href="https://www.grin-forum.org/">Forum</a></div>
<div><a href="https://twitter.com/grincouncil">Twitter</a></div>
<div><a href="https://launchpad.net/~mimblewimble">Mailing List</a></div>
<div><a href="https://github.com/mimblewimble/docs/wiki/News-and-Channels#communities">Community Groups</a></div>
<div><a href="https://github.com/mimblewimble/docs/wiki/Events">Community Events</a></div>
<div><a href="/page-contribution-howto">Improve this website</a></div>
</section>
<div class="footer-content">
<p>Grin was launched on January 15th, 2019.
It's very young and experimental. Use at your own risk!

<strong>Whitepapers</strong>
MimbleWimble, Tom Elvis Jedusor @ 19 July, 2016.
MimbleWimble, Andrew Poelstra @ e9f45ec.

Security and vulnerability policy

<a href="https://grin-tech.org">https://grin-tech.org</a>
</p>
<div class="footer-links">
<a href="https://grin-forum.org">Forum</a>
<a href="https://gitter.im/grin_community/Lobby">Gitter</a>
<a href="https://grinnews.substack.com/">News</a>
<a href="https://twitter.com/grinmw">Twitter</a>
<a href="https://github.com/mimblewimble/grin">Github</a>
</div>
</div>
</footer>
118 changes: 16 additions & 102 deletions _includes/navigation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,107 +1,21 @@
<nav>
<ul class="nav-logo">
<li><a href="/">Grin</a></li>
</ul>
<ul class="nav-root">
<li>
<a href="https://github.com/mimblewimble/grin/releases">Releases</a>
</li>
<li>
<a href="https://github.com/mimblewimble/docs/wiki">Wiki</a>
</li>
<li>
<span class="dropdown" href="https://www.grin-forum.org/">
Community
<nav>
<span class="dropdown-heading">Everyone.</span>
<a href="https://grinnews.substack.com/">News</a>
<a href="https://www.grin-forum.org/">Forum</a>
<a href="https://gitter.im/grin_community/Lobby">Chat</a>
</nav>
</span>
</li>
<li>
<span class="dropdown" href="https://www.grin-forum.org/">
Guides
<nav>
<span class="dropdown-heading">Learn to use Grin</span>
<a href="https://github.com/mimblewimble/docs/wiki/how-to-run-a-grin-node">Running a node</code></a>
<a href="https://github.com/mimblewimble/docs/wiki/how-to-use-the-grin-wallet">Using the wallet</a>
<a href="https://github.com/mimblewimble/docs/wiki/how-to-mine-grin">Running a miner</a>
</nav>
</span>
</li>
<li>
<span class="dropdown" href="https://www.grin-forum.org/">
Learn more
<nav>
<span class="dropdown-heading">The Rabbit hole</span>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/intro.md">Grin Introduction</a>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/pow/pow.md">Cuckoo cycle</a>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/grin4bitcoiners.md">Grin for Bitcoiners</a>
<a href="https://github.com/mimblewimble/docs/wiki/Grin-Privacy-Primer">Privacy in Grin</a>
<a href="https://github.com/mimblewimble/docs/wiki/Monetary-Policy">Monetary Policy</a>
<a href="https://github.com/mimblewimble/docs/wiki/Community-projects">Community projects</a>
<a href="funding">Community funding</a>
<a href="friends">Friends of Grin</a>
</nav>
</span>
</li>
<!-- <li><a href="/dev">Documentation</a></li> -->
<div class="nav-logo">
<a href="." id="grin-logo">
<svg id="grin-logo-bare" width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M43.341 20.2793C42.6915 18.8211 42.0862 15.94 40.4204 15.2994C38.2758 14.4747 36.9501 19.8734 36.6342 21.2375H36.3149C35.7742 18.9002 35.0485 15.5878 32.4824 14.85C31.2943 19.8399 33.7235 25.2229 35.9955 29.5411C38.4215 28.3818 39.6035 24.7512 39.8279 22.1956H40.1473L42.7023 29.8605C44.7578 29.2697 45.4729 27.2356 46.2151 25.3893C47.8084 21.4265 49.1453 16.5529 48.1317 12.295C45.0641 13.1637 44.1309 17.5503 43.341 20.2793ZM12.6813 30.4993C15.4263 29.1886 16.7325 25.0399 17.1525 22.1956H17.4719C17.7967 23.5666 18.665 27.1037 20.3781 27.3307C22.5607 27.6195 23.7051 22.7765 23.8593 21.2375H24.1787C24.8746 23.642 25.6079 26.769 28.0112 27.9443C28.8978 24.2204 27.8361 20.249 26.4744 16.7662C26.1243 15.8707 25.4054 13.4562 24.1707 13.4562C22.1478 13.4562 21.0105 18.7885 20.6656 20.2793H20.3462L17.7913 12.6144C13.297 14.7605 10.8557 26.1727 12.6813 30.4993ZM7.89066 34.3317C11.2259 48.8795 26.6098 57.1266 40.4667 50.9832C45.5099 48.7472 49.5104 44.7634 51.8169 39.7611C52.4128 38.4686 53.5834 36.1291 52.9008 34.4333C52.2212 32.7441 45.6297 35.5041 43.9827 36.225C43.7514 36.3278 43.5883 36.5411 43.5503 36.7915C43.4963 37.1457 43.5921 37.5066 43.8153 37.7874C44.0383 38.0681 44.3682 38.2431 44.7256 38.2706C45.9331 38.3635 47.4929 38.4836 47.4929 38.4836C42.4829 48.1813 28.9371 52.4692 19.3881 44.7215C17.2509 42.9877 15.3442 40.9274 14.061 38.4836C13.4404 37.3019 12.8649 35.7906 11.81 34.9797C10.7966 34.2004 9.25919 33.9335 7.89066 34.3317Z" fill="white" />
</svg>
</a>
</div>
<ul class="nav-list">
<li><a href="community">Community</a></li>
<li><a href="friends">Friends of Grin</a></li>
<li><a href="fund">General Fund</a></li>
<li><a href="https://github.com/mimblewimble/grin">GitHub</a></li>
</ul>
<ul class="nav-hamburger">
<button class="hamburger" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
<div id="hamburger" class="nav-hamburger">
<button class="nav-hamburger-btn">
<div class="nav-hamburger-line first"></div>
<div class="nav-hamburger-line second"></div>
</button>
</ul>
<div>
</div>
<ul class="nav-mobile">
<div class="nav-mobile-fade">
<span class="nav-mobile-heading">Grin</span>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/intro.md">Introduction</a>
</li>
<li>
<a href="https://github.com/mimblewimble/grin/releases">Releases</a>
</li>
<li>
<a href="https://github.com/mimblewimble/docs/wiki">Wiki</a>
</li>
<li>
<a href="https://www.grin-forum.org/">Forum</a>
</li>
<span class="nav-mobile-heading">Guides</span>
<li>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/build.md">Setup Grin</a>
</li>
<li>
<a href="https://github.com/mimblewimble/grin-miner/blob/master/README.md">Setup Grin Miner</a>
</li>
<span class="nav-mobile-heading">Learn more</span>
<li>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/intro.md">Grin Introduction</a>
</li>
<li>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/pow/pow.md">Cuckoo cycle</a>
</li>
<li>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/grin4bitcoiners.md">Grin for Bitcoiners</a>
</li>
<li>
<a href="/friends">Friends of Grin</a>
</li>
<li>
<a href="https://github.com/mimblewimble/docs/wiki/Community-projects">Community projects</a>
</li>
<li>
<a href="/funding">Community funding</a>
</li>
</div>
</ul>
</nav>
66 changes: 66 additions & 0 deletions _layouts/default-black.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ site.title }}</title>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

<!-- GoogleFonts -->
<link href="https://fonts.googleapis.com/css?family=Space+Mono|Work+Sans:400,700,800,900&display=swap" rel="stylesheet">

<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- CSS Main -->
<link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/css/main.css" />
</head>
<body class="black">
<div id="fullscreen-menu" class="nav-hamburger-fullscreen">
<a href="."><h2>Index</h2></a>
<a href="https://github.com/mimblewimble/grin/blob/master/doc/intro.md"><h2>Introduction</h2></a>
<a href="fund"><h2>The General Fund</h2></a>
<a href="community"><h2>Community Projects</h2></a>
<a href="friends"><h2>Friends of Grin</h2></a>
<a href="https://github.com/mimblewimble/grin"><h2>GitHub</h2></a>
</div>
<div class="full-header">
<div class="full-nav">
<a href="/" id="grin-logo-full">
<svg id="grin-logo-full-svg" width="61" height="61" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M50 100C77.6142 100 100 77.6142 100 50C100 22.3858 77.6142 0 50 0C22.3858 0 0 22.3858 0 50C0 77.6142 22.3858 100 50 100Z" fill="black" />
<path d="M49.8911 94.6322C74.5417 94.6322 94.525 74.6489 94.525 49.9983C94.525 25.3477 74.5417 5.36449 49.8911 5.36449C25.2405 5.36449 5.25726 25.3477 5.25726 49.9983C5.25726 74.6489 25.2405 94.6322 49.8911 94.6322Z" fill="#FEF102" />
<path d="M71.0509 33.2448C69.986 30.8542 68.9938 26.1311 66.2629 25.0809C62.7472 23.729 60.5739 32.5793 60.0561 34.8155H59.5326C58.6462 30.984 57.4566 25.5537 53.2498 24.3442C51.3022 32.5244 55.2844 41.349 59.009 48.4281C62.986 46.5275 64.9237 40.5757 65.2917 36.3862H65.8153L70.0038 48.9516C73.3734 47.9831 74.5457 44.6485 75.7625 41.6218C78.3745 35.1254 80.5661 27.1359 78.9044 20.1557C73.8755 21.5798 72.3457 28.7709 71.0509 33.2448ZM20.789 49.9988C25.289 47.8501 27.4304 41.049 28.1188 36.3862H28.6424C29.1749 38.6338 30.5984 44.4323 33.4068 44.8045C36.9848 45.2778 38.8608 37.3385 39.1136 34.8155H39.6372C40.778 38.7574 41.9801 43.8836 45.92 45.8103C47.3734 39.7055 45.633 33.195 43.4006 27.4856C42.8267 26.0175 41.6482 22.0594 39.6241 22.0594C36.3079 22.0594 34.4435 30.8008 33.878 33.2448H33.3545L29.166 20.6793C21.7984 24.1976 17.7963 42.9061 20.789 49.9988ZM12.9355 56.2815C18.4031 80.1303 43.6226 93.6502 66.3389 83.579C74.6064 79.9135 81.1646 73.3826 84.9457 65.1821C85.9227 63.0632 87.8416 59.2281 86.7227 56.448C85.6086 53.6789 74.8028 58.2035 72.1028 59.3852C71.7237 59.5538 71.4562 59.9035 71.3939 60.314C71.3054 60.8946 71.4624 61.4862 71.8284 61.9465C72.1939 62.4067 72.7347 62.6936 73.3206 62.7386C75.3002 62.891 77.8572 63.0878 77.8572 63.0878C69.6441 78.9858 47.4378 86.0151 31.7838 73.314C28.2801 70.4716 25.1544 67.0941 23.0508 63.0878C22.0335 61.1506 21.09 58.6731 19.3607 57.3438C17.6994 56.0663 15.179 55.6286 12.9355 56.2815Z" fill="black" />
</svg>
</a>
</div>
</div>
<header>
{% include navigation.html %}
</header>
{{ content }}
{% include footer.html %}
<script type="text/javascript">
var logo = document.getElementById('grin-logo-bare');
var fullLogo = document.getElementById('grin-logo-full-svg');
logo.addEventListener('mouseover', () => {
document.getElementById('grin-logo-full').style.opacity = '1';
});
logo.addEventListener('mouseout', () => {
document.getElementById('grin-logo-full').style.opacity = '0';
});
window.addEventListener('scroll', () => {
logo.style.transform = `rotate(${window.scrollY / 3}deg)`;
fullLogo.style.transform = `rotate(${window.scrollY / 3}deg)`;
});
</script>
<script type="text/javascript">
var hamburger = document.getElementById('hamburger');
var fullscreen = document.getElementById('fullscreen-menu');
hamburger.addEventListener('click', () => {
hamburger.classList.toggle('active');
fullscreen.classList.toggle('active');
});
</script>
</body>
</html>
Loading