Apply templates based on IoT.js style.

This commit is contained in:
Andrey Shitov
2015-06-14 18:46:28 +03:00
parent bbd16d0f4a
commit 5cdad993ac
6 changed files with 117 additions and 203 deletions
+4 -4
View File
@@ -1,5 +1,5 @@
<footer class="site-footer">
<div class="wrapper">
<p class="footer-copy"> &copy; Copyright {{ site.time | date: '%Y' }} Samsung Electronics Co., Ltd., Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.</p>
</div>
<footer class="footer">
<div class="container">
<p class="copyright_and_license_notice"> &copy; Copyright {{ site.time | date: '%Y' }} Samsung Electronics Co., Ltd. JerryScript is open source under the <a href="http://www.apache.org/licenses/">Apache License, Version 2.0. </a></p>
</div>
</footer>
+50 -4
View File
@@ -3,10 +3,56 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<meta name="author" content="IoTjs">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
<title>JavaScript engine for Internet of Things{% if page.title %}: {{ page.title }} {% endif %}</title>
<!-- Bootstrap core CSS -->
<link href="{{ site.baseurl }}/bootstrap.min.css" rel="stylesheet">
<style>
html {
position: relative;
min-height: 100%;
}
body {
padding-top: 50px;
margin-bottom: 50px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 40px;
background-color: #f5f5f5;
}
.project_title h1{
font-size: 64px; text-align: center;
font-weight: bold;
}
.project_title {
padding: 40px 20px;
text-align: center;
border-radius: 6px;
}
.lead {
color:#245580;
}
.project_overview {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
padding: 40px; padding-bottom: 20px;
background-color: #f5f5f5;
}
.learn_more {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 18px;
padding: 40px; padding-bottom: 20px;
}
.container .copyright_and_license_notice {
margin: 8px 0;
font-size:14px; text-align: center;
color:#3C3C3C;
}
</style>
</head>
+32 -44
View File
@@ -1,45 +1,33 @@
<header class="site-header">
<div style="background-color: #2388DB;">
<div class="wrapper">
<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
<nav class="site-nav">
<a href="#" class="menu-icon" id="menu-icon">
<svg viewBox="0 0 18 15">
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
<path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
</svg>
</a>
<div class="trigger" id="div-menu-items-wrapper">
{% for page in site.pages %}
{% if page.title %}
<a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
{% endif %}
{% endfor %}
</div>
</nav>
</div>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><b>JerryScript</b></a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{% if page.url == "/" %}
<li class="active"><a href="{{ site.baseurl }}/">Home</a></li>
{% else %}
<li><a href="{{ site.baseurl }}/">Home</a></li>
{% endif %}
<li><a href="http://github.com/Samsung/jerryscript">View on Github</a></li>
<li><a href="http://www.iotjs.net">Powering <b>IoT.js</b></a></li>
{% for p in site.pages %}
{% if p.title %}
{% if page.url == p.url %}
<li class="active"><a href="{{ p.url | prepend: site.baseurl }}" >{{ p.title }}</a></li>
{% else %}
<li><a href="{{ p.url | prepend: site.baseurl }}" >{{ p.title }}</a></li>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</div><!--/.nav-collapse -->
</div>
</header>
<script type="text/javascript">
function toggleMenu()
{
var el = document.getElementById("menu-icon");
if (el.style.display != "none")
{
el = document.getElementById("div-menu-items-wrapper");
el.style.display = (el.style.display != "block") ? "block" : "none";
}
}
window.onload = function()
{
document.getElementById("menu-icon").addEventListener('click' , toggleMenu);
}
</script>
</nav>