new layout, new name
This commit is contained in:
Mahdi Dibaiee
parent
5f28015e02
commit
24fccc3c7d
23
_config.yml
23
_config.yml
@ -1,7 +1,7 @@
|
||||
# Site settings
|
||||
title: Mahdi Dibaiee
|
||||
email: mdibaiee@aol.com
|
||||
description: Mahdi Dibaiee's personal blog on programming
|
||||
title: the readme
|
||||
email: knockknock@theread.me
|
||||
description: a rabbit hole
|
||||
baseurl: "" # the subpath of your site, e.g. /blog/
|
||||
url: "http://theread.me" # the base hostname & protocol for your site
|
||||
twitter_username: mdibaiee
|
||||
@ -12,3 +12,20 @@ markdown: kramdown
|
||||
permalink: /:title/
|
||||
redcarpet:
|
||||
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>
|
||||
<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="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 }}" />
|
||||
|
||||
<!--<script src="//dibaiee.disqus.com/embed.js"></script>-->
|
||||
<!--<script src="//dibaiee.disqus.com/count.js"></script>-->
|
||||
</head>
|
||||
<script src="//static.getclicky.com/js" type="text/javascript"></script>
|
||||
<script type="text/javascript">try{ clicky.init(100720175); }catch(e){}</script>
|
||||
<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 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>
|
||||
<script>
|
||||
var channel = new BroadcastChannel('egg');
|
||||
|
||||
channel.addEventListener('message', message => {
|
||||
alert('Got a message from the other tab:\n' + message.data);
|
||||
});
|
||||
</script>
|
||||
</script>
|
||||
</head>
|
||||
|
||||
|
||||
@ -7,15 +7,13 @@
|
||||
</h1>
|
||||
|
||||
<nav>
|
||||
<!--<a href='https://twitter.com/{{ site.twitter_username }}'>Twitter</a>-->
|
||||
<a href='https://github.com/{{ site.github_username }}'>GitHub</a>
|
||||
<a href='mailto:{{ site.email }}'>Email</a>
|
||||
<a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">RSS</a>
|
||||
<!--{% for page in site.pages %}-->
|
||||
<!--{% if page.title %}-->
|
||||
<!--<a href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>-->
|
||||
<!--{% endif %}-->
|
||||
<!--{% endfor %}-->
|
||||
{% for collection in site.collections %}
|
||||
{% if collection.title %}
|
||||
<a href="{{ collection.path | prepend: site.baseurl }}">{{ collection.title }}</a>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<a href='mailto:{{ site.email }}'>email</a>
|
||||
<a href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">rss</a>
|
||||
</nav>
|
||||
|
||||
</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="wrapper">
|
||||
<h1 class="page-heading"></h1>
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- {% include footer.html %} -->
|
||||
|
||||
</body>
|
||||
|
||||
</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!"
|
||||
date: 2015-03-28 17:13:46
|
||||
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.
|
||||
|
||||
@ -3,7 +3,7 @@ layout: post
|
||||
title: "BroadcastChannel API"
|
||||
date: 2015-04-02 17:13:46
|
||||
permalink: broadcastchannel-api/
|
||||
categories: api
|
||||
categories: programming
|
||||
---
|
||||
|
||||
[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"
|
||||
date: 2015-06-06 13:47:00
|
||||
permalink: es7-array-generator-comprehensions/
|
||||
categories: es7, generator, array
|
||||
categories: programming
|
||||
---
|
||||
|
||||
Array comprehension is a new feature proposed for ES7, with a new syntax
|
||||
|
||||
@ -3,7 +3,7 @@ layout: post
|
||||
title: "Autocomplete using Tries"
|
||||
date: 2015-07-24 09:44:00
|
||||
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.
|
||||
|
||||
@ -3,7 +3,7 @@ layout: post
|
||||
title: "Open-source: The Good, The Bad and The Ugly"
|
||||
date: 2015-10-13 06:15:00
|
||||
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,
|
||||
|
||||
@ -23,7 +23,8 @@ header {
|
||||
}
|
||||
h1 {
|
||||
font-size: 4rem;
|
||||
font-family: 'Damion';
|
||||
font-family: $head-font-family;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
h1 a, & > a {
|
||||
text-decoration: none;
|
||||
@ -51,6 +52,11 @@ header {
|
||||
text-align: center;
|
||||
font-style: italic;
|
||||
margin-bottom: 3rem;
|
||||
width: 20%;
|
||||
height: 1px;
|
||||
border: 1px dotted rgba(0, 0, 0, 0.1);
|
||||
|
||||
margin: 5rem auto;
|
||||
}
|
||||
|
||||
.post-list, .post-header {
|
||||
|
||||
@ -3,10 +3,9 @@
|
||||
---
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
|
||||
// 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;
|
||||
$small-font-size: $base-font-size * 0.875;
|
||||
$base-line-height: 1.5;
|
||||
|
||||
@ -4,8 +4,6 @@ layout: default
|
||||
|
||||
<div class="home">
|
||||
|
||||
<h1 class="page-heading">…</h1>
|
||||
|
||||
<ul class="post-list">
|
||||
{% for post in site.posts %}
|
||||
<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