Major style cleanup and fixes.

Template.qt was in bad shape. It had many structural issues like missing a body element. Site css styles also updated so that it now renders more nicely. Change-Id: Ic13a7340c2a69e130d19c99a9e2696d3c81366f7 Reviewed-by: Tero Kojo <tero.kojo@theqtcompany.com>
author: Jukka Jokiniva <jukka.jokiniva@theqtcompany.com> 2015-03-13 12:44:11 +0200
committer: Tero Kojo <tero.kojo@theqtcompany.com> 2015-03-13 11:20:42 +0000
commit: b6504340b9125d759b031a484baace88ccabc8a3 (patch)
tree: 3ea1a828af4e4f2ce279456cf5bd17ec546423fe
parent: 97b2813f38e65186b63c1de6654dc730a71aed25 (diff)
6 files changed, 377 insertions, 451 deletions
diff --git a/item.qt b/item.qt
index 001a105..27e8246 100644
--- a/item.qt
+++ b/item.qt
@@ -1,16 +1,18 @@
 <!-- PAGE-BEGIN-ITEM -->
 <article id="item__hash__">
-<header class="itemheader feed-__feed_hash__ feed-__feed_id__">
-    <h2 class="itemtitle">__title__</h2>
-</header>
-<footer>
-__if_author__ by __author__ (__feed_title__) __else__ from __feed_title__ __endif__
-</footer>
 
-__if_description__
-<div class="itemdescription">
-__description__
-</div>
-__endif__
+	<header class="itemheader feed-__feed_hash__ feed-__feed_id__">
+		<h2 class="itemtitle">__title__</h2>
+	</header>
+	<footer>
+		__if_author__ by __author__ (__feed_title__) __else__ from __feed_title__ __endif__
+	</footer>
+
+	__if_description__
+		<div class="itemdescription">
+			__description__
+		</div>
+	__endif__
+	
 </article>
 <!-- PAGE-END-ITEM -->
diff --git a/template.qt b/template.qt
index 46110e2..8d9eb5c 100644
--- a/template.qt
+++ b/template.qt
@@ -1,200 +1,239 @@
 <!DOCTYPE html>
 <!--[if lt IE 7]> <html lang="nb" class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
-<!--[if IE 7]>    <html lang="nb" class="lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
-<!--[if IE 8]>    <html lang="nb" class="lt-ie10 lt-ie9"> <![endif]-->
-<!--[if IE 9]>    <html lang="nb" class="lt-ie10"> <![endif]-->
+<!--[if IE 7]> <html lang="nb" class="lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]> <html lang="nb" class="lt-ie10 lt-ie9"> <![endif]-->
+<!--[if IE 9]> <html lang="nb" class="lt-ie10"> <![endif]-->
 <!--[if gt IE 8]><!--> <html lang="nb"> <!--<![endif]-->
+
 <head>
-<meta charset="UTF-8" />
-<link rel="shortcut icon" href="favicon.ico" />
-<link rel="stylesheet" type="text/css" href="online.css" />
-<link rel="stylesheet" type="text/css" href="normalize.css" />
-<link rel="stylesheet" type="text/css" href="style.css" />
-<script type="text/javascript" src="http://d3hp9ud7yvwzy0.cloudfront.net/wp-content/themes/oneqt/js/combo.js.gzip"></script>
-<script type="text/javascript" src="main.js"></script>
-<script type="text/javascript" src="extras.js"></script>
-<link rel="alternate" type="application/rss+xml" title="Planet Qt" href="http://planet.qt.io/rss20.xml" />
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<title>Planet Qt</title>
-<script type="text/javascript">
- (function (i, s, o, g, r, a, m) {
-   i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
-     (i[r].q = i[r].q || []).push(arguments)
-     }, i[r].l = 1 * new Date(); a = s.createElement(o),
-     m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
- })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
 
- ga('create', 'UA-54043535-2', 'qt.io');
- ga('set', 'forceSSL', true);
- ga('send', 'pageview');
-</script>
+	<meta charset="UTF-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
+	
+	<title>Planet Qt</title>
+	
+	<link rel="shortcut icon" href="favicon.ico" />
+	<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,300,400' rel='stylesheet' type='text/css'>
+	<link rel="stylesheet" type="text/css" href="online.css" />
+	<link rel="stylesheet" type="text/css" href="style.css" />
+	
+	<script type="text/javascript" src="http://d3hp9ud7yvwzy0.cloudfront.net/wp-content/themes/oneqt/js/combo.js.gzip"></script>
+	<script type="text/javascript" src="main.js"></script>
+	<script type="text/javascript" src="extras.js"></script>
+	<script type="text/javascript" src='modernizr.custom.84855.js'></script>
+	
+	<link rel="alternate" type="application/rss+xml" title="Planet Qt" href="http://planet.qt.io/rss20.xml" />
+	
+	<script type="text/javascript">
+	(function (i, s, o, g, r, a, m) {
+		i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+			(i[r].q = i[r].q || []).push(arguments)
+		}, i[r].l = 1 * new Date(); a = s.createElement(o),
+		m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+	})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
+	ga('create', 'UA-54043535-2', 'qt.io');
+	ga('set', 'forceSSL', true);
+	ga('send', 'pageview');
+	</script>
+
+	<!--[if IE]>
+	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+	<![endif]-->
+
 </head>
 
