Better support page (forms)

This commit is contained in:
Yann Esposito (Yogsototh) 2011-08-08 16:05:39 +02:00
parent 673b997b3e
commit ef07b046f6
14 changed files with 107 additions and 47 deletions

View file

@ -18,12 +18,9 @@ menupriority: 4
<br/> <br/>
By mail: By mail:
<a class="bluebutton big" href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a>
<yann.esposito.help@gmail.com>
{: .big}
Via twitter: Via twitter:
[@yogsototh](http://twitter.com/yogsototh) <a class="big bluebutton" href="http://twitter.com/yogsototh">@yogsototh</a>
{: .big}

View file

@ -18,12 +18,9 @@ menupriority: 4
<br/> <br/>
By mail: By mail:
<a class="bluebutton big" href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a>
<yann.esposito.help@gmail.com>
{: .big}
Via twitter: Via twitter:
[@yogsototh](http://twitter.com/yogsototh) <a class="big bluebutton" href="http://twitter.com/yogsototh">@yogsototh</a>
{: .big}

View file

@ -19,12 +19,9 @@ menupriority: 4
<br/> <br/>
By mail: By mail:
<a class="bluebutton big" href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a>
<yann.esposito.help@gmail.com>
{: .big}
Via twitter: Via twitter:
[@yogsototh](http://twitter.com/yogsototh) <a class="big bluebutton" href="http://twitter.com/yogsototh">@yogsototh</a>
{: .big}

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;

View file

@ -120,7 +120,7 @@
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>Modified: <time>07/16/2011</time></li> <li>Modified: <time>07/27/2011</time></li>
</ul> </ul>
</footer> </footer>
</article> </article>

View file

@ -66,13 +66,12 @@
<p><br /></p> <p><br /></p>
<p>By mail:</p> <p>By mail:
<a class="bluebutton big" href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a></p>
<p class="big"><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a></p>
<p>Via twitter: </p> <p>Via twitter: </p>
<p class="big"><a href="http://twitter.com/yogsototh">@yogsototh</a></p> <p><a class="big bluebutton" href="http://twitter.com/yogsototh">@yogsototh</a></p>
</div> </div>
<footer> <footer>

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;

View file

@ -143,7 +143,7 @@ Les 5 derniers articles
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>modifié le : <time>23/07/2011</time></li> <li>modifié le : <time>27/07/2011</time></li>
</ul> </ul>
</footer> </footer>
</article> </article>

View file

@ -120,7 +120,7 @@
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>modifié le : <time>16/07/2011</time></li> <li>modifié le : <time>27/07/2011</time></li>
</ul> </ul>
</footer> </footer>
</article> </article>

View file

@ -66,13 +66,12 @@
<p><br /></p> <p><br /></p>
<p>By mail:</p> <p>By mail:
<a class="bluebutton big" href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a></p>
<p class="big"><a href="&#109;&#097;&#105;&#108;&#116;&#111;:&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;">&#121;&#097;&#110;&#110;&#046;&#101;&#115;&#112;&#111;&#115;&#105;&#116;&#111;&#046;&#104;&#101;&#108;&#112;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;</a></p>
<p>Via twitter: </p> <p>Via twitter: </p>
<p class="big"><a href="http://twitter.com/yogsototh">@yogsototh</a></p> <p><a class="big bluebutton" href="http://twitter.com/yogsototh">@yogsototh</a></p>
</div> </div>
<footer> <footer>

View file

@ -1,36 +1,36 @@
<?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-07-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-08-08</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-08-08</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-08-08</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-07-12</lastmod> <lastmod>2011-08-08</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-05-04</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-07-12</lastmod> <lastmod>2011-08-08</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-08-08</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>
@ -38,18 +38,18 @@
</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-05-04</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-05-04</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-08-08</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-08-08</lastmod>
</url> </url>
</urlset> </urlset>

View file

@ -73,6 +73,7 @@ hgroup#maintitle {
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 75, ../src/main.sass */ /* line 75, ../src/main.sass */
@ -108,6 +109,7 @@ footer {
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 96, ../src/main.sass */
@ -727,6 +729,7 @@ body.support #main > article form {
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 354, ../src/main.sass */ /* line 354, ../src/main.sass */
@ -761,3 +764,52 @@ iframe {
-khtml-border-radius: 5px; -khtml-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
} }
/* line 369, ../src/main.sass */
input[type=text], textarea {
-moz-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px;
-webkit-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px;
-o-box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px;
box-shadow: #868b96 0 0 3px inset, #efeff4 0 0 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
border: solid 1px #868b96;
color: #60646c;
background: #efeff4;
padding: 1ex;
margin: 1em 0;
}
/* line 378, ../src/main.sass */
input[type=submit], .bluebutton {
display: block;
text-align: center;
padding: 1ex 3ex;
margin: 1em 0;
-moz-box-shadow: #868b96 0 0 3px, #efeff4 2px 0;
-webkit-box-shadow: #868b96 0 0 3px, #efeff4 2px 0;
-o-box-shadow: #868b96 0 0 3px, #efeff4 2px 0;
box-shadow: #868b96 0 0 3px, #efeff4 2px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
text-shadow: 0 -1px #303237;
border: solid 1px #66aaff;
color: #efeff4 !important;
font-weight: bold;
background: #4269a7;
}
/* line 390, ../src/main.sass */
input[type=submit]:hover, .bluebutton:hover {
color: #efeff4;
text-shadow: 0 0 1px #005588;
cursor: pointer;
background: #537ab8;
}

View file

@ -120,7 +120,7 @@
</div> </div>
<footer> <footer>
<ul class="article_metadata"> <ul class="article_metadata">
<li>Modified: <time>07/16/2011</time></li> <li>Modified: <time>07/27/2011</time></li>
</ul> </ul>
</footer> </footer>
</article> </article>

View file

@ -365,3 +365,30 @@ body.support #main > article
iframe iframe
+box-shadow(rgba(#000,.6) 0 0 15px) +box-shadow(rgba(#000,.6) 0 0 15px)
+border-radius() +border-radius()
input[type=text], textarea
+box-shadow($ycolor3 0 0 3px inset, $ycolorb 0 0 3px)
+border-radius()
border: solid 1px $ycolor3
color: $ycolor4
background: $ycolorb
padding: 1ex
margin: 1em 0
input[type=submit],.bluebutton
display: block
text-align: center
padding: 1ex 3ex
margin: 1em 0
+box-shadow($ycolor3 0 0 3px, $ycolorb 2px 0)
+border-radius()
text-shadow: 0 -1px $ycolor7
border: solid 1px $higlightcolor-reflect
color: $ycolorb !important
font-weight: bold
background: $higlightcolor
&:hover
color: $ycolorb
text-shadow: 0 0 1px $higlightcolor-shadow
cursor: pointer
background: $higlightcolor + #111