First commit

TolgaTatli · Mar 21, 2016 · 59489b9 · 59489b9
commit 59489b9
Show file tree

Hide file tree

Showing 46 changed files with 1,798 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,7 @@
+---
+layout: page
+title: "404"
+permalink: /404
+---
+<p>There doesn't appear to be anything here. Sorry about that.</p>
+<p>If you've followed a link expecting something to be here, you can <a href="mailto:{{ site.email }}?subject=Page%20not%20found">contact me</a>.</p>
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,12 @@
+source 'http://rubygems.org'
+
+gem 'github-pages'
+gem 'rake'
+gem 'rouge'
+gem 'pygments.rb'
+gem 'jekyll'
+gem 'html-proofer'
+gem 'jekyll-mentions'
+gem 'jekyll-feed'
+gem 'jekyll-sitemap'
+gem 'jekyll-gist'
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Taylan Tatlı
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,18 @@
+# Ramme Jekyll Theme
+
+**[Ramme](http://taylantatli.github.io/Ramme)** is a simple jekyll theme.
+
+I made this theme after seeing this [screenshot](http://spoonm.org/share/rice/01.png). I took some parts from @mmistakes, like TOC, sample posts. I never tought making a theme from scratch would be this hard. And it's still WIP.
+
+I'm not a designer or something, so I'm sure there is a better way to make this theme. But it's working and looks acceptable for different screen sizes. If something looks extremely ugly and you can't resist to fix it, just send me a PR. I will be grateful.
+
+## Preview
+
+![screenshot of Ramme](/assets/img/screenshot-home.png)    
+![screenshot of Ramme](/assets/img/screenshot-post.png)
+
+See a [live version of Ramme](http://taylantatli.github.io/Ramme) hosted on GitHub.
+
+## Getting Started
+
+To learn how to install and use this theme check out the [Setup Guide](http://taylantatli.me/Ramme/ramme-theme/) for more information.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,66 @@
+# Site
+title:          Ramme
+bio:            'Just a simple Jekyll theme'
+description:    "Simple Jekyll theme for your blog by Taylan Tatlı"
+picture:        'assets/img/Logo.png'
+locale:         en_US
+url:            http://taylantatli.me/Ramme
+
+# Jekyll
+permalink:      /:title/
+markdown:       kramdown
+highlighter:    rouge
+kramdown:
+  auto_ids: true
+  footnote_nr: 1
+  entity_output: as_char
+  toc_levels: 1..6
+  enable_coderay: false
+
+# Social
+# if you don't have any of social below, comment the line.
+#email:
+twitter: username
+facebook: username
+#google:
+  #plus: #username
+  #analytics:
+  #verify:
+  #ad-client:
+  #ad-slot:
+#bing-verify:
+github: username
+#stackoverflow: #123456/username   from a "http://stackoverflow.com/users/123456/username" link
+#linkedin: #username
+#xing: #username
+instagram: username
+#lastfm: #username
+#tumblr: #username
+#pinterest: #username
+#foursquare: #username
+#steam: #username
+#dribbble: #username
+#youtube: #username
+#soundcloud: #username
+#weibo: #username
+#flickr: #username
+#codepen: #username
+
+# Paginate
+# if you don't need pagination, comment the *paginate* configs below
+# paginate: 5
+# paginate_path: "blog/:num/"
+
+# Gems
+gems:
+  - jekyll-mentions
+  - jekyll-feed
+  - jekyll-sitemap
+  - jekyll-gist
+  - jekyll-paginate
+
+jekyll-mentions:
+    base_url: https://github.com
+
+# Exclude list
+exclude: [README.md, Gemfile, Gemfile.lock, node_modules, gulpfile.js, package.json, _site, src, vendor, CNAME, LICENSE, Rakefile]
diff --git a/_data/navigation.yml b/_data/navigation.yml
@@ -0,0 +1,13 @@
+# Site navigation links
+
+- title: Home
+  url: /
+
+- title: Blog
+  url: /blog/
+
+- title: Projects
+  url: /projects/
+
+- title: About
+  url: /about/
diff --git a/_includes/favicon.html b/_includes/favicon.html
@@ -0,0 +1,6 @@
+<link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-57x57.png" />
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-114x114.png" />
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-72x72.png" />
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-144x144.png" />
+<link rel="icon" type="image/png" href="{{ site.url }}/assets/img/favicon/favicon.png" />
+<link rel="shortcut icon" href="{{ site.url }}/assets/img/favicon/favicon.ico" />
diff --git a/_includes/footer-home.html b/_includes/footer-home.html
@@ -0,0 +1,3 @@
+        <footer class="home-footer">
+            {{ site.title }} © {{ site.time | date: '%Y' }} <a href="{{ site.url }}/feed.xml" target="_blank"><i class="fa fa-fw fa-feed"></i></a>
+        </footer>
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,3 @@
+    <div class="footer">
+        {{ site.title }} © {{ site.time | date: '%Y' }} <a href="{{ site.url }}/feed.xml" target="_blank"><i class="fa fa-fw fa-feed"></i></a>
+    </div>
diff --git a/_includes/head-home.html b/_includes/head-home.html
@@ -0,0 +1,33 @@
+<head>
+    <meta charset="UTF-8">
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
+    <meta name=viewport content="width=device-width, initial-scale=1">
+    <title>{{ site.title }}</title>
+    <meta name="description" content="{{ site.description }}">
+    <meta name="keywords" content="{{ page.tags | join: ', ' }}">
+    <link rel="canonical" href="{{ site.url }}{{ page.url }}">
+    {% include open-graph.html %}
+    {% if site.google.verify %}
+    <!-- Webmaster Tools verfication -->
+    <meta name="google-site-verification" content="{{ site.google.verify }}">{% endif %}
+    {% if site.bing-verify %}<meta name="msvalidate.01" content="{{ site.bing-verify }}">{% endif %}
+    <!-- Handheld -->
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Favicons -->
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-144x144.png">
+    <link rel="icon" type="image/png" href="{{ site.url }}/assets/img/favicon/favicon.png">
+    <link rel="shortcut icon" href="{{ site.url }}/assets/img/favicon/favicon.ico">
+    <!-- Feed -->
+    <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ site.url }}{{ "/feed.xml" }}" />
+    <!-- CSS -->
+    <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/normalize.css">
+    <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/style.css">
+    <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/syntax.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+</head>
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,33 @@
+<head>
+    <meta charset="UTF-8">
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
+    <meta name=viewport content="width=device-width, initial-scale=1">
+    <title>{% if page.title %}{{ page.title }} &#8211; {% endif %}{{ site.title }}</title>
+    {% if page.excerpt %}<meta name="description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% else %}<meta name="description" content="{{ site.description }}">{% endif %}
+    <meta name="keywords" content="{{ page.tags | join: ', ' }}">
+    <link rel="canonical" href="{{ site.url }}{{ page.url }}">
+    {% include open-graph.html %}
+    {% if site.google.verify %}
+    <!-- Webmaster Tools verfication -->
+    <meta name="google-site-verification" content="{{ site.google.verify }}">{% endif %}
+    {% if site.bing-verify %}<meta name="msvalidate.01" content="{{ site.bing-verify }}">{% endif %}
+    <!-- Handheld -->
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Favicons -->
+    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.url }}/assets/img/favicon/apple-touch-icon-144x144.png">
+    <link rel="icon" type="image/png" href="{{ site.url }}/assets/img/favicon/favicon.png">
+    <link rel="shortcut icon" href="{{ site.url }}/assets/img/favicon/favicon.ico">
+    <!-- Feed -->
+    <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ site.url }}{{ "/feed.xml" }}" />
+    <!-- CSS -->
+    <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/normalize.css">
+    <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/style.css">
+    <link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/syntax.css">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+</head>
diff --git a/_includes/nav-home.html b/_includes/nav-home.html
@@ -0,0 +1,12 @@
+    <nav class="nav-home">
+        <ul class="list">
+            {% for link in site.data.navigation %}
+				    {% if link.url contains 'http' %}
+				        {% assign domain = '' %}
+				        {% else %}
+				        {% assign domain = site.url %}
+				    {% endif %}
+				    <li class="item"><a class="link" href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+				{% endfor %}
+        </ul>
+    </nav>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -0,0 +1,12 @@
+    <nav class="nav">
+        <ul class="list">
+            {% for link in site.data.navigation %}
+				    {% if link.url contains 'http' %}
+				        {% assign domain = '' %}
+				        {% else %}
+				        {% assign domain = site.url %}
+				    {% endif %}
+				    <li class="item"><a class="link" href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
+				{% endfor %}
+        </ul>
+    </nav>
diff --git a/_includes/open-graph.html b/_includes/open-graph.html
@@ -0,0 +1,15 @@
+    <!-- Twitter Cards -->
+    <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+    {% if page.excerpt %}<meta name="twitter:description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
+    {% if site.twitter %}<meta name="twitter:site" content="@{{ site.twitter }}">
+    <meta name="twitter:creator" content="@{{ site.twitter }}">{% endif %}
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:image" content="{{ site.url }}/{{ site.picture }}">
+    <!-- Open Graph -->
+    <meta property="og:locale" content="{{ site.locale }}">
+    <meta property="og:type" content="article">
+    <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
+    {% if page.excerpt %}<meta property="og:description" content="{{ page.excerpt | markdownify | strip_html | strip_newlines | escape_once }}">{% endif %}
+    <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.url }}">
+    <meta property="og:site_name" content="{{ site.title }}">
+    <meta property="og:image" content="{{ site.url }}/{{ site.picture }}">
diff --git a/_includes/scripts.html b/_includes/scripts.html
@@ -0,0 +1,31 @@
+<script src="{{ site.url }}/assets/js/jquery-1.12.2.min.js"></script>
+<script src="{{ site.url }}/assets/js/jquery.goup.min.js"></script>
+<script type="text/javascript">
+$(document).ready(function(){
+    $.goup({
+        trigger: 500,
+        bottomOffset: 10,
+        locationOffset: 20,
+        containerRadius: 0,
+        containerColor: '#fff',
+        arrowColor: '#000',
+        goupSpeed: 'normal'
+    });
+});
+</script>
+{% if site.google.analytics %}
+<!-- Asynchronous Google Analytics snippet -->
+<script>
+  var _gaq = _gaq || [];
+  var pluginUrl =
+ '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
+  _gaq.push(['_require', 'inpage_linkid', pluginUrl]);
+  _gaq.push(['_setAccount', '{{ site.google.analytics }}']);
+  _gaq.push(['_trackPageview']);
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+{% endif %}
diff --git a/_includes/social-links.html b/_includes/social-links.html
@@ -0,0 +1,22 @@
+            <div class="social-links">
+                {% if site.email %}<a href="mailto:{{ site.email }}" class="author-social" target="_blank"><i class="fa fa-fw fa-envelope-square"></i> Email</a>{% endif %}
+                {% if site.twitter %}<a href="http://twitter.com/{{ site.twitter }}" class="author-social" target="_blank"><i class="fa fa-fw fa-twitter-square"></i> Twitter</a>{% endif %}
+                {% if site.facebook %}<a href="http://facebook.com/{{ site.facebook }}" class="author-social" target="_blank"><i class="fa fa-fw fa-facebook-square"></i> Facebook</a>{% endif %}
+                {% if site.google.plus %}<a href="http://plus.google.com/+{{ site.google.plus }}" class="author-social" target="_blank"><i class="fa fa-fw fa-google-plus-square"></i> Google+</a>{% endif %}
+                {% if site.linkedin %}<a href="http://linkedin.com/in/{{ site.linkedin }}" class="author-social" target="_blank"><i class="fa fa-fw fa-linkedin-square"></i> LinkedIn</a>{% endif %}
+                {% if site.xing %}<a href="http://www.xing.com/profile/{{ site.xing }}" class="author-social" target="_blank"><i class="fa fa-fw fa-xing-square"></i> XING</a>{% endif %}
+                {% if site.instagram %}<a href="http://instagram.com/{{ site.instagram }}" class="author-social" target="_blank"><i class="fa fa-fw fa-instagram"></i> Instagram</a>{% endif %}
+                {% if site.tumblr %}<a href="http://{{ site.tumblr }}.tumblr.com" class="author-social" target="_blank"><i class="fa fa-fw fa-tumblr-square"></i> Tumblr</a>{% endif %}
+                {% if site.github %}<a href="http://github.com/{{ site.github }}" class="author-social" target="_blank"><i class="fa fa-fw fa-github"></i> Github</a>{% endif %}
+                {% if site.stackoverflow %}<a href="http://stackoverflow.com/users/{{ site.stackoverflow }}" class="author-social" target="_blank"><i class="fa fa-fw fa-stack-overflow"></i> Stackoverflow</a>{% endif %}
+                {% if site.lastfm %}<a href="http://lastfm.com/user/{{ site.lastfm }}" class="author-social" target="_blank"><i class="fa fa-fw fa-music"></i> Last.fm</a>{% endif %}
+                {% if site.dribbble %}<a href="http://dribbble.com/{{ site.dribbble }}" class="author-social" target="_blank"><i class="fa fa-fw fa-dribbble"></i> Dribbble</a>{% endif %}
+                {% if site.pinterest %}<a href="http://www.pinterest.com/{{ site.pinterest }}" class="author-social" target="_blank"><i class="fa fa-fw fa-pinterest"></i> Pinterest</a>{% endif %}
+                {% if site.foursquare %}<a href="http://foursquare.com/{{ site.foursquare }}" class="author-social" target="_blank"><i class="fa fa-fw fa-foursquare"></i> Foursquare</a>{% endif %}
+                {% if site.steam %}<a href="http://steamcommunity.com/id/{{ site.steam }}" class="author-social" target="_blank"><i class="fa fa-fw fa-steam-square"></i> Steam</a>{% endif %}
+                {% if site.youtube %}<a href="https://youtube.com/user/{{ site.youtube }}" class="author-social" target="_blank"><i class="fa fa-fw fa-youtube-square"></i> Youtube</a>{% endif %}
+                {% if site.soundcloud %}<a href="http://soundcloud.com/{{ site.soundcloud }}" class="author-social" target="_blank"><i class="fa fa-fw fa-soundcloud"></i> Soundcloud</a>{% endif %}
+                {% if site.weibo %}<a href="http://www.weibo.com/{{ site.weibo }}" class="author-social" target="_blank"><i class="fa fa-fw fa-weibo"></i> Weibo</a>{% endif %}
+                {% if site.flickr %}<a href="http://www.flickr.com/{{ site.flickr }}" class="author-social" target="_blank"><i class="fa fa-fw fa-flickr"></i> Flickr</a>{% endif %}
+                {% if site.codepen %}<a href="http://codepen.io/{{ site.codepen }}" class="author-social" target="_blank"><i class="fa fa-fw fa-codepen"></i> CodePen</a>{% endif %}
+            </div>
diff --git a/_includes/toc.html b/_includes/toc.html
@@ -0,0 +1,9 @@
+<section id="table-of-contents" class="toc">
+  <header>
+    <h3><i class="fa fa-book"></i> Contents</h3>
+  </header>
+<div id="drawer" markdown="1">
+*  Auto generated table of contents
+{:toc}
+</div>
+</section><!-- /#table-of-contents -->
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+{% include head-home.html %}
+
+<body>
+    {% include nav-home.html %}
+    <div class="home">
+        <header class="header-home">
+            <a class="link" href="{{ site.url }}/about/">
+                <img class="selfie" alt="{{ site.title }}" src="{{ site.url }}/{{ site.picture }}">
+            </a>
+            <h1 class="title-home">{{ site.title }}</h1>
+            <h2 class="description-home">{{ site.bio }}</h2>
+            {% include social-links.html %}
+        </header>
+        {% include footer-home.html %}
+    </div>
+</body>
+
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+{% include head.html %}
+
+<body>
+    {% include nav.html %}
+    <div class="wrapper">
+        <div class="title">
+            <h1>{{ page.title }}</h1>
+        </div>
+        <div class="article">
+            {{ content }}
+        </div>
+    </div>
+    {% include footer.html %}
+    {% include scripts.html %}
+</body>
+</html>
diff --git a/_layouts/post-index.html b/_layouts/post-index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+{% include head.html %}
+
+<body>
+    {% include nav.html %}
+    <div class="wrapper">
+        <div class="title">
+            <h1>{{ page.title }}</h1>
+        </div>
+        <div class="post-list">
+            {% for post in site.posts %} 
+                {% if post.project == null %}
+            <ul>
+                <li><a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></li>
+            </ul>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+    {% include footer.html %}
+</body>
+</html>