mirror of
https://github.com/seigler/dash-website
synced 2025-07-26 23:06:09 +00:00
started scss files
This commit is contained in:
Perry Woodin
parent
db6b949379
commit
fecf2766d0
93 changed files with 6984 additions and 2491 deletions
|
|
@ -1,178 +1,142 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>{% if page.title %}{{ t page.title }} — {% endif %}Dash</title>
|
||||
<meta name="description" content="{{ page.description }}">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="/assets/images/favicon/apple-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/assets/images/favicon/apple-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/assets/images/favicon/apple-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="/assets/images/favicon/apple-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/assets/images/favicon/apple-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/assets/images/favicon/apple-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="/assets/images/favicon/apple-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/assets/images/favicon/apple-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicon/apple-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="/assets/images/favicon/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon/favicon-16x16.png">
|
||||
<link rel="manifest" href="/assets/images/favicon/manifest.json">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/assets/images/favicon/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
|
||||
<!-- JavaScript -->
|
||||
<script src="//cdn.jsdelivr.net/lodash/4.12.0/lodash.min.js"></script>
|
||||
<script src="/assets/js/moment.min.js"></script>
|
||||
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% if page.title %}{% t page.title %} — {% endif %}Dash</title>
|
||||
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="/assets/css/site.css">
|
||||
<link rel="stylesheet" href="/assets/css/nav.css">
|
||||
<style type="text/css">
|
||||
.navsubtext{font-weight:300;font-size:.9em;}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="nav-container">
|
||||
<!--
|
||||
© 2016 Dash
|
||||
-->
|
||||
|
||||
<!-- Start nav -->
|
||||
<div>
|
||||
<div class="nav-container-mask"></div>
|
||||
<div class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
|
||||
<!--<div class="container-fluid navbar-fixed-top topnav-mask"></div>-->
|
||||
<div class="container-fluid" >
|
||||
<div id="navbar-collapse-1" class="navbar-collapse collapse" style="height:20px;">
|
||||
|
||||
<div class="col-sm-5 col-sm-5">
|
||||
<ul class="list-inline pull-left">
|
||||
<li>
|
||||
<div class="dropdown">
|
||||
<button class="dropdown-toggle" type="button" id="dropdownMenu2" style="border:none;background:#fff;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" style="font-size:11px;"><img src="/assets/img/United-states-flag-48.png" width="16"> English </a><span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
|
||||
<li><a href="#" style="font-size:11px;"><img src="/assets/img/China-flag-48.png" width="16"> Chinese </a></li>
|
||||
<li><a href="#" style="font-size:11px;"><img src="/assets/img/Russia-flag-48.png" width="16"> Russian </a></li>
|
||||
<li><a href="/es" style="font-size:11px;"><img src="/assets/img/Spain-flag-48.png" width="16"> Spanish </a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#" style="font-size:11px;"><img src="/assets/img/United-states-flag-48.png" width="16"> Request a Language</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li><a href="participate" style="font-size:11px;">Get Involved!</a></li>
|
||||
<li><a href="dash.org/forums" style="font-size:11px;">Dash Forums</a></li>
|
||||
<li><a href="blog.html" style="font-size:11px;">Latest News</a></li>
|
||||
|
||||
|
||||
<li>
|
||||
<div class="dropdown">
|
||||
<button class="dropdown-toggle" type="button" id="dropdownMenu2" style="border:none;background:#fff;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<a href="#" style="font-size:11px;">$6.98 USD </a><span class="caret"></span>
|
||||
</button>
|
||||
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
|
||||
<li><a href="#" style="font-size:11px;"> 6.98 EUR </a></li>
|
||||
<li><a href="#" style="font-size:11px;"> 6.98 GBP </a></li>
|
||||
<li><a href="#" style="font-size:11px;"> 0.58 BTC </a></li>
|
||||
<li role="separator" class="divider"></li>
|
||||
<li><a href="#" style="font-size:11px;">Dash Exchanges</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-sm-7 col-sm-7 pull-right">
|
||||
<ul class="list-inline pull-right">
|
||||
<li>Share & Discuss:</li>
|
||||
<li>
|
||||
<a href="https://www.reddit.com/r/dashpay" target="_blank"><i class="fa fa-reddit fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/dashpay" target="_blank"><i class="fa fa-twitter fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/user/DarkcoinTV"><i class="fa fa-youtube fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="fa fa-snapchat fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://plus.google.com/115080614177201373926" target="_blank"><i class="fa fa-google-plus fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.linkedin.com/groups?home=&gid=8179817&trk=groups_most_recent-h-logo&goback=%2Egmp_8179817" target="_blank"><i class="fa fa-linkedin fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/dashpay" target="_blank"><i class="fa fa-facebook fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/dashpay/" target="_blank"><i class="fa fa-instagram fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://digitalcash.signup.team/"><i class="fa fa-slack fa-lg"></i></a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="http://github.com/dashpay" target="_blank"><i class="fa fa-github fa-lg"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-2 col-sm-2">
|
||||
<a href="index.html" ><img src="/assets/img/dash_logo_s.png" width="120" class="img-brand" style="padding-top:20px;"></a>
|
||||
</div>
|
||||
<div class="col-md-9 col-sm-9">
|
||||
<ul class="nav nav-tabs collapsed pull-right">
|
||||
<li class="active"><a href="index.html"> <i class="fa fa-institution fa-lg"></i> USE DASH <br/><span class="navsubtext">Buy & Sell Dash</span></a></li>
|
||||
<!-- <li><a href="get-dash.html"><i class="fa fa-qrcode fa-lg"></i> GET DASH <br/><span class="navsubtext">Download & Buy</span></a></li>-->
|
||||
<li><a href="participate"><i class="fa fa-shopping-basket fa-lg"></i> BUSINESS<br/><span class="navsubtext">Integrate Dash</span></a></li>
|
||||
<!--<li><a href="currency.html"><i class="fa fa-bar-chart fa-lg"></i> CURRENCY <br/><span class="navsubtext">Market Info</span></a>
|
||||
</li>-->
|
||||
<!-- <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="community.html"><i class="fa fa-group fa-lg"></i> COMMUNITY <span class="caret"></span> <br/><span class="navsubtext">Get Involved!</span></a>
|
||||
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li role="presentation"><a href="participate">Get Involved!</a></li>
|
||||
<li role="presentation"><a href="participate">Dash Forums</a></li>
|
||||
</ul>
|
||||
</li>-->
|
||||
<!-- <li><a href="news.html"><i class="fa fa-newspaper-o fa-lg"></i> BLOG <br/><span class="navsubtext">Latest News</span></a></li>-->
|
||||
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="project.html"><i class="fa fa-cogs fa-lg"></i> PROJECT <span class="caret"></span><br/><span class="navsubtext">White Papers & More</span></a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li role="presentation"><a href="project.html">Dash White Paper</a></li>
|
||||
<li role="presentation"><a href="project.html">Help & Support</a></li>
|
||||
<li role="presentation"><a href="project.html">Philosophy </a></li>
|
||||
<li role="presentation"><a href="project.html">Technology </a></li>
|
||||
<li role="presentation"><a href="project.html">Core Team </a></li>
|
||||
<li role="presentation"><a href="project.html">Dash Wiki </a></li>
|
||||
<li role="presentation"><a href="project.html">Dash Foundation </a></li>
|
||||
<li role="presentation"><a href="project.html">Community Features</a></li>
|
||||
<li role="presentation"><a href="project.html">Video Library</a></li>
|
||||
<li role="presentation"><a href="project.html">Ambassador Program</a></li>
|
||||
<li role="presentation"><a href="project.html">Contact </a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<div class="col-md-1 col-sm-1">
|
||||
<a href="news.html" class="btn btn-primary btn-default btn-lg pull-right" style="font-size:11px;margin-top:10px;"><i class="fa fa-arrow-down"></i> Download</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-toggle" data-target="#navbar-collapse-1" data-toggle="collapse"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></div>
|
||||
<div class="navbar-toggle img-brand-collapsed">
|
||||
<a href="index.html"><img src="/assets/img/dash_logo_s.png" width="120"></a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<!-- Hero -->
|
||||
<div id="hero">
|
||||
<div id="background-video">
|
||||
<video loop autoplay width="100%" height="auto" poster="assets/img/Home-BG.jpg" class="background-video">
|
||||
<!-- <source src="assets/videos/Home-BG.m4v" type="video/mp4">
|
||||
<source src="assets/videos/Home-BG.webm" type="video/webm">
|
||||
<source src="assets/videos/Home-BG" type="video/ogg"> -->
|
||||
</video>
|
||||
</div>
|
||||
<div id="top" class="content">
|
||||
<a href="#"><img src="assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="desktop">
|
||||
<ul>
|
||||
<li><a href="#">WHAT IS DASH</a></li>
|
||||
<li><a href="#">GET DASH</a></li>
|
||||
<li><a href="#">PARTICIPATE</a></li>
|
||||
<li><a href="#">CURRENCY</a></li>
|
||||
<li><a href="#">COMMUNITY</a></li>
|
||||
<li><a href="#">BLOG</a></li>
|
||||
<li><a href="#">PROJECT</a></li>
|
||||
<li><a href="#">ENGLISH</a></li>
|
||||
<li><a href="#">S</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
<div class="button_container" id="toggle">
|
||||
<span class="top"></span>
|
||||
<span class="middle"></span>
|
||||
<span class="bottom"></span>
|
||||
</div>
|
||||
<!-- end nav -->
|
||||
|
||||
<span class="clear"></span>
|
||||
</div>
|
||||
<h1 class="content">Dash is Digital Cash</h1>
|
||||
<p class="content">Hero Text</p>
|
||||
<div class="content">
|
||||
<a href="#" class="btn-blue">Get Dash</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="page-main">
|
||||
|
||||
{{ content }}
|
||||
|
||||
|
||||
{% include footer.html %}
|
||||
<hr class="nav-divider">
|
||||
<br/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<script src="/assets/js/jquery.min.js"></script>
|
||||
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
|
||||
<script src="/assets/js/jquery.easing.min.js"></script>
|
||||
<script src="/assets/js/scrolling-nav.js"></script>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
|
||||
<link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
|
||||
</body>
|
||||
|
||||
<!-- {{ content }} -->
|
||||
|
||||
</html>
|
||||
<!-- Footer -->
|
||||
<footer class="content">
|
||||
|
||||
This is the footer
|
||||
|
||||
</footer>
|
||||
|
||||
<!-- Mobile Nav -->
|
||||
<div class="overlay" id="overlay">
|
||||
<a href="/"><img src="/assets/img/logo-white.png" alt="Dash" class="logo"></a>
|
||||
<nav class="overlay-menu">
|
||||
<ul>
|
||||
<li><a href="#">WHAT IS DASH</a></li>
|
||||
<li><a href="#">GET DASH</a></li>
|
||||
<li><a href="#">PARTICIPATE</a></li>
|
||||
<li><a href="#">CURRENCY</a></li>
|
||||
<li><a href="#">COMMUNITY</a></li>
|
||||
<li><a href="#">BLOG</a></li>
|
||||
<li><a href="#">PROJECT</a></li>
|
||||
<li><a href="#">ENGLISH</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<script src="/assets/js/full-menu.js"></script>
|
||||
|
||||
<script>
|
||||
function windowPopup(url, width, height) {
|
||||
// Calculate the position of the popup so
|
||||
// it’s centered on the screen.
|
||||
var left = (screen.width / 2) - (width / 2),
|
||||
top = (screen.height / 2) - (height / 2);
|
||||
|
||||
window.open(
|
||||
url,
|
||||
"",
|
||||
"menubar=no,toolbar=no,resizable=yes,scrollbars=yes,width=" + width + ",height=" + height + ",top=" + top + ",left=" + left
|
||||
);
|
||||
}
|
||||
|
||||
//jQuery
|
||||
$(".js-social-share").on("click", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
windowPopup($(this).attr("href"), 500, 300);
|
||||
});
|
||||
|
||||
// Vanilla JavaScript
|
||||
var jsSocialShares = document.querySelectorAll(".js-social-share");
|
||||
if (jsSocialShares) {
|
||||
[].forEach.call(jsSocialShares, function(anchor) {
|
||||
anchor.addEventListener("click", function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
windowPopup(this.href, 500, 300);
|
||||
});
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue