Skip to content

Commit e4d0bd2

Browse files
author
Daniell Mesquita
committed
#23 Logo
1 parent 2db4929 commit e4d0bd2

File tree

4 files changed

+9
-20
lines changed

4 files changed

+9
-20
lines changed

‎elements.html

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,18 +5,18 @@
55
<link rel="icon" href="icon.png" />
66
<browsertab color="#CD5C5C">
77
<icon src="icon.svg">
8-
<title color="#CD5C5C">Plasmmer UI Elements</title>
8+
<title color="#CD5C5C">Framework.js Elements</title>
99
<meta name="pehtml" content="true">
1010
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
1111
<meta name="directory" content="rsc">
1212
<meta name="description" content="HTML5 Framework, Web Framework, Web UI Framework, Site Framework, App Framework" />
1313
</head>
1414
<body>
15-
<header><logo/></header>
15+
<header><a href="index.html"><logo>Framework.js</logo></a></header>
1616
<div class="content">
1717
<article>
1818
<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.<br/><p>Don't know what is PEHTML? Learn <a href="https://developers.plasmmer.com/PEHTML" target="blank">here</a>.</p></blockquote></nopehtml>
19-
<p>After follow the <a href="index.html#instructions" target="blank">instructions</a>, here is the page for you start inserting elements to your page/app that uses the power of Plasmmer UI Framework!</p>
19+
<p>After follow the <a href="index.html#instructions" target="blank">instructions</a>, here is the page for you start inserting elements to your page/app that uses the power of Framework.js!</p>
2020
<h1>Popunders</h1><br/>
2121
<h4>Fullscreen</h4>
2222
<h6>Action to activate</h6>
@@ -100,6 +100,10 @@ <h4>IMG.full-width</h4>
100100
<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 44px;">&lt;img class="full-width" src="http://placehold.it/260x200/4D99E0/ffffff.png&amp;amp;text=full+width"&gt;</textarea>
101101
<h1>Navbar</h1>
102102
<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 44px;">&lt;header&gt;&lt;/header&gt;</textarea>
103+
<h1>Logo</h1>
104+
<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 44px;">&lt;logo&gt;Site name&lt;/logo&gt;</textarea>
105+
<p><b>PS</b>: You can use a img inside logo tag or leave it blank & inserting the background url in custom.css, like:</p>
106+
<textarea onclick="this.focus();this.select()" readonly="readonly" style="margin:6px 41px;width: 392px;height: 44px;">.logo, logo{background:url(logotype.svg) no-repeat no-repeat 10px 15px}</textarea>
103107
<script type="text/javascript" src="rsc/jquery.min.js"></script>
104108
</body>
105109
</html>

‎index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<meta name="description" content="HTML5 Framework, Web Framework, Web UI Framework, Site Framework, App Framework" />
1313
</head>
1414
<body>
15-
<header><logo/></header>
15+
<header><a href="index.html"><logo>Framework.js</logo></a></header>
1616
<div class="content">
1717
<article>
1818
<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.<br/><p>Don't know what is PEHTML? Learn <a href="https://developers.plasmmer.com/PEHTML" target="blank">here</a>.</p></blockquote></nopehtml>

‎rsc/common.css

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
body{background:rgb(239, 239, 239);font-family:Arial;-webkit-font-smoothing:antialiased;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header,header{background:#00A185;position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #006755;box-shadow: 0 0 15px 1px black;color:#fff;padding-left:20px;z-index:5000}.header,header:hover{box-shadow: 0px 0px 25px 5px #000}.logo,logo{position:absolute;width:315px;height:60px;background:url(logotype.svg) no-repeat no-repeat 10px 15px;opacity:0.5}.logo,logo:hover{opacity:1}.content{width:100%;height:calc(100% - 60px);top:60px;position:fixed;overflow-x:hidden;overflow-y:scroll}.article,article{margin:15px 8px 8px 8px;-webkit-user-select:initial;-moz-user-select:initial;user-select:initial}comments{margin:15px 8px 8px 8px}
1+
body{background:rgb(239, 239, 239);font-family:Arial;-webkit-font-smoothing:antialiased;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header,header{background:#00A185;position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #006755;box-shadow: 0 0 15px 1px black;color:#fff;padding-left:20px;z-index:5000}.header,header:hover{box-shadow: 0px 0px 25px 5px #000}.logo, logo{position:absolute;width:315px;height:60px;cursor:pointer;font-size:50px;opacity:0.5;color:#fff}.logo,logo:hover{opacity:1}.content{width:100%;height:calc(100% - 60px);top:60px;position:fixed;overflow-x:hidden;overflow-y:scroll}.article,article{margin:15px 8px 8px 8px;-webkit-user-select:initial;-moz-user-select:initial;user-select:initial}comments{margin:15px 8px 8px 8px}
22

33
.h1, h1{font-size:80px;font-weight:bold;color:#00A185;margin:25px 0px 0px 0px}.h2, h2{font-size:70px;font-weight:bold;color:#333;margin:25px 0px 0px 0px}
44
.h3, h3{font-size:60px;font-weight:bold;color:#333;margin:25px 0px 0px 0px}
@@ -19,7 +19,6 @@ div.caption span{color:#333;font-size:14px}
1919
img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0}
2020
img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px}
2121
img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0}
22-
2322
.blockquotebtn {
2423
background-color: #e7534f;
2524
border-top: 1px solid #333;

‎rsc/logotype.svg

Lines changed: 0 additions & 14 deletions
This file was deleted.

0 commit comments

Comments
 (0)