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

Some enhancement

Browse source
This commit is contained in:
Yann Esposito (Yogsototh) 2011-07-11 15:40:44 +02:00
parent 74d1f80c48
commit f96659e597
24 changed files with 214 additions and 88 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
content/html/en/blog.erb
View file

@ -28,9 +28,9 @@ noSubMenu: true
<div id="elementblock"> <div id="elementblock">
<ul class="menu"> <ul class="menu">
<li> <a href="#last-articles"><%= number_of_articles %> latest articles </a> </li> <li> <a href="#last-articles">&darr; <%= number_of_articles %> latest articles &darr;</a> </li>
<li> <a href="#tagcloud">Tag Cloud </a></li> <li> <a href="#tagcloud">&darr; Tag Cloud &darr;</a></li>
<li> <a href="#archives">Achives </a></li> <li> <a href="#archives">&darr; Achives &darr;</a></li>
</ul> </ul>
</div> </div>

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

@ -9,7 +9,7 @@ menupriority: 1
<% content_for :bodyclass do %>clear<% end %> <% content_for :bodyclass do %>clear<% end %>
<div id="secure" class="slideshow"> <div id="secure" class="slideshow">
<img src="/img/main/iPhone pw.jpg" class="clean" alt="Main Password View" class="leftimage" /> <img src="/img/main/iPhone_pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
<h3>Secure</h3> <h3>Secure</h3>
<p>YPassword use SHA1</p> <p>YPassword use SHA1</p>
<div class="flush"></div> <div class="flush"></div>

6
content/html/fr/blog.erb
View file

@ -28,9 +28,9 @@ noSubMenu: true
<div id="elementblock"> <div id="elementblock">
<ul class="menu"> <ul class="menu">
<li> <a href="#last-articles">Les <%= number_of_articles %> derniers articles </a></li> <li> <a href="#last-articles">&darr; Les <%= number_of_articles %> derniers articles &darr;</a></li>
<li> <a href="#tagcloud">Nuage de mots clés </a></li> <li> <a href="#tagcloud">&darr; Nuage de mots clés &darr;</a></li>
<li> <a href="#archives">Achives </a></li> <li> <a href="#archives">&darr; Achives &darr;</a></li>
</ul> </ul>
</div> </div>

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

@ -9,7 +9,7 @@ menupriority: 1
<% content_for :bodyclass do %>clear<% end %> <% content_for :bodyclass do %>clear<% end %>
<div id="secure" class="slideshow"> <div id="secure" class="slideshow">
<img src="/img/main/iPhone pw.jpg" class="clean" alt="Main Password View" class="leftimage" /> <img src="/img/main/iPhone_pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
<h3>Secure</h3> <h3>Secure</h3>
<p>YPassword use SHA1</p> <p>YPassword use SHA1</p>
<div class="flush"></div> <div class="flush"></div>

10
multi/blog.erb
View file

@ -28,11 +28,11 @@ noSubMenu: true
<div id="elementblock"> <div id="elementblock">
<ul class="menu"> <ul class="menu">
en: <li> <a href="#last-articles"><%= number_of_articles %> latest articles </a> </li> en: <li> <a href="#last-articles">&darr; <%= number_of_articles %> latest articles &darr;</a> </li>
fr: <li> <a href="#last-articles">Les <%= number_of_articles %> derniers articles </a></li> fr: <li> <a href="#last-articles">&darr; Les <%= number_of_articles %> derniers articles &darr;</a></li>
en: <li> <a href="#tagcloud">Tag Cloud </a></li> en: <li> <a href="#tagcloud">&darr; Tag Cloud &darr;</a></li>
fr: <li> <a href="#tagcloud">Nuage de mots clés </a></li> fr: <li> <a href="#tagcloud">&darr; Nuage de mots clés &darr;</a></li>
<li> <a href="#archives">Achives </a></li> <li> <a href="#archives">&darr; Achives &darr;</a></li>
</ul> </ul>
</div> </div>

2
multi/index.md
View file

@ -9,7 +9,7 @@ menupriority: 1
<% content_for :bodyclass do %>clear<% end %> <% content_for :bodyclass do %>clear<% end %>
<div id="secure" class="slideshow"> <div id="secure" class="slideshow">
<img src="/img/main/iPhone pw.jpg" class="clean" alt="Main Password View" class="leftimage" /> <img src="/img/main/iPhone_pw.jpg" class="clean" alt="Main Password View" class="leftimage" />
<h3>Secure</h3> <h3>Secure</h3>
<p>YPassword use SHA1</p> <p>YPassword use SHA1</p>
<div class="flush"></div> <div class="flush"></div>

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

