diff --git a/_data/navigation.yml b/_data/navigation.yml index fb5b50f..8f07701 100644 --- a/_data/navigation.yml +++ b/_data/navigation.yml @@ -2,6 +2,10 @@ url: "/index.html" side: left +- title: Getting Started + url: "/getting-started/" + side: left + - title: "Style your content" url: "/design/style-guide/" side: left @@ -25,12 +29,14 @@ - title: "Responsive Gallery" url: "/design/gallery/" - title: "Portfolio" - url: "/portfolio/" + url: "/design/portfolio/" - title: Documentation url: "/documentation/" side: left dropdown: + - title: Documentation + url: "/documentation/" - title: "Changelog" url: "/changelog/" - title: "Roadmap" diff --git a/_includes/pagination.html b/_includes/pagination.html index 39a3849..4e19137 100644 --- a/_includes/pagination.html +++ b/_includes/pagination.html @@ -7,7 +7,7 @@ Total paginate-pages: {{ paginator.total_pages }} {% for post in paginator.posts %}
-

{% if post.subheadline %}{{ post.subheadline }}{% endif %}{% if post.categories %}{{ post.categories | join: ' · ' }}{% endif %}

+

{% if post.subheadline %}{{ post.subheadline }}{% endif %} {% if post.categories %}{{ post.categories | join: ' · ' }}{% endif %}

{{ post.title }}

