new layout, new name

This commit is contained in:
Mahdi Dibaiee 2016-11-09 15:57:01 +03:30
parent 5f28015e02
commit 24fccc3c7d
15 changed files with 80 additions and 87 deletions

View File

@ -1,7 +1,7 @@
# Site settings # Site settings
title: Mahdi Dibaiee title: the readme
email: mdibaiee@aol.com email: knockknock@theread.me
description: Mahdi Dibaiee's personal blog on programming description: a rabbit hole
baseurl: "" # the subpath of your site, e.g. /blog/ baseurl: "" # the subpath of your site, e.g. /blog/
url: "http://theread.me" # the base hostname & protocol for your site url: "http://theread.me" # the base hostname & protocol for your site
twitter_username: mdibaiee twitter_username: mdibaiee
@ -12,3 +12,20 @@ markdown: kramdown
permalink: /:title/ permalink: /:title/
redcarpet: redcarpet:
extensions: ["strikethrough"] extensions: ["strikethrough"]
collections:
programming:
title: programming
output: true
permalink: /programming/:path/
path: /programming
life:
title: life
output: true
permalink: /life/:path/
path: /life
travel:
title: travel
output: true
permalink: /travel/:path/
path: /travel

View File

@ -6,22 +6,22 @@
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title> <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"> <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
<link href="https://fonts.googleapis.com/css?family=Secular+One|Ubuntu|Ubuntu+Mono" rel="stylesheet">
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}"> <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}"> <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" /> <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
<!--<script src="//dibaiee.disqus.com/embed.js"></script>--> <script src="//static.getclicky.com/js" type="text/javascript"></script>
<!--<script src="//dibaiee.disqus.com/count.js"></script>--> <script type="text/javascript">try{ clicky.init(100720175); }catch(e){}</script>
</head> <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100720175ns.gif" /></p></noscript>
<script src="//static.getclicky.com/js" type="text/javascript"></script> <script>
<script type="text/javascript">try{ clicky.init(100720175); }catch(e){}</script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100720175ns.gif" /></p></noscript>
<script>
var channel = new BroadcastChannel('egg'); var channel = new BroadcastChannel('egg');
channel.addEventListener('message', message => { channel.addEventListener('message', message => {
alert('Got a message from the other tab:\n' + message.data); alert('Got a message from the other tab:\n' + message.data);
}); });
</script> </script>
</head>

View File

@ -7,15 +7,13 @@
</h1> </h1>
<nav> <nav>
<!--<a href='https://twitter.com/{{ site.twitter_username }}'>Twitter</a>--> {% for collection in site.collections %}
<a href='https://github.com/{{ site.github_username }}'>GitHub</a> {% if collection.title %}
<a href='mailto:{{ site.email }}'>Email</a> <a href="{{ collection.path | prepend: site.baseurl }}">{{ collection.title }}</a>
<a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">RSS</a> {% endif %}
<!--{% for page in site.pages %}--> {% endfor %}
<!--{% if page.title %}--> <a href='mailto:{{ site.email }}'>email</a>
<!--<a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>--> <a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">rss</a>
<!--{% endif %}-->
<!--{% endfor %}-->
</nav> </nav>
</header> </header>

21
_layouts/category.html Normal file
View File

@ -0,0 +1,21 @@
---
layout: default
---
<div class="category">
<ul class="post-list">
{% for post in site.categories[page.category] %}
<li>
<h2>
<a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
<span class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</span>
</h2>
<article class='post-content'>
{{ post.excerpt }}
</article>
</li>
{% endfor %}
</ul>
<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via rss</a></p>
</div>

View File

@ -9,12 +9,11 @@
<div class="page-content"> <div class="page-content">
<div class="wrapper"> <div class="wrapper">
<h1 class="page-heading"></h1>
{{ content }} {{ content }}
</div> </div>
</div> </div>
<!-- {% include footer.html %} -->
</body> </body>
</html> </html>

View File

@ -1,49 +0,0 @@
---
layout: post
title: "Let's Begin"
date: 2015-03-09 17:13:46
permalink: beginning/
categories: self
---
So, I've decided to write about what I do and what I love.
It's possible that you find anything here, so don't be surprised, but most of it
is going to be about my programming journey, what I learn, what I do, and my opinions.
I like Medium, but I want a place in which I dictate, so here's my personal blog.
{% highlight javascript linenos %}
const SECOND = 1000;
let style = document.querySelector('style');
setInterval(() => {
const now = Date.now(),
birth = new Date(2015, 2, 9).getTime(),
color = `#(now - birth).toString(16).slice(0, 6)`,
style.textContent = `#mahdi path {
stroke: ${color} !important;
}`;
}, SECOND);
{% endhighlight %}
<style></style>
<script type="application/javascript;version=1.8">
var SECOND = 1000;
var style = document.querySelector('style');
setInterval(function() {
var now = Date.now(),
birth = new Date(2015, 2, 9).getTime(),
color = '#' + (now - birth).toString(16).slice(0, 6);
style.textContent = '#mahdi path {\
stroke: ' + color + ' !important; \
}';
}, SECOND)
</script>

