yogsototh/sharieswebsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Advance a bit

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-07-10 22:38:23 +02:00
parent bdad3b4f22
commit be636cbabe
26 changed files with 241 additions and 288 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

58
content/html/en/index.md
View file

@ -7,49 +7,37 @@ menupriority: 1
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">Get it! &raquo;</a> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">Get it! &raquo;</a>
<% end %> <% end %>
<div id="securecontent" class="slideshow big"> <div id="secure" class="slideshow">
<div class="inner"> <img src="/img/main/iPhone pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
<div class="leftcontent"> <h3>Secure</h3>
<img src="/img/main/iPhone pw.png" class="clean" alt="main password view" style="float:left" /> <p>YPassword use SHA1</p>
</div>
<div class="rightcontent">
<h3>Secure</h3>
YPassword use SHA1
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easycontent" class="slideshow big"><div class="inner"> <div id="easy" class="slideshow">
<div class="rightcontent"> <img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
<img src="/img/main/iPhone_Easy.png" alt="main view" style="display:block;margin-left:0;float:right"/> <h3>Easy</h3>
</div> <p>You remember only one password the rest follow.
<div class="leftcontent"> If you click on "go to website" you are redirected to the website.
<h3>Easy</h3> Your password is copied, you can paste it.
You remember only one password the rest follow. </p>
If you click on "go to website" you are redirected to the website.
Your password is copied, you can paste it.
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portablecontent" class="slideshow big"> <div id="portable" class="slideshow">
<div class="inner"> <p>You can use YPassword on: </p>
You can use YPassword on <ul>
<ul> <li> iPhone, </li>
<li> iPhone, </li> <li> Mac using Dashboard widget, </li>
<li> Mac using Dashboard widget, </li> <li> on UNIX system using the command line <code>openssl</code> </li>
<li> on UNIX system using the command line <code>openssl</code> </li> </ul>
</ul>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div class="flush"></div> <div class="flush"></div>
<%= block("Get it!",
"http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8",
"On the Apple Store",
"clickable") %>
<div class="flush"></div> <div class="center">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">
<img src="/img/main/Available_appstore.jpg" alt="Get it!"/>
</a>
</div>

58
content/html/fr/index.md
View file

@ -7,49 +7,37 @@ menupriority: 1
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">Get it! &raquo;</a> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">Get it! &raquo;</a>
<% end %> <% end %>
<div id="securecontent" class="slideshow big"> <div id="secure" class="slideshow">
<div class="inner"> <img src="/img/main/iPhone pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
<div class="leftcontent"> <h3>Secure</h3>
<img src="/img/main/iPhone pw.png" class="clean" alt="main password view" style="float:left" /> <p>YPassword use SHA1</p>
</div>
<div class="rightcontent">
<h3>Secure</h3>
YPassword use SHA1
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easycontent" class="slideshow big"><div class="inner"> <div id="easy" class="slideshow">
<div class="rightcontent"> <img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
<img src="/img/main/iPhone_Easy.png" alt="main view" style="display:block;margin-left:0;float:right"/> <h3>Easy</h3>
</div> <p>You remember only one password the rest follow.
<div class="leftcontent"> If you click on "go to website" you are redirected to the website.
<h3>Easy</h3> Your password is copied, you can paste it.
You remember only one password the rest follow. </p>
If you click on "go to website" you are redirected to the website.
Your password is copied, you can paste it.
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portablecontent" class="slideshow big"> <div id="portable" class="slideshow">
<div class="inner"> <p>You can use YPassword on: </p>
You can use YPassword on <ul>
<ul> <li> iPhone, </li>
<li> iPhone, </li> <li> Mac using Dashboard widget, </li>
<li> Mac using Dashboard widget, </li> <li> on UNIX system using the command line <code>openssl</code> </li>
<li> on UNIX system using the command line <code>openssl</code> </li> </ul>
</ul>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div class="flush"></div> <div class="flush"></div>
<%= block("Get it!",
"http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8",
"On the Apple Store",
"clickable") %>
<div class="flush"></div> <div class="center">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">
<img src="/img/main/Available_appstore.jpg" alt="Get it!"/>
</a>
</div>

