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

Switched to Sharies, 1st commit

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-10-12 16:20:19 +02:00
parent 61d9e9b909
commit c6db9171cd
22 changed files with 362 additions and 405 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1,5 +1,5 @@
----- -----
title: YPassword title: Sharies
noSubMenu: true noSubMenu: true
menupriority: 1 menupriority: 1
----- -----
@ -16,52 +16,41 @@ end
<div id="helloblock"> <div id="helloblock">
<div id="logo"> <div id="logo">
<img src="/img/main/Logo.png"/></div> <img src="/img/main/Logo.png"/></div>
<div id="blocktitle">Easy, Secure &amp; Portable Password Manager</div> <div id="blocktitle">Share your stuff!</div>
<div id="blocktext"> <div id="blocktext">
<p> One different password for each website. <br/> <p> Once you've read an inspiring book
If some are compromised, there is not way to find another one.<br/> <br/> Share it with others, just drop it somewhere
You only have to remember one password.</p></div> <br/> Take a photo and make it a sharie!</p></div>
<div id="getit"> <div id="getit">
<a href="<%=itunesurl%>"><img src="/img/main/GetIt.png"/></a></div> <a href="<%=itunesurl%>"><img src="/img/main/GetIt.png"/></a></div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easy" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" /> <img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" />
<h3>Easy</h3> <h3>Share</h3>
<p>Remember only one Master Password</p> <p>You have an object you want to share?</p>
<ol> <ol>
<li>Tab "go to website"</li> <li>Drop it in a public area</li>
<li>Paste</li> <li>Take a Photo</li>
<li>Enjoy</li> <li>Share it!</li>
</ol>
<ol>
<li>Tap on login or password, it's copied</li>
<li>Go in any other app</li>
<li>Paste</li>
<li>Enjoy</li>
</ol> </ol>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="secure" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_pw.png" class="clean" alt="Main Password View" class="leftimage" /> <img src="/img/main/iPhone_pw.png" class="clean" alt="Main Password View" class="leftimage" />
<h3>Secure</h3> <h3>Discover</h3>
<p>Only strong password provided using SHA1</p> <p>Open _sharies_ and find stuff around you!</p>
<p>Knowing one of your password make it almost <p>Then just take it!</p>
impossible to know your master password or other <p>Once used, you could share it again.</p>
passwords.</p>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portable" class="slideshow"> <div class="slideshow">
<h3 style="width: 100%">Portable</h3> <h3 style="width=100%">Watch their life</h3>
<p>You can use YPassword on: </p> <p>You can follow the life of your object.</p>
<ul> <p>You can other people comment</p>
<li> iPhone, </li>
<li> Mac using Dashboard widget, </li>
<li> on UNIX system using the command line <code>openssl</code> </li>
</ul>
<div class="flush"></div> <div class="flush"></div>
</div> </div>

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

@ -1,5 +1,5 @@
----- -----
title: YPassword title: Sharies
noSubMenu: true noSubMenu: true
menupriority: 1 menupriority: 1
----- -----
@ -16,52 +16,41 @@ end
<div id="helloblock"> <div id="helloblock">
<div id="logo"> <div id="logo">
<img src="/img/main/Logo.png"/></div> <img src="/img/main/Logo.png"/></div>
<div id="blocktitle">Easy, Secure &amp; Portable Password Manager</div> <div id="blocktitle">Share your stuff!</div>
<div id="blocktext"> <div id="blocktext">
<p> One different password for each website. <br/> <p> Once you've read an inspiring book
If some are compromised, there is not way to find another one.<br/> <br/> Share it with others, just drop it somewhere
You only have to remember one password.</p></div> <br/> Take a photo and make it a sharie!</p></div>
<div id="getit"> <div id="getit">
<a href="<%=itunesurl%>"><img src="/img/main/GetIt.png"/></a></div> <a href="<%=itunesurl%>"><img src="/img/main/GetIt.png"/></a></div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easy" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" /> <img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" />
<h3>Easy</h3> <h3>Share</h3>
<p>Remember only one Master Password</p> <p>You have an object you want to share?</p>
<ol> <ol>
<li>Tab "go to website"</li> <li>Drop it in a public area</li>
<li>Paste</li> <li>Take a Photo</li>
<li>Enjoy</li> <li>Share it!</li>
</ol>
<ol>
<li>Tap on login or password, it's copied</li>
<li>Go in any other app</li>
<li>Paste</li>
<li>Enjoy</li>
</ol> </ol>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="secure" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_pw.png" class="clean" alt="Main Password View" class="leftimage" /> <img src="/img/main/iPhone_pw.png" class="clean" alt="Main Password View" class="leftimage" />
<h3>Secure</h3> <h3>Discover</h3>
<p>Only strong password provided using SHA1</p> <p>Open _sharies_ and find stuff around you!</p>
<p>Knowing one of your password make it almost <p>Then just take it!</p>
impossible to know your master password or other <p>Once used, you could share it again.</p>
passwords.</p>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portable" class="slideshow"> <div class="slideshow">
<h3 style="width: 100%">Portable</h3> <h3 style="width=100%">Watch their life</h3>
<p>You can use YPassword on: </p> <p>You can follow the life of your object.</p>
<ul> <p>You can other people comment</p>
<li> iPhone, </li>
<li> Mac using Dashboard widget, </li>
<li> on UNIX system using the command line <code>openssl</code> </li>
</ul>
<div class="flush"></div> <div class="flush"></div>
</div> </div>

2
lib/html.rb
View file