+<body>
+
 <div class="header" id="header">
 <header id="navbar" class="">
-        <div class="cookies_yum">
-            <div>
-                <img src="cookie_small.png" align="left">
-                <p class="close_button">
-                    We bake cookies in your browser for a better experience.  Using this site means that you consent. <a href="//www.qt.io/terms-conditions/">Read More</a>
-                </p>
-                <a class="close"></a>
-            </div>
+
+	<div class="cookies_yum">
+		<div>
+			<img src="cookie_small.png" align="left" />
+			<p class="close_button">We bake cookies in your browser for a better experience. Using this site means that you consent. <a href="//www.qt.io/terms-conditions/">Read More</a></p>
+            <a class="close"></a>
         </div>
-        <div class="container">
-                <div class="navbar-header clearfix">
-                    <a href="#" class="navbar-toggle">
-                        <figure>
-                            <span class="line"></span>
-                        </figure>
-                        <span>Menu</span>
-                    </a>
-                    <ul id="menuextras">
-                        <li>
-                            <a href="//www.qt.io/partners/" data-icon="">
-                                <span>Partners</span>
-                            </a>
-                        </li>
-                        <li>
-                            <a target="_blank" href="http://blog.qt.io/" data-icon="">
-                                <span>Blog</span>
-                            </a>
-                        </li>
-                        <li class="sign-in">
-                             <a data-icon="" class="signin" href="https://account.qt.io/login"><span>Sign in</span></a>
-                        </li>
-                    </ul>
-                    <a href="http://www.qt.io/" class="navbar-oneQt retina" data-icon="">
+    </div>
+		
+	<div class="container">
+		<div class="navbar-header clearfix">
+            <a href="#" class="navbar-toggle">
+				<figure>
+					<span class="line"></span>
+				</figure>
+				<span>Menu</span>
+            </a>
+            <ul id="menuextras">
+				<li>
+					<a href="//www.qt.io/partners/" data-icon="">
+						<span>Partners</span>
                     </a>
-                    <nav class="navbar-menu clearfix" role="navigation">
-<ul id="mainmenu" class="menu">
-<li class="menu-item"><a href="http://www.qt.io/product/">Product</a></li>
-<li class="menu-item"><a href="http://www.qt.io/services/">Services</a></li>
-<li class="menu-item"><a href="http://www.qt.io/qt-in-use/">Qt in Use</a></li>
-<li class="menu-item"><a href="http://www.qt.io/developers/">Developers</a></li>
-<li class="menu-item"><a href="http://www.qt.io/licensing/">Licensing</a></li>
-<li class="menu-item"><a href="http://www.qt.io/download/">Download</a></li>
-</ul>
-                    </nav>
-                </div>
-            </div>
-<div class="big_bar account" style="">
-    <div class="container">
-        <h1>
-            <div class="col-1 right big_bar_button account" style="margin-top:5px !important;"></div>
-        </h1>
+                </li>
+                <li>
+					<a target="_blank" href="http://blog.qt.io/" data-icon="">
+						<span>Blog</span>
+					</a>
+				</li>
+                    <li class="sign-in">
+                        <a data-icon="" class="signin" href="https://account.qt.io/login"><span>Sign in</span></a>
+                    </li>
+            </ul>
+					
+            <a href="http://www.qt.io/" class="navbar-oneQt retina" data-icon=""></a>
+					
+            <nav class="navbar-menu clearfix" role="navigation">
+				<ul id="mainmenu" class="menu">
+					<li class="menu-item"><a href="http://www.qt.io/product/">Product</a></li>
+					<li class="menu-item"><a href="http://www.qt.io/services/">Services</a></li>
+					<li class="menu-item"><a href="http://www.qt.io/qt-in-use/">Qt in Use</a></li>
+					<li class="menu-item"><a href="http://www.qt.io/developers/">Developers</a></li>
+					<li class="menu-item"><a href="http://www.qt.io/licensing/">Licensing</a></li>
+					<li class="menu-item"><a href="http://www.qt.io/download/">Download</a></li>
+				</ul>
+            </nav>
+        </div>
     </div>
-</div>
+			
+	<div class="big_bar account" style="">
+		<div class="container">
+			<h1>
+				<div class="col-1 right big_bar_button account" style="margin-top:5px !important;"></div>
+			</h1>
+		</div>
+	</div>
+
 </header>
+</div>
 
 <div class="content">
 	<div class="wrapper">
+	
 		<div class="content-column">
             <div class="pages">
-            __paged_output_pages__
+				__paged_output_pages__
             </div>
             <div id="items">
-            __items__
+				__items__
             </div>
             <div class="pages">
