Better examples.html page

Daniell Mesquita · Daniell Mesquita · commit 28bbac7bcbb5 · 2015-09-28T00:57:16.000-03:00
diff --git a/examples.html b/examples.html
@@ -1,22 +1,20 @@
 <!DOCTYPE html>
-<html>
-
+<html lang="pt-br">
 <head>
-    <browsertab color="#CD5C5C">
-    <icon src="icon.svg">
-    <title color="#CD5C5C">Plasmmer UI Examples</title>
-    <meta name="pehtml" content="true">
-    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
-    <meta name="directory" content="rsc">
-    <meta name="description" content="HTML5 Framework, Web Framework, Web UI Framework" />
+<link rel="stylesheet" type="text/css" href="rsc/common.css">
+<link rel="icon" href="icon.png" />
+<browsertab color="#CD5C5C">
+<icon src="icon.svg">
+<title color="#CD5C5C">Plasmmer UI Examples</title>
+<meta name="pehtml" content="true">
+<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
+<meta name="directory" content="rsc">
+<meta name="description" content="HTML5 Framework, Web Framework, Web UI Framework, Site Framework, App Framework" />
 </head>
-
 <body>
-    <header id="header" style="background: #FFD700">
-    </header>
-<nopehtml><blockquote style="padding: 10px;  background: #D6D6D6;border-left: 10px solid #E7534F;border-right: 10px solid #E7534F;border-radius: 20px;font-family: Arial;color: #585b55;font-size: 12px;font-weight: bold;margin: 0 auto;text-align: center;"><div style="margin-top: -7px;margin-left: 5px;width: 80px;height: 80px;clear: left;float: left"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" width="80" height="80" viewBox="0 0 32 32"><g></g><path d="M31.219 28.771l-14.253-25.010c-0.197-0.346-0.566-0.558-0.966-0.558s-0.768 0.213-0.966 0.558l-14.251 25.010c-0.194 0.339-0.19 0.754 0.008 1.090s0.563 0.542 0.957 0.542h28.504c0.39 0 0.757-0.206 0.957-0.542 0.198-0.336 0.202-0.75 0.011-1.090zM17.76 27.203h-3.52v-3.2h3.52v3.2zM17.76 21.603h-3.52v-9.6h3.52v9.6z" fill="#e7534f"></path></svg></div><h1 style="font-size: 40px;  font-weight: bold;color: #5B6ED6;margin-top: -5px;margin-bottom: -15px;float: center">Aviso</h1><br>Seu
- navegador n�o suporta sites constru�dos em PEHTML. Isso significa que 
-esse site n�o ser� exibido corretamente em seu atual navegador. <br><a href="http://plasmmer.com/boat">Baixe o navegador Internet Boat</a> para experimentar todo o poder do PEHTML e aproveitar todos os recursos desse site.</blockquote></nopehtml>
+<header><logo/></header>
+<div class="content">
+<article>
+<nopehtml><blockquote style="background:#D6D6D6;border-top:1px solid #E7534F;border-bottom:1px solid #E7534F;border-left:10px solid #E7534F;border-right:10px solid #E7534F;border-radius:20px;margin:0 auto;text-align:center"><div style="margin-top: -7px;margin-left: 5px;width: 80px;height: 80px;clear: left;float: left"><img src="rsc/warning.svg" width="80px" height="80px"/></div><h1 style="font-size:40px;margin-top:-5px;margin-bottom:-1px">Aviso</h1><br>Seu navegador n�o suporta sites constru�dos em PEHTML. Isso significa que esse site n�o ser� exibido corretamente em seu atual navegador. <br><a href="../boat">Baixe o navegador Internet Boat</a> para experimentar todo o poder do PEHTML e aproveitar todos os recursos desse site.</blockquote></nopehtml>
 </body>
-
 </html>