@ -45,7 +45,7 @@ def page_title
else else
h2text=@item[:content_for_title] h2text=@item[:content_for_title]
end end
tmp=%{<h1>YPassword</h1><h2>#{h2text}<h2>} tmp=%{<h1>Sharies</h1><h2>#{h2text}<h2>}
unless @item[:subtitle].nil? and @item[:content_for_subtitle].nil? unless @item[:subtitle].nil? and @item[:content_for_subtitle].nil?
if @item[:content_for_subtitle].nil? if @item[:content_for_subtitle].nil?
h3text=@item[:subtitle] h3text=@item[:subtitle]

51
multi/index.md
View file

@ -1,5 +1,5 @@
----- -----
title: YPassword title: Sharies
noSubMenu: true noSubMenu: true
menupriority: 1 menupriority: 1
----- -----
@ -16,52 +16,41 @@ end
<div id="helloblock"> <div id="helloblock">
<div id="logo"> <div id="logo">
<img src="/img/main/Logo.png"/></div> <img src="/img/main/Logo.png"/></div>
<div id="blocktitle">Easy, Secure &amp; Portable Password Manager</div> <div id="blocktitle">Share your stuff!</div>
<div id="blocktext"> <div id="blocktext">
<p> One different password for each website. <br/> <p> Once you've read an inspiring book
If some are compromised, there is not way to find another one.<br/> <br/> Share it with others, just drop it somewhere
You only have to remember one password.</p></div> <br/> Take a photo and make it a sharie!</p></div>
<div id="getit"> <div id="getit">
<a href="<%=itunesurl%>"><img src="/img/main/GetIt.png"/></a></div> <a href="<%=itunesurl%>"><img src="/img/main/GetIt.png"/></a></div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easy" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" /> <img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" />
<h3>Easy</h3> <h3>Share</h3>
<p>Remember only one Master Password</p> <p>You have an object you want to share?</p>
<ol> <ol>
<li>Tab "go to website"</li> <li>Drop it in a public area</li>
<li>Paste</li> <li>Take a Photo</li>
<li>Enjoy</li> <li>Share it!</li>
</ol>
<ol>
<li>Tap on login or password, it's copied</li>
<li>Go in any other app</li>
<li>Paste</li>
<li>Enjoy</li>
</ol> </ol>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="secure" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_pw.png" class="clean" alt="Main Password View" class="leftimage" /> <img src="/img/main/iPhone_pw.png" class="clean" alt="Main Password View" class="leftimage" />
<h3>Secure</h3> <h3>Discover</h3>
<p>Only strong password provided using SHA1</p> <p>Open _sharies_ and find stuff around you!</p>
<p>Knowing one of your password make it almost <p>Then just take it!</p>
impossible to know your master password or other <p>Once used, you could share it again.</p>
passwords.</p>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portable" class="slideshow"> <div class="slideshow">
<h3 style="width: 100%">Portable</h3> <h3 style="width=100%">Watch their life</h3>
<p>You can use YPassword on: </p> <p>You can follow the life of your object.</p>
<ul> <p>You can other people comment</p>
<li> iPhone, </li>
<li> Mac using Dashboard widget, </li>
<li> on UNIX system using the command line <code>openssl</code> </li>
</ul>
<div class="flush"></div> <div class="flush"></div>
</div> </div>

4
site/Scratch/en/blog/2011-05-05-Screenshots/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/fr/blog/2011-05-05-Screenshots/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/blog/2011-05-05-Screenshots/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/en/">Sharies</a></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>Screenshots<h2> <h1>Sharies</h1><h2>Screenshots<h2>
</hgroup> </hgroup>
</header> </header>

4
site/Scratch/en/blog/feed/feed.xml
View file

@ -14,10 +14,6 @@
<title type="html">Screenshots</title> <title type="html">Screenshots</title>
<published>2011-05-05T09:27:11Z</published> <published>2011-05-05T09:27:11Z</published>
<updated>2011-05-05T09:27:11Z</updated> <updated>2011-05-05T09:27:11Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link href="http://ypassword.espozito.com/Scratch/en/blog/2011-05-05-Screenshots/" rel="alternate"/> <link href="http://ypassword.espozito.com/Scratch/en/blog/2011-05-05-Screenshots/" rel="alternate"/>
<content type="html"> <content type="html">
&lt;div class="intro"&gt; &lt;div class="intro"&gt;

4
site/Scratch/en/blog/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/blog/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/en/">Sharies</a></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>Blog<h2> <h1>Sharies</h1><h2>Blog<h2>
</hgroup> </hgroup>
</header> </header>
<div id="main" role="main"> <div id="main" role="main">

4
site/Scratch/en/getit/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/fr/getit/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/getit/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/en/">YPassword</a></li><li><span class="active" title="You're here.">Get it!</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/en/">Sharies</a></li><li><span class="active" title="You're here.">Get it!</span></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>Get it!<h2> <h1>Sharies</h1><h2>Get it!<h2>
</hgroup> </hgroup>
</header> </header>
<div id="main" role="main"> <div id="main" role="main">

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

@ -14,7 +14,7 @@
Remove this if you use the .htaccess --> Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>YPassword</title> <title>Sharies</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"><ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><span class="active" title="You're here.">Sharies</span></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2> <h1>Sharies</h1><h2>
<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>
<h2> <h2>
</hgroup> </hgroup>
@ -60,52 +60,41 @@
<div id="helloblock"> <div id="helloblock">
<div id="logo"> <div id="logo">
<img src="/img/main/Logo.png" /></div> <img src="/img/main/Logo.png" /></div>
<div id="blocktitle">Easy, Secure &amp; Portable Password Manager</div> <div id="blocktitle">Share your stuff!</div>
<div id="blocktext"> <div id="blocktext">
<p> One different password for each website. <br /> <p> Once you've read an inspiring book
If some are compromised, there is not way to find another one.<br /> <br /> Share it with others, just drop it somewhere
You only have to remember one password.</p></div> <br /> Take a photo and make it a sharie!</p></div>
<div id="getit"> <div id="getit">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"><img src="/img/main/GetIt.png" /></a></div> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"><img src="/img/main/GetIt.png" /></a></div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easy" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" /> <img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" />
<h3>Easy</h3> <h3>Share</h3>
<p>Remember only one Master Password</p> <p>You have an object you want to share?</p>
<ol> <ol>
<li>Tab "go to website"</li> <li>Drop it in a public area</li>
<li>Paste</li> <li>Take a Photo</li>
<li>Enjoy</li> <li>Share it!</li>
</ol>
<ol>
<li>Tap on login or password, it's copied</li>
<li>Go in any other app</li>
<li>Paste</li>
<li>Enjoy</li>
</ol> </ol>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="secure" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_pw.png" class="leftimage" alt="Main Password View" /> <img src="/img/main/iPhone_pw.png" class="leftimage" alt="Main Password View" />
<h3>Secure</h3> <h3>Discover</h3>
<p>Only strong password provided using SHA1</p> <p>Open _sharies_ and find stuff around you!</p>
<p>Knowing one of your password make it almost <p>Then just take it!</p>
impossible to know your master password or other <p>Once used, you could share it again.</p>
passwords.</p>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portable" class="slideshow"> <div class="slideshow">
<h3 style="width: 100%">Portable</h3> <h3 style="width=100%">Watch their life</h3>
<p>You can use YPassword on: </p> <p>You can follow the life of your object.</p>
<ul> <p>You can other people comment</p>
<li> iPhone, </li>
<li> Mac using Dashboard widget, </li>
<li> on UNIX system using the command line <code>openssl</code> </li>
</ul>
<div class="flush"></div> <div class="flush"></div>
</div> </div>

6
site/Scratch/en/support/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/fr/support/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/support/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/en/">YPassword</a></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><span class="active" title="You're here.">Support</span></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/en/">Sharies</a></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><span class="active" title="You're here.">Support</span></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>Support<h2> <h1>Sharies</h1><h2>Support<h2>
</hgroup> </hgroup>
</header> </header>
<div id="main" role="main"> <div id="main" role="main">
@ -76,7 +76,7 @@
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>Modified: <time>08/08/2011</time></li> <li>Modified: <time>08/10/2011</time></li>
</ul> </ul>
</footer> </footer>
</article> </article>

4
site/Scratch/fr/blog/2011-05-05-Screenshots/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/en/blog/2011-05-05-Screenshots/" onclick="setLanguage('en')">in English</a></div> <div id="choixlang"><a href="/Scratch/en/blog/2011-05-05-Screenshots/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/fr/">Sharies</a></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>Captures d'écran<h2> <h1>Sharies</h1><h2>Captures d'écran<h2>
</hgroup> </hgroup>
</header> </header>

4
site/Scratch/fr/blog/feed/feed.xml
View file

@ -14,10 +14,6 @@
<title type="html">Captures d'&#233;cran</title> <title type="html">Captures d'&#233;cran</title>
<published>2011-05-05T09:27:11Z</published> <published>2011-05-05T09:27:11Z</published>
<updated>2011-05-05T09:27:11Z</updated> <updated>2011-05-05T09:27:11Z</updated>
<author>
<name>Yann Esposito</name>
<uri>yannesposito.com</uri>
</author>
<link href="http://ypassword.espozito.com/Scratch/fr/blog/2011-05-05-Screenshots/" rel="alternate"/> <link href="http://ypassword.espozito.com/Scratch/fr/blog/2011-05-05-Screenshots/" rel="alternate"/>
<content type="html"> <content type="html">
&lt;div class="intro"&gt; &lt;div class="intro"&gt;

4
site/Scratch/fr/blog/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div> <div id="choixlang"><a href="/Scratch/en/blog/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/fr/">Sharies</a></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><span class="active" title="You're here.">Blog</span></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>Blog<h2> <h1>Sharies</h1><h2>Blog<h2>
</hgroup> </hgroup>
</header> </header>
<div id="main" role="main"> <div id="main" role="main">

4
site/Scratch/fr/getit/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/en/getit/" onclick="setLanguage('en')">in English</a></div> <div id="choixlang"><a href="/Scratch/en/getit/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/fr/">YPassword</a></li><li><span class="active" title="You're here.">L'avoir !</span></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/fr/">Sharies</a></li><li><span class="active" title="You're here.">L'avoir !</span></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>L'avoir !<h2> <h1>Sharies</h1><h2>L'avoir !<h2>
</hgroup> </hgroup>
</header> </header>
<div id="main" role="main"> <div id="main" role="main">

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

@ -14,7 +14,7 @@
Remove this if you use the .htaccess --> Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>YPassword</title> <title>Sharies</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/en/" onclick="setLanguage('en')">in English</a></div> <div id="choixlang"><a href="/Scratch/en/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<nav id="mainnav"><ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><span class="active" title="You're here.">Sharies</span></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><a href="/Scratch/fr/support/">Aide</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2> <h1>Sharies</h1><h2>
<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>
<h2> <h2>
</hgroup> </hgroup>
@ -60,52 +60,41 @@
<div id="helloblock"> <div id="helloblock">
<div id="logo"> <div id="logo">
<img src="/img/main/Logo.png" /></div> <img src="/img/main/Logo.png" /></div>
<div id="blocktitle">Easy, Secure &amp; Portable Password Manager</div> <div id="blocktitle">Share your stuff!</div>
<div id="blocktext"> <div id="blocktext">
<p> One different password for each website. <br /> <p> Once you've read an inspiring book
If some are compromised, there is not way to find another one.<br /> <br /> Share it with others, just drop it somewhere
You only have to remember one password.</p></div> <br /> Take a photo and make it a sharie!</p></div>
<div id="getit"> <div id="getit">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"><img src="/img/main/GetIt.png" /></a></div> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"><img src="/img/main/GetIt.png" /></a></div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easy" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" /> <img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" />
<h3>Easy</h3> <h3>Share</h3>
<p>Remember only one Master Password</p> <p>You have an object you want to share?</p>
<ol> <ol>
<li>Tab "go to website"</li> <li>Drop it in a public area</li>
<li>Paste</li> <li>Take a Photo</li>
<li>Enjoy</li> <li>Share it!</li>
</ol>
<ol>
<li>Tap on login or password, it's copied</li>
<li>Go in any other app</li>
<li>Paste</li>
<li>Enjoy</li>
</ol> </ol>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="secure" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_pw.png" class="leftimage" alt="Main Password View" /> <img src="/img/main/iPhone_pw.png" class="leftimage" alt="Main Password View" />
<h3>Secure</h3> <h3>Discover</h3>
<p>Only strong password provided using SHA1</p> <p>Open _sharies_ and find stuff around you!</p>
<p>Knowing one of your password make it almost <p>Then just take it!</p>
impossible to know your master password or other <p>Once used, you could share it again.</p>
passwords.</p>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portable" class="slideshow"> <div class="slideshow">
<h3 style="width: 100%">Portable</h3> <h3 style="width=100%">Watch their life</h3>
<p>You can use YPassword on: </p> <p>You can follow the life of your object.</p>
<ul> <p>You can other people comment</p>
<li> iPhone, </li>
<li> Mac using Dashboard widget, </li>
<li> on UNIX system using the command line <code>openssl</code> </li>
</ul>
<div class="flush"></div> <div class="flush"></div>
</div> </div>

6
site/Scratch/fr/support/index.html
View file

@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/en/support/" onclick="setLanguage('en')">in English</a></div> <div id="choixlang"><a href="/Scratch/en/support/" onclick="setLanguage('en')">in English</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomfr">s'abonner</a></div>
<nav id="mainnav"><ul><li><a href="/Scratch/fr/">YPassword</a></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><span class="active" title="You're here.">Aide</span></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><a href="/Scratch/fr/">Sharies</a></li><li><a href="/Scratch/fr/getit/">L'avoir !</a></li><li><a href="/Scratch/fr/blog/">Blog</a></li><li><span class="active" title="You're here.">Aide</span></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2>Aide<h2> <h1>Sharies</h1><h2>Aide<h2>
</hgroup> </hgroup>
</header> </header>
<div id="main" role="main"> <div id="main" role="main">
@ -76,7 +76,7 @@
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>modifié le : <time>08/08/2011</time></li> <li>modifié le : <time>10/08/2011</time></li>
</ul> </ul>
</footer> </footer>
</article> </article>

28
site/Scratch/sitemap.xml
View file

@ -1,55 +1,55 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.google.com/schemas/sitemap/0.84">
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/fr/blog/2011-05-05-Screenshots/</loc> <loc>http://ypassword.espozito.com/Scratch/fr/blog/2011-05-05-Screenshots/</loc>
<lastmod>2011-07-12</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/en/getit/</loc> <loc>http://ypassword.espozito.com/Scratch/en/getit/</loc>
<lastmod>2011-07-24</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/fr/blog/</loc> <loc>http://ypassword.espozito.com/Scratch/fr/blog/</loc>
<lastmod>2011-07-27</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/fr/getit/</loc> <loc>http://ypassword.espozito.com/Scratch/fr/getit/</loc>
<lastmod>2011-07-24</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/en/support/</loc> <loc>http://ypassword.espozito.com/Scratch/en/support/</loc>
<lastmod>2011-08-09</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/en/blog/feed/feed.xml</loc> <loc>http://ypassword.espozito.com/Scratch/en/blog/feed/feed.xml</loc>
<lastmod>2011-05-02</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/fr/support/</loc> <loc>http://ypassword.espozito.com/Scratch/fr/support/</loc>
<lastmod>2011-08-09</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/en/</loc> <loc>http://ypassword.espozito.com/Scratch/en/</loc>
<lastmod>2011-07-27</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/en/blog/2011-05-05-Screenshots/</loc> <loc>http://ypassword.espozito.com/Scratch/en/blog/2011-05-05-Screenshots/</loc>
<lastmod>2011-07-12</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/sitemap.xml</loc> <loc>http://ypassword.espozito.com/Scratch/sitemap.xml</loc>
<lastmod>2011-05-02</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/fr/blog/feed/feed.xml</loc> <loc>http://ypassword.espozito.com/Scratch/fr/blog/feed/feed.xml</loc>
<lastmod>2011-05-02</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/en/blog/</loc> <loc>http://ypassword.espozito.com/Scratch/en/blog/</loc>
<lastmod>2011-07-27</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
<url> <url>
<loc>http://ypassword.espozito.com/Scratch/fr/</loc> <loc>http://ypassword.espozito.com/Scratch/fr/</loc>
<lastmod>2011-07-27</lastmod> <lastmod>2011-10-12</lastmod>
</url> </url>
</urlset> </urlset>

342
site/css/main.css
View file

@ -1,11 +1,12 @@
/* line 37, ../src/main.sass */ /* line 37, ../src/main.sass */
body { body {
color: #41444a; color: #445577;
margin: 0; margin: 0;
font-family: Futura, Molengo, sans-serif; font-family: Georgia, Palatino, serif;
line-height: 1.6em;
background: #efeff4; background: #efeff4;
} }
/* line 42, ../src/main.sass */ /* line 43, ../src/main.sass */
body hr { body hr {
clear: both; clear: both;
color: #b4b8c5; color: #b4b8c5;
@ -15,39 +16,40 @@ body hr {
width: 300px; width: 300px;
margin: 2em auto; margin: 2em auto;
} }
/* line 50, ../src/main.sass */ /* line 51, ../src/main.sass */
body h1, body h2, body h3, body h4, body h5, body h6 { body h1, body h2, body h3, body h4, body h5, body h6 {
color: #60646c; color: #60646c;
line-height: 1em;
font-weight: bold; font-weight: bold;
letter-spacing: -0.05em; letter-spacing: -0.05em;
} }
/* 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 56, ../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 { body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
color: #9ca1ad; color: #99aacc;
} }
/* line 58, ../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 { 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: #4269a7; color: #99aacc;
} }
/* line 60, ../src/main.sass */ /* line 60, ../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: #4477bb;
}
/* line 62, ../src/main.sass */
body a { body a {
text-decoration: none; text-decoration: none;
color: #60646c; color: #60646c;
} }
/* line 63, ../src/main.sass */ /* line 65, ../src/main.sass */
body a:visited { body a:visited {
color: #60646c; color: #60646c;
} }
/* line 65, ../src/main.sass */ /* line 67, ../src/main.sass */
body a:hover, body a:active { body a:hover, body a:active {
color: #4269a7; color: #4477bb;
} }
/* line 69, ../src/main.sass */ /* line 71, ../src/main.sass */
* { * {
-moz-transition-property: all; -moz-transition-property: all;
-webkit-transition-property: all; -webkit-transition-property: all;
@ -59,95 +61,101 @@ body a:hover, body a:active {
transition-duration: 0.5s; transition-duration: 0.5s;
} }
/* line 72, ../src/main.sass */ /* line 74, ../src/main.sass */
hgroup#maintitle { hgroup#maintitle {
margin: 1em 0; margin: 1em 0;
font-size: 2em; font-size: 2em;
border-top: solid 1px black; border-top: solid 1px black;
border-bottom: solid 1px white; border-bottom: solid 1px white;
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; -moz-box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; -webkit-box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset;
-o-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; -o-box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset;
box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; box-shadow: rgba(68, 85, 119, 0.6) 0 0 4px inset;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c)); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c7def4), color-stop(100%, #d7eef4));
background-image: -webkit-linear-gradient(top, #60646c, #51555c); background-image: -webkit-linear-gradient(top, #c7def4, #d7eef4);
background-image: -moz-linear-gradient(top, #60646c, #51555c); background-image: -moz-linear-gradient(top, #c7def4, #d7eef4);
background-image: -o-linear-gradient(top, #60646c, #51555c); background-image: -o-linear-gradient(top, #c7def4, #d7eef4);
background-image: linear-gradient(top, #60646c, #51555c); background-image: -ms-linear-gradient(top, #c7def4, #d7eef4);
background-image: linear-gradient(top, #c7def4, #d7eef4);
} }
/* line 75, ../src/main.sass */ /* line 77, ../src/main.sass */
hgroup#maintitle h1, hgroup#maintitle h2 { hgroup#maintitle h1, hgroup#maintitle h2 {
margin: 0.3em; margin: 0.3em;
} }
/* line 77, ../src/main.sass */ /* line 79, ../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; font-variant: small-caps;
color: #445577;
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5); text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
} }
/* line 81, ../src/main.sass */ /* line 84, ../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 83, ../src/main.sass */ /* line 86, ../src/main.sass */
hgroup#maintitle h2 { hgroup#maintitle h2 {
font-size: 0.8em; font-size: 0.8em;
} }
/* line 91, ../src/main.sass */ /* line 94, ../src/main.sass */
footer { footer {
font-size: 0.8em; font-size: 0.8em;
} }
/* line 95, ../src/main.sass */ /* line 98, ../src/main.sass */
#container > footer { #container > footer {
padding: 3em 0; padding: 3em 0;
color: #0f1011; color: #445577;
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5); 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-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c));
background-image: -webkit-linear-gradient(top, #60646c, #51555c); background-image: -webkit-linear-gradient(top, #60646c, #51555c);
background-image: -moz-linear-gradient(top, #60646c, #51555c); background-image: -moz-linear-gradient(top, #60646c, #51555c);
background-image: -o-linear-gradient(top, #60646c, #51555c); background-image: -o-linear-gradient(top, #60646c, #51555c);
background-image: -ms-linear-gradient(top, #60646c, #51555c);
background-image: linear-gradient(top, #60646c, #51555c); background-image: linear-gradient(top, #60646c, #51555c);
} }
/* line 96, ../src/main.sass */ /* line 99, ../src/main.sass */
#container > footer * { #container > footer * {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
} }
/* line 99, ../src/main.sass */ /* line 102, ../src/main.sass */
#container > footer a { #container > footer a {
color: #1f2024; color: #1f2024;
} }
/* line 101, ../src/main.sass */ /* line 104, ../src/main.sass */
#container > footer a:hover { #container > footer a:hover {
color: #002255; color: #002255;
} }
/* line 115, ../src/main.sass */ /* line 118, ../src/main.sass */
.clickable { .clickable {
cursor: pointer; cursor: pointer;
} }
/* line 119, ../src/main.sass */ /* line 122, ../src/main.sass */
#container { #container {
width: span(24); width: span(24);
margin: 0 auto; margin: 0 auto;
} }
/* line 124, ../src/main.sass */ /* line 127, ../src/main.sass */
a { a {
text-decoration: none; text-decoration: none;
} }
/* line 127, ../src/main.sass */ /* line 130, ../src/main.sass */
h1, h2 { h1, h2 {
text-align: center; text-align: center;
} }
/* line 137, ../src/main.sass */ /* line 143, ../src/main.sass */
.block { .block {
background-color: #e3e5ed; background-color: #d7eef4;
background-image: url("/img/main/collines.png");
background-position: 0 100%;
background-repeat: no-repeat;
-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;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -159,28 +167,28 @@ h1, h2 {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 134, ../src/main.sass */ /* line 140, ../src/main.sass */
.block > * { .block > * {
margin: 20px; margin: 20px;
} }
/* line 139, ../src/main.sass */ /* line 145, ../src/main.sass */
.block:hover { .block:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 183, ../src/main.sass */ /* line 189, ../src/main.sass */
#prelinks { #prelinks {
width: 960px; width: 960px;
margin: 0.5em auto; margin: 0.5em auto;
height: 1em; height: 1em;
} }
/* line 189, ../src/main.sass */ /* line 195, ../src/main.sass */
#choixlang { #choixlang {
float: left; float: left;
font-size: 14px; font-size: 14px;
} }
/* line 144, ../src/main.sass */ /* line 150, ../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);
@ -189,16 +197,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 148, ../src/main.sass */ /* line 154, ../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 151, ../src/main.sass */ /* line 157, ../src/main.sass */
#choixlang a { #choixlang a {
color: #9ca1ad; color: #99aacc;
} }
/* line 153, ../src/main.sass */ /* line 159, ../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;
@ -211,11 +219,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 159, ../src/main.sass */ /* line 165, ../src/main.sass */
#choixlang a:hover, #choixlang span:hover { #choixlang a:hover, #choixlang span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 161, ../src/main.sass */ /* line 167, ../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);
@ -226,12 +234,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 193, ../src/main.sass */ /* line 199, ../src/main.sass */
#choixrss { #choixrss {
float: right; float: right;
font-size: 14px; font-size: 14px;
} }
/* line 144, ../src/main.sass */ /* line 150, ../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);
@ -240,16 +248,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 148, ../src/main.sass */ /* line 154, ../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 151, ../src/main.sass */ /* line 157, ../src/main.sass */
#choixrss a { #choixrss a {
color: #9ca1ad; color: #99aacc;
} }
/* line 153, ../src/main.sass */ /* line 159, ../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;
@ -262,11 +270,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 159, ../src/main.sass */ /* line 165, ../src/main.sass */
#choixrss a:hover, #choixrss span:hover { #choixrss a:hover, #choixrss span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 161, ../src/main.sass */ /* line 167, ../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);
@ -277,18 +285,18 @@ 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 198, ../src/main.sass */ /* line 204, ../src/main.sass */
#mainnav { #mainnav {
width: 600px; width: 600px;
padding: 0; padding: 0;
margin: 0 auto; margin: 0 auto;
} }
/* line 202, ../src/main.sass */ /* line 208, ../src/main.sass */
#mainnav ul { #mainnav ul {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
/* line 205, ../src/main.sass */ /* line 211, ../src/main.sass */
#mainnav ul li { #mainnav ul li {
text-align: center; text-align: center;
float: left; float: left;
@ -296,7 +304,7 @@ h1, h2 {
margin: 0 3px; margin: 0 3px;
font-size: 14px; font-size: 14px;
} }
/* line 144, ../src/main.sass */ /* line 150, ../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);
@ -305,16 +313,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 148, ../src/main.sass */ /* line 154, ../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 151, ../src/main.sass */ /* line 157, ../src/main.sass */
#mainnav ul li a { #mainnav ul li a {
color: #9ca1ad; color: #99aacc;
} }
/* line 153, ../src/main.sass */ /* line 159, ../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;
@ -327,11 +335,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 159, ../src/main.sass */ /* line 165, ../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 161, ../src/main.sass */ /* line 167, ../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);
@ -341,34 +349,37 @@ 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 211, ../src/main.sass */ /* line 217, ../src/main.sass */
#mainnav ul li * { #mainnav ul li * {
font-size: 1em; font-size: 1em;
} }
/* line 215, ../src/main.sass */ /* line 221, ../src/main.sass */
.flush { .flush {
clear: both !important; clear: both !important;
} }
/* line 218, ../src/main.sass */ /* line 224, ../src/main.sass */
.clean { .clean {
background: none; background: none;
border: none; border: none;
margin: none; margin: none;
} }
/* line 223, ../src/main.sass */ /* line 229, ../src/main.sass */
#main { #main {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
} }
/* line 227, ../src/main.sass */ /* line 233, ../src/main.sass */
body.std #main > article, .slideshow { body.std #main > article, .slideshow {
padding: 3em; padding: 3em;
margin: 3em 0; margin: 3em 0;
background-color: #e3e5ed; background-color: #d7eef4;
background-image: url("/img/main/collines.png");
background-position: 0 100%;
background-repeat: no-repeat;
-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;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -380,46 +391,49 @@ body.std #main > article, .slideshow {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 134, ../src/main.sass */ /* line 140, ../src/main.sass */
body.std #main > article > *, .slideshow > * { body.std #main > article > *, .slideshow > * {
margin: 20px; margin: 20px;
} }
/* line 232, ../src/main.sass */ /* line 238, ../src/main.sass */
.slideshow { .slideshow {
color: #60646c; color: #60646c;
font-size: 1.2em; font-size: 1.2em;
} }
/* line 235, ../src/main.sass */ /* line 241, ../src/main.sass */
.slideshow h3 { .slideshow h3 {
font-size: 2em; font-size: 2em;
color: #9ca1ad; color: #99aacc;
text-shadow: 0 0 3px white; text-shadow: 0 0 3px white;
margin-bottom: 2em; margin-bottom: 2em;
} }
/* line 241, ../src/main.sass */ /* line 247, ../src/main.sass */
.center { .center {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
/* line 245, ../src/main.sass */ /* line 251, ../src/main.sass */
.leftimage { .leftimage {
float: left; float: left;
} }
/* line 247, ../src/main.sass */ /* line 253, ../src/main.sass */
.rightimage { .rightimage {
float: right; float: right;
} }
/* line 250, ../src/main.sass */ /* line 256, ../src/main.sass */
img.left { img.left {
float: left; float: left;
padding: 10px; padding: 10px;
max-width: 10em; max-width: 10em;
background-color: #e3e5ed; background-color: #d7eef4;
background-image: url("/img/main/collines.png");
background-position: 0 100%;
background-repeat: no-repeat;
-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;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -433,30 +447,33 @@ img.left {
margin: 0 2em; margin: 0 2em;
background: #efeff4; background: #efeff4;
} }
/* line 134, ../src/main.sass */ /* line 140, ../src/main.sass */
img.left > * { img.left > * {
margin: 20px; margin: 20px;
} }
/* line 258, ../src/main.sass */ /* line 264, ../src/main.sass */
ul.article_metadata { ul.article_metadata {
list-style-type: none; list-style-type: none;
text-align: right; text-align: right;
color: #b4b8c5; color: #b4b8c5;
} }
/* line 262, ../src/main.sass */ /* line 268, ../src/main.sass */
ul.article_metadata a { ul.article_metadata a {
color: #9ca1ad; color: #99aacc;
} }
/* line 264, ../src/main.sass */ /* line 270, ../src/main.sass */
ul.article_metadata a:hover { ul.article_metadata a:hover {
color: #315896; color: #3366bb;
} }
/* line 267, ../src/main.sass */ /* line 273, ../src/main.sass */
#tagcloud { #tagcloud {
background: #efeff4; background: #efeff4;
background-color: #e3e5ed; background-color: #d7eef4;
background-image: url("/img/main/collines.png");
background-position: 0 100%;
background-repeat: no-repeat;
-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;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -471,21 +488,21 @@ ul.article_metadata a:hover {
width: 600px; width: 600px;
margin: 1em auto; margin: 1em auto;
} }
/* line 134, ../src/main.sass */ /* line 140, ../src/main.sass */
#tagcloud > * { #tagcloud > * {
margin: 20px; margin: 20px;
} }
/* line 273, ../src/main.sass */ /* line 279, ../src/main.sass */
#tagcloud a:hover { #tagcloud a:hover {
cursor: pointer; cursor: pointer;
} }
/* line 276, ../src/main.sass */ /* line 282, ../src/main.sass */
#elementblock { #elementblock {
width: 600px; width: 600px;
margin: 0 auto 4em auto; margin: 0 auto 4em auto;
} }
/* line 279, ../src/main.sass */ /* line 285, ../src/main.sass */
#elementblock ul.menu { #elementblock ul.menu {
background-color: #efeff4; background-color: #efeff4;
-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;
@ -502,7 +519,7 @@ ul.article_metadata a:hover {
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
/* line 286, ../src/main.sass */ /* line 292, ../src/main.sass */
#elementblock ul.menu li { #elementblock ul.menu li {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
@ -510,7 +527,7 @@ ul.article_metadata a:hover {
margin: 0 23.077px; margin: 0 23.077px;
font-size: 14px; font-size: 14px;
} }
/* line 144, ../src/main.sass */ /* line 150, ../src/main.sass */
#elementblock ul.menu li a:hover { #elementblock ul.menu li a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -519,16 +536,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; -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 148, ../src/main.sass */ /* line 154, ../src/main.sass */
#elementblock ul.menu li a:active { #elementblock ul.menu 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 151, ../src/main.sass */ /* line 157, ../src/main.sass */
#elementblock ul.menu li a { #elementblock ul.menu li a {
color: #9ca1ad; color: #99aacc;
} }
/* line 153, ../src/main.sass */ /* line 159, ../src/main.sass */
#elementblock ul.menu li a, #elementblock ul.menu li span { #elementblock ul.menu li a, #elementblock ul.menu li span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -541,11 +558,11 @@ ul.article_metadata a:hover {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 159, ../src/main.sass */ /* line 165, ../src/main.sass */
#elementblock ul.menu li a:hover, #elementblock ul.menu li span:hover { #elementblock ul.menu li a:hover, #elementblock ul.menu li span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 161, ../src/main.sass */ /* line 167, ../src/main.sass */
#elementblock ul.menu li span { #elementblock ul.menu 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);
@ -556,35 +573,38 @@ 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; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 293, ../src/main.sass */ /* line 299, ../src/main.sass */
#related_articles { #related_articles {
width: 960px; width: 960px;
margin: 3em auto; margin: 3em auto;
} }
/* line 296, ../src/main.sass */ /* line 302, ../src/main.sass */
#related_articles #previous_articles { #related_articles #previous_articles {
float: left; float: left;
width: 40%; width: 40%;
} }
/* line 299, ../src/main.sass */ /* line 305, ../src/main.sass */
#related_articles #next_articles { #related_articles #next_articles {
float: right; float: right;
text-align: right; text-align: right;
width: 40%; width: 40%;
} }
/* line 304, ../src/main.sass */ /* line 310, ../src/main.sass */
.date { .date {
font-size: 0.8em; font-size: 0.8em;
line-height: 2em; line-height: 2em;
float: left; float: left;
color: #9ca1ad; color: #99aacc;
margin-right: 1em; margin-right: 1em;
} }
/* line 311, ../src/main.sass */ /* line 317, ../src/main.sass */
article article, .archive { article article, .archive {
background-color: #e3e5ed; background-color: #d7eef4;
background-image: url("/img/main/collines.png");
background-position: 0 100%;
background-repeat: no-repeat;
-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;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -598,21 +618,24 @@ article article, .archive {
background-color: #efeff4; background-color: #efeff4;
padding: 1em; padding: 1em;
} }
/* line 134, ../src/main.sass */ /* line 140, ../src/main.sass */
article article > *, .archive > * { article article > *, .archive > * {
margin: 20px; margin: 20px;
} }
/* line 315, ../src/main.sass */ /* line 321, ../src/main.sass */
article article .content, .archive .content { article article .content, .archive .content {
width: 600px; width: 600px;
margin: 0 auto; margin: 0 auto;
} }
/* line 319, ../src/main.sass */ /* line 325, ../src/main.sass */
#hiddenDivs { #hiddenDivs {
width: 600px; width: 600px;
margin: 1em auto; margin: 1em auto;
background-color: #e3e5ed; background-color: #d7eef4;
background-image: url("/img/main/collines.png");
background-position: 0 100%;
background-repeat: no-repeat;
-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;
-webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -webkit-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -o-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -626,17 +649,17 @@ article article .content, .archive .content {
background-color: #efeff4; background-color: #efeff4;
padding: 1em; padding: 1em;
} }
/* line 134, ../src/main.sass */ /* line 140, ../src/main.sass */
#hiddenDivs > * { #hiddenDivs > * {
margin: 20px; margin: 20px;
} }
/* line 327, ../src/main.sass */ /* line 333, ../src/main.sass */
.archive .button { .archive .button {
font-size: 14px; font-size: 14px;
width: 5em; width: 5em;
} }
/* line 144, ../src/main.sass */ /* line 150, ../src/main.sass */
.archive .button a:hover { .archive .button a:hover {
color: #efeff4; color: #efeff4;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
@ -645,16 +668,16 @@ article article .content, .archive .content {
-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 148, ../src/main.sass */ /* line 154, ../src/main.sass */
.archive .button a:active { .archive .button 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 151, ../src/main.sass */ /* line 157, ../src/main.sass */
.archive .button a { .archive .button a {
color: #9ca1ad; color: #99aacc;
} }
/* line 153, ../src/main.sass */ /* line 159, ../src/main.sass */
.archive .button a, .archive .button span { .archive .button a, .archive .button span {
padding: 0.2em; padding: 0.2em;
-moz-border-radius: 2ex; -moz-border-radius: 2ex;
@ -667,11 +690,11 @@ article article .content, .archive .content {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 159, ../src/main.sass */ /* line 165, ../src/main.sass */
.archive .button a:hover, .archive .button span:hover { .archive .button a:hover, .archive .button span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 161, ../src/main.sass */ /* line 167, ../src/main.sass */
.archive .button span { .archive .button 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);
@ -682,36 +705,36 @@ article article .content, .archive .content {
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 331, ../src/main.sass */ /* line 337, ../src/main.sass */
.return { .return {
float: right; float: right;
opacity: 0.3; opacity: 0.3;
} }
/* line 334, ../src/main.sass */ /* line 340, ../src/main.sass */
.return:hover { .return:hover {
opacity: 1; opacity: 1;
} }
/* line 337, ../src/main.sass */ /* line 343, ../src/main.sass */
.big { .big {
font-size: 1.2em; font-size: 1.2em;
} }
/* line 340, ../src/main.sass */ /* line 346, ../src/main.sass */
body.support #main > article { body.support #main > article {
width: 600px; width: 600px;
margin: 3em auto; margin: 3em auto;
font-size: 1.2em; font-size: 1.2em;
} }
/* line 344, ../src/main.sass */ /* line 350, ../src/main.sass */
body.support #main > article form { body.support #main > article form {
margin: 1em; margin: 1em;
} }
/* line 347, ../src/main.sass */ /* line 353, ../src/main.sass */
#helloblock { #helloblock {
color: #b4b8c5; color: #445577;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9); text-shadow: 0 0 1px #4455aa;
padding: 20px; padding: 20px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
@ -719,36 +742,35 @@ body.support #main > article form {
-ms-border-radius: 5px; -ms-border-radius: 5px;
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; -moz-box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; -webkit-box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset;
-o-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; -o-box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset;
box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px inset; box-shadow: rgba(68, 85, 119, 0.6) 0 0 5px inset;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #60646c), color-stop(100%, #51555c)); background-color: #d7eef4;
background-image: -webkit-linear-gradient(top, #60646c, #51555c); background-image: url("/img/main/collines.png");
background-image: -moz-linear-gradient(top, #60646c, #51555c); background-position: 0 100%;
background-image: -o-linear-gradient(top, #60646c, #51555c); background-repeat: no-repeat;
background-image: linear-gradient(top, #60646c, #51555c);
} }
/* line 354, ../src/main.sass */ /* line 363, ../src/main.sass */
#helloblock #logo { #helloblock #logo {
float: left; float: left;
margin-right: 40px; margin-right: 40px;
} }
/* line 357, ../src/main.sass */ /* line 366, ../src/main.sass */
#helloblock #blocktitle { #helloblock #blocktitle {
font-size: 1.6em; font-size: 1.6em;
font-weight: normal; font-weight: normal;
} }
/* line 360, ../src/main.sass */ /* line 369, ../src/main.sass */
#helloblock #blocktext { #helloblock #blocktext {
margin: 32px 0; margin: 32px 0;
} }
/* line 362, ../src/main.sass */ /* line 371, ../src/main.sass */
#helloblock #getit { #helloblock #getit {
float: right; float: right;
} }
/* line 365, ../src/main.sass */ /* line 374, ../src/main.sass */
iframe { iframe {
-moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px; -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 0 15px;
@ -762,34 +784,34 @@ iframe {
border-radius: 5px; border-radius: 5px;
} }
/* line 371, ../src/main.sass */ /* line 380, ../src/main.sass */
input[type=text], textarea { input[type=text], textarea {
display: block; display: block;
width: 28em; width: 28em;
font-size: 0.9em; font-size: 0.9em;
-moz-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; -moz-box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px;
-webkit-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; -webkit-box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px;
-o-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; -o-box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px;
box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px; box-shadow: #8899bb 0 0 3px inset, #efeff4 0 0 3px;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
-o-border-radius: 5px; -o-border-radius: 5px;
-ms-border-radius: 5px; -ms-border-radius: 5px;
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
border: solid 1px #868b96; border: solid 1px #8899bb;
color: #60646c; color: #60646c;
background: #efeff4; background: #efeff4;
padding: 1ex; padding: 1ex;
margin: 1em 0; margin: 1em 0;
} }
/* line 382, ../src/main.sass */ /* line 391, ../src/main.sass */
textarea { textarea {
height: 17.305em; height: 17.305em;
} }
/* line 385, ../src/main.sass */ /* line 394, ../src/main.sass */
input[type=submit], .bluebutton { input[type=submit], .bluebutton {
display: block; display: block;
text-align: center; text-align: center;
@ -810,12 +832,12 @@ input[type=submit], .bluebutton {
border: solid 3px #303237; border: solid 3px #303237;
color: #efeff4 !important; color: #efeff4 !important;
font-weight: bold; font-weight: bold;
background: #4269a7; background: #4477bb;
} }
/* line 398, ../src/main.sass */ /* line 407, ../src/main.sass */
input[type=submit]:hover, .bluebutton:hover { input[type=submit]:hover, .bluebutton:hover {
color: #efeff4; color: #efeff4;
text-shadow: 0 0 1px #005588; text-shadow: 0 0 1px #005588;
cursor: pointer; cursor: pointer;
background: #537ab8; background: #5588cc;
} }

BIN
site/img/main/cloud.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
site/img/main/collines.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 28 KiB

55
site/index.html
View file

@ -14,7 +14,7 @@
Remove this if you use the .htaccess --> Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>YPassword</title> <title>Sharies</title>
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
@ -45,10 +45,10 @@
<div id="prelinks"> <div id="prelinks">
<div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div> <div id="choixlang"><a href="/Scratch/fr/" onclick="setLanguage('fr')">en Français</a></div>
<div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div> <div id="choixrss"><a id="rss" href="http://feeds.feedburner.com/ypasswordespozitocomen">Subscribe</a></div>
<nav id="mainnav"><ul><li><span class="active" title="You're here.">YPassword</span></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav> <nav id="mainnav"><ul><li><span class="active" title="You're here.">Sharies</span></li><li><a href="/Scratch/en/getit/">Get it!</a></li><li><a href="/Scratch/en/blog/">Blog</a></li><li><a href="/Scratch/en/support/">Support</a></li></ul><div class="flush"></div></nav>
</div> </div>
<hgroup id="maintitle"> <hgroup id="maintitle">
<h1>YPassword</h1><h2> <h1>Sharies</h1><h2>
<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>
<h2> <h2>
</hgroup> </hgroup>
@ -60,52 +60,41 @@
<div id="helloblock"> <div id="helloblock">
<div id="logo"> <div id="logo">
<img src="/img/main/Logo.png" /></div> <img src="/img/main/Logo.png" /></div>
<div id="blocktitle">Easy, Secure &amp; Portable Password Manager</div> <div id="blocktitle">Share your stuff!</div>
<div id="blocktext"> <div id="blocktext">
<p> One different password for each website. <br /> <p> Once you've read an inspiring book
If some are compromised, there is not way to find another one.<br /> <br /> Share it with others, just drop it somewhere
You only have to remember one password.</p></div> <br /> Take a photo and make it a sharie!</p></div>
<div id="getit"> <div id="getit">
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"><img src="/img/main/GetIt.png" /></a></div> <a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=436268354&amp;mt=8"><img src="/img/main/GetIt.png" /></a></div>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="easy" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" /> <img src="/img/main/iPhone_Easy.png" alt="main view" class="rightimage" />
<h3>Easy</h3> <h3>Share</h3>
<p>Remember only one Master Password</p> <p>You have an object you want to share?</p>
<ol> <ol>
<li>Tab "go to website"</li> <li>Drop it in a public area</li>
<li>Paste</li> <li>Take a Photo</li>
<li>Enjoy</li> <li>Share it!</li>
</ol>
<ol>
<li>Tap on login or password, it's copied</li>
<li>Go in any other app</li>
<li>Paste</li>
<li>Enjoy</li>
</ol> </ol>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="secure" class="slideshow"> <div class="slideshow">
<img src="/img/main/iPhone_pw.png" class="leftimage" alt="Main Password View" /> <img src="/img/main/iPhone_pw.png" class="leftimage" alt="Main Password View" />
<h3>Secure</h3> <h3>Discover</h3>
<p>Only strong password provided using SHA1</p> <p>Open _sharies_ and find stuff around you!</p>
<p>Knowing one of your password make it almost <p>Then just take it!</p>
impossible to know your master password or other <p>Once used, you could share it again.</p>
passwords.</p>
<div class="flush"></div> <div class="flush"></div>
</div> </div>
<div id="portable" class="slideshow"> <div class="slideshow">
<h3 style="width: 100%">Portable</h3> <h3 style="width=100%">Watch their life</h3>
<p>You can use YPassword on: </p> <p>You can follow the life of your object.</p>
<ul> <p>You can other people comment</p>
<li> iPhone, </li>
<li> Mac using Dashboard widget, </li>
<li> on UNIX system using the command line <code>openssl</code> </li>
</ul>
<div class="flush"></div> <div class="flush"></div>
</div> </div>

33
site/src/main.sass
View file

@ -10,17 +10,17 @@ $stdWidth: 960px
$navWidth: 600px $navWidth: 600px
$ycolorb: #EFEFF4 $ycolorb: #EFEFF4
$ycolorc: #E3E5ED $ycolorc: #d7eef4
$ycolor0: #C9CEDE $ycolor0: #C9CEDE
$ycolor1: #B4B8C5 $ycolor1: #B4B8C5
$ycolor2: #9CA1AD $ycolor2: #99AACC
$ycolor3: #868B96 $ycolor3: #8899BB
$ycolor4: #60646C $ycolor4: #60646C
$ycolor5: #51555C $ycolor5: #51555C
$ycolor6: #41444A $ycolor6: #41444A
$ycolor7: #303237 $ycolor7: #303237
$ycolor8: #1F2024 $ycolor8: #1F2024
$ycolor9: #0F1011 $ycolor9: #445577
// $higlightcolor: #28C // $higlightcolor: #28C
$higlightcolor: $ycolor3 + #025 - #444 $higlightcolor: $ycolor3 + #025 - #444
@ -35,9 +35,10 @@ $main-background-color: $ycolorb
// Background colors // Background colors
body body
color: $ycolor6 color: $ycolor9
margin: 0 margin: 0
font-family: Futura, Molengo, sans-serif font-family: Georgia, Palatino, serif
line-height: 1.6em
background: $main-background-color background: $main-background-color
hr hr
clear: both clear: both
@ -49,6 +50,7 @@ body
margin: 2em auto margin: 2em auto
h1,h2,h3,h4,h5,h6 h1,h2,h3,h4,h5,h6
color: $ycolor4 color: $ycolor4
line-height: 1em
font-weight: bold font-weight: bold
letter-spacing: -0.05em letter-spacing: -0.05em
a a
@ -76,6 +78,7 @@ hgroup#maintitle
margin: .3em margin: .3em
&,a &,a
font-weight: normal font-weight: normal
font-variant: small-caps
color: $ycolor9 color: $ycolor9
text-shadow: 0 0 2px rgba($ycolorb,.5) text-shadow: 0 0 2px rgba($ycolorb,.5)
a:hover a:hover
@ -85,8 +88,8 @@ hgroup#maintitle
border: border:
top: solid 1px #000 top: solid 1px #000
bottom: solid 1px #FFF bottom: solid 1px #FFF
+box-shadow(rgba(#000,.6) 0 0 15px inset) +box-shadow(rgba($ycolor9,.6) 0 0 4px inset)
+linear-gradient(color-stops($ycolor4,$ycolor5)) +linear-gradient(color-stops(#c7def4,#d7eef4))
footer footer
font-size: .8em font-size: .8em
@ -129,6 +132,9 @@ h1,h2
=innerblock =innerblock
background-color: $ycolorc background-color: $ycolorc
background-image: url('/img/main/collines.png')
background-position: 0 100%
background-repeat: no-repeat
+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)
+border-radius() +border-radius()
& > * & > *
@ -345,12 +351,15 @@ body.support #main > article
margin: 1em margin: 1em
#helloblock #helloblock
color: $ycolor1 color: $ycolor9
text-shadow: 0 -1px 0 rgba(#000,.9) text-shadow: 0 0 1px #45A
padding: 20px padding: 20px
+border-radius() +border-radius()
+box-shadow(rgba(#000,.6) 0 0 15px inset) +box-shadow(rgba($ycolor9,.6) 0 0 5px inset)
+linear-gradient(color-stops($ycolor4,$ycolor5)) background-color: $ycolorc
background-image: url('/img/main/collines.png')
background-position: 0 100%
background-repeat: no-repeat
#logo #logo
float: left float: left
margin-right: 40px margin-right: 40px