start of microROS-specific landing page

Author: iluetkeb

_config.yml

@@ -36,11 +36,11 @@ exclude:
 timezone: Europe/Berlin
 defaults:
 - scope:
-    path: _posts
+    path: _showcases
     type: posts
   values:
     layout: post
-    sectionid: blog
+    sectionid: showcases
 
 - scope:
     path: _docs
@@ -51,10 +51,20 @@ defaults:
     seo:
       type: "WebPage"
 
+- scope:
+    path: _tutorials
+    type: docs
+  values:
+    layout: docs
+    sectionid: tutorials
+
 collections:
   docs:
     permalink: /:collection/:path/
     output: true
-  posts:
+  tutorials:
+    permalink: /:collection/:path/
+    output: true
+  showcases:
     permalink: /blog/:year/:month/:day/:title/
     output: true

_includes/topnav.html

@@ -14,7 +14,8 @@
         <div id="navbar" class="collapse navbar-collapse">
             <ul class="nav navbar-nav">
                 <li {% if page.sectionid=='docs' %} class="active" {% endif %}><a href="{{ "/docs/home/" | prepend: site.baseurl }}">Docs</a></li>
-                <li {% if page.sectionid=='blog' %} class="active" {% endif %}><a href="{{ site.posts.first.url | prepend: site.baseurl }}">Blog</a></li>
+                <li {% if page.sectionid=='tutorials' %} class="active" {% endif %}><a href="{{ "/tutorials/home/" | prepend: site.baseurl }}">Tutorials</a></li>
+                <li {% if page.sectionid=='showcases' %} class="active" {% endif %}><a href="{{ site.posts.first.url | prepend: site.baseurl }}">Show Cases</a></li>
             </ul>
             <div class="navbar-right">
                 <form class="navbar-form navbar-left">

_posts/2017-02-01-welcome-to-jekyll.md …howcases/2017-02-01-welcome-to-jekyll.md_posts/2017-02-01-welcome-to-jekyll.md renamed to _showcases/2017-02-01-welcome-to-jekyll.md _posts/2017-02-01-welcome-to-jekyll.md renamed to _showcases/2017-02-01-welcome-to-jekyll.md

@@ -2,53 +2,51 @@
 layout: default
 ---
 
-<div class="header-container jumbotron">
+
+<!-- no nice background image for now -->
+<!--div class="header-container jumbotron">
     <div class="container">
-        <h1>Jekyll Template for Project Websites</h1>
-        <p>Simple and modern design for publishing blog posts, documentation and many more things about your project.
-          You can now clone and start to create a website for your project like this one.</p>
+        <h1>microROS</h1>
+        <p><a href="https://cordis.europa.eu/project/rcn/213167_en.html">microROS</a>
+             puts ROS2 onto microcontrollers, making them first class participants of the ROS 2 environment.</p>
         <p><a class="btn btn-primary btn-lg" href="{{ "/docs/home/" | prepend: site.baseurl }}" role="button">Learn more</a></p>
     </div>
-</div>
+</div-->
 
 <div class="container">
     <div class="row">
         <div class="col-md-6">
-            <h2 class="header-light regular-pad">What is Jekyll?</h2>
-              <p class="lead">Jekyll is a simple, blog-aware, static site generator. It takes a template
-              directory containing raw text files in various formats, runs it through
-              a converter (like <a href="https://daringfireball.net/projects/markdown/">Markdown</a>)
-              and our <a href="https://github.com/Shopify/liquid/wiki">Liquid</a> renderer, and
-              spits out a complete, ready-to-publish static website suitable
-              for serving with your favorite web server. Jekyll also happens to be the engine
-              behind <a href="https://pages.github.com">GitHub Pages</a>, which means you can use Jekyll
-              to host your project’s page, blog, or website from GitHub’s servers <strong>for
-              free</strong>.</p>
+            <h2 class="header-light regular-pad">microROS</h2>
+              <p class="lead"><a href="https://cordis.europa.eu/project/rcn/213167_en.html">microROS</a>
+             puts ROS2 onto small microcontrollers.</p>
         </div>
         <div class="col-md-6 text-center">
-            <img src="img/jekyll-dark.png" alt="" class="img-responsive">
+            <img src="img/microROS-big-logo.png" alt="microROS" class="img-responsive">
         </div>
     </div>
     <hr>
     <div class="row">
         <div class="col-sm-4">
             <h1 class="text-center"><i class="fa fa-pencil" aria-hidden="true"></i></h1>
-            <h3 class="text-center">Easy to install and publish</h3>
-            <p>Get started by cloning source into GitHub account of your project. Thanks to <a href="https://pages.github.com">GitHub Pages</a>,
-              it will be automatically compiled and published under your account's (or organisation's) subdomain under <code>github.io</code>.
+            <h3 class="text-center">Main ideas</h3>
+            <p>The major changes compared to "regular" ROS2 is that microROS uses a 
+                Real-Time Operating System (RTOS) instead of Linux, and DDS for eXtremely 
+                Resource Constrained Environments (DDS-XRCE) instead of classical DDS. 
+                Above that, we run the ROS2 stack! Well, with a few cool improvements
+                for taking advantage of micro-controller specific things, but largely the same.
             </p>
         </div>
         <div class="col-sm-4">
             <h1 class="text-center"><i class="fa fa-cogs" aria-hidden="true"></i></h1>
-            <h3 class="text-center">Modular Styling and Templating</h3>
-            <p>This template uses <a href="https://github.com/twbs/bootstrap-sass">bootstrap-sass</a> along with <a href="https://bootswatch.com/">Bootwatch themes</a>.
-            You can change the theme or write your custom one by overwriting bootstrap sass variables for a different color set, font options, etc.</p>
+            <h3 class="text-center">Getting Started</h3>
+            <p>To get you started quickly, header over to the <a href="tutorials">tutorial</a> section. The basic ones
+                can even be done without a micro-controller. For more background and details, see the
+            <a href="docs/">documentation</a>.</p>
         </div>
         <div class="col-sm-4">
             <h1 class="text-center"><i class="fa fa-code-fork" aria-hidden="true"></i></h1>
-            <h3 class="text-center">Git-based source control</h3>
-            <p>Leverage from Git version control system by
-              maintaining your documentation along with the source code; publish the page when you merge to the master branch.</p>
+            <h3 class="text-center">Show Cases</h3>
+            <p>To get an idea of what people are doing with microROS, we are collecting <a href="showcases">show-cases</a>. If you have a microROS show-cases that you'd like to see added, please contact us!</p>
         </div>
     </div>
 </div>