new layout, new name
This commit is contained in:
parent
5f28015e02
commit
24fccc3c7d
23
_config.yml
23
_config.yml
@ -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
|
||||||
|
@ -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>
|
||||||
|
|
||||||
|
@ -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
21
_layouts/category.html
Normal 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>
|
@ -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>
|
||||||
|
@ -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>
|
|
||||||
|
|
@ -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.
|
||||||
|
@ -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)
|
||||||
|
@ -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
|
||||||
|
@ -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.
|
||||||
|
@ -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,
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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
4
programming.html
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
---
|
||||||
|
layout: category
|
||||||
|
category: programming
|
||||||
|
---
|
Loading…
Reference in New Issue
Block a user