-            __paged_output_pages__
+				__paged_output_pages__
             </div>
 		</div>
+		
 		<aside>
+		
+			<img src="images/content-meteor.png" class="responsive-image" alt="Planet Qt" />
+		
 			<a href="rss20.xml" class="rss-feed">RSS</a>
 			<h3>About Planet Qt</h3>
-      <p>The Qt Planet is an aggregator for Qt related blogs, regardless of who the author is. The opinions it contains are those of the respective author. This site is powered by <a href="http://offog.org/code/rawdog.html">Rawdog</a> and <a href="https://launchpad.net/rawdog-rss">Rawdog RSS</a>.  Feed readers can read Planet Qt with <a href="rss20.xml">RSS</a>, <a href="foafroll.xml">FOAF</a> or <a href="opml.xml">OPML</a></p>
+			<p>The Qt Planet is an aggregator for Qt related blogs, regardless of who the author is. The opinions it contains are those of the respective author. This site is powered by <a href="http://offog.org/code/rawdog.html">Rawdog</a> and <a href="https://launchpad.net/rawdog-rss">Rawdog RSS</a>.  Feed readers can read Planet Qt with <a href="rss20.xml">RSS</a>, <a href="foafroll.xml">FOAF</a> or <a href="opml.xml">OPML</a></p>
 			<h3>Join us</h3>
 			<ul class="icon-links">
 				<li class="qtproject-twitter"><a href="http://twitter.com/qtproject">@qtproject</a></li>
 				<li class="qtproject-gplus"><a href="https://plus.google.com/104580575722059274792">Qt Project</a></li>
 				<li class="qt-meetup"><a href="http://www.meetup.com/QtEverywhere/">Qt Meetups</a></li>
 			</ul>
-      <h3>Contributing</h3>
-      <p>All who blog in English about Qt can either add their complete RSS feed or a feed based on a specific category or tag for those blogging about multiple topics. All you need to do is clone the <a href="https://codereview.qt-project.org/#admin,project,www/planetqt,info">Planet Qt repository</a>, add your feed's address, and put your change up for <a href="http://qt-project.org/wiki/Code_Reviews">review</a>.</p>
-     <h3>Subscriptions</h3>
-      __feedlist__
+			<h3>Contributing</h3>
+			<p>All who blog in English about Qt can either add their complete RSS feed or a feed based on a specific category or tag for those blogging about multiple topics. All you need to do is clone the <a href="https://codereview.qt-project.org/#admin,project,www/planetqt,info">Planet Qt repository</a>, add your feed's address, and put your change up for <a href="http://qt-project.org/wiki/Code_Reviews">review</a>.</p>
+			<h3>Subscriptions</h3>
+			__feedlist__
 		</aside>
-  </div>
+		
+	</div>
 </div>
+
 <div id="footer">
 <footer id="footerbar">
+
     <div class="footer-main">
