Changed some presentation and content
This commit is contained in:
Yann Esposito (Yogsototh)
parent
a19996f43e
commit
7a1e51c40f
23 changed files with 340 additions and 258 deletions
|
|
@ -15,37 +15,29 @@ begindiv(intro)
|
|||
|
||||
<%= tldr %> Some screenshots
|
||||
|
||||
|
||||
enddiv
|
||||
|
||||
Here are some screenshots of YPassword.
|
||||
|
||||
<%= leftblogimage("entry_screen.jpg","Entry screen") %>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("main_view.jpg","main view") %>
|
||||
|
||||
If you tap, the light glow and this means your password is copied.
|
||||
Now you can paste it anywhere.
|
||||
- Tap _login_ or _password_,
|
||||
- The light glow, the field is copied,
|
||||
- Paste it in any other application.
|
||||
{: .big}
|
||||
|
||||
If you tab "Go to website", you are sent to the website and your password is copied for you.
|
||||
- Tap _"Go to website"_
|
||||
- You are sent to the website _&_ your password is copied for you.
|
||||
{: .big}
|
||||
|
||||
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<%= leftblogimage("list_view.jpg","list view") %>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("main_password.jpg","main password") %>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("add_website.jpg","add website view") %>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
|
|
|||
|
|
@ -11,22 +11,30 @@ menupriority: 1
|
|||
<div id="secure" class="slideshow">
|
||||
<img src="/img/main/iPhone_pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
|
||||
<h3>Secure</h3>
|
||||
<p>YPassword use SHA1</p>
|
||||
<ul>
|
||||
<li>Very strong passwords (up to 40 char)</li>
|
||||
<li>From some password, nobody can:<br/>
|
||||
Retrieve your master password<br/>
|
||||
Discover another of your password
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="easy" class="slideshow">
|
||||
<img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
|
||||
<h3>Easy</h3>
|
||||
<p>You remember only one password the rest follow.
|
||||
If you click on "go to website" you are redirected to the website.
|
||||
Your password is copied, you can paste it.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Remember only one master password.</li>
|
||||
<li>Tap on login or password, it's copied</li>
|
||||
<li>Tap <em>"go to website"</em>, your password is copied before going to the website
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="portable" class="slideshow">
|
||||
<h3>Portable</h3>
|
||||
<h3 style="width: 100%">Portable</h3>
|
||||
<p>You can use YPassword on: </p>
|
||||
<ul>
|
||||
<li> iPhone, </li>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,9 @@ noSubMenu: false
|
|||
no_entete: true
|
||||
menupriority: 4
|
||||
---
|
||||
A problem? A remark?
|
||||
<% content_for :bodyclass do %>std support<% end %>
|
||||
|
||||
## A problem? A remark?
|
||||
|
||||
<form name="email" id="email" action="/contact" method="post">
|
||||
<input type="text" name="name" value="Your name" onfocus="this.value=''" style="display: block;width=20em"/>
|
||||
|
|
|
|||
|
|
@ -12,7 +12,6 @@ tags:
|
|||
|
||||
begindiv(intro)
|
||||
|
||||
|
||||
<%= tlal %> Des captures d'écrans.
|
||||
|
||||
enddiv
|
||||
|
|
@ -21,29 +20,23 @@ Ceci est une suite de quelques captures d'écran d'YPassword.
|
|||
|
||||
<%= leftblogimage("entry_screen.jpg","Entry screen") %>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("main_view.jpg","main view") %>
|
||||
|
||||
|
||||
Lorsque vous tapez le mot de passe ou votre nom de login la lumière pulse. Votre mot de passe est copié, prêt à être collé n'importe où.
|
||||
|
||||
- Tapez sur le login ou le mot de passe ;
|
||||
- La lumière "pulse" ;
|
||||
- Votre mot de passe est copié, prêt à être collé dans une autre application.
|
||||
{: .big}
|
||||
|
||||
Si vous appuyez sur le bouton "go to website" vous allez sur le site web. fr: Le mot de passe est copié pour vous.
|
||||
- Tappez sur "go to website"
|
||||
- Vous allez sur le site web et votre mot de passe a été copié.
|
||||
{: .big}
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<%= leftblogimage("list_view.jpg","list view") %>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("main_password.jpg","main password") %>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("add_website.jpg","add website view") %>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
|
|
|||
|
|
@ -11,22 +11,30 @@ menupriority: 1
|
|||
<div id="secure" class="slideshow">
|
||||
<img src="/img/main/iPhone_pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
|
||||
<h3>Secure</h3>
|
||||
<p>YPassword use SHA1</p>
|
||||
<ul>
|
||||
<li>Very strong passwords (up to 40 char)</li>
|
||||
<li>From some password, nobody can:<br/>
|
||||
Retrieve your master password<br/>
|
||||
Discover another of your password
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="easy" class="slideshow">
|
||||
<img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
|
||||
<h3>Easy</h3>
|
||||
<p>You remember only one password the rest follow.
|
||||
If you click on "go to website" you are redirected to the website.
|
||||
Your password is copied, you can paste it.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Remember only one master password.</li>
|
||||
<li>Tap on login or password, it's copied</li>
|
||||
<li>Tap <em>"go to website"</em>, your password is copied before going to the website
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="portable" class="slideshow">
|
||||
<h3>Portable</h3>
|
||||
<h3 style="width: 100%">Portable</h3>
|
||||
<p>You can use YPassword on: </p>
|
||||
<ul>
|
||||
<li> iPhone, </li>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,9 @@ noSubMenu: false
|
|||
no_entete: true
|
||||
menupriority: 4
|
||||
---
|
||||
A problem? A remark?
|
||||
<% content_for :bodyclass do %>std support<% end %>
|
||||
|
||||
## A problem? A remark?
|
||||
|
||||
<form name="email" id="email" action="/contact" method="post">
|
||||
<input type="text" name="name" value="Your name" onfocus="this.value=''" style="display: block;width=20em"/>
|
||||
|
|
|
|||
|
|
@ -15,45 +15,39 @@ en: - screenshot
|
|||
begindiv(intro)
|
||||
|
||||
en: <%= tldr %> Some screenshots
|
||||
|
||||
fr: <%= tlal %> Des captures d'écrans.
|
||||
|
||||
enddiv
|
||||
|
||||
fr: Ceci est une suite de quelques captures d'écran d'YPassword.
|
||||
en: Here are some screenshots of YPassword.
|
||||
fr: Ceci est une suite de quelques captures d'écran d'YPassword.
|
||||
|
||||
<%= leftblogimage("entry_screen.jpg","Entry screen") %>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("main_view.jpg","main view") %>
|
||||
|
||||
en: If you tap, the light glow and this means your password is copied.
|
||||
en: Now you can paste it anywhere.
|
||||
en: {: .big}
|
||||
en:
|
||||
en: If you tab "Go to website", you are sent to the website and your password is copied for you.
|
||||
en: - Tap _login_ or _password_,
|
||||
en: - The light glow, the field is copied,
|
||||
en: - Paste it in any other application.
|
||||
en: {: .big}
|
||||
|
||||
fr: Lorsque vous tapez le mot de passe ou votre nom de login la lumière pulse. Votre mot de passe est copié, prêt à être collé n'importe où.
|
||||
en: - Tap _"Go to website"_
|
||||
en: - You are sent to the website _&_ your password is copied for you.
|
||||
en: {: .big}
|
||||
|
||||
fr: - Tapez sur le login ou le mot de passe ;
|
||||
fr: - La lumière "pulse" ;
|
||||
fr: - Votre mot de passe est copié, prêt à être collé dans une autre application.
|
||||
fr: {: .big}
|
||||
fr:
|
||||
fr: Si vous appuyez sur le bouton "go to website" vous allez sur le site web. fr: Le mot de passe est copié pour vous.
|
||||
|
||||
fr: - Tappez sur "go to website"
|
||||
fr: - Vous allez sur le site web et votre mot de passe a été copié.
|
||||
fr: {: .big}
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<%= leftblogimage("list_view.jpg","list view") %>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("main_password.jpg","main password") %>
|
||||
|
||||
<hr/>
|
||||
|
||||
<%= leftblogimage("add_website.jpg","add website view") %>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
|
|
|||
|
|
@ -11,22 +11,30 @@ menupriority: 1
|
|||
<div id="secure" class="slideshow">
|
||||
<img src="/img/main/iPhone_pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
|
||||
<h3>Secure</h3>
|
||||
<p>YPassword use SHA1</p>
|
||||
<ul>
|
||||
<li>Very strong passwords (up to 40 char)</li>
|
||||
<li>From some password, nobody can:<br/>
|
||||
Retrieve your master password<br/>
|
||||
Discover another of your password
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="easy" class="slideshow">
|
||||
<img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
|
||||
<h3>Easy</h3>
|
||||
<p>You remember only one password the rest follow.
|
||||
If you click on "go to website" you are redirected to the website.
|
||||
Your password is copied, you can paste it.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Remember only one master password.</li>
|
||||
<li>Tap on login or password, it's copied</li>
|
||||
<li>Tap <em>"go to website"</em>, your password is copied before going to the website
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="portable" class="slideshow">
|
||||
<h3>Portable</h3>
|
||||
<h3 style="width: 100%">Portable</h3>
|
||||
<p>You can use YPassword on: </p>
|
||||
<ul>
|
||||
<li> iPhone, </li>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,9 @@ noSubMenu: false
|
|||
no_entete: true
|
||||
menupriority: 4
|
||||
---
|
||||
A problem? A remark?
|
||||
<% content_for :bodyclass do %>std support<% end %>
|
||||
|
||||
## A problem? A remark?
|
||||
|
||||
<form name="email" id="email" action="/contact" method="post">
|
||||
<input type="text" name="name" value="Your name" onfocus="this.value=''" style="display: block;width=20em"/>
|
||||
|
|
|
|||
|
|
@ -73,28 +73,24 @@
|
|||
|
||||
<p><img alt="Entry screen" src="/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main view" src="/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class="left" /></p>
|
||||
|
||||
<p class="big">If you tap, the light glow and this means your password is copied.
|
||||
Now you can paste it anywhere.</p>
|
||||
<ul class="big">
|
||||
<li>Tap <em>login</em> or <em>password</em>, </li>
|
||||
<li>The light glow, the field is copied,</li>
|
||||
<li>Paste it in any other application.</li>
|
||||
</ul>
|
||||
|
||||
<p class="big">If you tab “Go to website”, you are sent to the website and your password is copied for you.</p>
|
||||
<ul class="big">
|
||||
<li>Tap <em>“Go to website”</em></li>
|
||||
<li>You are sent to the website <em>&</em> your password is copied for you.</li>
|
||||
</ul>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<p><img alt="list view" src="/Scratch/img/blog/2011-05-05-Screenshots/list_view.jpg" class="left" /></p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main password" src="/Scratch/img/blog/2011-05-05-Screenshots/main_password.jpg" class="left" /></p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="add website view" src="/Scratch/img/blog/2011-05-05-Screenshots/add_website.jpg" class="left" /></p>
|
||||
<p><img alt="list view" src="/Scratch/img/blog/2011-05-05-Screenshots/list_view.jpg" class="left" />
|
||||
<img alt="main password" src="/Scratch/img/blog/2011-05-05-Screenshots/main_password.jpg" class="left" />
|
||||
<img alt="add website view" src="/Scratch/img/blog/2011-05-05-Screenshots/add_website.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
|
|
|
|||
|
|
@ -29,19 +29,21 @@
|
|||
|
||||
<p><img alt="Entry screen" src="/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main view" src="/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class="left" /></p>
|
||||
|
||||
<p class="big">If you tap, the light glow and this means your password is copied.
|
||||
Now you can paste it anywhere.</p>
|
||||
<ul class="big">
|
||||
<li>Tap <em>login</em> or <em>password</em>, </li>
|
||||
<li>The light glow, the field is copied,</li>
|
||||
<li>Paste it in any other application.</li>
|
||||
</ul>
|
||||
|
||||
<p class="big">If you tab &ldquo;Go to website&rdquo;, you are sent to the website and your password is copied for you.</p>
|
||||
<ul class="big">
|
||||
<li>Tap <em>&ldquo;Go to website&rdquo;</em></li>
|
||||
<li>You are sent to the website <em>&amp;</em> your password is copied for you.</li>
|
||||
</ul>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<p></p></p></hr></p></content>
|
||||
<p></p></p></p></content>
|
||||
</entry>
|
||||
</feed>
|
||||
|
|
|
|||
|
|
@ -97,20 +97,22 @@ Last 5 Articles
|
|||
|
||||
<p><img alt="Entry screen" src="/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main view" src="/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class="left" /></p>
|
||||
|
||||
<p class="big">If you tap, the light glow and this means your password is copied.
|
||||
Now you can paste it anywhere.</p>
|
||||
<ul class="big">
|
||||
<li>Tap <em>login</em> or <em>password</em>, </li>
|
||||
<li>The light glow, the field is copied,</li>
|
||||
<li>Paste it in any other application.</li>
|
||||
</ul>
|
||||
|
||||
<p class="big">If you tab “Go to website”, you are sent to the website and your password is copied for you.</p>
|
||||
<ul class="big">
|
||||
<li>Tap <em>“Go to website”</em></li>
|
||||
<li>You are sent to the website <em>&</em> your password is copied for you.</li>
|
||||
</ul>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<p></p></p></hr></p>
|
||||
<p></p></p></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -64,22 +64,30 @@
|
|||
<div id="secure" class="slideshow">
|
||||
<img src="/img/main/iPhone_pw.jpg" class="leftimage" alt="Main Password View" />
|
||||
<h3>Secure</h3>
|
||||
<p>YPassword use SHA1</p>
|
||||
<ul>
|
||||
<li>Very strong passwords (up to 40 char)</li>
|
||||
<li>From some password, nobody can:<br />
|
||||
Retrieve your master password<br />
|
||||
Discover another of your password
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="easy" class="slideshow">
|
||||
<img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
|
||||
<h3>Easy</h3>
|
||||
<p>You remember only one password the rest follow.
|
||||
If you click on "go to website" you are redirected to the website.
|
||||
Your password is copied, you can paste it.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Remember only one master password.</li>
|
||||
<li>Tap on login or password, it's copied</li>
|
||||
<li>Tap <em>"go to website"</em>, your password is copied before going to the website
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="portable" class="slideshow">
|
||||
<h3>Portable</h3>
|
||||
<h3 style="width: 100%">Portable</h3>
|
||||
<p>You can use YPassword on: </p>
|
||||
<ul>
|
||||
<li> iPhone, </li>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
</head>
|
||||
|
||||
<body lang="en" class="std">
|
||||
<body lang="en" class="std support">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="prelinks">
|
||||
|
|
@ -58,7 +58,8 @@
|
|||
<div id="main" role="main">
|
||||
<article>
|
||||
<div class="content">
|
||||
<p>A problem? A remark? </p>
|
||||
|
||||
<h2 class="first" id="a-problem-a-remark">A problem? A remark?</h2>
|
||||
|
||||
<form name="email" id="email" action="/contact" method="post">
|
||||
<input type="text" name="name" value="Your name" onfocus="this.value=<code>" style="display: block;width=20em" />
|
||||
|
|
|
|||
|
|
@ -73,27 +73,24 @@
|
|||
|
||||
<p><img alt="Entry screen" src="/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main view" src="/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class="left" /></p>
|
||||
|
||||
<p class="big">Lorsque vous tapez le mot de passe ou votre nom de login la lumière pulse. Votre mot de passe est copié, prêt à être collé n’importe où.</p>
|
||||
<ul class="big">
|
||||
<li>Tapez sur le login ou le mot de passe ;</li>
|
||||
<li>La lumière “pulse” ; </li>
|
||||
<li>Votre mot de passe est copié, prêt à être collé dans une autre application.</li>
|
||||
</ul>
|
||||
|
||||
<p class="big">Si vous appuyez sur le bouton “go to website” vous allez sur le site web. fr: Le mot de passe est copié pour vous.</p>
|
||||
<ul class="big">
|
||||
<li>Tappez sur “go to website” </li>
|
||||
<li>Vous allez sur le site web et votre mot de passe a été copié.</li>
|
||||
</ul>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<p><img alt="list view" src="/Scratch/img/blog/2011-05-05-Screenshots/list_view.jpg" class="left" /></p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main password" src="/Scratch/img/blog/2011-05-05-Screenshots/main_password.jpg" class="left" /></p>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="add website view" src="/Scratch/img/blog/2011-05-05-Screenshots/add_website.jpg" class="left" /></p>
|
||||
<p><img alt="list view" src="/Scratch/img/blog/2011-05-05-Screenshots/list_view.jpg" class="left" />
|
||||
<img alt="main password" src="/Scratch/img/blog/2011-05-05-Screenshots/main_password.jpg" class="left" />
|
||||
<img alt="add website view" src="/Scratch/img/blog/2011-05-05-Screenshots/add_website.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
|
|
|
|||
|
|
@ -19,24 +19,26 @@
|
|||
<div class="intro">
|
||||
|
||||
|
||||
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr>&nbsp;: </span> Des captures d&rsquo;écrans.</p>
|
||||
<p><span class="sc"><abbr title="Trop long à lire">tlàl</abbr>&nbsp;: </span> Des captures d&rsquo;écrans.</p>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<p>Ceci est une suite de quelques captures d&rsquo;écran d&rsquo;YPassword.</p>
|
||||
<p>Ceci est une suite de quelques captures d&rsquo;écran d&rsquo;YPassword.</p>
|
||||
|
||||
<p><img alt="Entry screen" src="/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main view" src="/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class="left" /></p>
|
||||
|
||||
<p class="big">Lorsque vous tapez le mot de passe ou votre nom de login la lumière pulse. Votre mot de passe est copié, prêt à être collé n&rsquo;importe où.</p>
|
||||
<ul class="big">
|
||||
<li>Tapez sur le login ou le mot de passe&nbsp;;</li>
|
||||
<li>La lumière &ldquo;pulse&rdquo;&nbsp;; </li>
|
||||
<li>Votre mot de passe est copié, prêt à être collé dans une autre application.</li>
|
||||
</ul>
|
||||
|
||||
<p class="big">Si vous appuyez sur le bouton &ldquo;go to website&rdquo; vous allez sur le site web. fr: Le mot de passe est copié pour vous.</p></p></hr></p></content>
|
||||
<ul class="big">
|
||||
<li>Tappez sur &ldquo;go to website&rdquo; </li>
|
||||
<li>Vous allez sur le site web et votre mot de passe a Ã...</li></ul></p></p></content>
|
||||
</entry>
|
||||
</feed>
|
||||
|
|
|
|||
|
|
@ -97,15 +97,17 @@ Les 5 derniers articles
|
|||
|
||||
<p><img alt="Entry screen" src="/Scratch/img/blog/2011-05-05-Screenshots/entry_screen.jpg" class="left" /></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
|
||||
<hr />
|
||||
|
||||
<p><img alt="main view" src="/Scratch/img/blog/2011-05-05-Screenshots/main_view.jpg" class="left" /></p>
|
||||
|
||||
<p class="big">Lorsque vous tapez le mot de passe ou votre nom de login la lumière pulse. Votre mot de passe est copié, prêt à être collé n’importe où.</p>
|
||||
<ul class="big">
|
||||
<li>Tapez sur le login ou le mot de passe ;</li>
|
||||
<li>La lumière “pulse” ; </li>
|
||||
<li>Votre mot de passe est copié, prêt à être collé dans une autre application.</li>
|
||||
</ul>
|
||||
|
||||
<p class="big">Si vous appuyez sur le bouton “go to website” vous allez sur le site web. fr: Le mot de passe est copié pour vous.</p></p></hr></p>
|
||||
<ul class="big">
|
||||
<li>Tappez sur “go to website” </li>
|
||||
<li>Vous allez sur le site web et votre mot de passe a Ã...</li></ul></p></p>
|
||||
|
||||
<div class="flush"></div>
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -64,22 +64,30 @@
|
|||
<div id="secure" class="slideshow">
|
||||
<img src="/img/main/iPhone_pw.jpg" class="leftimage" alt="Main Password View" />
|
||||
<h3>Secure</h3>
|
||||
<p>YPassword use SHA1</p>
|
||||
<ul>
|
||||
<li>Very strong passwords (up to 40 char)</li>
|
||||
<li>From some password, nobody can:<br />
|
||||
Retrieve your master password<br />
|
||||
Discover another of your password
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="easy" class="slideshow">
|
||||
<img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
|
||||
<h3>Easy</h3>
|
||||
<p>You remember only one password the rest follow.
|
||||
If you click on "go to website" you are redirected to the website.
|
||||
Your password is copied, you can paste it.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Remember only one master password.</li>
|
||||
<li>Tap on login or password, it's copied</li>
|
||||
<li>Tap <em>"go to website"</em>, your password is copied before going to the website
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="portable" class="slideshow">
|
||||
<h3>Portable</h3>
|
||||
<h3 style="width: 100%">Portable</h3>
|
||||
<p>You can use YPassword on: </p>
|
||||
<ul>
|
||||
<li> iPhone, </li>
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
|
||||
</head>
|
||||
|
||||
<body lang="fr" class="std">
|
||||
<body lang="fr" class="std support">
|
||||
<div id="container">
|
||||
<header>
|
||||
<div id="prelinks">
|
||||
|
|
@ -58,7 +58,8 @@
|
|||
<div id="main" role="main">
|
||||
<article>
|
||||
<div class="content">
|
||||
<p>A problem? A remark? </p>
|
||||
|
||||
<h2 class="first" id="a-problem-a-remark">A problem? A remark?</h2>
|
||||
|
||||
<form name="email" id="email" action="/contact" method="post">
|
||||
<input type="text" name="name" value="Your name" onfocus="this.value=<code>" style="display: block;width=20em" />
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
<urlset xmlns="http://www.google.com/schemas/sitemap/0.84">
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/fr/blog/2011-05-05-Screenshots/</loc>
|
||||
<lastmod>2011-05-16</lastmod>
|
||||
<lastmod>2011-07-12</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/fr/blog/</loc>
|
||||
|
|
@ -10,7 +10,7 @@
|
|||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/en/support/</loc>
|
||||
<lastmod>2011-07-11</lastmod>
|
||||
<lastmod>2011-07-12</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/en/blog/feed/feed.xml</loc>
|
||||
|
|
@ -18,15 +18,15 @@
|
|||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/fr/support/</loc>
|
||||
<lastmod>2011-07-11</lastmod>
|
||||
<lastmod>2011-07-12</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/en/</loc>
|
||||
<lastmod>2011-07-11</lastmod>
|
||||
<lastmod>2011-07-12</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/en/blog/2011-05-05-Screenshots/</loc>
|
||||
<lastmod>2011-05-16</lastmod>
|
||||
<lastmod>2011-07-12</lastmod>
|
||||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/sitemap.xml</loc>
|
||||
|
|
@ -42,6 +42,6 @@
|
|||
</url>
|
||||
<url>
|
||||
<loc>http://ypassword.espozito.com/Scratch/fr/</loc>
|
||||
<lastmod>2011-07-11</lastmod>
|
||||
<lastmod>2011-07-12</lastmod>
|
||||
</url>
|
||||
</urlset>
|
||||
|
|
|
|||
|
|
@ -1,42 +1,53 @@
|
|||
/* line 36, ../src/main.sass */
|
||||
/* line 37, ../src/main.sass */
|
||||
body {
|
||||
color: #41444a;
|
||||
margin: 0;
|
||||
font-family: Futura, Molengo, sans-serif;
|
||||
background: #efeff4;
|
||||
}
|
||||
/* line 40, ../src/main.sass */
|
||||
/* line 42, ../src/main.sass */
|
||||
body hr {
|
||||
clear: both;
|
||||
color: #b4b8c5;
|
||||
background: #b4b8c5;
|
||||
border: none;
|
||||
border-bottom: 1px solid #efeff4;
|
||||
width: 300px;
|
||||
margin: 2em auto;
|
||||
}
|
||||
/* line 50, ../src/main.sass */
|
||||
body h1, body h2, body h3, body h4, body h5, body h6 {
|
||||
color: #60646c;
|
||||
font-weight: bold;
|
||||
letter-spacing: -0.05em;
|
||||
}
|
||||
/* line 44, ../src/main.sass */
|
||||
/* line 54, ../src/main.sass */
|
||||
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 46, ../src/main.sass */
|
||||
/* line 56, ../src/main.sass */
|
||||
body h1 a:visited, body h2 a:visited, body h3 a:visited, body h4 a:visited, body h5 a:visited, body h6 a:visited {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 48, ../src/main.sass */
|
||||
/* line 58, ../src/main.sass */
|
||||
body h1 a:hover, body h1 a:active, body h2 a:hover, body h2 a:active, body h3 a:hover, body h3 a:active, body h4 a:hover, body h4 a:active, body h5 a:hover, body h5 a:active, body h6 a:hover, body h6 a:active {
|
||||
color: #4269a7;
|
||||
}
|
||||
/* line 50, ../src/main.sass */
|
||||
/* line 60, ../src/main.sass */
|
||||
body a {
|
||||
text-decoration: none;
|
||||
color: #60646c;
|
||||
}
|
||||
/* line 53, ../src/main.sass */
|
||||
/* line 63, ../src/main.sass */
|
||||
body a:visited {
|
||||
color: #60646c;
|
||||
}
|
||||
/* line 55, ../src/main.sass */
|
||||
/* line 65, ../src/main.sass */
|
||||
body a:hover, body a:active {
|
||||
color: #4269a7;
|
||||
}
|
||||
|
||||
/* line 59, ../src/main.sass */
|
||||
/* line 69, ../src/main.sass */
|
||||
* {
|
||||
-moz-transition-property: all;
|
||||
-webkit-transition-property: all;
|
||||
|
|
@ -48,7 +59,7 @@ body a:hover, body a:active {
|
|||
transition-duration: 0.5s;
|
||||
}
|
||||
|
||||
/* line 62, ../src/main.sass */
|
||||
/* line 72, ../src/main.sass */
|
||||
hgroup#maintitle {
|
||||
margin: 0.5em 0;
|
||||
font-size: 2em;
|
||||
|
|
@ -65,27 +76,27 @@ hgroup#maintitle {
|
|||
background-image: -ms-linear-gradient(top, #60646c, #51555c);
|
||||
background-image: linear-gradient(top, #60646c, #51555c);
|
||||
}
|
||||
/* line 66, ../src/main.sass */
|
||||
/* line 76, ../src/main.sass */
|
||||
hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a {
|
||||
font-weight: normal;
|
||||
color: #0f1011;
|
||||
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
|
||||
}
|
||||
/* line 70, ../src/main.sass */
|
||||
/* line 80, ../src/main.sass */
|
||||
hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover {
|
||||
color: #002255;
|
||||
}
|
||||
/* line 72, ../src/main.sass */
|
||||
/* line 82, ../src/main.sass */
|
||||
hgroup#maintitle h2 {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
/* line 80, ../src/main.sass */
|
||||
/* line 90, ../src/main.sass */
|
||||
footer {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
/* line 84, ../src/main.sass */
|
||||
/* line 94, ../src/main.sass */
|
||||
#container > footer {
|
||||
padding: 3em 0;
|
||||
color: #0f1011;
|
||||
|
|
@ -97,42 +108,42 @@ footer {
|
|||
background-image: -ms-linear-gradient(top, #60646c, #51555c);
|
||||
background-image: linear-gradient(top, #60646c, #51555c);
|
||||
}
|
||||
/* line 85, ../src/main.sass */
|
||||
/* line 95, ../src/main.sass */
|
||||
#container > footer * {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
/* line 88, ../src/main.sass */
|
||||
/* line 98, ../src/main.sass */
|
||||
#container > footer a {
|
||||
color: #1f2024;
|
||||
}
|
||||
/* line 90, ../src/main.sass */
|
||||
/* line 100, ../src/main.sass */
|
||||
#container > footer a:hover {
|
||||
color: #002255;
|
||||
}
|
||||
|
||||
/* line 104, ../src/main.sass */
|
||||
/* line 114, ../src/main.sass */
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* line 108, ../src/main.sass */
|
||||
/* line 118, ../src/main.sass */
|
||||
#container {
|
||||
width: span(24);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* line 113, ../src/main.sass */
|
||||
/* line 123, ../src/main.sass */
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* line 116, ../src/main.sass */
|
||||
/* line 126, ../src/main.sass */
|
||||
h1, h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* line 126, ../src/main.sass */
|
||||
/* line 136, ../src/main.sass */
|
||||
.block {
|
||||
background-color: #e3e5ed;
|
||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||
|
|
@ -146,28 +157,28 @@ h1, h2 {
|
|||
-khtml-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 133, ../src/main.sass */
|
||||
.block > * {
|
||||
margin: 20px;
|
||||
}
|
||||
/* line 128, ../src/main.sass */
|
||||
/* line 138, ../src/main.sass */
|
||||
.block:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* line 172, ../src/main.sass */
|
||||
/* line 182, ../src/main.sass */
|
||||
#prelinks {
|
||||
width: 960px;
|
||||
margin: 0.5em auto;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
/* line 178, ../src/main.sass */
|
||||
/* line 188, ../src/main.sass */
|
||||
#choixlang {
|
||||
float: left;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 133, ../src/main.sass */
|
||||
/* line 143, ../src/main.sass */
|
||||
#choixlang a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -176,16 +187,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;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||
}
|
||||
/* line 137, ../src/main.sass */
|
||||
/* line 147, ../src/main.sass */
|
||||
#choixlang a:active {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
text-shadow: 0 0 2px black;
|
||||
}
|
||||
/* line 140, ../src/main.sass */
|
||||
/* line 150, ../src/main.sass */
|
||||
#choixlang a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 142, ../src/main.sass */
|
||||
/* line 152, ../src/main.sass */
|
||||
#choixlang a, #choixlang span {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
|
|
@ -198,11 +209,11 @@ h1, h2 {
|
|||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 148, ../src/main.sass */
|
||||
/* line 158, ../src/main.sass */
|
||||
#choixlang a:hover, #choixlang span:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
/* line 150, ../src/main.sass */
|
||||
/* line 160, ../src/main.sass */
|
||||
#choixlang span {
|
||||
color: #efeff4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
|
|
@ -213,12 +224,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;
|
||||
}
|
||||
|
||||
/* line 182, ../src/main.sass */
|
||||
/* line 192, ../src/main.sass */
|
||||
#choixrss {
|
||||
float: right;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 133, ../src/main.sass */
|
||||
/* line 143, ../src/main.sass */
|
||||
#choixrss a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -227,16 +238,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;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||
}
|
||||
/* line 137, ../src/main.sass */
|
||||
/* line 147, ../src/main.sass */
|
||||
#choixrss a:active {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
text-shadow: 0 0 2px black;
|
||||
}
|
||||
/* line 140, ../src/main.sass */
|
||||
/* line 150, ../src/main.sass */
|
||||
#choixrss a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 142, ../src/main.sass */
|
||||
/* line 152, ../src/main.sass */
|
||||
#choixrss a, #choixrss span {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
|
|
@ -249,11 +260,11 @@ h1, h2 {
|
|||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 148, ../src/main.sass */
|
||||
/* line 158, ../src/main.sass */
|
||||
#choixrss a:hover, #choixrss span:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
/* line 150, ../src/main.sass */
|
||||
/* line 160, ../src/main.sass */
|
||||
#choixrss span {
|
||||
color: #efeff4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
|
|
@ -264,19 +275,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;
|
||||
}
|
||||
|
||||
/* line 187, ../src/main.sass */
|
||||
/* line 196, ../src/main.sass */
|
||||
#mainnav {
|
||||
width: 600px;
|
||||
padding: 0;
|
||||
margin: 2.5em auto;
|
||||
}
|
||||
/* line 191, ../src/main.sass */
|
||||
/* line 200, ../src/main.sass */
|
||||
#mainnav ul {
|
||||
height: 2.2ex;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
/* line 195, ../src/main.sass */
|
||||
/* line 204, ../src/main.sass */
|
||||
#mainnav ul li {
|
||||
text-align: center;
|
||||
float: left;
|
||||
|
|
@ -284,7 +295,7 @@ h1, h2 {
|
|||
margin: 0 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 133, ../src/main.sass */
|
||||
/* line 143, ../src/main.sass */
|
||||
#mainnav ul li a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -293,16 +304,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;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||
}
|
||||
/* line 137, ../src/main.sass */
|
||||
/* line 147, ../src/main.sass */
|
||||
#mainnav ul li a:active {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
text-shadow: 0 0 2px black;
|
||||
}
|
||||
/* line 140, ../src/main.sass */
|
||||
/* line 150, ../src/main.sass */
|
||||
#mainnav ul li a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 142, ../src/main.sass */
|
||||
/* line 152, ../src/main.sass */
|
||||
#mainnav ul li a, #mainnav ul li span {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
|
|
@ -315,11 +326,11 @@ h1, h2 {
|
|||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 148, ../src/main.sass */
|
||||
/* line 158, ../src/main.sass */
|
||||
#mainnav ul li a:hover, #mainnav ul li span:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
/* line 150, ../src/main.sass */
|
||||
/* line 160, ../src/main.sass */
|
||||
#mainnav ul li span {
|
||||
color: #efeff4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
|
|
@ -329,30 +340,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;
|
||||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||
}
|
||||
/* line 201, ../src/main.sass */
|
||||
/* line 210, ../src/main.sass */
|
||||
#mainnav ul li * {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
/* line 205, ../src/main.sass */
|
||||
/* line 214, ../src/main.sass */
|
||||
.flush {
|
||||
clear: both !important;
|
||||
}
|
||||
|
||||
/* line 208, ../src/main.sass */
|
||||
/* line 217, ../src/main.sass */
|
||||
.clean {
|
||||
background: none;
|
||||
border: none;
|
||||
margin: none;
|
||||
}
|
||||
|
||||
/* line 213, ../src/main.sass */
|
||||
/* line 222, ../src/main.sass */
|
||||
#main {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* line 217, ../src/main.sass */
|
||||
/* line 226, ../src/main.sass */
|
||||
body.std #main > article, .slideshow {
|
||||
padding: 3em;
|
||||
margin: 3em 0;
|
||||
|
|
@ -368,49 +379,49 @@ body.std #main > article, .slideshow {
|
|||
-khtml-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 133, ../src/main.sass */
|
||||
body.std #main > article > *, .slideshow > * {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
/* line 222, ../src/main.sass */
|
||||
/* line 231, ../src/main.sass */
|
||||
.slideshow {
|
||||
color: #60646c;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
/* line 225, ../src/main.sass */
|
||||
/* line 234, ../src/main.sass */
|
||||
.slideshow h3, .slideshow p, .slideshow ul {
|
||||
float: left;
|
||||
margin-left: 60px;
|
||||
}
|
||||
/* line 228, ../src/main.sass */
|
||||
/* line 237, ../src/main.sass */
|
||||
.slideshow h3, .slideshow p, .slideshow ul {
|
||||
width: 40%;
|
||||
}
|
||||
/* line 230, ../src/main.sass */
|
||||
/* line 239, ../src/main.sass */
|
||||
.slideshow h3 {
|
||||
font-size: 2em;
|
||||
color: #9ca1ad;
|
||||
text-shadow: 0 0 3px white;
|
||||
}
|
||||
|
||||
/* line 235, ../src/main.sass */
|
||||
/* line 244, ../src/main.sass */
|
||||
.center {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* line 239, ../src/main.sass */
|
||||
/* line 248, ../src/main.sass */
|
||||
.leftimage {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* line 241, ../src/main.sass */
|
||||
/* line 250, ../src/main.sass */
|
||||
.rightimage {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* line 244, ../src/main.sass */
|
||||
/* line 253, ../src/main.sass */
|
||||
img.left {
|
||||
float: left;
|
||||
padding: 10px;
|
||||
|
|
@ -426,30 +437,30 @@ img.left {
|
|||
-ms-border-radius: 5px;
|
||||
-khtml-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
margin: 0 1em;
|
||||
background: rgba(239, 239, 244, 0.2);
|
||||
margin: 0 2em;
|
||||
background: #efeff4;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 133, ../src/main.sass */
|
||||
img.left > * {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
/* line 252, ../src/main.sass */
|
||||
/* line 261, ../src/main.sass */
|
||||
ul.article_metadata {
|
||||
list-style-type: none;
|
||||
text-align: right;
|
||||
color: #b4b8c5;
|
||||
}
|
||||
/* line 256, ../src/main.sass */
|
||||
/* line 265, ../src/main.sass */
|
||||
ul.article_metadata a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 258, ../src/main.sass */
|
||||
/* line 267, ../src/main.sass */
|
||||
ul.article_metadata a:hover {
|
||||
color: #315896;
|
||||
}
|
||||
|
||||
/* line 261, ../src/main.sass */
|
||||
/* line 270, ../src/main.sass */
|
||||
#tagcloud {
|
||||
background: #efeff4;
|
||||
background-color: #e3e5ed;
|
||||
|
|
@ -467,21 +478,21 @@ ul.article_metadata a:hover {
|
|||
width: 600px;
|
||||
margin: 1em auto;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 133, ../src/main.sass */
|
||||
#tagcloud > * {
|
||||
margin: 20px;
|
||||
}
|
||||
/* line 267, ../src/main.sass */
|
||||
/* line 276, ../src/main.sass */
|
||||
#tagcloud a:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* line 270, ../src/main.sass */
|
||||
/* line 279, ../src/main.sass */
|
||||
#elementblock {
|
||||
width: 600px;
|
||||
margin: 0 auto 4em auto;
|
||||
}
|
||||
/* line 273, ../src/main.sass */
|
||||
/* line 282, ../src/main.sass */
|
||||
#elementblock ul.menu {
|
||||
background-color: #efeff4;
|
||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||
|
|
@ -498,7 +509,7 @@ ul.article_metadata a:hover {
|
|||
padding: 10px;
|
||||
list-style-type: none;
|
||||
}
|
||||
/* line 280, ../src/main.sass */
|
||||
/* line 289, ../src/main.sass */
|
||||
#elementblock ul.menu li {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
|
|
@ -506,7 +517,7 @@ ul.article_metadata a:hover {
|
|||
margin: 0 20px;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* line 133, ../src/main.sass */
|
||||
/* line 143, ../src/main.sass */
|
||||
#elementblock ul.menu li a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -515,16 +526,16 @@ ul.article_metadata a:hover {
|
|||
-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;
|
||||
}
|
||||
/* line 137, ../src/main.sass */
|
||||
/* line 147, ../src/main.sass */
|
||||
#elementblock ul.menu li a:active {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
text-shadow: 0 0 2px black;
|
||||
}
|
||||
/* line 140, ../src/main.sass */
|
||||
/* line 150, ../src/main.sass */
|
||||
#elementblock ul.menu li a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 142, ../src/main.sass */
|
||||
/* line 152, ../src/main.sass */
|
||||
#elementblock ul.menu li a, #elementblock ul.menu li span {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
|
|
@ -537,11 +548,11 @@ ul.article_metadata a:hover {
|
|||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 148, ../src/main.sass */
|
||||
/* line 158, ../src/main.sass */
|
||||
#elementblock ul.menu li a:hover, #elementblock ul.menu li span:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
/* line 150, ../src/main.sass */
|
||||
/* line 160, ../src/main.sass */
|
||||
#elementblock ul.menu li span {
|
||||
color: #efeff4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
|
|
@ -552,24 +563,24 @@ ul.article_metadata a:hover {
|
|||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||
}
|
||||
|
||||
/* line 287, ../src/main.sass */
|
||||
/* line 296, ../src/main.sass */
|
||||
#related_articles {
|
||||
width: 960px;
|
||||
margin: 3em auto;
|
||||
}
|
||||
/* line 290, ../src/main.sass */
|
||||
/* line 299, ../src/main.sass */
|
||||
#related_articles #previous_articles {
|
||||
float: left;
|
||||
width: 40%;
|
||||
}
|
||||
/* line 293, ../src/main.sass */
|
||||
/* line 302, ../src/main.sass */
|
||||
#related_articles #next_articles {
|
||||
float: right;
|
||||
text-align: right;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
/* line 298, ../src/main.sass */
|
||||
/* line 307, ../src/main.sass */
|
||||
.date {
|
||||
font-size: 0.8em;
|
||||
line-height: 2em;
|
||||
|
|
@ -578,7 +589,7 @@ ul.article_metadata a:hover {
|
|||
margin-right: 1em;
|
||||
}
|
||||
|
||||
/* line 305, ../src/main.sass */
|
||||
/* line 314, ../src/main.sass */
|
||||
article article, .archive {
|
||||
background-color: #e3e5ed;
|
||||
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
|
||||
|
|
@ -594,12 +605,12 @@ article article, .archive {
|
|||
background-color: #efeff4;
|
||||
padding: 1em;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 133, ../src/main.sass */
|
||||
article article > *, .archive > * {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
/* line 310, ../src/main.sass */
|
||||
/* line 319, ../src/main.sass */
|
||||
#hiddenDivs {
|
||||
width: 600px;
|
||||
margin: 1em auto;
|
||||
|
|
@ -617,17 +628,17 @@ article article > *, .archive > * {
|
|||
background-color: #efeff4;
|
||||
padding: 1em;
|
||||
}
|
||||
/* line 123, ../src/main.sass */
|
||||
/* line 133, ../src/main.sass */
|
||||
#hiddenDivs > * {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
/* line 318, ../src/main.sass */
|
||||
/* line 327, ../src/main.sass */
|
||||
.archive .button {
|
||||
font-size: 14px;
|
||||
width: 5em;
|
||||
}
|
||||
/* line 133, ../src/main.sass */
|
||||
/* line 143, ../src/main.sass */
|
||||
.archive .button a:hover {
|
||||
color: #efeff4;
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
|
|
@ -636,16 +647,16 @@ article article > *, .archive > * {
|
|||
-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;
|
||||
}
|
||||
/* line 137, ../src/main.sass */
|
||||
/* line 147, ../src/main.sass */
|
||||
.archive .button a:active {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
text-shadow: 0 0 2px black;
|
||||
}
|
||||
/* line 140, ../src/main.sass */
|
||||
/* line 150, ../src/main.sass */
|
||||
.archive .button a {
|
||||
color: #9ca1ad;
|
||||
}
|
||||
/* line 142, ../src/main.sass */
|
||||
/* line 152, ../src/main.sass */
|
||||
.archive .button a, .archive .button span {
|
||||
padding: 0.2em;
|
||||
-moz-border-radius: 2ex;
|
||||
|
|
@ -658,11 +669,11 @@ article article > *, .archive > * {
|
|||
width: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
/* line 148, ../src/main.sass */
|
||||
/* line 158, ../src/main.sass */
|
||||
.archive .button a:hover, .archive .button span:hover {
|
||||
color: #efeff4;
|
||||
}
|
||||
/* line 150, ../src/main.sass */
|
||||
/* line 160, ../src/main.sass */
|
||||
.archive .button span {
|
||||
color: #efeff4;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
|
|
@ -673,12 +684,28 @@ article article > *, .archive > * {
|
|||
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
|
||||
}
|
||||
|
||||
/* line 322, ../src/main.sass */
|
||||
/* line 331, ../src/main.sass */
|
||||
.return {
|
||||
float: right;
|
||||
opacity: 0.3;
|
||||
}
|
||||
/* line 325, ../src/main.sass */
|
||||
/* line 334, ../src/main.sass */
|
||||
.return:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* line 337, ../src/main.sass */
|
||||
.big {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
/* line 340, ../src/main.sass */
|
||||
body.support #main > article {
|
||||
width: 600px;
|
||||
margin: 3em auto;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
/* line 344, ../src/main.sass */
|
||||
body.support #main > article form {
|
||||
margin: 1em;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,22 +64,30 @@
|
|||
<div id="secure" class="slideshow">
|
||||
<img src="/img/main/iPhone_pw.jpg" class="leftimage" alt="Main Password View" />
|
||||
<h3>Secure</h3>
|
||||
<p>YPassword use SHA1</p>
|
||||
<ul>
|
||||
<li>Very strong passwords (up to 40 char)</li>
|
||||
<li>From some password, nobody can:<br />
|
||||
Retrieve your master password<br />
|
||||
Discover another of your password
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="easy" class="slideshow">
|
||||
<img src="/img/main/iPhone_Easy.jpg" alt="main view" class="rightimage" />
|
||||
<h3>Easy</h3>
|
||||
<p>You remember only one password the rest follow.
|
||||
If you click on "go to website" you are redirected to the website.
|
||||
Your password is copied, you can paste it.
|
||||
</p>
|
||||
<ul>
|
||||
<li>Remember only one master password.</li>
|
||||
<li>Tap on login or password, it's copied</li>
|
||||
<li>Tap <em>"go to website"</em>, your password is copied before going to the website
|
||||
</li>
|
||||
</ul>
|
||||
<div class="flush"></div>
|
||||
</div>
|
||||
|
||||
<div id="portable" class="slideshow">
|
||||
<h3>Portable</h3>
|
||||
<h3 style="width: 100%">Portable</h3>
|
||||
<p>You can use YPassword on: </p>
|
||||
<ul>
|
||||
<li> iPhone, </li>
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ $default-transition-duration: .5s
|
|||
@import compass/css3/gradient
|
||||
|
||||
$stdWidth: 960px
|
||||
$navWidth: 600px
|
||||
|
||||
$ycolorb: #EFEFF4
|
||||
$ycolorc: #E3E5ED
|
||||
|
|
@ -34,9 +35,18 @@ $main-background-color: $ycolorb
|
|||
|
||||
// Background colors
|
||||
body
|
||||
color: $ycolor6
|
||||
margin: 0
|
||||
font-family: Futura, Molengo, sans-serif
|
||||
background: $main-background-color
|
||||
hr
|
||||
clear: both
|
||||
color: $ycolor1
|
||||
background: $ycolor1
|
||||
border: none
|
||||
border-bottom: 1px solid $ycolorb
|
||||
width: $navWidth/2
|
||||
margin: 2em auto
|
||||
h1,h2,h3,h4,h5,h6
|
||||
color: $ycolor4
|
||||
font-weight: bold
|
||||
|
|
@ -183,7 +193,6 @@ h1,h2
|
|||
float: right
|
||||
+ybutton
|
||||
|
||||
$navWidth: 600px
|
||||
#mainnav
|
||||
width: $navWidth
|
||||
padding: 0
|
||||
|
|
@ -246,8 +255,8 @@ img.left
|
|||
padding: 10px
|
||||
max-width: 10em
|
||||
+innerblock
|
||||
margin: 0 1em
|
||||
background: rgba($ycolorb,.2)
|
||||
margin: 0 2em
|
||||
background: $ycolorb
|
||||
|
||||
ul.article_metadata
|
||||
list-style-type: none
|
||||
|
|
@ -324,3 +333,13 @@ article article, .archive
|
|||
opacity: .3
|
||||
&:hover
|
||||
opacity: 1
|
||||
|
||||
.big
|
||||
font-size: 1.2em
|
||||
|
||||
body.support #main > article
|
||||
width: $navWidth
|
||||
margin: 3em auto
|
||||
font-size: 1.2em
|
||||
form
|
||||
margin: 1em
|
||||
|
|
|
|||
Loading…
Reference in a new issue