58
multi/index.md
View file

@ -7,49 +7,37 @@ menupriority: 1
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">Get it! &raquo;</a> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">Get it! &raquo;</a>
<% end %> <% end %>
<div id="securecontent" class="slideshow big"> <div id="secure" class="slideshow">
<div class="inner"> <img src="/img/main/iPhone pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
<div class="leftcontent"> <h3>Secure</h3>
<img src="/img/main/iPhone pw.png" class="clean" alt="main password view" style="float:left" /> <p>YPassword use SHA1</p>
</div>
<div class="rightcontent">
<h3>Secure</h3>
YPassword use SHA1
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easycontent" class="slideshow big"><div class="inner"> <div id="easy" class="slideshow">
<div class="rightcontent"> <img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
<img src="/img/main/iPhone_Easy.png" alt="main view" style="display:block;margin-left:0;float:right"/> <h3>Easy</h3>
</div> <p>You remember only one password the rest follow.
<div class="leftcontent"> If you click on "go to website" you are redirected to the website.
<h3>Easy</h3> Your password is copied, you can paste it.
You remember only one password the rest follow. </p>
If you click on "go to website" you are redirected to the website.
Your password is copied, you can paste it.
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portablecontent" class="slideshow big"> <div id="portable" class="slideshow">
<div class="inner"> <p>You can use YPassword on: </p>
You can use YPassword on <ul>
<ul> <li> iPhone, </li>
<li> iPhone, </li> <li> Mac using Dashboard widget, </li>
<li> Mac using Dashboard widget, </li> <li> on UNIX system using the command line <code>openssl</code> </li>
<li> on UNIX system using the command line <code>openssl</code> </li> </ul>
</ul>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div class="flush"></div> <div class="flush"></div>
<%= block("Get it!",
"http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8",
"On the Apple Store",
"clickable") %>
<div class="flush"></div> <div class="center">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&mt=8">
<img src="/img/main/Available_appstore.jpg" alt="Get it!"/>
</a>
</div>

66
site/Scratch/en/index.html
View file

@ -61,60 +61,40 @@
<article> <article>
<div class="content"> <div class="content">
<div id="securecontent" class="slideshow big"> <div id="secure" class="slideshow">
<div class="inner"> <img src="/img/main/iPhone pw.jpg" class="leftimage" alt="Main Password View" />
<div class="leftcontent"> <h3>Secure</h3>
<img src="/img/main/iPhone pw.png" class="clean" alt="main password view" style="float:left" /> <p>YPassword use SHA1</p>
</div>
<div class="rightcontent">
<h3>Secure</h3>
YPassword use SHA1
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easycontent" class="slideshow big"><div class="inner"> <div id="easy" class="slideshow">
<div class="rightcontent"> <img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
<img src="/img/main/iPhone_Easy.png" alt="main view" style="display:block;margin-left:0;float:right" /> <h3>Easy</h3>
</div> <p>You remember only one password the rest follow.
<div class="leftcontent"> If you click on "go to website" you are redirected to the website.
<h3>Easy</h3> Your password is copied, you can paste it.
You remember only one password the rest follow. </p>
If you click on "go to website" you are redirected to the website.
Your password is copied, you can paste it.
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portablecontent" class="slideshow big"> <div id="portable" class="slideshow">
<div class="inner"> <p>You can use YPassword on: </p>
You can use YPassword on <ul>
<ul> <li> iPhone, </li>
<li> iPhone, </li> <li> Mac using Dashboard widget, </li>
<li> Mac using Dashboard widget, </li> <li> on UNIX system using the command line <code>openssl</code> </li>
<li> on UNIX system using the command line <code>openssl</code> </li> </ul>
</ul>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div class="flush"></div> <div class="flush"></div>
<div class="block clickable">
<div class="inner">
<h3>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"> Get it!
<span class="nicer">»</span>
</a>
</h3>
<p>
On the Apple Store
</p>
</div>
</div>
<div class="flush"></div> <div class="center">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8">
<img src="/img/main/Available_appstore.jpg" alt="Get it!" />
</a>
</div>
</div> </div>
<footer> <footer>