-            <div class="container clearfix">
-                <nav class="footer-nav clearfix">
-                    <div class="menu-footer-menu-container">
-<ul id="menu-footer-menu" class="menu">
-<li class="menu-item"><a href="http://www.qt.io/about-us/">About us</a>
-<ul class="sub-menu">
-    <li class="menu-item"><a href="http://www.qt.io/events/">Events</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/news/">News</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/resource-center/">Resource Center</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/partners/">Partners</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/careers/">Careers</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/terms-conditions/">Terms &amp; Conditions</a></li>
-</ul>
-</li>
-<li class="menu-item"><a href="http://www.qt.io/product/">Product</a>
-<ul class="sub-menu">
-    <li class="menu-item"><a href="http://www.qt.io/qt-framework/">Qt Framework</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/qt-features/">Qt Features</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/qt-quick/">Qt Quick</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/qt-for-device-creation/">Qt for Device Creation</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/mobile-app-development/">Qt for Mobile Apps</a></li>
-    <li class="menu-item"><a href="http://showroom.qt-project.org/">Showroom</a></li>
-</ul>
-</li>
-<li class="menu-item"><a href="http://www.qt.io/developers/">Developers</a>
-<ul class="sub-menu">
-    <li class="menu-item"><a href="http://doc.qt.io/">Documentation</a></li>
-    <li class="menu-item"><a href="http://doc.qt.io/qt-5/qtexamplesandtutorials.html">Examples &amp; Tutorials</a></li>
-    <li class="menu-item"><a href="http://doc.qt.io/qt-5/topics-app-development.html">Tools</a></li>
-    <li class="menu-item"><a href="http://wiki.qt.io">Wiki</a></li>
-    <li class="menu-item"><a href="http://forum.qt.io">Forums</a></li>
-    <li  class="menu-item"><a href="http://wiki.qt.io/index.php?title=Qt-Contribution-Guidelines">Contribute to Qt</a></li>
-</ul>
-</li>
-<li class="menu-item"><a href="http://www.qt.io/services/">Services</a>
-<ul class="sub-menu">
-    <li class="menu-item"><a href="http://www.qt.io/support/">Support</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/services-technology-evaluation/">Technology Evaluation</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/services-proof-of-concept/">Proof of Concept</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/services-design-implementation/">Design &amp; Implementation</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/services-productization/">Productization</a></li>
-    <li class="menu-item"><a href="https://qtcloudservices.com/">Qt Cloud Services</a></li>
-</ul>
-</li>
-<li class="menu-item"><a href="http://www.qt.io/download/">Download</a>
-<ul class="sub-menu">
-    <li class="menu-item"><a title="Evaluation" href="http://www.qt.io/download/">Free 30-Day Trial</a></li>
-    <li class="menu-item"><a title="Enterprise" href="http://www.qt.io/buy-enterprise-step-2/">Enterprise</a></li>
-    <li class="menu-item"><a title="Professional" href="http://www.qt.io/buy-professional-step-2/">Professional</a></li>
-    <li class="menu-item"><a title="Indie Mobile" href="http://www.qt.io/buy-indiemobile-step-2/">Indie Mobile</a></li>
-    <li class="menu-item"><a href="http://www.qt.io/download-open-source/">Community</a></li>
-</ul>
-</li>
-</ul></div></nav>
-<a href="http://www.qt.io/about-us/" target="_blank" class="theqtcompany">
-    </a>
-    <div class="footer-social clearfix">
-        <div class="facebook">
-            <iframe scrolling="no" frameborder="0" allowTransparency="true" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fqtbydigia&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21" style="border:none;overflow:hidden;height:21px;"></iframe>
-        </div>
-        <div class="twitter">
-            <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="//platform.twitter.com/widgets/follow_button.33b190ea0cba008796487b65df7f6d8e.en.html#_=1414403615717&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=qtproject&amp;show_count=true&amp;show_screen_name=false&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 160px; height: 20px;"></iframe>
-        </div>
-    </div>
-</div>
-</div>
-<div class="disclaimer">
-<div class="container clearfix no_discs">
-    <ul id="menu-footer-submenu" class="right clearfix"><li class="menu-item"><a title="Sign into your account." href="https://account.qt.io/login">Sign In</a></li>
-      <li class="menu-item"><a href="mailto:feedback@theqtcompany.com?Subject=Feedback%20about%20doc.qt.io%20site">Feedback</a></li>
-      <li class="menu-item"><a href="http://www.qt.io/contact-us/">Contact us</a></li>
-      <li class="menu-item"><a href="http://www.qt.io/about-us/">© 2015 The Qt Company</a></li>
-    </ul>
-</div>
-</div>
+		<div class="container clearfix">
+		
+			<nav class="footer-nav clearfix">
+				<div class="menu-footer-menu-container">
+				
+					<ul id="menu-footer-menu" class="menu">
+						<li class="menu-item"><a href="http://www.qt.io/about-us/">About us</a>
+							<ul class="sub-menu">
+								<li class="menu-item"><a href="http://www.qt.io/events/">Events</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/news/">News</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/resource-center/">Resource Center</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/partners/">Partners</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/careers/">Careers</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/terms-conditions/">Terms &amp; Conditions</a></li>
+							</ul>
+						</li>
+						<li class="menu-item"><a href="http://www.qt.io/product/">Product</a>
+							<ul class="sub-menu">
+								<li class="menu-item"><a href="http://www.qt.io/qt-framework/">Qt Framework</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/qt-features/">Qt Features</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/qt-quick/">Qt Quick</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/qt-for-device-creation/">Qt for Device Creation</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/mobile-app-development/">Qt for Mobile Apps</a></li>
+								<li class="menu-item"><a href="http://showroom.qt-project.org/">Showroom</a></li>
+							</ul>
+						</li>
+						<li class="menu-item"><a href="http://www.qt.io/developers/">Developers</a>
+							<ul class="sub-menu">
+								<li class="menu-item"><a href="http://doc.qt.io/">Documentation</a></li>
+								<li class="menu-item"><a href="http://doc.qt.io/qt-5/qtexamplesandtutorials.html">Examples &amp; Tutorials</a></li>
+								<li class="menu-item"><a href="http://doc.qt.io/qt-5/topics-app-development.html">Tools</a></li>
+								<li class="menu-item"><a href="http://wiki.qt.io">Wiki</a></li>
+								<li class="menu-item"><a href="http://forum.qt.io">Forums</a></li>
+								<li  class="menu-item"><a href="http://wiki.qt.io/index.php?title=Qt-Contribution-Guidelines">Contribute to Qt</a></li>
+							</ul>
+						</li>
+						<li class="menu-item"><a href="http://www.qt.io/services/">Services</a>
+							<ul class="sub-menu">
+								<li class="menu-item"><a href="http://www.qt.io/support/">Support</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/services-technology-evaluation/">Technology Evaluation</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/services-proof-of-concept/">Proof of Concept</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/services-design-implementation/">Design &amp; Implementation</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/services-productization/">Productization</a></li>
+								<li class="menu-item"><a href="https://qtcloudservices.com/">Qt Cloud Services</a></li>
+							</ul>
+						</li>
+						<li class="menu-item"><a href="http://www.qt.io/download/">Download</a>
+							<ul class="sub-menu">
+								<li class="menu-item"><a title="Evaluation" href="http://www.qt.io/download/">Free 30-Day Trial</a></li>
+								<li class="menu-item"><a title="Enterprise" href="http://www.qt.io/buy-enterprise-step-2/">Enterprise</a></li>
+								<li class="menu-item"><a title="Professional" href="http://www.qt.io/buy-professional-step-2/">Professional</a></li>
+								<li class="menu-item"><a title="Indie Mobile" href="http://www.qt.io/buy-indiemobile-step-2/">Indie Mobile</a></li>
+								<li class="menu-item"><a href="http://www.qt.io/download-open-source/">Community</a></li>
+							</ul>
+						</li>
+					</ul>
+					
+				</div>
+			</nav>
+					
+			<a href="http://www.qt.io/about-us/" target="_blank" class="theqtcompany"></a>
+			
+			<div class="footer-social clearfix">
+				<div class="facebook">
+					<iframe scrolling="no" frameborder="0" allowTransparency="true" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fqtbydigia&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21" style="border:none;overflow:hidden;height:21px;"></iframe>
+				</div>
+				<div class="twitter">
+					<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="//platform.twitter.com/widgets/follow_button.33b190ea0cba008796487b65df7f6d8e.en.html#_=1414403615717&amp;id=twitter-widget-0&amp;lang=en&amp;screen_name=qtproject&amp;show_count=true&amp;show_screen_name=false&amp;size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 160px; height: 20px;"></iframe>
+				</div>
+			</div>
+			
+		</div>
+	</div>
+	
+	<div class="disclaimer">
+		<div class="container clearfix no_discs">	
+		
+			<ul id="menu-footer-submenu" class="right clearfix"><li class="menu-item"><a title="Sign into your account." href="https://account.qt.io/login">Sign In</a></li>
+				<li class="menu-item"><a href="mailto:feedback@theqtcompany.com?Subject=Feedback%20about%20doc.qt.io%20site">Feedback</a></li>
+				<li class="menu-item"><a href="http://www.qt.io/contact-us/">Contact us</a></li>
+				<li class="menu-item"><a href="http://www.qt.io/about-us/">© 2015 The Qt Company</a></li>
+			</ul>	
+			
+		</div>
+	</div>
+	
 </footer>
 </div>
