sssio-private-theme 0.0.10

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 9d50248f490bad561e6a5606259ce109bad6a068
+  data.tar.gz: 1f72f0bb522c6db82282deab7ce1d0194c1fb1d7
+SHA512:
+  metadata.gz: 6dc2ab66fd941bc316c11de99c865b509fa499485322f6798da47b4a35e6d9496a4bbd80802243b581e0a7839e4073fc9540fff9494cdfe36bb82b4aab65238b
+  data.tar.gz: c80dd89e3b86c3c8ca7faa138218b4f2eca6e268071255c8a9b153cbc37640821f372cfd04f186276783eae727bd8a64efa7caa15204bfe8e4136bccae026c74

data/README.md

@@ -0,0 +1,3 @@
+# sss.io - private theme
+
+A minimal theme for use with the sss.io editor. 

data/assets/config.yml

@@ -0,0 +1,33 @@
+# Settings for main header
+title: sss.io private theme
+ 
+# Links for main navigation
+main_nav:
+  - { url: '/', title: 'Posts' }
+  - { url: '/archive/', title: 'Archive' }
+  - { url: '/feed/', title: 'Subscribe' }
+
+# Link labels
+permalink_label: "Permalink"
+read_more_label: "Continue Reading →"
+
+# Show excerpts on post index
+excerpt_posts: true
+# Excerpt linkposts on index
+excerpt_linkposts: false
+
+search: google
+
+sharing:
+  - facebook
+  - twitter
+  - github
+  - email
+
+share_with: links # or buttons
+
+# Embed comments, options: false, facebook, disqus
+comments: false
+
+# Center the text in post and page headings.
+center_headings: true

data/assets/includes/archive_post.html

@@ -0,0 +1,18 @@
+<article class="archive {{ post.class }}" role="article">
+  <header class="archive-entry-header">
+    <h2 class="archive-entry-title">{{ post.title_link }}</h2>
+    <div class="archive-entry-date">{{ post.date_html }}</div>
+  </header>
+
+  {% assign bullet = " <span class='separator'>&bull;</span> " %}
+
+  <footer class='archive-entry-footer' role='contentinfo'>
+  <p>
+    {% filter join_lines:bullet | compact_newlines %}
+    {{ post.permalink }}
+    {%_ categories post %}
+    {%_ tags post %}
+    {% endfilter %}
+  </p>
+  </footer>
+</article>

data/assets/includes/category_links.html

@@ -0,0 +1,2 @@
+{% capture categories %}{% category_links %}{% endcapture %}
+{% if categories != '' %}<span class='entry-categories'>{{ categories }}</span>{% endif %}

data/assets/includes/head.html

@@ -0,0 +1,26 @@
+<meta charset="utf-8">
+<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+{% if site.author %}<meta name="author" content="{{ site.author }}">{% endif %}
+<meta name="HandheldFriendly" content="True">
+<meta name="MobileOptimized" content="320">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link href="{{ page.url | canonical_url }}" rel="canonical">
+<meta name='generator' content='sss.io with Octopress v {{ octopress.version }}'>
+{% if page.description %}<meta name="description" content="{{ page.description | strip_html }}">{% endif %}
+
+<!-- Optional theme -->
+<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
+
+<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
+
+<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+<!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+<![endif]-->
+
+{% css_asset_tag %}

data/assets/includes/header.html

@@ -0,0 +1,3 @@
+<header>
+  {% include theme:main_nav.html class="navbar-inverse" %}
+</header>

data/assets/includes/index_post.html

