added google analytics and next previous in category include
This commit is contained in:
parent
6636839e37
commit
3efde330dc
22 changed files with 151 additions and 63 deletions
23
_config.yml
23
_config.yml
|
@ -110,7 +110,7 @@ defaults:
|
||||||
google_author: "https://plus.google.com/u/0/118311555303973066167"
|
google_author: "https://plus.google.com/u/0/118311555303973066167"
|
||||||
google_site_verification: "Vk0IOJ2jwG_qEoG7fuEXYqv0m2rLa8P778Fi_GrsgEQ"
|
google_site_verification: "Vk0IOJ2jwG_qEoG7fuEXYqv0m2rLa8P778Fi_GrsgEQ"
|
||||||
bing_webmastertools_id: "0FB4C028ABCF07C908C54386ABD2D97F"
|
bing_webmastertools_id: "0FB4C028ABCF07C908C54386ABD2D97F"
|
||||||
# alexa_verify_id: ""
|
alexa_verify_id: "m1VxsMv1gIN-up4Sw0PGQIvyCRw"
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -162,6 +162,8 @@ og_description: "Feeling Responsive is built on the fabulous
|
||||||
# / /_/ / (__ ) /_/ / /_/ (__ )
|
# / /_/ / (__ ) /_/ / /_/ (__ )
|
||||||
# /_____/_/____/\__, /\__,_/____/
|
# /_____/_/____/\__, /\__,_/____/
|
||||||
# /_/
|
# /_/
|
||||||
|
#
|
||||||
|
# used in _includes/comments.html
|
||||||
|
|
||||||
disqus_shortname: feelingresponsive
|
disqus_shortname: feelingresponsive
|
||||||
|
|
||||||
|
@ -169,10 +171,23 @@ disqus_shortname: feelingresponsive
|
||||||
# _____
|
# _____
|
||||||
# / ___/____ ___________
|
# / ___/____ ___________
|
||||||
# \__ \/ __ `/ ___/ ___/
|
# \__ \/ __ `/ ___/ ___/
|
||||||
# ___/ / /_/ (__ |__ )
|
# ___/ / /_/ (__ |__ ) More › http://sass-lang.com/
|
||||||
# /____/\__,_/____/____/
|
# /____/\__,_/____/____/ More › http://jekyllrb.com/docs/assets/#sassscss
|
||||||
#
|
#
|
||||||
|
|
||||||
sass:
|
sass:
|
||||||
sass_dir: _sass
|
sass_dir: _sass
|
||||||
style: :compressed
|
style: :compressed
|
||||||
|
|
||||||
|
|
||||||
|
# ___ __ __ _
|
||||||
|
# / | ____ ____ _/ /_ __/ /_(_)_________
|
||||||
|
# / /| | / __ \/ __ `/ / / / / __/ / ___/ ___/
|
||||||
|
# / ___ |/ / / / /_/ / / /_/ / /_/ / /__(__ )
|
||||||
|
# /_/ |_/_/ /_/\__,_/_/\__, /\__/_/\___/____/ https://www.google.com/analytics/
|
||||||
|
# /____/
|
||||||
|
#
|
||||||
|
# used in _includes/footer_scripts.html
|
||||||
|
|
||||||
|
google_analytics_tracking_id: UA-60112281-1
|
||||||
|
|
||||||
|
|
|
@ -14,4 +14,6 @@ previous_posts: "Previous Posts"
|
||||||
read: "Read"
|
read: "Read"
|
||||||
read_more: "Read More ›"
|
read_more: "Read More ›"
|
||||||
if_you_are_not_redirected_automatically: "If you are not redirected automatically,"
|
if_you_are_not_redirected_automatically: "If you are not redirected automatically,"
|
||||||
click_here: "click here"
|
click_here: "click here"
|
||||||
|
next_post_in: "Next Post in"
|
||||||
|
previous_post_in: "Previous Post in"
|
|
@ -1,8 +1,8 @@
|
||||||
{% comment %}
|
{% comment %}
|
||||||
|
*
|
||||||
http://stackoverflow.com/questions/9612235/what-are-some-good-ways-to-implement-breadcrumbs-on-a-jekyll-site
|
* http://stackoverflow.com/questions/9612235/what-are-some-good-ways-to-implement-breadcrumbs-on-a-jekyll-site
|
||||||
https://github.com/huonw/huonw.github.io/blob/master/_layouts/default.html#L17
|
* https://github.com/huonw/huonw.github.io/blob/master/_layouts/default.html#L17
|
||||||
|
*
|
||||||
{% endcomment %}
|
{% endcomment %}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -69,7 +69,7 @@
|
||||||
<nav class="row">
|
<nav class="row">
|
||||||
<section id="subfooter-left" class="b30 small-12 medium-6 columns">
|
<section id="subfooter-left" class="b30 small-12 medium-6 columns">
|
||||||
<ul class="inline-list">
|
<ul class="inline-list">
|
||||||
<li>We ♥ <a style="display:inline;" href="http://jekyllrb.com/" target="_blank">Jekyll</a> & <a style="display:inline;" href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a> </li>
|
<li>Created with ♥ by <a style="display:inline;" href="http://phlow.de/">Phlow</a> with <a style="display:inline;" href="http://jekyllrb.com/" target="_blank">Jekyll</a> using <a style="display:inline;" href="http://phlow.github.io/feeling-responsive/">Feeling Responsive</a> </li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
@ -1,9 +0,0 @@
|
||||||
<script src="{{ site.url }}/assets/js/javascript.min.js"></script>
|
|
||||||
|
|
||||||
{% if page.header.image_fullwidth %}
|
|
||||||
<script>
|
|
||||||
$("#masthead").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700});
|
|
||||||
$("#masthead-with-text").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700});
|
|
||||||
</script>
|
|
||||||
{% endif %}
|
|
||||||
|
|
24
_includes/footer_scripts.html
Executable file
24
_includes/footer_scripts.html
Executable file
|
@ -0,0 +1,24 @@
|
||||||
|
<script src="{{ site.url }}/assets/js/javascript.min.js"></script>
|
||||||
|
|
||||||
|
{% if page.header.image_fullwidth %}
|
||||||
|
<script>
|
||||||
|
$("#masthead").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700});
|
||||||
|
$("#masthead-with-text").backstretch("{{ site.url }}/images/{{ page.header.image_fullwidth }}", {fade: 700});
|
||||||
|
</script>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% if site.google_analytics_tracking_id %}
|
||||||
|
<script>
|
||||||
|
(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', '{{ if site.google_analytics_tracking_id }}', 'auto');
|
||||||
|
ga('set', 'anonymizeIp', true);
|
||||||
|
ga('send', 'pageview');
|
||||||
|
|
||||||
|
</script>
|
||||||
|
{% endif %}
|
|
@ -1,23 +1,23 @@
|
||||||
{% comment %}
|
{% comment %}
|
||||||
|
*
|
||||||
Possible parameter for this loop:
|
* Possible parameter for this loop:
|
||||||
|
*
|
||||||
› entries
|
* › entries
|
||||||
› offset
|
* › offset
|
||||||
› category
|
* › category
|
||||||
› tag
|
* › tag
|
||||||
|
*
|
||||||
Example for Category: {% include list-posts.html entries='3' offset='1' category='design' %}
|
* Example for Category: {% include list-posts.html entries='3' offset='1' category='design' %}
|
||||||
|
*
|
||||||
Example for Tag: {% include list-posts.html entries='5' tag='terminal' %}
|
* Example for Tag: {% include list-posts.html entries='5' tag='terminal' %}
|
||||||
|
*
|
||||||
|
*
|
||||||
This loop works like this:
|
* This loop works like this:
|
||||||
|
*
|
||||||
1. First we check if there was given a category for filtering › if include.categories == NULL
|
* 1. First we check if there was given a category for filtering › if include.categories == NULL
|
||||||
2. If no category is given for filtering do a general loop.
|
* 2. If no category is given for filtering do a general loop.
|
||||||
3. If a category/tag was given, assign category/tag to the variable category/tag › assign category = include.categories
|
* 3. If a category/tag was given, assign category/tag to the variable category/tag › assign category = include.categories
|
||||||
|
*
|
||||||
{% endcomment %}
|
{% endcomment %}
|
||||||
|
|
||||||
|
|
||||||
|
|
41
_includes/next-previous-post-in-category.html
Normal file
41
_includes/next-previous-post-in-category.html
Normal file
|
@ -0,0 +1,41 @@
|
||||||
|
{% comment %}
|
||||||
|
*
|
||||||
|
* This include creates a next/previous link to a post of the same category
|
||||||
|
* using a the categories-variable in front matter.
|
||||||
|
*
|
||||||
|
* Source: https://github.com/jekyll/jekyll/issues/260a#issue-495435
|
||||||
|
*
|
||||||
|
* Use › {% include next-previous-post-in-category.html %}
|
||||||
|
*
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
|
||||||
|
{% comment %}
|
||||||
|
*
|
||||||
|
* assign FIRST category from categories variable from front matter to cat
|
||||||
|
* and make a string from the array by using › join: ''
|
||||||
|
*
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
|
{% assign cat = page.categories | first | join: '' %}
|
||||||
|
{% for post in site.categories.[cat] %}
|
||||||
|
{% if post.url == page.url %}
|
||||||
|
{% assign post_index0 = forloop.index0 %}
|
||||||
|
{% assign post_index1 = forloop.index %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% for post in site.categories.[cat] %}
|
||||||
|
{% if post_index0 == forloop.index %}
|
||||||
|
{% assign next_post = post.url %}
|
||||||
|
{% endif %}
|
||||||
|
{% if post_index1 == forloop.index0 %}
|
||||||
|
{% assign prev_post = post.url %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
{% if next_post %}
|
||||||
|
<a class="left button tiny radius icon-chevron-left r15" href="{{ next_post }}">{{ site.data.language.next_post_in }} {{ cat | upcase }}</a>
|
||||||
|
{% endif %}
|
||||||
|
{% if prev_post %}
|
||||||
|
<a class="button tiny radius" href="{{ prev_post }}">{{ site.data.language.previous_post_in }} {{ cat | upcase }}<span class="icon-chevron-right"></span></a>
|
||||||
|
{% endif %}
|
||||||
|
|
|
@ -1,9 +1,12 @@
|
||||||
<!-- This loops through the paginated posts
|
{% comment %}
|
||||||
|
* This loops through the paginated posts
|
||||||
|
*
|
||||||
|
* Total posts: {{ paginator.total_posts }}
|
||||||
|
* Total paginate-pages: {{ paginator.total_pages }}
|
||||||
|
*
|
||||||
|
{% endcomment %}
|
||||||
|
|
||||||
Total posts: {{ paginator.total_posts }}
|
|
||||||
Total paginate-pages: {{ paginator.total_pages }}
|
|
||||||
|
|
||||||
-->
|
|
||||||
{% for post in paginator.posts %}
|
{% for post in paginator.posts %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-12 columns b60">
|
<div class="small-12 columns b60">
|
||||||
|
|
|
@ -14,7 +14,7 @@
|
||||||
<div class="border-dotted radius b30">
|
<div class="border-dotted radius b30">
|
||||||
<img src="http://placekitten.com/271/270" alt="uh, Placekitten">
|
<img src="http://placekitten.com/271/270" alt="uh, Placekitten">
|
||||||
<p class="text-left">
|
<p class="text-left">
|
||||||
This is an advertisment with crazy cats! <a href="http://placekitten.com/">Check'em out.</a>
|
This is an advertisment with a crazy cat! <a href="http://placekitten.com/">More cats, please!</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
|
@ -15,6 +15,6 @@ layout: compress
|
||||||
|
|
||||||
{% include footer.html %}
|
{% include footer.html %}
|
||||||
|
|
||||||
{% include footer_scripte.html %}
|
{% include footer_scripts.html %}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
|
@ -6,10 +6,11 @@ teaser: "Create powerful multi-device layouts quickly and easily with the 12-col
|
||||||
breadcrumb: true
|
breadcrumb: true
|
||||||
categories:
|
categories:
|
||||||
- design
|
- design
|
||||||
|
permalink: /design/grid/
|
||||||
header:
|
header:
|
||||||
image_fullwidth: "unsplash_brooklyn-bridge_header.jpg"
|
image_fullwidth: "unsplash_brooklyn-bridge_header.jpg"
|
||||||
image:
|
image:
|
||||||
thumb: "unsplash_brooklyn-bridge_thumb.jpg"
|
thumb: "unsplash_brooklyn-bridge_thumb.jpg"
|
||||||
---
|
---
|
||||||
*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.
|
*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.
|
||||||
|
|
||||||
|
@ -136,13 +137,12 @@ image:
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div id="bottom" class="row t30">
|
||||||
|
<div class="small-12 columns">
|
||||||
|
{% include next-previous-post-in-category.html %}
|
||||||
|
</div><!-- /.small-12.columns -->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
[1]: http://foundation.zurb.com/docs/components/grid.html
|
[1]: http://foundation.zurb.com/docs/components/grid.html
|
||||||
[2]: #
|
|
||||||
[3]: #
|
|
||||||
[4]: #
|
|
||||||
[5]: #
|
|
||||||
[6]: #
|
|
||||||
[7]: #
|
|
||||||
[8]: #
|
|
||||||
[9]: #
|
|
||||||
[10]: #
|
|
|
@ -27,5 +27,6 @@ header:
|
||||||
|
|
||||||
|
|
||||||
### All Header-Styles
|
### All Header-Styles
|
||||||
|
{: .t60 }
|
||||||
|
|
||||||
{% include list-posts.html tag='header' %}
|
{% include list-posts.html tag='header' %}
|
|
@ -26,5 +26,6 @@ header:
|
||||||
|
|
||||||
|
|
||||||
### All Header-Styles
|
### All Header-Styles
|
||||||
|
{: .t60 }
|
||||||
|
|
||||||
{% include list-posts.html tag='header' %}
|
{% include list-posts.html tag='header' %}
|
|
@ -28,5 +28,6 @@ header:
|
||||||
|
|
||||||
|
|
||||||
### All Header-Styles
|
### All Header-Styles
|
||||||
|
{: .t60 }
|
||||||
|
|
||||||
{% include list-posts.html tag='header' %}
|
{% include list-posts.html tag='header' %}
|
|
@ -14,5 +14,6 @@ No front matter code needed.
|
||||||
|
|
||||||
|
|
||||||
### All Header-Styles
|
### All Header-Styles
|
||||||
|
{: .t60 }
|
||||||
|
|
||||||
{% include list-posts.html tag='header' %}
|
{% include list-posts.html tag='header' %}
|
|
@ -19,5 +19,6 @@ header:
|
||||||
|
|
||||||
|
|
||||||
### All Header-Styles
|
### All Header-Styles
|
||||||
|
{: .t60 }
|
||||||
|
|
||||||
{% include list-posts.html tag='header' %}
|
{% include list-posts.html tag='header' %}
|
|
@ -18,6 +18,7 @@ header: no
|
||||||
~~~
|
~~~
|
||||||
|
|
||||||
|
|
||||||
### All Header-Styles
|
### All Header-Styles
|
||||||
|
{: .t60 }
|
||||||
|
|
||||||
{% include list-posts.html tag='header' %}
|
{% include list-posts.html tag='header' %}
|
|
@ -18,7 +18,6 @@ a:visited {
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
color: darken( $ci-1, 10% ) ;
|
color: darken( $ci-1, 10% ) ;
|
||||||
// border-bottom: 3px solid $ci-1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus {
|
a:focus {
|
||||||
|
@ -49,7 +48,8 @@ p a:hover,
|
||||||
article a:hover {
|
article a:hover {
|
||||||
border-bottom: 2px solid;
|
border-bottom: 2px solid;
|
||||||
}
|
}
|
||||||
p a.button {
|
p a.button,
|
||||||
|
.button:hover {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
p.button a {
|
p.button a {
|
||||||
|
|
|
@ -304,8 +304,10 @@ body.video cite { color: #fff; }
|
||||||
.b30 { margin-bottom: 30px !important; }
|
.b30 { margin-bottom: 30px !important; }
|
||||||
.b60 { margin-bottom: 60px !important; }
|
.b60 { margin-bottom: 60px !important; }
|
||||||
|
|
||||||
.pl20 { padding-left: 20px !important; }
|
.l15 { margin-left: 15px !important; }
|
||||||
|
.r15 { margin-right: 15px !important; }
|
||||||
|
|
||||||
.pr5 { padding-right: 5px !important; }
|
.pl20 { padding-left: 20px !important; }
|
||||||
|
.pr5 { padding-right: 5px !important; }
|
||||||
.pr10 { padding-right: 10px !important; }
|
.pr10 { padding-right: 10px !important; }
|
||||||
.pr20 { padding-right: 20px !important; }
|
.pr20 { padding-right: 20px !important; }
|
|
@ -7,6 +7,9 @@ header:
|
||||||
image_fullwidth: "header_unsplash_9.jpg"
|
image_fullwidth: "header_unsplash_9.jpg"
|
||||||
permalink: "/changelog/"
|
permalink: "/changelog/"
|
||||||
---
|
---
|
||||||
|
2015-02-25 // Version 0.99.1
|
||||||
|
: Added support for Google Analtics. Added `_include/next-previous-post-in-category.html` to generate links from one post in a category to another post in that same category. Example at the bottom of [Grid & Colors]({{ site.url }}/design/grid/#bottom).
|
||||||
|
|
||||||
2015-02-19 // Version 0.99
|
2015-02-19 // Version 0.99
|
||||||
: Yes! Now *Feeling Responsive* uses the built-in sass-support by Jekyll. Open `_sass` and dig deeper into customizing this theme using your colors, typography and so on...
|
: Yes! Now *Feeling Responsive* uses the built-in sass-support by Jekyll. Open `_sass` and dig deeper into customizing this theme using your colors, typography and so on...
|
||||||
|
|
||||||
|
|
|
@ -9,11 +9,10 @@ permalink: "/roadmap/"
|
||||||
---
|
---
|
||||||
|
|
||||||
## Ideas and possible new features
|
## Ideas and possible new features
|
||||||
|
{: .t30 }
|
||||||
|
|
||||||
* Additional [header]({{ site.url }}/headers/) with text
|
|
||||||
github-pages/#comment-1870475246)
|
|
||||||
* Produce an introduction video to showcase *Feeling Responsive*
|
* Produce an introduction video to showcase *Feeling Responsive*
|
||||||
* Better responsive typography
|
* Even better responsive typography
|
||||||
* Google AdSense ads
|
* Google AdSense ads
|
||||||
* [Submit *Feeling Responsive* to jekyllthemes.org](http://jekyllthemes.org/)
|
* [Submit *Feeling Responsive* to jekyllthemes.org](http://jekyllthemes.org/)
|
||||||
* More post-formats for blogging like special post formats for links, audio, tweets,...
|
* More post-formats for blogging like special post formats for links, audio, tweets,...
|
||||||
|
@ -22,6 +21,8 @@ github-pages/#comment-1870475246)
|
||||||
|
|
||||||
## Done
|
## Done
|
||||||
|
|
||||||
|
* [<s>Additional header with text</s>]({{ site.url }}/headers/)
|
||||||
|
* <s>Added Google Analtics support</s>
|
||||||
* [<s>Add redirection layout by KanishkKanishk</s>](http://codingtips.kanishkkunal.in/redirects-jekyll-github-pages/)
|
* [<s>Add redirection layout by KanishkKanishk</s>](http://codingtips.kanishkkunal.in/redirects-jekyll-github-pages/)
|
||||||
* <s>Convert Foundation Sass to use native Jekyll Sass support</s>
|
* <s>Convert Foundation Sass to use native Jekyll Sass support</s>
|
||||||
* <s>Optimize HTML and use Schema.org-Attributes › http://schema.org/Article</s>
|
* <s>Optimize HTML and use Schema.org-Attributes › http://schema.org/Article</s>
|
||||||
|
|
Reference in a new issue