websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity

Update

Browse source
This commit is contained in:
Moritz »mo.« Sauer 2014-08-22 17:32:19 +02:00
parent d8ddf6344f
commit 84c8e210c5
14 changed files with 217 additions and 147 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
README.md
View file

@ -3,3 +3,20 @@
**Repository for Feeling Responsive Theme for Jekyll**
Currently in development, but you can have a look at it at <http://phlow.github.io/feeling-responsive/>
Have a look at the [documentation][1] to get to know *Feeling Responsive*.
[1]: http://phlow.github.io/feeling-responsive/documentation/
[2]: #
[3]: #
[4]: #
[5]: #
[6]: #
[7]: #
[8]: #
[9]: #
[10]: #

38
_posts/design/2014-07-05-elements.md
View file

@ -1,6 +1,6 @@
---
layout: post
title: "This is the &lt;h1&gt;-Headline"
title: "Elements"
subtitle: "Subheadline"
description: "Feeling Responsive offers lots of possibilities to style your articles. The theme turns around the corner with a headline, subheadline, a title and header image. A beautiful typography crafted to please the eyes delivers your ideas, explanations and articles to stick out."
date: 2014-07-05 07:00:00
@ -8,37 +8,31 @@ categories:
- typography
- design
- elements
image_title: "unsplash_5.jpg"
permalink: "/design/this-is-h1-headline/"
- design
permalink: "/design/elements/"
image_header: "no"
---
## Images
# &lt;h1&gt;-Headline
There are different ways to use images. The most present images can be positioned in the header or on top of the headline.
## &lt;h2&gt;-Headline
If you don't want any header image just write `image_header: "no"
` into front matter.
### &lt;h3&gt;-Headline
#### &lt;h4&gt;-Headline
##### &lt;h5&gt;-Headline
## Subheadlines
###### &lt;h6&gt;-Headline
If you need a subheadline for an article, just define it in front matter like this:
- - -
`subtitle: "Subheadline"`
1. Ordered List
2. Second List Item
3. Third List Item
4. Fourth List Item
5. Fifth List Item
- - -
## Quotes
Definition List
: Bacon ipsum dolor sit amet spare ribs brisket ribeye, andouille sirloin bresaola frankfurter corned beef capicola bacon. Salami beef ribs sirloin, short loin hamburger shoulder t-bone.
Quotes mix it up a little bit, if you write long articles. So use quotes:
> Age is an issue of mind over matter. If you don't mind, it doesn't matter.
<cite>Mark Twain</cite>
Beef ribs jowl swine porchetta
: Sirloin tenderloin swine frankfurter pork loin pork capicola ham hock strip steak ribeye beef ribs. Hamburger t-bone ribeye ham prosciutto bresaola.
Pancetta flank sirloin pork
: short ribs shankle prosciutto landjaeger. Beef ribs turkey shoulder drumstick. Leberkas pork belly ribeye, bresaola jerky strip steak tenderloin bacon landjaeger short ribs beef ribs. Flank pork chop fatback tail kielbasa filet mignon jowl landjaeger bresaola tongue corned beef biltong. Landjaeger spare ribs fatback corned beef tenderloin drumstick, swine chicken beef turkey biltong doner tri-tip filet mignon.

4
_posts/design/2014-07-09-post-left-sidebar.md
View file

@ -3,7 +3,9 @@ layout: post-left-sidebar
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
categories:
- layout
- design
image_title: "unsplash_1.jpg"
permalink: "/design/post-left-sidebar/"
---

4
_posts/design/2014-07-10-post-right-sidebar.md
View file

@ -3,7 +3,9 @@ layout: post-right-sidebar
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
categories:
- layout
- design
image:
thumb: "unsplash_2_thumb.jpg"
image_title: "unsplash_2.jpg"

4
_posts/design/2014-07-10-post.md
View file

@ -3,7 +3,9 @@ layout: post
title: "Normal Post"
description: "This is a example of post beautiful aligned in the middle. No sidebar needed to read good articles."
date: 2014-03-28 00:00:00
categories: layout
categories:
- layout
- design
permalink: "/design/post/"
---
## Look!

22
_posts/design/2014-07-18-elements.md
View file

@ -1,22 +0,0 @@
---
layout: post
title: "Possibilites to style your Post"
subtitle: "Layout Elements"
description: "You can style your content in different ways. There are elements like subtitles, feature images, header images, meta data like categories and tags and many more. This article shows the different possibilites."
categories: layout
image:
thumb: unsplash_6_thumb.jpg
image_title: "unsplash_6.jpg"
image_header: "no"
permalink: "/design/elements/"
---
## Subtitles
## Feature Images
## Header Images
You can choose to show a special full-width header image or not.
## Meta-Data

5
_posts/design/2014-08-17-grid.md
View file

@ -4,10 +4,11 @@ title: "The Grid"
subtitle: "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
categories:
- layout
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.

26
about.md
View file

@ -10,6 +10,28 @@ permalink: "/about/"
*Feeling Responsive* is my first theme and let into the world. It's built on work and knowledge of others. While I am still programming it, you read about whats behind this theme in the – hopefully – near future.
Since then, fork it!
I got inspired by...
Yours sincerelly, Moritz »mo.« Sauer
[Michael Rose][1] and his fabulous [themes for jekyll][2].
Authors of [A List Apart][4] and [Smashing Magazine][5] since 2002.
[GitHub][6] and how they built such a habitat for cooperation worldwide.
[Automattic][3] and how they built a fantastic community around WordPress.
And of course many more...
**Since then, fork it!**
Yours sincerelly, Moritz »mo.« Sauer
[1]: http://mademistakes.com/about/
[2]: http://mademistakes.com/work/jekyll-themes/
[3]: http://automattic.com/
[4]: http://alistapart.com/
[5]: http://www.smashingmagazine.com/
[6]: https://github.com/
[7]: #
[8]: #
[9]: #
[10]: #

134
assets/css/style.css
View file

@ -5754,26 +5754,31 @@ button, .button {
}
/* line 83, ../scss/_typography.scss */
mark {
background-color: #f393b5;
}
/* line 85, ../scss/_typography.scss */
.side-nav li.title {
text-transform: uppercase;
}
/* line 84, ../scss/_typography.scss */
/* line 86, ../scss/_typography.scss */
.side-nav li {
border-top: 1px solid #e4e4e4;
}
/* line 85, ../scss/_typography.scss */
/* line 87, ../scss/_typography.scss */
.side-nav li a:not(.button) {
padding: 0.4375rem 0rem;
}
/* line 87, ../scss/_typography.scss */
/* line 89, ../scss/_typography.scss */
.teaser {
font-size: 1.25rem;
}
/* line 88, ../scss/_typography.scss */
/* line 90, ../scss/_typography.scss */
.subtitle {
font-size: 1rem;
margin: 0;
@ -5785,42 +5790,42 @@ button, .button {
Additional typographical elements
- - - - - - - - - - - - - - - - - - - - - - - */
/* line 98, ../scss/_typography.scss */
/* line 100, ../scss/_typography.scss */
.sans {
font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
/* line 99, ../scss/_typography.scss */
/* line 101, ../scss/_typography.scss */
.serif {
font-family: "Volkhov", Georgia;
}
/* line 101, ../scss/_typography.scss */
/* line 103, ../scss/_typography.scss */
.font-size-huge {
font-size: 2.25rem;
}
/* line 102, ../scss/_typography.scss */
/* line 104, ../scss/_typography.scss */
.font-size-large {
font-size: 1.5625rem;
}
/* line 103, ../scss/_typography.scss */
/* line 105, ../scss/_typography.scss */
.font-size-big {
font-size: 1.375rem;
}
/* line 104, ../scss/_typography.scss */
/* line 106, ../scss/_typography.scss */
.font-size-medium {
font-size: 1.125rem;
}
/* line 105, ../scss/_typography.scss */
/* line 107, ../scss/_typography.scss */
.font-size-regular {
font-size: 1.125rem;
}
/* line 106, ../scss/_typography.scss */
/* line 108, ../scss/_typography.scss */
.font-size-normal {
font-size: 1.125rem;
}
@ -5841,44 +5846,38 @@ Additional typographical elements
font-style: normal;
}
/* line 131, ../scss/_typography.scss */
/* line 133, ../scss/_typography.scss */
.entypo {
font-family: 'entypo';
}
/* line 132, ../scss/_typography.scss */
/* line 134, ../scss/_typography.scss */
.entypo-social {
font-family: 'entypo-social';
}
/* line 133, ../scss/_typography.scss */
/* line 135, ../scss/_typography.scss */
.entypo-32 {
font-size: 2rem;
}
/* line 134, ../scss/_typography.scss */
/* line 136, ../scss/_typography.scss */
.entypo-48 {
font-size: 3rem;
}
/* line 135, ../scss/_typography.scss */
/* line 137, ../scss/_typography.scss */
.entypo-64 {
font-size: 4rem;
}
/* line 1, ../scss/_layout.scss */
#logo img {
position: absolute;
top: 100px;
}
/* line 5, ../scss/_layout.scss */
/* line 3, ../scss/_layout.scss */
#search {
padding: 20px 0 0 0;
background: #bd1550;
}
/* line 10, ../scss/_layout.scss */
/* line 8, ../scss/_layout.scss */
#breadcrumb {
background: #f3f3f3;
border-top: 1px solid #f0f0f0;
@ -5886,50 +5885,71 @@ Additional typographical elements
}
/* - - - MASTHEAD - - - - - - - - - - - - - - - - - - - - - - */
/* line 18, ../scss/_layout.scss */
/* line 16, ../scss/_layout.scss */
#title-image-small {
height: 240px;
}
/* line 19, ../scss/_layout.scss */
/* line 17, ../scss/_layout.scss */
#title-image-large {
height: 520px;
}
/* line 20, ../scss/_layout.scss */
/* line 18, ../scss/_layout.scss */
#title-image-index-small {
height: 120px;
}
/* line 21, ../scss/_layout.scss */
/* line 19, ../scss/_layout.scss */
#title-image-index-large {
height: 260px;
}
/* line 23, ../scss/_layout.scss */
#masthead {
height: 240px;
height: 190px;
}
/* line 24, ../scss/_layout.scss */
#masthead-no-image-header {
height: 120px;
background: #490a3d;
#logo img {
margin-top: 30px;
}
/* line 25, ../scss/_layout.scss */
#masthead-no-image-header #logo img {
position: absolute;
top: 30px;
#masthead-no-image-header {
height: 100px;
background: #490a3d;
}
@media only screen and (min-width: 40.063em) {
/* line 28, ../scss/_layout.scss */
#logo img {
margin-top: 180px;
}
/* line 29, ../scss/_layout.scss */
#masthead {
height: 320px;
}
/* line 30, ../scss/_layout.scss */
#masthead-no-image-header {
height: 130px;
background: #490a3d;
}
/* line 31, ../scss/_layout.scss */
#masthead-no-image-header #logo img {
margin-top: 30px;
}
}
/* - - - FOOTER - - - - - - - - - - - - - - - - - - - - - - */
/* line 29, ../scss/_layout.scss */
/* line 38, ../scss/_layout.scss */
footer {
margin-top: 160px;
}
/* line 30, ../scss/_layout.scss */
/* line 39, ../scss/_layout.scss */
#footer {
padding-top: 30px;
padding-bottom: 20px;
@ -5937,19 +5957,19 @@ footer {
color: white;
}
/* line 37, ../scss/_layout.scss */
/* line 46, ../scss/_layout.scss */
footer p,
footer li {
font-size: 0.8125rem;
font-weight: 300;
}
/* line 42, ../scss/_layout.scss */
/* line 51, ../scss/_layout.scss */
#footer a {
color: #f8ca00;
}
/* line 45, ../scss/_layout.scss */
/* line 54, ../scss/_layout.scss */
#footer h4,
#footer h5 {
letter-spacing: 1px;
@ -5957,7 +5977,7 @@ footer li {
text-transform: uppercase;
}
/* line 50, ../scss/_layout.scss */
/* line 59, ../scss/_layout.scss */
#footer p.entypo {
font-size: 80px;
line-height: 54px;
@ -5966,7 +5986,7 @@ footer li {
margin: 0;
}
/* line 58, ../scss/_layout.scss */
/* line 67, ../scss/_layout.scss */
#subfooter {
background: #323232;
color: white;
@ -5974,12 +5994,12 @@ footer li {
padding-bottom: 10px;
}
/* line 64, ../scss/_layout.scss */
/* line 73, ../scss/_layout.scss */
#subfooter-left ul.inline-list {
float: left;
}
/* line 68, ../scss/_layout.scss */
/* line 77, ../scss/_layout.scss */
#subfooter .entypo-social,
#subfooter .entypo {
font-size: 48px;
@ -5987,18 +6007,18 @@ footer li {
color: #323232;
}
/* line 74, ../scss/_layout.scss */
/* line 83, ../scss/_layout.scss */
#subfooter li a {
color: #7e7e7e;
text-transform: uppercase;
}
/* line 79, ../scss/_layout.scss */
/* line 88, ../scss/_layout.scss */
#subfooter li a:hover {
color: #e97f02;
}
/* line 83, ../scss/_layout.scss */
/* line 92, ../scss/_layout.scss */
#subfooter .social-icons li a {
display: block;
height: 36px;
@ -6009,13 +6029,13 @@ footer li {
vertical-align: center;
}
/* line 93, ../scss/_layout.scss */
/* line 102, ../scss/_layout.scss */
#subfooter .social-icons li a:hover {
background: #323232;
color: white;
}
/* line 98, ../scss/_layout.scss */
/* line 107, ../scss/_layout.scss */
.ad-space {
border: 1px solid #fafafa;
text-align: center;
@ -6023,37 +6043,37 @@ footer li {
margin-bottom: 1.25rem;
}
/* line 105, ../scss/_layout.scss */
/* line 114, ../scss/_layout.scss */
.top-30 {
margin-top: 30px;
}
/* line 106, ../scss/_layout.scss */
/* line 115, ../scss/_layout.scss */
.top-60 {
margin-top: 60px;
}
/* line 107, ../scss/_layout.scss */
/* line 116, ../scss/_layout.scss */
.bottom-30 {
margin-bottom: 30px;
}
/* line 108, ../scss/_layout.scss */
/* line 117, ../scss/_layout.scss */
.bottom-60 {
margin-bottom: 60px;
}
/* line 110, ../scss/_layout.scss */
/* line 119, ../scss/_layout.scss */
.side-nav li.title {
text-transform: uppercase;
}
/* line 111, ../scss/_layout.scss */
/* line 120, ../scss/_layout.scss */
.side-nav li {
border-top: 1px solid #e4e4e4;
}
/* line 112, ../scss/_layout.scss */
/* line 121, ../scss/_layout.scss */
.side-nav li a:not(.button) {
padding: 0.4375rem 0rem;
}

2
assets/css/style.min.css vendored
View file

File diff suppressed because one or more lines are too long

3
changelog.md
View file

@ -6,6 +6,9 @@ description: "History and changelog of Feeling Responsive Theme by Phlow Media."
image_header: "header_unsplash_7.jpg"
permalink: "/changelog/"
---
2014-08-22 // Version 0.5
: Better typograpyh, extended [documentation]({{ site.url}}/documentation/) and little subtle css-things to make *Feeling Responsive* a little better.
2014-08-17 // Version 0.4
: First beta release of »Feeling Responsive« with the current jekyll templates.

17
documentation.md
View file

@ -13,6 +13,8 @@ permalink: "/documentation/"
- [Page/Posts Formats](#formats)
- [How to use images](#images)
- [Possibilites to style your Post](#styling)
</div>
## Different Page/Posts Formats {#formats}
@ -59,3 +61,18 @@ There are three types of images you can define via frontmatter:
<small markdown="1">[Up to table of contents](#toc)</small>
{: .text-right }
## Possibilites to style your Post {#styling}
You can style your content in different ways. There are elements like subtitles, feature images, header images, meta data like categories and tags and many more. This article shows the different possibilites.
## Subtitles
## Feature Images
## Header Images
You can choose to show a special full-width header image or not.
## Meta-Data

2
style-guide.html
View file

@ -6,7 +6,7 @@ image_header: "header_unsplash_5.jpg"
permalink: "/design/style-guide/"
---
<ul>
{% for post in site.categories.layout %}
{% for post in site.categories.design %}
<li><a href="{{ site.url }}/{{ post.permalink }}">{{ post.title }}</a></li>
{% endfor %}
</ul>

86
typography.md
View file

@ -61,54 +61,58 @@ Here you'll find the [complete list of HTML5-Tags][1] and this is how they look
### &lt;pre&gt; Displaying Code
~~~
<html>
<head>
<title>Code Blocks</title>
</head>
<body></body>
</html>
<html>
<head>
<title>Code Blocks</title>
</head>
<body></body>
</html>
~~~
### &lt;blockquote&gt; Quotation
<blockquote>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</blockquote>
### &lt;ol&gt; Ordered Lists
1. One
2. Two
3. Three
4. Second Level One
4. Second Level Two
4. Second Level Three
5. And a third level one
5. And a third level two
5. And a third level three
4. Four
5. Five
1. Ordered List
2. Second List Item
3. Third List Item
4. Second Level First Item
4. Second Level Second Item
4. Second Level Third Item
5. And a third level First Item
5. And a third level Second Item
5. And a third level Third Item
4. Fourth List Item
5. Fifth List Item
### &lt;ul&gt; Unordered Lists
- One item
+ Second Level Item One
+ Second Level Item Two
+ Second Level Item Three
* Third Level One
* Third Level Two
* Third Level Three
- Second item
- Third item
- Fourth item
- Fifth item and so on...
- Unordered List
- Second List Item
- Third List Item
+ Second Level First Item
+ Second Level Second Item
+ Second Level Third Item
* And a third level First Item
* And a third level Second Item
* And a third level Third Item
- Fourth List Item
- Fifth List Item
### &lt;dl&gt; Definition Lists
<dl>
<dt>Definition Lists</dt>
<dd>are beautiful</dd>
<dd>organize content</dd>
<dt>Definition Lists</dt>
<dd>Item One</dd>
<dt>Definition Lists</dt>
<dd>One more Item</dd>
</dl>
Definition List
: Bacon ipsum dolor sit amet spare ribs brisket ribeye, andouille sirloin bresaola frankfurter corned beef capicola bacon. Salami beef ribs sirloin, short loin hamburger shoulder t-bone.
Beef ribs jowl swine porchetta
: Sirloin tenderloin swine frankfurter pork loin pork capicola ham hock strip steak ribeye beef ribs. Hamburger t-bone ribeye ham prosciutto bresaola.
Pancetta flank sirloin pork
: short ribs shankle prosciutto landjaeger. Beef ribs turkey shoulder drumstick. Leberkas pork belly ribeye, bresaola jerky strip steak tenderloin bacon landjaeger short ribs beef ribs. Flank pork chop fatback tail kielbasa filet mignon jowl landjaeger bresaola tongue corned beef biltong. Landjaeger spare ribs fatback corned beef tenderloin drumstick, swine chicken beef turkey biltong doner tri-tip filet mignon.
### &lt;a&gt;
[Links][2] make the web exceptional.
@ -145,8 +149,12 @@ Some `code: lucida console` displayed.
### &lt;kbd&gt;
Copycats enjoy pressing <kbd>CMD</kbd> + <kbd>c</kbd> and <kbd>CMD</kbd> + <kbd>v</kbd>.
### &lt;sub&gt;
This text <sub>lays low</sub> and chills a bit.
### &lt;i&gt;
### &lt;b&gt;
@ -154,9 +162,13 @@ Some `code: lucida console` displayed.
### &lt;u&gt;
### &lt;mark&gt;
Let's <mark>mark this hint</mark> to give you a clue.
### &lt;br&gt;
Need a break? I give you three!<br><br><br>
## Tables
&lt;table&gt;
&lt;caption&gt;