@@ -0,0 +1,23 @@
+{% if post.excerpted and ((post.linkpost == false and theme.excerpt_posts) or (post.linkpost and theme.excerpt_linkposts)) %}
+{% assign excerpted = true %}
+{% else %}{% assign excerpted = false %}{% endif %}
+
+{% assign post_content = (excerpted ? post.excerpt : post.content) %}
+{% assign permalink_label = (excerpted ? theme.read_more_label : theme.permalink_label) %}
+
+<article class="entry {% return 'excerpted' if excerpted %}" role="article">
+  <header class="entry-header">
+    {% if post.cover_image %}
+    <img src='{{ post.cover_image }}'>
+    {% endif %}
+    <h2 class="entry-title">{{ post.title_link }}</h2>
+    {% if post.subtitle %}<h2 class="entry-subtitle">{{ post.subtitle }}</h2>{% endif %}
+    <div class="entry-meta"><a href="{{ post.url | expand_url }}">{{ post.date_html }}</a></div>
+  </header>
+
+  <div class="entry-content">{{ post_content }}</div>
+
+  <footer class='entry-footer'>
+    <a class='permalink' rel="full-article" href="{{ post.url }}">{{ permalink_label }}</a>
+  </footer>
+</article>

data/assets/includes/main_nav.html

@@ -0,0 +1,50 @@
+<nav class="navbar {{ $include.class }}">
+  
+  {% if $include.container %}
+    <div class="container">
+  {% else %}
+    <div class="container-fluid">
+  {% endif %}
+
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      
+      {% if site.logo %}
+        <a class="navbar-brand" href="/">
+          <img alt="{{ site.title }}" src="{{ site.logo }}" >
+        </a>
+      {% else %}
+        <a class="navbar-brand" href="/">{{ site.title }}</a>
+      {% endif %}
+
+    </div>
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+      <ul class="nav navbar-nav navbar-right">
+        {% for item in site.main_nav %}
+          {% if $item.childs %}
+            <li class="dropdown">
+              <a href="{{ $item.url }}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{ $item.title }} <span class="caret"></span></a>
+              <ul class="dropdown-menu">
+                {% for child in $item.childs %}
+                  <li><a href="{{ $child.url }}">{{ $child.title }}</a></li>
+                {% endfor %}
+              </ul>
+            </li>
+          {% else%}
+            <li><a href="{{ $item.url }}">{{ $item.title }}</a></li>
+          {% endif %}
+        {% endfor %}
+      </ul>
+    </div><!-- /.navbar-collapse -->
+  
+  </div><!-- /.container-->
+
+</nav>

data/assets/includes/nav_items.html

@@ -0,0 +1,7 @@
+{% for link in include.nav %}
+  {% assign url = link.url | expand_url %}
+  {% assign page_url = page.url | expand_url | remove:'index.html' %}
+  {% assign class = (url == page_url ? 'active ' : '') %}
+  {% assign class += link.class | classify if link.class %}
+  <a class="{{ include.class }}-item {{ class }}" href="{{ url }}">{{ link.title }}</a>
+{% endfor %}

data/assets/includes/post_meta.html

@@ -0,0 +1,5 @@
+<div class="entry-meta">
+  <a class='entry-date' href="{% return post.url || page.url %}">{% return post.date_html || page.date_html %}</a>
+  {% include theme:category_links.html %}
+  {% include theme:tag_links.html %}
+</div>

data/assets/includes/post_nav.html

@@ -0,0 +1,16 @@
+{% if page.previous.url or page.next.url %}
+<nav role="pagination" class="post-nav">
+{% if page.previous.url %}
+<a class="previous-post" href="{{ page.previous.url }}" title="Previous Article: {{ page.previous.title }}">
+  <div class='previous-post-marker'><span class='previous-post-arrow'>&larr;</span> Previous Article</div>
+  <h6 class='previous-post-title'>{{ page.previous.title }}</h6>
+</a>
+{% endif %}
+{% if page.next.url %}
+<a class="next-post" href="{{ page.next.url }}" title="Next Article: {{ page.next.title }}">
+  <div class='next-post-marker'>Next Article <span class='next-post-arrow'>&rarr;</span></div>
+  <h6 class='next-post-title'>{{ page.next.title }}</h6>
+</a>
+{% endif %}
+</nav>
+{% endif %}

data/assets/includes/site_footer.html