{% if post.image.thumb %}{{ page.title escape_once }}{% endif %} diff --git a/_posts/design/2014-07-09-post-left-sidebar.md b/_posts/design/2014-07-09-post-left-sidebar.md index ee3a734..a2f7bb3 100644 --- a/_posts/design/2014-07-09-post-left-sidebar.md +++ b/_posts/design/2014-07-09-post-left-sidebar.md @@ -4,11 +4,9 @@ title: "Post With Left Sidebar" description: "This is a example of Post with a Sidebar on the left." date: 2014-03-28 00:00:00 categories: - - layout - design image: title: "unsplash_1.jpg" -permalink: "/design/post-left-sidebar/" --- ## Have a look at the sidebar diff --git a/_posts/design/2014-07-10-post-right-sidebar.md b/_posts/design/2014-07-10-post-right-sidebar.md index 0436fed..0c67921 100644 --- a/_posts/design/2014-07-10-post-right-sidebar.md +++ b/_posts/design/2014-07-10-post-right-sidebar.md @@ -4,12 +4,10 @@ title: "Post With Right Sidebar" description: "This is a example of Post with a Sidebar on the right." date: 2014-03-28 00:00:00 categories: - - layout - design image: thumb: "unsplash_2_thumb.jpg" title: "unsplash_2.jpg" -permalink: "/design/post-right-sidebar/" --- ## Have a look at the sidebar diff --git a/_posts/design/2014-07-10-post.md b/_posts/design/2014-07-10-post.md index 2002367..7520118 100644 --- a/_posts/design/2014-07-10-post.md +++ b/_posts/design/2014-07-10-post.md @@ -3,9 +3,7 @@ layout: post title: "Normal Post Template" meta_description: "This is an example of a beautiful aligned post in the middle. There is no sidebar to distract the reader. The difference to the Page-Template is, that you find meta-information at the bottom of the post." categories: - - layout - design -permalink: "/design/post/" image: header: "no" --- diff --git a/_posts/design/2014-08-17-grid.md b/_posts/design/2014-08-17-grid.md index 0c82f17..2731c54 100644 --- a/_posts/design/2014-08-17-grid.md +++ b/_posts/design/2014-08-17-grid.md @@ -5,11 +5,9 @@ subheadline: "Multi-Device Layouts" description: "Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. These are the dimensions." date: 2014-07-05 07:00:00 categories: - - layout - design image: thumb: "unsplash_7_thumb.jpg" -permalink: "/design/grid/" --- *Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing beautiful layouts][1] in the foundation documentation. diff --git a/_posts/design/2014-08-17-page-fullwidth.md b/_posts/design/2014-08-17-page-fullwidth.md index 999d25a..6816a73 100644 --- a/_posts/design/2014-08-17-page-fullwidth.md +++ b/_posts/design/2014-08-17-page-fullwidth.md @@ -5,11 +5,9 @@ subheadline: "Multi-Device Layouts" description: "The full-width page format gives you all the space you need to show your content using the grid." date: 2014-07-05 07:00:00 categories: - - layout - design image: thumb: "unsplash_7_thumb.jpg" -permalink: "/design/page-fullwidth/" --- *Feeling Responsive* is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about [constructing beautiful layouts][1] in the foundation documentation. diff --git a/_posts/design/2014-09-11-page.md b/_posts/design/2014-09-11-page.md index 6643fd5..ffad8cb 100644 --- a/_posts/design/2014-09-11-page.md +++ b/_posts/design/2014-09-11-page.md @@ -3,9 +3,7 @@ layout: page title: "Page Template" meta_description: "This is an example of a beautiful aligned page in the middle. There is no sidebar to distract the reader. The difference to the Post-Template is, that you find no meta-information at the bottom of the post." categories: - - layout - design -permalink: "/design/page/" image: header: "no" --- diff --git a/_posts/design/2014-09-15-gallery.md b/_posts/design/2014-09-15-gallery.md index f4ea53d..4d6c9ef 100644 --- a/_posts/design/2014-09-15-gallery.md +++ b/_posts/design/2014-09-15-gallery.md @@ -4,12 +4,10 @@ title: "A Beautiful Gallery" subheadline: "Foundation Clearing Lightbox" description: "Wanna create a responsive gallery to showcase your portfolio, recent photos or images? It's quite easy thanks to Foundation and Clearing Lightbox." categories: - - layout - design image: thumb: "unsplash_7_thumb.jpg" header: "no" -permalink: "/design/gallery/" --- You just need to choose a template like the [`page`][3]- or [`page-fullwidth`][4]-template and than use some foundation magic. diff --git a/portfolio.md b/_posts/design/2014-09-16-portfolio.md similarity index 97% rename from portfolio.md rename to _posts/design/2014-09-16-portfolio.md index c6db164..76074dd 100644 --- a/portfolio.md +++ b/_posts/design/2014-09-16-portfolio.md @@ -5,7 +5,8 @@ subheadline: "Portfolio" description: "You don't need a special portfolio template with this theme. Just check out the great possibilities of the foundation grid and experiment with it." image: header: "no" -permalink: "/portfolio/" +categories: + - design ---

diff --git a/_posts/design/2014-09-16-typography.md b/_posts/design/2014-09-16-typography.md index c664024..640b8b3 100644 --- a/_posts/design/2014-09-16-typography.md +++ b/_posts/design/2014-09-16-typography.md @@ -6,7 +6,8 @@ meta_description: "Feeling Responsive uses Volkhov for headlines, Lato for every description: "Feeling Responsive uses Volkhov for headlines, Lato for everything else and if you are in need to show some code, it will be in Lucida Console." image: header: "no" -permalink: "/design/typography/" +categories: + - design ---
diff --git a/getting-started.md b/getting-started.md new file mode 100644 index 0000000..05662d0 --- /dev/null +++ b/getting-started.md @@ -0,0 +1,14 @@ +--- +layout: page +title: "Getting Started" +subheadline: "A Step-by-Step Guide" +description: "This step-by-step guide helps you to customize Feeling Responsive to your needs." +image: + header: "no" +permalink: "/getting-started/" +--- +1. Open `_config.yml` and work it through, it's well documented +2. Add your own `logo.png` to `/assets/img/`. +2. Open `_data/socialmedia.yml` and add your own social media links +3. Open `_data/navigation.yml` and add your own social media links +4. Add your own content.