66
site/Scratch/fr/index.html
View file

@ -61,60 +61,40 @@
<article> <article>
<div class="content"> <div class="content">
<div id="securecontent" class="slideshow big"> <div id="secure" class="slideshow">
<div class="inner"> <img src="/img/main/iPhone pw.jpg" class="leftimage" alt="Main Password View" />
<div class="leftcontent"> <h3>Secure</h3>
<img src="/img/main/iPhone pw.png" class="clean" alt="main password view" style="float:left" /> <p>YPassword use SHA1</p>
</div>
<div class="rightcontent">
<h3>Secure</h3>
YPassword use SHA1
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easycontent" class="slideshow big"><div class="inner"> <div id="easy" class="slideshow">
<div class="rightcontent"> <img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
<img src="/img/main/iPhone_Easy.png" alt="main view" style="display:block;margin-left:0;float:right" /> <h3>Easy</h3>
</div> <p>You remember only one password the rest follow.
<div class="leftcontent"> If you click on "go to website" you are redirected to the website.
<h3>Easy</h3> Your password is copied, you can paste it.
You remember only one password the rest follow. </p>
If you click on "go to website" you are redirected to the website.
Your password is copied, you can paste it.
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portablecontent" class="slideshow big"> <div id="portable" class="slideshow">
<div class="inner"> <p>You can use YPassword on: </p>
You can use YPassword on <ul>
<ul> <li> iPhone, </li>
<li> iPhone, </li> <li> Mac using Dashboard widget, </li>
<li> Mac using Dashboard widget, </li> <li> on UNIX system using the command line <code>openssl</code> </li>
<li> on UNIX system using the command line <code>openssl</code> </li> </ul>
</ul>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div class="flush"></div> <div class="flush"></div>
<div class="block clickable">
<div class="inner">
<h3>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"> Get it!
<span class="nicer">»</span>
</a>
</h3>
<p>
On the Apple Store
</p>
</div>
</div>
<div class="flush"></div> <div class="center">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8">
<img src="/img/main/Available_appstore.jpg" alt="Get it!" />
</a>
</div>
</div> </div>
<footer> <footer>

137
site/css/main.css
View file