@@ -0,0 +1,10 @@
+<footer class='site-footer' role="contentinfo">
+  <p class='footer-copyright'>
+    Copyright © {{ site.time | date: "%Y" }}{% wrap return site.author %} - {{ yield }}{% endwrap %}
+  </p>
+  {% if theme.footer_nav %}
+  <nav class='footer-nav' role="navigation">
+    {% include theme:nav_items.html nav=theme.footer_nav class='footer-nav' %}
+  </nav>
+  {% endif %}
+</footer>

data/assets/includes/site_header.html

@@ -0,0 +1,3 @@
+<header role="banner" class="site-header">
+  <h1 class="site-title"><a class="site-title-link" href="{% return site.root || '/' %}">{{ theme.title }}</a></h1>
+</header>

data/assets/includes/tag_links.html

@@ -0,0 +1,2 @@
+{% capture tags %}{% tag_links %}{% endcapture %}
+{% if tags != '' %}<span class='entry-tags'>tagged: {{ tags }}</span>{% endif %}

data/assets/layouts/article.html

@@ -0,0 +1,23 @@
+---
+layout: theme:default
+---
+{% assign page_type = (page.tags ? 'post' : 'page') %}
+<article class="entry {{ page_type }} {{ page.class }} {% return 'cover-image' if page.cover_image %} {% return 'linkpost' if page.linkpost %}" role="article">
+  <header class="entry-header">
+    {% assign title = (page.linkpost ? page.title_link : page.title_html) %}
+    <div class='entry-header-content'>
+      <h1 class="entry-title">{{ title }}</h1>
+      {% if page.subtitle %}<h2 class="entry-subtitle">{{ page.subtitle }}</h2>{% endif %}
+      {% yield header %}
+    </div>
+  </header>
+
+  {% include theme:post_meta.html | join_lines %}
+
+  <div class="entry-content">{{ content }}</div>
+
+  {% wrap yield footer %}<footer class='entry-footer' role='contentinfo'>
+    {{ yield }}
+  </footer>{% endwrap %}
+
+</article>

data/assets/layouts/base.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html class="{{ page.class }} {% return 'cover-image' if page.cover_image %}" lang="{% return page.lang || site.lang || 'en' %}">
+  <head>
+    {% include theme:head.html | expand_urls %}
+    {% yield head %}
+  </head>
+  <body>
+
+
+    {{ content | expand_urls }}
+    {% yield footer_scripts %}
+
+    {% js_asset_tag %}
+    {% yield footer_scripts %}
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
+    
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <!-- Latest compiled and minified JavaScript -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
+  </body>
+</html>

data/assets/layouts/default.html

@@ -0,0 +1,11 @@
+---
+layout: theme:base
+---
+{% include theme:header.html %}
+
+<div class="site">
+
+
+  {{ yield }}
+
+</div>

data/assets/layouts/elements.html