View File

@ -3,7 +3,7 @@ layout: post
title: "CSS Filters are awesome!" title: "CSS Filters are awesome!"
date: 2015-03-28 17:13:46 date: 2015-03-28 17:13:46
permalink: css-filters/ permalink: css-filters/
categories: css categories: programming
--- ---
I've been working on the [CSS Filter Editor widget](https://bugzilla.mozilla.org/show_bug.cgi?id=1055181) in Firefox Developer Tools for a couple of weeks, <s>it should land soon</s> It's here!. Thanks to [Patrick Brosset](https://medium.com/@patrickbrosset) for mentoring me and [Tim Nguyen](https://github.com/nt1m) for his great contributions. I've been working on the [CSS Filter Editor widget](https://bugzilla.mozilla.org/show_bug.cgi?id=1055181) in Firefox Developer Tools for a couple of weeks, <s>it should land soon</s> It's here!. Thanks to [Patrick Brosset](https://medium.com/@patrickbrosset) for mentoring me and [Tim Nguyen](https://github.com/nt1m) for his great contributions.

View File

@ -3,7 +3,7 @@ layout: post
title: "BroadcastChannel API" title: "BroadcastChannel API"
date: 2015-04-02 17:13:46 date: 2015-04-02 17:13:46
permalink: broadcastchannel-api/ permalink: broadcastchannel-api/
categories: api categories: programming
--- ---
[BroadcastChannel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API) [BroadcastChannel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API)

View File

@ -3,7 +3,7 @@ layout: post
title: "ES7 Array and Generator comprehensions" title: "ES7 Array and Generator comprehensions"
date: 2015-06-06 13:47:00 date: 2015-06-06 13:47:00
permalink: es7-array-generator-comprehensions/ permalink: es7-array-generator-comprehensions/
categories: es7, generator, array categories: programming
--- ---
Array comprehension is a new feature proposed for ES7, with a new syntax Array comprehension is a new feature proposed for ES7, with a new syntax

View File

@ -3,7 +3,7 @@ layout: post
title: "Autocomplete using Tries" title: "Autocomplete using Tries"
date: 2015-07-24 09:44:00 date: 2015-07-24 09:44:00
permalink: autocomplete-predict-trie/ permalink: autocomplete-predict-trie/
categories: algorithms categories: programming
--- ---
In this article, I'm going over creating an autocompletion/prediction system using a data-structure called Trie, it's fast and easy to customize. In this article, I'm going over creating an autocompletion/prediction system using a data-structure called Trie, it's fast and easy to customize.

View File

@ -3,7 +3,7 @@ layout: post
title: "Open-source: The Good, The Bad and The Ugly" title: "Open-source: The Good, The Bad and The Ugly"
date: 2015-10-13 06:15:00 date: 2015-10-13 06:15:00
permalink: open-source-good-bad-ugly/ permalink: open-source-good-bad-ugly/
categories: experience, open-source, opinion categories: programming
--- ---
I have been doing Open-source for a while, I don't call myself an "expert" or something like that, I have been doing Open-source for a while, I don't call myself an "expert" or something like that,

View File

@ -23,7 +23,8 @@ header {
} }
h1 { h1 {
font-size: 4rem; font-size: 4rem;
font-family: 'Damion'; font-family: $head-font-family;
text-transform: lowercase;
} }
h1 a, & > a { h1 a, & > a {
text-decoration: none; text-decoration: none;
@ -51,6 +52,11 @@ header {
text-align: center; text-align: center;
font-style: italic; font-style: italic;
margin-bottom: 3rem; margin-bottom: 3rem;
width: 20%;
height: 1px;
border: 1px dotted rgba(0, 0, 0, 0.1);
margin: 5rem auto;
} }
.post-list, .post-header { .post-list, .post-header {

View File

@ -3,10 +3,9 @@
--- ---
@charset "utf-8"; @charset "utf-8";
// Our variables // Our variables
$base-font-family: 'Ubuntu Light', sans-serif; $base-font-family: 'Ubuntu Light', Open Sans, sans-serif;
$head-font-family: 'Secular One', sans-serif;
$base-font-size: 12pt; $base-font-size: 12pt;
$small-font-size: $base-font-size * 0.875; $small-font-size: $base-font-size * 0.875;
$base-line-height: 1.5; $base-line-height: 1.5;

View File

@ -4,8 +4,6 @@ layout: default
<div class="home"> <div class="home">
<h1 class="page-heading"></h1>
<ul class="post-list"> <ul class="post-list">
{% for post in site.posts %} {% for post in site.posts %}
<li> <li>

4
programming.html Normal file
View File

@ -0,0 +1,4 @@
---
layout: category
category: programming
---