WIP site.
This commit is contained in:
parent
d3e3c9d720
commit
0b5502b673
@ -2,5 +2,5 @@
|
|||||||
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script src="/js/rellax.min.js"></script>
|
<script src="/js/jquery.paroller.min.js"></script>
|
||||||
<script>window.rellax = new Rellax('.rellax');</script>
|
<script>$("body").paroller();</script>
|
||||||
|
@ -9,4 +9,7 @@
|
|||||||
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
|
||||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
||||||
|
|
||||||
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="/js/main.js"></script>
|
||||||
</head>
|
</head>
|
||||||
|
@ -1,13 +1,22 @@
|
|||||||
<header>
|
<header>
|
||||||
|
<!--div class="hero">
|
||||||
|
<img class="ios" src="/img/hero_ios.jpg" />
|
||||||
|
<img class="android" src="/img/hero_android.jpg" />
|
||||||
|
<img class="mac" src="/img/hero_mac.jpg" />
|
||||||
|
<img class="desktop" src="/img/hero_desktop.jpg" />
|
||||||
|
<img class="cli" src="/img/hero_cli.jpg" />
|
||||||
|
<img class="web" src="/img/hero_web.jpg" />
|
||||||
|
</div-->
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/">Master Password</a>
|
<a href="/">Master Password</a>
|
||||||
<div class="flex-auto">
|
<div class="flex-auto">
|
||||||
<a href="https://itunes.apple.com/app/id510296984">iOS.<img class="popup" src="img/ios.png" /></a>
|
<a href="https://itunes.apple.com/app/id510296984" data-hero="ios">iOS.<img class="popup" src="img/ios.png" /></a>
|
||||||
<a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk">Android.<img class="popup" src="img/android.png" /></a>
|
<a href="https://ssl.masterpasswordapp.com/masterpassword-android.apk" data-hero="android">Android.<img class="popup" src="img/android.png" /></a>
|
||||||
<a href="https://ssl.masterpasswordapp.com/masterpassword-mac.zip">Mac.<img class="popup border" src="img/mac-gui.png" /></a>
|
<a href="https://ssl.masterpasswordapp.com/masterpassword-mac.zip" data-hero="mac">Mac.<img class="popup border" src="img/mac-gui.png" /></a>
|
||||||
<a href="https://ssl.masterpasswordapp.com/masterpassword-gui.jar">Desktop.<img class="popup" src="img/java-gui.png" /></a>
|
<a href="https://ssl.masterpasswordapp.com/masterpassword-gui.jar" data-hero="desktop">Desktop.<img class="popup" src="img/java-gui.png" /></a>
|
||||||
<a href="https://ssl.masterpasswordapp.com/masterpassword-cli.tar.gz">Terminal.<img class="popup" src="img/c-cli.png" /></a>
|
<a href="https://ssl.masterpasswordapp.com/masterpassword-cli.tar.gz" data-hero="cli">Terminal.<img class="popup" src="img/c-cli.png" /></a>
|
||||||
<a href="https://js.masterpasswordapp.com/">Web.<img class="popup border" src="img/web.png" /></a>
|
<a href="https://js.masterpasswordapp.com/">Web.<img class="popup border" src="img/web.png" data-hero="web" /></a>
|
||||||
</div>
|
</div>
|
||||||
<a href="http://help.masterpasswordapp.com">Support</a>
|
<a href="http://help.masterpasswordapp.com">Support</a>
|
||||||
</nav>
|
</nav>
|
||||||
@ -15,8 +24,8 @@
|
|||||||
<div class="flex-auto"></div>
|
<div class="flex-auto"></div>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<a href="/" class="active">Why</a>
|
<a href="/"{% if page.nav == "why" %} class="active"{% endif %}>Why</a>
|
||||||
<a href="how.html">How</a>
|
<a href="how.html"{% if page.nav == "how" %} class="active"{% endif %}>How</a>
|
||||||
<a href="what.html">What</a>
|
<a href="what.html"{% if page.nav == "what" %} class="active"{% endif %}>What</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html class="{{ page.nav }}">
|
||||||
|
|
||||||
{% include head.html %}
|
{% include head.html %}
|
||||||
|
|
||||||
|
@ -67,18 +67,54 @@ header, section {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 90%;
|
min-height: 90%;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
background: url('../img/shot-laptop-just-iphone.jpg') center top;
|
|
||||||
background-size: cover;
|
|
||||||
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: stretch;
|
justify-content: stretch;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
|
|
||||||
|
&::before, &::after {
|
||||||
|
position: absolute;
|
||||||
|
background-size: cover !important;
|
||||||
|
opacity: 0;
|
||||||
|
transition: 0.3s opacity;
|
||||||
|
z-index: -1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
content: " ";
|
||||||
|
}
|
||||||
|
&::after {
|
||||||
|
z-index: -2;
|
||||||
|
background: url('../img/hero_ios.jpg') center top;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
&.hero_ios::before {
|
||||||
|
background: url('../img/hero_ios.jpg') center top;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
&.hero_android::before {
|
||||||
|
background: url('../img/hero_android.jpg') center center;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
&.hero_mac::before {
|
||||||
|
background: url('../img/hero_mac.jpg') center center;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
&.hero_desktop::before {
|
||||||
|
background: url('../img/hero_desktop.jpg') center bottom;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
&.hero_cli::before {
|
||||||
|
background: url('../img/hero_cli.jpg') center center;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
&.hero_web::before {
|
||||||
|
background: url('../img/hero_web.jpg') center center;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
h1 {
|
h1 {
|
||||||
height: 1em;
|
height: 1em;
|
||||||
|
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
---
|
---
|
||||||
layout: default
|
layout: default
|
||||||
|
nav: how
|
||||||
---
|
---
|
||||||
|
|
||||||
<section id="how">
|
<section id="how">
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 300 KiB |
@ -1,5 +1,6 @@
|
|||||||
---
|
---
|
||||||
layout: default
|
layout: default
|
||||||
|
nav: why
|
||||||
---
|
---
|
||||||
|
|
||||||
<section id="intro">
|
<section id="intro">
|
||||||
|
Loading…
Reference in New Issue
Block a user