@@ -0,0 +1,349 @@
+---
+layout: theme:base
+---
+<div class="jumbotron background fixed">
+  
+  <div class="container padding-lg">
+    <h4>collection of all elements for the sss.io private template</h4>
+  </div>
+  
+  <div class="overlay padding-sm dark">
+    <div class="container">
+      <div class="row text-center">
+        <div class="col-sm-3 col-md-2 col-lg-1 col-md-offset-2 col-lg-offset-4">
+          <div class="circle">
+            <div class="inner">
+              <span>
+              <i class="fa fa-pencil"></i>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-3 col-md-2 col-lg-1">
+          <div class="circle">
+            <div class="inner">
+              <span>
+              <i class="fa fa-cog"></i>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-3 col-md-2 col-lg-1">
+          <div class="circle">
+            <div class="inner">
+              <span>
+              <i class="fa fa-plus"></i>
+              </span>
+            </div>
+          </div>
+        </div>
+        <div class="col-sm-3 col-md-2 col-lg-1">
+          <div class="circle">
+            <div class="inner">
+              <span>
+              <i class="fa fa-plus"></i>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+<div class="container">
+  <div class="page-header">
+    <h2>Buttons</h2>
+  </div>
+</div>
+
+<div class="jumbotron padding">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-default col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-info col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-success col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-warning col-sm-12">Button</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="jumbotron padding dark">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-default col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-info col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-success col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-3">
+        <a class="btn btn-lg btn-warning col-sm-12">Button</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="jumbotron padding">
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-2">
+        <a class="btn btn-grey col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-2">
+        <a class="btn btn-default col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-2">
+        <a class="btn btn-info col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-2">
+        <a class="btn btn-success col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-2">
+        <a class="btn btn-primary col-sm-12">Button</a>
+      </div>
+      <div class="col-sm-2">
+        <a class="btn btn-danger col-sm-12">Button</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="container">
+  <div class="page-header">
+    <h2>Pagination</h2>
+  </div>
+</div>
+
+<div class="jumbotron padding">
+  <div class="container">
+    <nav>
+      <ul class="pagination">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</div>
+
+<div class="jumbotron padding dark">
+  <div class="container">
+    <nav>
+      <ul class="pagination">
+        <li>
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+        <li><a href="#">1</a></li>
+        <li><a href="#">2</a></li>
+        <li><a href="#">3</a></li>
+        <li><a href="#">4</a></li>
+        <li><a href="#">5</a></li>
+        <li>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      </ul>
+    </nav>
+  </div>
+</div>
+
+<div class="container">
+  <div class="page-header">
+    <h2>Navigation</h2>
+  </div>
+</div>
+
+
+<div class="jumbotron padding">
+  <div class="container">
+    <nav class="navbar navbar-default">
+      <div class="container-fluid">
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+            <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="#">Brand</a>
+        </div>
+
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+          <ul class="nav navbar-nav navbar-right">
+            <li><a href="#">Link</a></li>
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Action</a></li>
+                <li><a href="#">Another action</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a href="#">Separated link</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div><!-- /.navbar-collapse -->
+      </div><!-- /.container-fluid -->
+    </nav>
+
+    <nav class="navbar navbar-inverse">
+      <div class="container-fluid">
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+            <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="#">Brand</a>
+        </div>
+
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+          <ul class="nav navbar-nav navbar-right">
+            <li><a href="#">Link</a></li>
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Action</a></li>
+                <li><a href="#">Another action</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a href="#">Separated link</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div><!-- /.navbar-collapse -->
+      </div><!-- /.container-fluid -->
+    </nav>
+  </div>
+</div>
+
+<div class="jumbotron background fixed padding teaser-1">
+  <div class="container">
+    <p>Really cool things</p>
+    <h4>Buy me or not!</h4>
+    <a class="btn btn-default">Informationen</a>
+    <a class="btn btn-success">Kaufen</a>
+  </div>
+</div>
+
+<div class="container">
+  <hr/>
+</div>
+
+<div class="jumbotron dark background fixed padding teaser-2">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-8">
+        <h4>Lorem ipsum dolor sit!</h4>
+        <p>Really cool things</p>
+      </div>
+      <div class="col-md-4">
+        <a class="btn btn-default btn-lg">Kaufen</a>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="jumbotron padding dark">
+  <div class="container">
+    <nav class="navbar navbar-default">
+      <div class="container-fluid">
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+            <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="#">Brand</a>
+        </div>
+
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+          <ul class="nav navbar-nav navbar-right">
+            <li><a href="#">Link</a></li>
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Action</a></li>
+                <li><a href="#">Another action</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a href="#">Separated link</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div><!-- /.navbar-collapse -->
+      </div><!-- /.container-fluid -->
+    </nav>
+
+    <nav class="navbar navbar-inverse">
+      <div class="container-fluid">
+        <!-- Brand and toggle get grouped for better mobile display -->
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+            <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="#">Brand</a>
+        </div>
+
+        <!-- Collect the nav links, forms, and other content for toggling -->
+        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+          <ul class="nav navbar-nav navbar-right">
+            <li><a href="#">Link</a></li>
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Action</a></li>
+                <li><a href="#">Another action</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li role="separator" class="divider"></li>
+                <li><a href="#">Separated link</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div><!-- /.navbar-collapse -->
+      </div><!-- /.container-fluid -->
+    </nav>
+  </div>
+</div>
+
+
+