@ -63,9 +63,9 @@
<div id="elementblock"> <div id="elementblock">
<ul class="menu"> <ul class="menu">
<li> <a href="#last-articles">5 latest articles </a> </li> <li> <a href="#last-articles">&darr; 5 latest articles &darr;</a> </li>
<li> <a href="#tagcloud">Tag Cloud </a></li> <li> <a href="#tagcloud">&darr; Tag Cloud &darr;</a></li>
<li> <a href="#archives">Achives </a></li> <li> <a href="#archives">&darr; Achives &darr;</a></li>
</ul> </ul>
</div> </div>

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

@ -62,7 +62,7 @@
<div class="content"> <div class="content">
<div id="secure" class="slideshow"> <div id="secure" class="slideshow">
<img src="/img/main/iPhone pw.jpg" class="leftimage" alt="Main Password View" /> <img src="/img/main/iPhone_pw.jpg" class="leftimage" alt="Main Password View" />
<h3>Secure</h3> <h3>Secure</h3>
<p>YPassword use SHA1</p> <p>YPassword use SHA1</p>
<div class="flush"></div> <div class="flush"></div>

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

@ -63,9 +63,9 @@
<div id="elementblock"> <div id="elementblock">
<ul class="menu"> <ul class="menu">
<li> <a href="#last-articles">Les 5 derniers articles </a></li> <li> <a href="#last-articles">&darr; Les 5 derniers articles &darr;</a></li>
<li> <a href="#tagcloud">Nuage de mots clés </a></li> <li> <a href="#tagcloud">&darr; Nuage de mots clés &darr;</a></li>
<li> <a href="#archives">Achives </a></li> <li> <a href="#archives">&darr; Achives &darr;</a></li>
</ul> </ul>
</div> </div>

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

@ -62,7 +62,7 @@
<div class="content"> <div class="content">
<div id="secure" class="slideshow"> <div id="secure" class="slideshow">
<img src="/img/main/iPhone pw.jpg" class="leftimage" alt="Main Password View" /> <img src="/img/main/iPhone_pw.jpg" class="leftimage" alt="Main Password View" />
<h3>Secure</h3> <h3>Secure</h3>
<p>YPassword use SHA1</p> <p>YPassword use SHA1</p>
<div class="flush"></div> <div class="flush"></div>

224
site/css/main.css
View file