-</html>
+
+</body>
+</html>
+\ No newline at end of file
diff --git a/website/modernizr.custom.84855.js b/website/modernizr.custom.84855.js
new file mode 100644
index 0000000..7a9adbb
--- /dev/null
+++ b/website/modernizr.custom.84855.js
@@ -0,0 +1,4 @@
+/* Modernizr 2.8.3 (Custom Build) | MIT & BSD
+ * Build: http://modernizr.com/download/#-rgba-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes
+ */
+;window.Modernizr=function(a,b,c){function A(a){j.cssText=a}function B(a,b){return A(m.join(a+";")+(b||""))}function C(a,b){return typeof a===b}function D(a,b){return!!~(""+a).indexOf(b)}function E(a,b){for(var d in a){var e=a[d];if(!D(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function F(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:C(f,"function")?f.bind(d||b):f}return!1}function G(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return C(b,"string")||C(b,"undefined")?E(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),F(e,b,c))}var d="2.8.3",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["&#173;",'<style id="s',h,'">',a,"</style>"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=C(e[d],"function"),C(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),y={}.hasOwnProperty,z;!C(y,"undefined")&&!C(y.call,"undefined")?z=function(a,b){return y.call(a,b)}:z=function(a,b){return b in a&&C(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.rgba=function(){return A("background-color:rgba(150,255,150,.5)"),D(j.backgroundColor,"rgba")};for(var H in q)z(q,H)&&(v=H.toLowerCase(),e[v]=q[H](),t.push((e[v]?"":"no-")+v));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)z(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},A(""),i=k=null,e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.hasEvent=x,e.testProp=function(a){return E([a])},e.testAllProps=G,e.testStyles=w,e.prefixed=function(a,b,c){return b?G(a,b,c):G(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+t.join(" "):""),e}(this,this.document);
+\ No newline at end of file
diff --git a/website/online.css b/website/online.css
index 925afd7..c6eb75b 100644
--- a/website/online.css
+++ b/website/online.css
@@ -1,3 +1,10 @@
+/* -------------------------------------------------------
+   Eric Meyer's Reset CSS v2.0 + ios landscape font-size hack
+------------------------------------------------------- */	
+
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
+
+
 #navbar {
   position:fixed;
   top:0;
diff --git a/website/style.css b/website/style.css
index 0173173..2416b8e 100644
--- a/website/style.css
+++ b/website/style.css
@@ -1,193 +1,128 @@
-/* CSS for Qt Project Rawdog */
+/* ----------------------------------------------------------
+   CSS for Qt Project Rawdog 
+---------------------------------------------------------- */
 
-* { box-sizing: border-box; -moz-box-sizing: border-box; } /* Gives a more flexible and natural box model to all elements. The standard is "content-box". Read more here: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
+html { height: 100%; overflow-x: hidden !important;  }
+* { box-sizing: border-box; -moz-box-sizing: border-box; } 
 
+/* Header ---------------------------------------------- */
+
+#navbar { box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.1); }
+.no-rgba #menuextras li a:before { text-align: center; } /* Only for ie8 */
+
+/* Images ---------------------------------------------- */
+
+.responsive-image { width: 100%; height: auto; }
+a.xmlbutton img { max-width: 16px; margin-right: 0.5em; display: inline; }
+
+/* Typo ---------------------------------------------- */
 
 body {
 	background-color: #ffffff;
-	font: 16px/1.4em Arial, Verdana, sans-serif;
-}
-.wrapper {
-	max-width: 1010px;
-	padding: 0 10px;
-	margin: 0 auto;
-}
-fieldset {
-	border: 0;
-	outline: 0;
-}
-input {
-	border: 0;
-	border: 1px solid #8a8a8a;
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	-o-border-radius: 5px;
-	padding: 4px;
-	font-size: 12px;	
-}
-button {
-	border: 0;
-	background: none;
-	border-radius: 3px;
-	border: 1px solid #cecece;
-	font-size: 12px;
-	padding: 4px 6px;
-	font-weight: bold;
-	color: #5a5a5a;
-	background: #f4f4f4; /* Old browsers */
-	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
-	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ebebeb 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* IE10+ */
-	background: linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */	
-}
-button:active,
-button:hover {
-	background: #ebebeb; /* Old browsers */
-	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
-	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
-	background: -moz-linear-gradient(top,  #ebebeb 14%, #f4f4f4 100%); /* FF3.6+ */
-	background: -webkit-gradient(linear, left top, left bottom, color-stop(14%,#ebebeb), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
-	background: -webkit-linear-gradient(top,  #ebebeb 14%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
-	background: -o-linear-gradient(top,  #ebebeb 14%,#f4f4f4 100%); /* Opera 11.10+ */
-	background: -ms-linear-gradient(top,  #ebebeb 14%,#f4f4f4 100%); /* IE10+ */
-	background: linear-gradient(top,  #ebebeb 14%,#f4f4f4 100%); /* W3C */
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-8 */
-}
-button:active {
-	box-shadow: inset 0 0 3px #cecece;
-}
-.lt-ie10 button {
-	filter: none;
-}
-img {
-	display: block;
-	max-width: 100%;
+	color: #404244;
+	font-family: "Open Sans", Arial, Helvetica, sans-serif;
+	font-size: 100%;
+	line-height: 1.625;
+	font-weight: 400;
 }
 
-a {
-    color: #44a51c;
-    text-decoration: none;
-}
+p { margin: 1em 0; }
+a { color: #44a51c; text-decoration: none; }
 
-.lt-ie9 img {
-	max-width: none;
-}
-/* Top line */
-.top-line {
-	width: 100%;
-	background-color: #fff;
-	box-shadow: 0 0 0px #cdcdcd;
-	padding: 13px 0 0;
-	float: left;
-	width: 100%;
-	clear: both;
-	line-height: 1em;
-	margin-bottom: 20px;
-}
-.top-line a:visited,
-.top-line a {
-	text-decoration: none;
-	color: #b0adab;
-}
-.top-line .active a,
-.top-line a:focus,
-.top-line a:hover {
-	color: #44a51c;
+h1, h2, h3 { margin: 1em 0; line-height: 1; }
+h1 { font-size: 1.6em; }
+h2 { font-size: 1.4em; }
+h3 { font-size: 1.2em; }
+
+h2.itemtitle { font-size: 1.4em; margin: 0; font-weight: bold; }
+article footer { font-size: 0.8em; color: #7c7c7c; margin-top: -0.4em; margin-bottom: 2em; }
+article footer a { color: #7c7c7c; }
+
+.content .wrapper aside { font-size: 0.8em;}
+.content .wrapper aside h3 {
+	font-size: 1.4em;
+	font-weight: bold;
+	margin: 1em 0 0.8em;
 }
-.top-line .logo:visited,
-.top-line .logo {
-	display: block;
-	float: left;
-	height: 71px;
-	padding-left: 89px;
-	padding-top: 15px;
-	margin-bottom: 13px;
+.content .wrapper aside a:visited,
+.content .wrapper aside a {
 	color: #44a51c;
-	font-size: 23px;
-	background: url('images/logo.png') left top no-repeat;
-}
-.top-line .main-menu {
-	float: right;
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	font-size: 14px;
-}
-.top-line .main-menu li {
-	float: left;
-	margin-left: 20px;
+	text-decoration: none;
+	font-weight: bold;
 }
-.top-line fieldset {
-	float: right;
-	clear: right;
-	padding: 0;
-	margin: 0;
-	margin-top: 35px;	
+.content .wrapper aside a:focus,
+.content .wrapper aside a:hover {
+	text-decoration: underline;
 }
-.top-line fieldset input {
-	width: 140px;
 
-}
+/* Structure ---------------------------------------------- */
 
-/* Content */
 .content {
-	max-width: 1010px;
+	max-width: 100%;
 	margin: 0 auto;
-	clear: both;
-	color: #363534;
-	padding: 70px 10px;
+	padding-top: 120px;
+	overflow-y: auto;
 }
 .content .wrapper {
-	border-radius: 10px;
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-	-o-border-radius: 10px;
-	background: #fff url('images/content-meteor.png') right 14px no-repeat;
-	background-size: 29%;
-	box-shadow: 0 0 0px #cdcdcd;	
-	padding: 11px 52px;
-	float: left;
-	clear: both;
-	margin: 0 auto 20px;
+	max-width: 1280px;
+	padding: 0 10px;
+	margin: 0 auto;
 }
+
+/* Main content ---------------------------------------------- */
+
 .content .wrapper .content-column {
 	width: 65%;
 	float: left;
+	padding: 0 68px; /* For date box */
+	overflow-x: hidden;
+}
+
+div.day { position: relative; }
+
+h2 time {
+	position: absolute;
+	top: 1.7em;
+	left: -68px;
+	width: 48px;
+	height: 48px;
+	padding: 10px 0 0 0;
+	font-size: 20.78px;
+	text-transform: uppercase;
+	line-height: 0.8em;
+	text-align: center;
+	font-weight: bold;
+	color: #FFFFFF;
+	background-color: #80C342;
 }
+#items .day:first-child h2 time { top: 0.2em; }
+h2 time span { display: block; font-size: 11.08px; font-weight: normal; }
+
+article { position: relative; padding: 2.2em 0 2em 0; border-bottom: 1px solid #E8E8E8; overflow-y: auto; }
+#items .day:first-child article { padding: 0 0 2em 0; margin-top: -1.6em; }
+#items .day:last-child article { margin-bottom: 3em; padding: 2.2em 0 0 0; border-bottom: none; }
+article div, article img { width: auto; max-width: 100%; height: auto; }
+article img { display: block; margin: 1em 0; }
+
+article ul { list-style-type: none; margin: 2em 0; padding: 0px; }
+article ul li:before { content: "- ";  }
+article ul li { padding: 0 0 1.6em 2.5em; color: #7c7c7c; }
+article ul li:last-child { padding: 0 0 0 2.5em; }
+
+/* Aside ---------------------------------------------- */
+
 .content .wrapper aside {
-	width: 30%;
-	float: right;
-	margin-top: 288px;
+	width: 35%;
+	float: left;
+	padding-left: 68px;
 	border-left: 1px solid #e8e8e8;
-	padding-left: 2.5%;
-	font-size: 14px;
-}
-.content .wrapper aside h3 {
-	font-size: 18px;
-	font-weight: bold;
-	margin: 1em 0 0.2em;
+	overflow-x: hidden;
 }
 .content .wrapper aside ul {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 }
-.content .wrapper aside a:visited,
-.content .wrapper aside a {
-	color: #44a51c;
-	text-decoration: none;
-	font-weight: bold;
-}
-.content .wrapper aside a:focus,
-.content .wrapper aside a:hover {
-	text-decoration: underline;
-}
 .content .wrapper aside .rss-feed {
 	display: block;
 	background: url('images/icon-rss.png') 3px center no-repeat;
@@ -221,143 +156,82 @@ a {
 	margin-top: -3px;
 	margin-bottom: 2px;
 }
-/* Article */
-article {
-	position: relative;
-	border-bottom: 1px solid #E8E8E8;
-	padding-bottom: 1em;
-}
 
-article:last-child {
-	border-bottom: 0;
-	padding-bottom: 0;
+footer {
+  padding-top: 12px;
 }
 
-article footer {
-	font-size: 13px;
-	color: #7c7c7c;
-	margin-top: -1.8em;
+header h2 a {
+	text-decoration: none;
+	color: #44a51c;
+	line-height: 1.2em;
 }
 
-article footer a {
-    color: #7c7c7c;
-}
+/* Footer */
+
+footer { padding-top: 12px; }
+ul#menu-footer-menu > li > a { margin-bottom: 1.6em; }
+ul#menu-footer-menu ul.sub-menu a { margin-bottom: 0.2em; }
+
+.no-rgba #footerbar .theqtcompany { background: url("theqtcompany_x1.png") no-repeat; } /* Only for ie8 */
 
-/* Day */
-div.day {
-	position: relative;
-  border-bottom: 1px solid #E8E8E8;
-}
 
-div.day:last-child {
-  border-bottom: 0;
-}
 
 
-h2 time {
-	position: absolute;
-	top: 0;
-	left: -70px;
-	width: 58px;
-	height: 63px;
-	background: url('images/date.png') left top no-repeat;
-	padding: 17px 0 0 0;
-	text-transform: uppercase;
-	line-height: 0.8em;
-	text-align: center;
-	font-size: 20.78px;
-	color: #aeaaa7;
-	font-weight: bold;
-}
-h2 time span {
-	display: block;
-	font-size: 11.08px;
-	font-weight: normal;
-}
 
-footer {
-  padding-top: 12px;
-}
 
-header h2 a {
-	text-decoration: none;
-	color: #44a51c;
-	line-height: 1.2em;
-}
 
-a.xmlbutton img {
-  max-width: 16px;
-  margin-right: 0.5em;
-  display: inline;
+
+
+/* -------------------------------------------------------
+   ALL SCREENS UNDER 1200 ... 0px <-> 1199px
+------------------------------------------------------- */
+@media only screen and (max-width: 1120px) {
+	
+	/* Header */
+	.main, .navbar-header, #footerbar>div { width: 100%; margin: 0; }
+	#navbar .navbar-toggle { margin: 11px 0 9px 0; }	
+	
+	/* Structure */
+	.content { width: 100%; margin: 0; padding-top: 30px; }
+	.content .wrapper { width: 100%; padding: 0 15px; margin: 0; }
+	
 }
 
-.copyright-wrapper {
-  font-size: 10px;
-  color: #555;
-  text-align: center;
-  margin-top: 20px;
-  padding: 5px;
-  line-height: 1.5;
+/* -------------------------------------------------------
+   TABLETS PORTRAIT ... 768px <-> 959px
+------------------------------------------------------- */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+	
+	/* Main content ---------------------------------------------- */
+	.content .wrapper .content-column { width: 70%; padding: 0 20px 0 60px; }
+	h2 time { left: -60px; width: 44px; height: 44px; }
+	/* Aside ---------------------------------------------- */
+	.content .wrapper aside { width: 30%; padding-left: 20px; }
+	
 }
 
-@media handheld, only screen and (max-width: 600px) {
-
-
-	.content .wrapper {
-		padding: 11px 32px;
-	}
-	.top-line .main-menu {
-		float: left;
-		width: 100%;
-
-	}
-	.top-line .main-menu li {
-		margin: 0 4px 13px;
-		display: inline-block;
-		float: none;
-	}
-	.top-line .main-menu li:first-child {
-		margin-left: 0;
-	}
-	.top-line .main-menu li:last-child {
-		margin-right: 0;
-	}
-	.top-line fieldset {
-		margin-top: 0;
-		float: left;
-		margin-bottom: 13px;
-		width: 100%;
-	}
-	.top-line fieldset input {
-		width: 75%;
-		float: left;
-	}
-	.top-line fieldset button {
-		width: 20%;
-		float: right;
-		text-align: center;
-	}
+/* -------------------------------------------------------
+   SMARTPHONES PORTRAIT & LANDSCAPE ... 0 <-> 767px
+------------------------------------------------------- */
+@media only screen and (max-width: 767px) {
+	
+	/* Main content & Aside ---------------------------------------------- */
+	.content .wrapper .content-column, .content .wrapper aside  { width: 100%; padding: 0; float: none; }
+	h2 time { display: none; }
 	
-	.content .wrapper .content-column,
-	.content .wrapper aside {
-		float: left;
-		width: 100%;
-		clear: both;
-	}
-	.content .wrapper {
-		background-image: none;
-	}
-	.content .wrapper aside {
-		margin-top: 20px;
-		border: 0;
-		border-top: 1px solid #e8e8e8;
-		padding: 0;
-	}
-	.content .wrapper aside	.rss-feed {
-		margin-top: 13px;
-	}
-	article time {
-		display: none;
-	}
 }
 
+/* -------------------------------------------------------
+   SMARTPHONES LANDSCAPE ... 480px <-> 767px
+------------------------------------------------------- */
+@media only screen and (min-width: 480px) and (max-width: 767px) {}
+
+/* -------------------------------------------------------
+   SMARTPHONES PORTRAIT ... 0px <-> 479px
+------------------------------------------------------- */
+@media only screen and (max-width: 479px) {
+	
+	#menuextras { display: none; }
+	
+}
+\ No newline at end of file
diff --git a/website/theqtcompany_x1.png b/website/theqtcompany_x1.png
new file mode 100644
index 0000000..ea8c370
--- /dev/null
+++ b/website/theqtcompany_x1.png
author	Jukka Jokiniva <jukka.jokiniva@theqtcompany.com>	2015-03-13 12:44:11 +0200
committer	Tero Kojo <tero.kojo@theqtcompany.com>	2015-03-13 11:20:42 +0000
commit	b6504340b9125d759b031a484baace88ccabc8a3 (patch)
tree	3ea1a828af4e4f2ce279456cf5bd17ec546423fe
parent	97b2813f38e65186b63c1de6654dc730a71aed25 (diff)