@ -1,46 +1,46 @@
/* line 33, ../src/main.sass */ /* line 35, ../src/main.sass */
body { body {
margin: 0; margin: 0;
font-family: Futura, Molengo, sans-serif; font-family: Futura, Molengo, sans-serif;
background: #efeff4; background: #efeff4;
} }
/* line 37, ../src/main.sass */ /* line 39, ../src/main.sass */
body.bp { body.bp {
background: #efeff4; background: #efeff4;
} }
/* line 39, ../src/main.sass */ /* line 41, ../src/main.sass */
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 { body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
color: #60646c; color: #60646c;
font-weight: bold; font-weight: bold;
letter-spacing: -0.05em; letter-spacing: -0.05em;
} }
/* line 43, ../src/main.sass */ /* line 45, ../src/main.sass */
body.bp h1 a, body.bp h2 a, body.bp h3 a, body.bp h4 a, body.bp h5 a, body.bp h6 a { body.bp h1 a, body.bp h2 a, body.bp h3 a, body.bp h4 a, body.bp h5 a, body.bp h6 a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 45, ../src/main.sass */ /* line 47, ../src/main.sass */
body.bp h1 a:visited, body.bp h2 a:visited, body.bp h3 a:visited, body.bp h4 a:visited, body.bp h5 a:visited, body.bp h6 a:visited { body.bp h1 a:visited, body.bp h2 a:visited, body.bp h3 a:visited, body.bp h4 a:visited, body.bp h5 a:visited, body.bp h6 a:visited {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 47, ../src/main.sass */ /* line 49, ../src/main.sass */
body.bp h1 a:hover, body.bp h1 a:active, body.bp h2 a:hover, body.bp h2 a:active, body.bp h3 a:hover, body.bp h3 a:active, body.bp h4 a:hover, body.bp h4 a:active, body.bp h5 a:hover, body.bp h5 a:active, body.bp h6 a:hover, body.bp h6 a:active { body.bp h1 a:hover, body.bp h1 a:active, body.bp h2 a:hover, body.bp h2 a:active, body.bp h3 a:hover, body.bp h3 a:active, body.bp h4 a:hover, body.bp h4 a:active, body.bp h5 a:hover, body.bp h5 a:active, body.bp h6 a:hover, body.bp h6 a:active {
color: #4269a7; color: #4269a7;
} }
/* line 49, ../src/main.sass */ /* line 51, ../src/main.sass */
body.bp a { body.bp a {
text-decoration: none; text-decoration: none;
color: #60646c; color: #60646c;
} }
/* line 52, ../src/main.sass */ /* line 54, ../src/main.sass */
body.bp a:visited { body.bp a:visited {
color: #60646c; color: #60646c;
} }
/* line 54, ../src/main.sass */ /* line 56, ../src/main.sass */
body.bp a:hover, body.bp a:active { body.bp a:hover, body.bp a:active {
color: #4269a7; color: #4269a7;
} }
/* line 58, ../src/main.sass */ /* line 60, ../src/main.sass */
* { * {
-moz-transition-property: all; -moz-transition-property: all;
-webkit-transition-property: all; -webkit-transition-property: all;
@ -52,7 +52,7 @@ body.bp a:hover, body.bp a:active {
transition-duration: 0.5s; transition-duration: 0.5s;
} }
/* line 61, ../src/main.sass */ /* line 63, ../src/main.sass */
hgroup#maintitle { hgroup#maintitle {
margin: 0.5em 0; margin: 0.5em 0;
font-size: 2em; font-size: 2em;
@ -68,43 +68,68 @@ hgroup#maintitle {
background-image: -o-linear-gradient(top, #60646c, #51555c); background-image: -o-linear-gradient(top, #60646c, #51555c);
background-image: linear-gradient(top, #60646c, #51555c); background-image: linear-gradient(top, #60646c, #51555c);
} }
/* line 65, ../src/main.sass */ /* line 67, ../src/main.sass */
hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a { hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a {
font-weight: normal; font-weight: normal;
color: #0f1011; color: #0f1011;
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5); text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
} }
/* line 69, ../src/main.sass */ /* line 71, ../src/main.sass */
hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover { hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover {
color: #002255; color: #002255;
} }
/* line 71, ../src/main.sass */ /* line 73, ../src/main.sass */
hgroup#maintitle h2 { hgroup#maintitle h2 {
font-size: 0.8em; font-size: 0.8em;
} }
/* line 86, ../src/main.sass */ /* line 81, ../src/main.sass */
#container > footer {
padding: 3em 0;
color: #0f1011;
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c));
background-image: -webkit-linear-gradient(top, #60646c, #51555c);
background-image: -moz-linear-gradient(top, #60646c, #51555c);
background-image: -o-linear-gradient(top, #60646c, #51555c);
background-image: linear-gradient(top, #60646c, #51555c);
}
/* line 82, ../src/main.sass */
#container > footer * {
width: 960px;
margin: 0 auto;
}
/* line 85, ../src/main.sass */
#container > footer a {
color: #1f2024;
}
/* line 87, ../src/main.sass */
#container > footer a:hover {
color: #002255;
}
/* line 101, ../src/main.sass */
.clickable { .clickable {
cursor: pointer; cursor: pointer;
} }
/* line 90, ../src/main.sass */ /* line 105, ../src/main.sass */
#container { #container {
width: span(24); width: span(24);
margin: 0 auto; margin: 0 auto;
} }
/* line 95, ../src/main.sass */ /* line 110, ../src/main.sass */
a { a {
text-decoration: none; text-decoration: none;
} }
/* line 98, ../src/main.sass */ /* line 113, ../src/main.sass */
h1, h2 { h1, h2 {
text-align: center; text-align: center;
} }
/* line 108, ../src/main.sass */ /* line 123, ../src/main.sass */
.block { .block {
background-color: #e3e5ed; background-color: #e3e5ed;
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -118,28 +143,28 @@ h1, h2 {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 105, ../src/main.sass */ /* line 120, ../src/main.sass */
.block > * { .block > * {
padding: 20px; padding: 20px;
} }
/* line 110, ../src/main.sass */ /* line 125, ../src/main.sass */
.block:hover { .block:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 155, ../src/main.sass */ /* line 169, ../src/main.sass */
#prelinks { #prelinks {
width: 960px; width: 960px;
margin: 0.5em auto; margin: 0.5em auto;
height: 1em; height: 1em;
} }
/* line 161, ../src/main.sass */ /* line 175, ../src/main.sass */
#choixlang { #choixlang {
float: left; float: left;
font-size: 14px; font-size: 14px;
} }
/* line 115, ../src/main.sass */ /* line 130, ../src/main.sass */
#choixlang a:hover { #choixlang a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -148,16 +173,16 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 119, ../src/main.sass */ /* line 134, ../src/main.sass */
#choixlang a:active { #choixlang a:active {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black; text-shadow: 0 0 2px black;
} }
/* line 122, ../src/main.sass */ /* line 137, ../src/main.sass */
#choixlang a { #choixlang a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 124, ../src/main.sass */ /* line 139, ../src/main.sass */
#choixlang a, #choixlang span { #choixlang a, #choixlang span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -170,11 +195,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 130, ../src/main.sass */ /* line 145, ../src/main.sass */
#choixlang a:hover, #choixlang span:hover { #choixlang a:hover, #choixlang span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 132, ../src/main.sass */ /* line 147, ../src/main.sass */
#choixlang span { #choixlang span {
color: #efeff4; color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
@ -185,12 +210,12 @@ h1, h2 {
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 165, ../src/main.sass */ /* line 179, ../src/main.sass */
#choixrss { #choixrss {
float: right; float: right;
font-size: 14px; font-size: 14px;
} }
/* line 115, ../src/main.sass */ /* line 130, ../src/main.sass */
#choixrss a:hover { #choixrss a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -199,16 +224,16 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 119, ../src/main.sass */ /* line 134, ../src/main.sass */
#choixrss a:active { #choixrss a:active {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black; text-shadow: 0 0 2px black;
} }
/* line 122, ../src/main.sass */ /* line 137, ../src/main.sass */
#choixrss a { #choixrss a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 124, ../src/main.sass */ /* line 139, ../src/main.sass */
#choixrss a, #choixrss span { #choixrss a, #choixrss span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -221,11 +246,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 130, ../src/main.sass */ /* line 145, ../src/main.sass */
#choixrss a:hover, #choixrss span:hover { #choixrss a:hover, #choixrss span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 132, ../src/main.sass */ /* line 147, ../src/main.sass */
#choixrss span { #choixrss span {
color: #efeff4; color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
@ -236,19 +261,19 @@ h1, h2 {
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 170, ../src/main.sass */ /* line 184, ../src/main.sass */
#mainnav { #mainnav {
width: 600px; width: 600px;
padding: 0; padding: 0;
margin: 2.5em auto; margin: 2.5em auto;
} }
/* line 174, ../src/main.sass */ /* line 188, ../src/main.sass */
#mainnav ul { #mainnav ul {
height: 2.2ex; height: 2.2ex;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
/* line 178, ../src/main.sass */ /* line 192, ../src/main.sass */
#mainnav ul li { #mainnav ul li {
text-align: center; text-align: center;
float: left; float: left;
@ -256,7 +281,7 @@ h1, h2 {
margin: 0 20px; margin: 0 20px;
font-size: 14px; font-size: 14px;
} }
/* line 115, ../src/main.sass */ /* line 130, ../src/main.sass */
#mainnav ul li a:hover { #mainnav ul li a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -265,16 +290,16 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 119, ../src/main.sass */ /* line 134, ../src/main.sass */
#mainnav ul li a:active { #mainnav ul li a:active {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black; text-shadow: 0 0 2px black;
} }
/* line 122, ../src/main.sass */ /* line 137, ../src/main.sass */
#mainnav ul li a { #mainnav ul li a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 124, ../src/main.sass */ /* line 139, ../src/main.sass */
#mainnav ul li a, #mainnav ul li span { #mainnav ul li a, #mainnav ul li span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -287,11 +312,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 130, ../src/main.sass */ /* line 145, ../src/main.sass */
#mainnav ul li a:hover, #mainnav ul li span:hover { #mainnav ul li a:hover, #mainnav ul li span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 132, ../src/main.sass */ /* line 147, ../src/main.sass */
#mainnav ul li span { #mainnav ul li span {
color: #efeff4; color: #efeff4;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
@ -301,30 +326,30 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 184, ../src/main.sass */ /* line 198, ../src/main.sass */
#mainnav ul li * { #mainnav ul li * {
font-size: 1.5em; font-size: 1.5em;
} }
/* line 188, ../src/main.sass */ /* line 202, ../src/main.sass */
.flush { .flush {
clear: both; clear: both;
} }
/* line 191, ../src/main.sass */ /* line 205, ../src/main.sass */
.clean { .clean {
background: none; background: none;
border: none; border: none;
margin: none; margin: none;
} }
/* line 196, ../src/main.sass */ /* line 210, ../src/main.sass */
#main { #main {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
} }
/* line 200, ../src/main.sass */ /* line 214, ../src/main.sass */
.slideshow { .slideshow {
padding: 3em; padding: 3em;
margin: 3em; margin: 3em;
@ -340,17 +365,23 @@ h1, h2 {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 105, ../src/main.sass */ /* line 120, ../src/main.sass */
.slideshow > * { .slideshow > * {
padding: 20px; padding: 20px;
} }
/* line 205, ../src/main.sass */ /* line 219, ../src/main.sass */
.slideshow .inner img { .slideshow .inner img {
margin: 0 3em; margin: 0 3em;
} }
/* line 207, ../src/main.sass */ /* line 221, ../src/main.sass */
.slideshow .inner h3 { .slideshow .inner h3 {
font-size: 2.5em; font-size: 2.5em;
font-weight: bold; font-weight: bold;
color: #b4b8c5; color: #b4b8c5;
} }
/* line 226, ../src/main.sass */
.center {
margin: 0 auto;
text-align: center;
}

BIN
site/img/main/Available_appstore.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 8.8 KiB

BIN
site/img/main/Available_appstore.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 8.8 KiB

BIN
site/img/main/Blog.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
site/img/main/Blog.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
site/img/main/Easy.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.5 KiB

BIN
site/img/main/Easy.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 4.5 KiB

BIN
site/img/main/Home.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.5 KiB

BIN
site/img/main/Home.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2.5 KiB

BIN
site/img/main/Secure.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 5.2 KiB

BIN
site/img/main/Secure.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 5.2 KiB

BIN
site/img/main/Support.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 3.5 KiB

BIN
site/img/main/Support.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 3.5 KiB

BIN
site/img/main/iPhone pw.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
site/img/main/iPhone pw.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
site/img/main/iPhone_Easy.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
site/img/main/iPhone_Easy.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
site/img/main/title.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 28 KiB

BIN
site/img/main/title.png.uncorrected
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 28 KiB

66
site/index.html
View file

@ -61,60 +61,40 @@
<article> <article>
<div class="content"> <div class="content">
<div id="securecontent" class="slideshow big"> <div id="secure" class="slideshow">
<div class="inner"> <img src="/img/main/iPhone pw.jpg" class="leftimage" alt="Main Password View" />
<div class="leftcontent"> <h3>Secure</h3>
<img src="/img/main/iPhone pw.png" class="clean" alt="main password view" style="float:left" /> <p>YPassword use SHA1</p>
</div>
<div class="rightcontent">
<h3>Secure</h3>
YPassword use SHA1
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easycontent" class="slideshow big"><div class="inner"> <div id="easy" class="slideshow">
<div class="rightcontent"> <img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
<img src="/img/main/iPhone_Easy.png" alt="main view" style="display:block;margin-left:0;float:right" /> <h3>Easy</h3>
</div> <p>You remember only one password the rest follow.
<div class="leftcontent"> If you click on "go to website" you are redirected to the website.
<h3>Easy</h3> Your password is copied, you can paste it.
You remember only one password the rest follow. </p>
If you click on "go to website" you are redirected to the website.
Your password is copied, you can paste it.
</div>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portablecontent" class="slideshow big"> <div id="portable" class="slideshow">
<div class="inner"> <p>You can use YPassword on: </p>
You can use YPassword on <ul>
<ul> <li> iPhone, </li>
<li> iPhone, </li> <li> Mac using Dashboard widget, </li>
<li> Mac using Dashboard widget, </li> <li> on UNIX system using the command line <code>openssl</code> </li>
<li> on UNIX system using the command line <code>openssl</code> </li> </ul>
</ul>
</div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div class="flush"></div> <div class="flush"></div>
<div class="block clickable">
<div class="inner">
<h3>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"> Get it!
<span class="nicer">»</span>
</a>
</h3>
<p>
On the Apple Store
</p>
</div>
</div>
<div class="flush"></div> <div class="center">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8">
<img src="/img/main/Available_appstore.jpg" alt="Get it!" />
</a>
</div>
</div> </div>
<footer> <footer>

20
site/src/main.sass
View file

@ -6,6 +6,8 @@ $default-transition-duration: .5s
@import compass/css3/text-shadow @import compass/css3/text-shadow
@import compass/css3/gradient @import compass/css3/gradient
$stdWidth: 960px
$ycolorb: #EFEFF4 $ycolorb: #EFEFF4
$ycolorc: #E3E5ED $ycolorc: #E3E5ED
$ycolor0: #C9CEDE $ycolor0: #C9CEDE
@ -76,6 +78,19 @@ hgroup#maintitle
+box-shadow(rgba(#000,.6) 0 0 15px inset) +box-shadow(rgba(#000,.6) 0 0 15px inset)
+linear-gradient(color-stops($ycolor4,$ycolor5)) +linear-gradient(color-stops($ycolor4,$ycolor5))
#container>footer
*
width: $stdWidth
margin: 0 auto
a
color: $ycolor8
&:hover
color: $dark_highlight
padding: 3em 0
color: $ycolor9
text-shadow: 0 0 2px rgba($ycolorb,.5)
+linear-gradient(color-stops($ycolor4,$ycolor5))
=debug =debug
+box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset) +box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
background: rgba(#EA6,0.08) background: rgba(#EA6,0.08)
@ -150,7 +165,6 @@ h1,h2
+text-shadow(#3AF 0 0 4px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px ) +text-shadow(#3AF 0 0 4px, rgba(#000,0.5) 0px -1px 0px,rgba(#FFF,0.5) 0px 1px 0px )
$stdWidth: 960px
#prelinks #prelinks
width: $stdWidth width: $stdWidth
@ -208,3 +222,7 @@ $navWidth: 600px
font-size: 2.5em font-size: 2.5em
font-weight: bold font-weight: bold
color: $ycolor1 color: $ycolor1
.center
margin: 0 auto
text-align: center