@ -1,42 +1,42 @@
/* line 35, ../src/main.sass */ /* line 36, ../src/main.sass */
body { body {
margin: 0; margin: 0;
font-family: Futura, Molengo, sans-serif; font-family: Futura, Molengo, sans-serif;
background: #efeff4; background: #efeff4;
} }
/* line 39, ../src/main.sass */ /* line 40, ../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;
font-weight: bold; font-weight: bold;
letter-spacing: -0.05em; letter-spacing: -0.05em;
} }
/* line 43, ../src/main.sass */ /* line 44, ../src/main.sass */
body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a { body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 45, ../src/main.sass */ /* line 46, ../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:visited, body h2 a:visited, body h3 a:visited, body h4 a:visited, body h5 a:visited, body h6 a:visited {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 47, ../src/main.sass */ /* line 48, ../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: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; color: #4269a7;
} }
/* line 49, ../src/main.sass */ /* line 50, ../src/main.sass */
body a { body a {
text-decoration: none; text-decoration: none;
color: #60646c; color: #60646c;
} }
/* line 52, ../src/main.sass */ /* line 53, ../src/main.sass */
body a:visited { body a:visited {
color: #60646c; color: #60646c;
} }
/* line 54, ../src/main.sass */ /* line 55, ../src/main.sass */
body a:hover, body a:active { body a:hover, body a:active {
color: #4269a7; color: #4269a7;
} }
/* line 58, ../src/main.sass */ /* line 59, ../src/main.sass */
* { * {
-moz-transition-property: all; -moz-transition-property: all;
-webkit-transition-property: all; -webkit-transition-property: all;
@ -48,7 +48,7 @@ body a:hover, body a:active {
transition-duration: 0.5s; transition-duration: 0.5s;
} }
/* line 61, ../src/main.sass */ /* line 62, ../src/main.sass */
hgroup#maintitle { hgroup#maintitle {
margin: 0.5em 0; margin: 0.5em 0;
font-size: 2em; font-size: 2em;
@ -65,22 +65,22 @@ hgroup#maintitle {
background-image: -ms-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 65, ../src/main.sass */ /* line 66, ../src/main.sass */
hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a { hgroup#maintitle h1, hgroup#maintitle h1 a, hgroup#maintitle h2, hgroup#maintitle h2 a {
font-weight: normal; font-weight: normal;
color: #0f1011; color: #0f1011;
text-shadow: 0 0 2px rgba(239, 239, 244, 0.5); text-shadow: 0 0 2px rgba(239, 239, 244, 0.5);
} }
/* line 69, ../src/main.sass */ /* line 70, ../src/main.sass */
hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover { hgroup#maintitle h1 a:hover, hgroup#maintitle h2 a:hover {
color: #002255; color: #002255;
} }
/* line 71, ../src/main.sass */ /* line 72, ../src/main.sass */
hgroup#maintitle h2 { hgroup#maintitle h2 {
font-size: 0.8em; font-size: 0.8em;
} }
/* line 82, ../src/main.sass */ /* line 83, ../src/main.sass */
#container > footer { #container > footer {
padding: 3em 0; padding: 3em 0;
color: #0f1011; color: #0f1011;
@ -92,42 +92,42 @@ hgroup#maintitle h2 {
background-image: -ms-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 83, ../src/main.sass */ /* line 84, ../src/main.sass */
#container > footer * { #container > footer * {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
} }
/* line 86, ../src/main.sass */ /* line 87, ../src/main.sass */
#container > footer a { #container > footer a {
color: #1f2024; color: #1f2024;
} }
/* line 88, ../src/main.sass */ /* line 89, ../src/main.sass */
#container > footer a:hover { #container > footer a:hover {
color: #002255; color: #002255;
} }
/* line 102, ../src/main.sass */ /* line 103, ../src/main.sass */
.clickable { .clickable {
cursor: pointer; cursor: pointer;
} }
/* line 106, ../src/main.sass */ /* line 107, ../src/main.sass */
#container { #container {
width: span(24); width: span(24);
margin: 0 auto; margin: 0 auto;
} }
/* line 111, ../src/main.sass */ /* line 112, ../src/main.sass */
a { a {
text-decoration: none; text-decoration: none;
} }
/* line 114, ../src/main.sass */ /* line 115, ../src/main.sass */
h1, h2 { h1, h2 {
text-align: center; text-align: center;
} }
/* line 124, ../src/main.sass */ /* line 125, ../src/main.sass */
.block { .block {
background-color: #e3e5ed; background-color: #e3e5ed;
-moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset; -moz-box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
@ -141,28 +141,28 @@ h1, h2 {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 121, ../src/main.sass */ /* line 122, ../src/main.sass */
.block > * { .block > * {
margin: 20px; margin: 20px;
} }
/* line 126, ../src/main.sass */ /* line 127, ../src/main.sass */
.block:hover { .block:hover {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
/* line 170, ../src/main.sass */ /* line 171, ../src/main.sass */
#prelinks { #prelinks {
width: 960px; width: 960px;
margin: 0.5em auto; margin: 0.5em auto;
height: 1em; height: 1em;
} }
/* line 176, ../src/main.sass */ /* line 177, ../src/main.sass */
#choixlang { #choixlang {
float: left; float: left;
font-size: 14px; font-size: 14px;
} }
/* line 131, ../src/main.sass */ /* line 132, ../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);
@ -171,16 +171,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 135, ../src/main.sass */ /* line 136, ../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 138, ../src/main.sass */ /* line 139, ../src/main.sass */
#choixlang a { #choixlang a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 140, ../src/main.sass */ /* line 141, ../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;
@ -193,11 +193,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 146, ../src/main.sass */ /* line 147, ../src/main.sass */
#choixlang a:hover, #choixlang span:hover { #choixlang a:hover, #choixlang span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 148, ../src/main.sass */ /* line 149, ../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);
@ -208,12 +208,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 180, ../src/main.sass */ /* line 181, ../src/main.sass */
#choixrss { #choixrss {
float: right; float: right;
font-size: 14px; font-size: 14px;
} }
/* line 131, ../src/main.sass */ /* line 132, ../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);
@ -222,16 +222,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 135, ../src/main.sass */ /* line 136, ../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 138, ../src/main.sass */ /* line 139, ../src/main.sass */
#choixrss a { #choixrss a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 140, ../src/main.sass */ /* line 141, ../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;
@ -244,11 +244,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 146, ../src/main.sass */ /* line 147, ../src/main.sass */
#choixrss a:hover, #choixrss span:hover { #choixrss a:hover, #choixrss span:hover {
color: #efeff4; color: #efeff4;
} }
/* line 148, ../src/main.sass */ /* line 149, ../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);
@ -259,19 +259,19 @@ h1, h2 {
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 185, ../src/main.sass */ /* line 186, ../src/main.sass */
#mainnav { #mainnav {
width: 600px; width: 600px;
padding: 0; padding: 0;
margin: 2.5em auto; margin: 2.5em auto;
} }
/* line 189, ../src/main.sass */ /* line 190, ../src/main.sass */
#mainnav ul { #mainnav ul {
height: 2.2ex; height: 2.2ex;
padding: 0; padding: 0;
list-style-type: none; list-style-type: none;
} }
/* line 193, ../src/main.sass */ /* line 194, ../src/main.sass */
#mainnav ul li { #mainnav ul li {
text-align: center; text-align: center;
float: left; float: left;
@ -279,7 +279,7 @@ h1, h2 {
margin: 0 20px; margin: 0 20px;
font-size: 14px; font-size: 14px;
} }
/* line 131, ../src/main.sass */ /* line 132, ../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);
@ -288,16 +288,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 135, ../src/main.sass */ /* line 136, ../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 138, ../src/main.sass */ /* line 139, ../src/main.sass */
#mainnav ul li a { #mainnav ul li a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 140, ../src/main.sass */ /* line 141, ../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;
@ -310,11 +310,11 @@ h1, h2 {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
/* line 146, ../src/main.sass */ /* line 147, ../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 148, ../src/main.sass */ /* line 149, ../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);
@ -324,30 +324,30 @@ h1, h2 {
-o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; -o-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
} }
/* line 199, ../src/main.sass */ /* line 200, ../src/main.sass */
#mainnav ul li * { #mainnav ul li * {
font-size: 1.5em; font-size: 1.5em;
} }
/* line 203, ../src/main.sass */ /* line 204, ../src/main.sass */
.flush { .flush {
clear: both !important; clear: both !important;
} }
/* line 206, ../src/main.sass */ /* line 207, ../src/main.sass */
.clean { .clean {
background: none; background: none;
border: none; border: none;
margin: none; margin: none;
} }
/* line 211, ../src/main.sass */ /* line 212, ../src/main.sass */
#main { #main {
width: 960px; width: 960px;
margin: 0 auto; margin: 0 auto;
} }
/* line 215, ../src/main.sass */ /* line 216, ../src/main.sass */
body.std #main > article, .slideshow { body.std #main > article, .slideshow {
padding: 3em; padding: 3em;
margin: 3em 0; margin: 3em 0;
@ -363,55 +363,153 @@ body.std #main > article, .slideshow {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 121, ../src/main.sass */ /* line 122, ../src/main.sass */
body.std #main > article > *, .slideshow > * { body.std #main > article > *, .slideshow > * {
margin: 20px; margin: 20px;
} }
/* line 220, ../src/main.sass */ /* line 221, ../src/main.sass */
.slideshow { .slideshow {
color: #60646c; color: #60646c;
font-size: 1.3em; font-size: 1.3em;
} }
/* line 223, ../src/main.sass */ /* line 224, ../src/main.sass */
.slideshow h3, .slideshow p, .slideshow ul { .slideshow h3, .slideshow p, .slideshow ul {
float: left; float: left;
margin-left: 60px; margin-left: 60px;
} }
/* line 226, ../src/main.sass */ /* line 227, ../src/main.sass */
.slideshow h3, .slideshow p, .slideshow ul { .slideshow h3, .slideshow p, .slideshow ul {
width: 40%; width: 40%;
} }
/* line 228, ../src/main.sass */ /* line 229, ../src/main.sass */
.slideshow h3 { .slideshow h3 {
font-size: 2em; font-size: 2em;
color: #9ca1ad; color: #9ca1ad;
text-shadow: 0 0 3px white; text-shadow: 0 0 3px white;
} }
/* line 233, ../src/main.sass */ /* line 234, ../src/main.sass */
.center { .center {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
} }
/* line 237, ../src/main.sass */ /* line 238, ../src/main.sass */
.leftimage { .leftimage {
float: left; float: left;
} }
/* line 239, ../src/main.sass */ /* line 240, ../src/main.sass */
.rightimage { .rightimage {
float: right; float: right;
} }
/* line 242, ../src/main.sass */ /* line 243, ../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 246, ../src/main.sass */ /* line 247, ../src/main.sass */
ul.article_metadata a { ul.article_metadata a {
color: #9ca1ad; color: #9ca1ad;
} }
/* line 249, ../src/main.sass */
ul.article_metadata a:hover {
color: #315896;
}
/* line 252, ../src/main.sass */
#tagcloud {
background: #efeff4;
padding: 2em;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 3px #333333 inset, 0 0 3px white;
-webkit-box-shadow: 0 0 3px #333333 inset, 0 0 3px white;
-o-box-shadow: 0 0 3px #333333 inset, 0 0 3px white;
box-shadow: 0 0 3px #333333 inset, 0 0 3px white;
width: 70%;
margin: 0 auto;
}
/* line 260, ../src/main.sass */
#elementblock {
width: 600px;
margin: 0 auto 4em auto;
}
/* line 263, ../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;
-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;
box-shadow: white 0 0 3px, rgba(0, 0, 0, 0.2) 0 0 3px inset;
-moz-border-radius: 2.3ex;
-webkit-border-radius: 2.3ex;
-o-border-radius: 2.3ex;
-ms-border-radius: 2.3ex;
-khtml-border-radius: 2.3ex;
border-radius: 2.3ex;
margin: 0;
padding: 10px;
list-style-type: none;
}
/* line 270, ../src/main.sass */
#elementblock ul.menu li {
display: inline-block;
text-align: center;
width: 150px;
margin: 0 20px;
font-size: 14px;
}
/* line 132, ../src/main.sass */
#elementblock ul.menu li a:hover {
color: #efeff4;
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
-webkit-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;
}
/* line 136, ../src/main.sass */
#elementblock ul.menu li a:active {
background-color: rgba(0, 0, 0, 0.5);
text-shadow: 0 0 2px black;
}
/* line 139, ../src/main.sass */
#elementblock ul.menu li a {
color: #9ca1ad;
}
/* line 141, ../src/main.sass */
#elementblock ul.menu li a, #elementblock ul.menu li span {
padding: 0.2em;
-moz-border-radius: 2ex;
-webkit-border-radius: 2ex;
-o-border-radius: 2ex;
-ms-border-radius: 2ex;
-khtml-border-radius: 2ex;
border-radius: 2ex;
text-align: center;
width: 100%;
display: inline-block;
}
/* line 147, ../src/main.sass */
#elementblock ul.menu li a:hover, #elementblock ul.menu li span:hover {
color: #efeff4;
}
/* line 149, ../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);
background-color: rgba(0, 0, 0, 0.15);
-moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset, rgba(255, 255, 255, 0.3) 0 1px 3px inset;
-webkit-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;
}

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 7.5 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 3.3 KiB

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

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 56 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 76 KiB

BIN
site/img/main/iPhone_pw.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 52 KiB

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

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 31 KiB

2
site/index.html
View file

@ -62,7 +62,7 @@
<div class="content"> <div class="content">
<div id="secure" class="slideshow"> <div id="secure" class="slideshow">
<img src="/img/main/iPhone pw.jpg" class="leftimage" alt="Main Password View" /> <img src="/img/main/iPhone_pw.jpg" class="leftimage" alt="Main Password View" />
<h3>Secure</h3> <h3>Secure</h3>
<p>YPassword use SHA1</p> <p>YPassword use SHA1</p>
<div class="flush"></div> <div class="flush"></div>

28
site/src/main.sass
View file

@ -27,6 +27,7 @@ $higlightcolor-shadow: #058
$higlightcolor-reflect: #6AF $higlightcolor-reflect: #6AF
$dark_highlight: #025 $dark_highlight: #025
$light_highlight: $ycolor3 - #530
$main-background-color: $ycolorb $main-background-color: $ycolorb
@ -245,3 +246,30 @@ ul.article_metadata
color: $ycolor1 color: $ycolor1
a a
color: $ycolor2 color: $ycolor2
&:hover
color: $light_highlight
#tagcloud
background: $ycolorb
padding: 2em
+border-radius(5px)
+box-shadow(0 0 3px #333 inset, 0 0 3px #FFF)
width: 70%
margin: 0 auto
#elementblock
width: $navWidth
margin: 0 auto 4em auto
ul.menu
background-color: $ycolorb
+box-shadow(#FFF 0 0 3px, rgba(#000,0.2) 0 0 3px inset)
+border-radius(2.3ex)
margin: 0
padding: 10px
list-style-type: none
li
display: inline-block
text-align: center
width: ($navWidth - 150px)/3
margin: 0 20px
+ybutton

4
tasks/correctpng.sh
View file

@ -1,9 +1,9 @@
#!/usr/bin/env zsh #!/usr/bin/env zsh
rootdir="${0:h}/.." rootdir="${0:h}/.."
for fic in $rootdir/site/img/**/*.png; do for fic in $rootdir/site/img/**/*.jpg; do
print -n "$fic" print -n "$fic"
newname=${fic}.uncorrected newname=${fic}.uncorrected
mv "$fic" "$newname" && \ mv "$fic" "$newname" && \
convert -strip "$newname" "${fic}" && \ convert +profile '*' "$newname" "${fic}" && \
print "\t[DONE]" print "\t[DONE]"
done done