Skip to content

Commit

Permalink
Major Update
Browse files Browse the repository at this point in the history
  • Loading branch information
Hossain Mohd. Faysal committed Jul 28, 2014
1 parent d4e3686 commit 2d306ee
Show file tree
Hide file tree
Showing 68 changed files with 6,588 additions and 10,634 deletions.
18 changes: 9 additions & 9 deletions _config.yml
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
title: Notepad
description: "Blogging is fun"
logo: logo3.png
logo: logo.png
disqus_shortname: hmfaysal
share: true
# Change url to your domain. Leave localhost server or blank when working locally.
# or use the hint from http://jekyllrb.com/docs/github-pages/ to keep this the same
# whether working locally or remotely. Start Jekyll with: jekyll serve --baseurl ''
url: /Notepad
url: http://localhost:4000

# Owner/author information
owner:
name: Your Name
name: Hossain Mohd Faysal
avatar: hmfaysal.jpg
email: [email protected]
email: [email protected]
# Use the coder's toolbox at http://coderstoolbox.net/string/#!encoding=xml&action=encode&charset=us_ascii to encode your description into XML string
description: Awesome Dude, Awesome Life
# Social networking links used in footer. Update and remove as you like.
Expand All @@ -24,7 +24,7 @@ owner:
google_plus: https://plus.google.com/u/0/102602916593522619858

# Analytics and webmaster tools stuff goes here
google_analytics:
google_analytics: UA-39365944-7
google_verify:
# https://ssl.bing.com/webmaster/configure/verify/ownership Option 2 content= goes here
bing_verify:
Expand All @@ -41,10 +41,10 @@ links:
- title: Categories
url: /categories
- title: About
url: /hossain-mohd-faysal
url: /about

# http://en.wikipedia.org/wiki/List_of_tz_database_time_zones
timezone: America/New_York
timezone: Asia/Dhaka
future: true
highlighter: pygments
markdown: kramdown
Expand All @@ -70,8 +70,8 @@ kramdown:

prose:
rooturl: '_posts'
siteurl: 'http://hmfaysal.github.io/'
relativeLinks: 'http://hmfaysal.github.io/links.jsonp'
siteurl: 'http://hmfaysal.github.io/Notepad/'
relativeLinks: 'http://hmfaysal.github.io/Notepad/links.jsonp'
media: 'images'
metadata:
_posts:
Expand Down
2 changes: 1 addition & 1 deletion _includes/footer.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<footer class="summer-site-footer">
<div class="copyright">
<section>All content copyright <a href="{{ site.url }}">{{ site.owner.name }}</a> &copy; {{ site.time | date: '%Y' }} &bull; All rights reserved.</section>
<section>All content copyright <a href="{{ site.url }}/about">{{ site.owner.name }}</a> &copy; {{ site.time | date: '%Y' }} &bull; All rights reserved.</section>
<section>Proudly published with <a class="icon-ghost" href="https://jekyllrb.com/">Jekyll</a></section>
</div>
<div class="social-icons">
Expand Down
23 changes: 14 additions & 9 deletions _includes/head.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<meta charset="utf-8">
<title>{% if page.title %}{{ page.title | upcase }}{% else %}{{ site.title | upcase }}{% endif %}</title>
<title>{% if page.title %}{{ page.title | upcase }} &vert; {% endif %}{{ site.title | upcase }}</title>
<meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
{% if page.tags %}<meta name="keywords" content="{{ page.tags | join: ', ' }}">{% endif %}

Expand Down Expand Up @@ -35,14 +35,19 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700&amp;subset=latin,latin-ext' rel='stylesheet'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,600&amp;subset=latin,latin-ext' rel='stylesheet'>
<link rel="stylesheet" href="{{ site.url }}/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ site.url }}/assets/css/vendor/normalizeb146.css?v=77a7756db2">
<link rel="stylesheet" href="{{ site.url }}/assets/css/vendor/foundation.minb146.css?v=77a7756db2">
<link rel="stylesheet" href="{{ site.url }}/assets/css/styleb146.css?v=77a7756db2">
<link rel="stylesheet" href="{{ site.url }}/assets/css/postb146.css?v=77a7756db2">
<script src="{{ site.url }}/assets/js/vendor/modernizrb146.js?v=77a7756db2"></script>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,600,300,800,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ site.url }}/assets/css/font-awesome.min.css">
<link rel="stylesheet" href="{{ site.url }}/assets/css/vendor/normalize.css">
<link rel="stylesheet" href="{{ site.url }}/assets/css/vendor/foundation.min.css">
<link rel="stylesheet" href="{{ site.url }}/assets/css/style.css">
<link rel="stylesheet" href="{{ site.url }}/assets/css/post.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="{{ site.url }}/assets/js/vendor/jquery-1.11.1.min.js"><\/script>')</script>
{% if page.chart %}
<!-- amCharts javascript sources -->
<script type="text/javascript" src="{{ site.url }}/assets/js/vendor/amcharts.js"></script>
<script type="text/javascript" src="http://cdn.amcharts.com/lib/3/pie.js"></script>
{% endif %}


{% if page.mathjax %}
Expand Down
34 changes: 16 additions & 18 deletions _includes/scripts.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,24 @@
<script src="{{ site.url }}/assets/js/public/jqueryb146.js?v=77a7756db2"></script>
<script src="{{ site.url }}/assets/js/vendor/modernizr.js"></script>
<script src="{{ site.url }}/assets/js/foundation.min.js"></script>
<script src="{{ site.url }}/assets/js/vendor/background-check.js"></script>
<script src="{{ site.url }}/assets/js/vendor/post-header-animations.js"></script>
<script src="{{ site.url }}/assets/js/summer.js"></script>


<script src="{{ site.url }}/assets/js/vendor/fastclickb146.js?v=77a7756db2"></script>
<script src="{{ site.url }}/assets/js/vendor/foundation.minb146.js?v=77a7756db2"></script>
<script src="{{ site.url }}/assets/js/vendor/background-checkb146.js?v=77a7756db2"></script>
<script src="{{ site.url }}/assets/js/vendor/post-header-animationsb146.js?v=77a7756db2"></script>
<script src="{{ site.url }}/assets/js/summerb146.js?v=77a7756db2"></script>
<script>
$(document).foundation();
</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(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', '{{ site.google_analytics }}', 'auto');
ga('require', 'displayfeatures');
ga('send', 'pageview');

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{% endif %}
38 changes: 25 additions & 13 deletions _layouts/post.html
Original file line number Diff line number Diff line change
Expand Up @@ -19,21 +19,21 @@
{% include head.html %}
</head>
<body class="post-template" itemscope itemtype="http://schema.org/WebPage">

<main id="summer-post-container" class="summer-post-container intro-effect-sliced" role="main">


<header class="summer-post-header">
<div class="bg-img"></div>

<div class="summer-post-menu-header">
{% if page.imagefeature %}
<main id="summer-post-container" class="summer-post-container intro-effect-sliced" role="main">
<header class="summer-post-header">
<div class="bg-img"></div>

<div class="summer-post-menu-header">
{% else %}
<main id="summer-post-container-simple" class="summer-post-container-simple" role="main">
<header class="summer-post-header-simple">
<div class="summer-post-menu-header-simple">
{% endif %}
<a class="summer-blog-logo" href="{{ site.url }}">
<img src="{{ site.url }}/images/{{ site.logo }}" alt="Blog Logo" />
</a>




<div class="summer-blog-menu">
<div class="summer-mobile-menu show-for-small">
<a href="#"><i class="fa fa-bars"></i></a>
Expand All @@ -54,15 +54,27 @@

</div>
</div>
{% if page.imagefeature %}
<div class="summer-post-title bg-check">
<h1>{{ page.title }}</h1>
<p>by <strong>{{ site.owner.name }}</strong> &#8212; {% assign tagsize = page.tags.size %}{% if tagsize != 0 %}on {% for tag in page.tags %}<a href="{{ site.url }}/tags/index.html#{{ tag | cgi_encode }}" data-toggle="tooltip" title="Posts tagged with {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %}&nbsp;&comma;&nbsp;{% endunless %}{% endfor %}{% endif %} <strong><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b %Y" }}</time></strong></p>
</div>
<div class="bg-img"></div>
</header>
<button class="trigger bg-check" data-info="Read more"><span>Trigger</span></button>
{% if page.imagefeature %}<img src="{{ site.url }}/images/{{ page.imagefeature }}" alt="cover-image" />{% endif %}
<article class="summer-post-content post">
<img src="{{ site.url }}/images/{{ page.imagefeature }}" alt="cover-image" />
{% else %}
<div class="summer-post-title-simple row">
<div class="small-12 columns">
<div class="summer-post-meta-simple">
<h1>{{ page.title }}</h1>
<p>by <strong>{{ site.owner.name }}</strong> &#8212; {% assign tagsize = page.tags.size %}{% if tagsize != 0 %}on {% for tag in page.tags %}<a href="{{ site.url }}/tags/index.html#{{ tag | cgi_encode }}" data-toggle="tooltip" title="Posts tagged with {{ tag }}" rel="tag">{{ tag }}</a>{% unless forloop.last %}&nbsp;&comma;&nbsp;{% endunless %}{% endfor %}{% endif %} <strong><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%d %b %Y" }}</time></strong></p>
</div>
</div>
</div>
</header>
{% endif %}
{% if page.imagefeature %}<article class="summer-post-content post">{% else %}<article class="summer-post-content post tag-simple">{% endif %}
<div>{{ content }}
</div>
</article>
Expand Down
30 changes: 30 additions & 0 deletions _posts/2014-07-23-why-jekyll.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
---
layout: post
title: "Why Jekyll?"
description:
headline:
modified: 2014-07-23
category: webdevelopment
tags: [jekyll]
imagefeature:
mathjax:
chart:
comments: true
featured: true
---

Well, I guess it's quite obvious that I really enjoy working with Jekyll — with good reasons — so let me just briefly suggest some of the benefits of using a static site generator in favor of a heavy dynamic, database driven content management system.

- **Speed**: Static HTML pages are small, lightweight and perform blazingly fast. You’ll notice the difference.

- **Version Control**: Contents and files remain on your computer. Perform backups or keep track of changes via GIT or SVN — *it’s quite easy without a database.*

- **Flexibility**: Ruby and Liquid — *Jekyll’s foundation* — empower you to easily extend its functionality. Or just use one of [many plugins](http://jekyllrb.com/docs/plugins/) created by a striving community.

- **Security**: Anything you’ll ever put on your server are static files — chances are good that *you’ll never need to worry* about security concerns anymore.

If that still doesn’t convince you to at least give it a try, I’d like to encourage you to head over to the Jekyll website and see it for yourself.

**Heck, it’s that good** — I even wrote all of the guides for the theme documentation with it!

Enjoy!
155 changes: 155 additions & 0 deletions about.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,155 @@
---
layout: page
permalink: /about/index.html
title: Hossain Mohd Faysal
tags: [Hossain, Mohd, Faysal, hmfaysal]
imagefeature: fourseasons.jpg
chart: true
---
<figure>
<img src="{{ site.url }}/images/hossain-faysal.jpg" alt="Hossain Mohammad Faysal">
<figcaption>Hossain Mohammad Faysal</figcaption>
</figure>

{% assign total_words = 0 %}
{% assign total_readtime = 0 %}
{% assign featuredcount = 0 %}

{% for post in site.posts %}
{% assign post_words = post.content | strip_html | number_of_words %}
{% assign ert = post_words | divided_by:180 %}
{% assign ertremainder = post_words | modulo:180 %}
{% if ertremainder >= 90 %}
{% assign readtime = ert | plus:1 %}
{% else %}
{% assign readtime = ert %}
{% endif %}
{% assign total_words = total_words | plus: post_words %}
{% assign total_readtime = total_readtime | plus: readtime %}
{% if post.featured %}
{% assign featuredcount = featuredcount | plus: 1 %}
{% endif %}
{% endfor %}


My name is **Hossain Mohd. Faysal**, and this is my personal blog. It currently has {{ site.posts | size }} posts in {{ site.categories | size }} categories which combinedly have {{ total_words }} words, which will take an average reader approximately {{ total_readtime }} minutes to read. {% if featuredcount != 0 %}There are <a href="{{ site.url }}/featured">{{ featuredcount }} featured posts</a>, you should definitely check those out.{% endif %} The most recent post is {% for post in site.posts limit:1 %}{% if post.description %}<a href="{{ site.url }}{{ post.url }}" data-toggle="tooltip" title="{{ post.description }}">"{{ post.title }}"</a>{% else %}<a href="{{ site.url }}{{ post.url }}" data-toggle="tooltip" title="{{ post.description }}" data-toggle="tooltip" title="Read more about {{ post.title }}">"{{ post.title }}"</a>{% endif %}{% endfor %} which was published on {% for post in site.posts limit:1 %}{% assign modifiedtime = post.modified | date: "%Y%m%d" %}{% assign posttime = post.date | date: "%Y%m%d" %}<time datetime="{{ post.date | date_to_xmlschema }}" class="post-time">{{ post.date | date: "%d %b %Y" }}</time>{% if post.modified %}{% if modifiedtime != posttime %} and last modified on <time datetime="{{ post.modified | date: "%Y-%m-%d" }}" itemprop="dateModified">{{ post.modified | date: "%d %b %Y" }}</time>{% endif %}{% endif %}{% endfor %}. The last commit was on {{ site.time | date: "%A, %d %b %Y" }} at {{ site.time | date: "%I:%M %p" }} [UTC](http://en.wikipedia.org/wiki/Coordinated_Universal_Time "Temps Universel Coordonné").

<div class="chart" id="chartdiv" style="width: 100%; height: 500px; margin-bottom: 20px;" ></div>
<figcaption>Number of Posts Breakdown</figcaption>


I am an PhD candidate in *ESE* at the [SEAS](http://www.seas.upenn.edu/) at **UPENN**. I am licensed as a Professional Engineer (P.E) to practice in the states of Texas, Massachusetts and California. I double majored in EECS and Mathematics during my undergraduate life at [MIT](http://www.mit.edu/), and currently focusing on Electrical Engineering for my post-graduate studies.

*[ESE]: Electrical and Systems Engineering
*[SEAS]: School of Engineering and Applied Science
*[MIT]: Massachusetts Institute of Technology
*[EECS]: Electrical and Computer Engineering
*[UPENN]: University of Pennsylvania

<figure>
<img src="{{ site.url }}/images/Hossain-Mohd-Faysal.jpg" alt="Hossain Mohammad Faysal">
<figcaption>At Bates Linear Accelerator Center</figcaption>
</figure>

I was born and brought up in Doha. Yes, its a desert peninsula, yes we have camels and falcons and all the other Middle Eastern traits/stereotypes you can think of.

<figure class="third">
<a href="{{ site.url }}/images/about/1.jpg"><img src="{{ site.url }}/images/about/1-001.jpg"></a>
<a href="{{ site.url }}/images/about/2.jpg"><img src="{{ site.url }}/images/about/2-001.jpg"></a>
<a href="{{ site.url }}/images/about/3.jpg"><img src="{{ site.url }}/images/about/3-001.jpg"></a>
</figure>
<figure class="half">
<a href="{{ site.url }}/images/about/4.jpg"><img src="{{ site.url }}/images/about/4-001.jpg"></a>
<a href="{{ site.url }}/images/about/5.jpg"><img src="{{ site.url }}/images/about/5-001.jpg"></a>
</figure>
<figure class="third">
<a href="{{ site.url }}/images/about/6.jpg"><img src="{{ site.url }}/images/about/6-001.jpg"></a>
<a href="{{ site.url }}/images/about/7.jpg"><img src="{{ site.url }}/images/about/7-001.jpg"></a>
<a href="{{ site.url }}/images/about/8.jpg"><img src="{{ site.url }}/images/about/8-001.jpg"></a>
<figcaption>Doha at its full glory.</figcaption>
</figure>

At some point in the not-terribly-distant future, I hope to found a self-sustaining collective of clever people, for fun, profit(?), and the promotion of human life in the universe. This might wind up in Qatar, Bangladesh, Scandinavia, the Massachusetts Bay Area, the SF Bay Area, Japan, Germany, or the dustbin of overly idealistic plans. (Yes, I have a special bin for overly idealistic plans. In my district they can't be recycled with residential mixed paper.) The most challenging aspect of this concept is to curtail unproductive competition with other people who will inevitably have the same idea. (Some sort of cooperative federation...) I'm presently looking for people who might be interested in being a part of such an organization.

Anyways, for now I'm just working toward changing the face of Electrical Engineering forever. Not that I necessarily expect to succeed, but it's something to strive for, and it's a fun problem to work on.


Entrepreneur
Designer
***Engineer***
Inventor

I
make
stuff.


*Beautiful, practical, meaningful stuff.*


I make what I love.

*I love what I do.*


But over the years, I noticed that somehow, along the way, software designed to help us be creative, actually made us less creative. That's because we believe our best ideas emerge when we use pencils and paper.
So I set out to build tools that work the way I do.


Tools for the creative space — the 53 centimeters that magically link head, heart, and hand. Tools as simple as pencil and paper. Tools so essential, I really can't imagine work without them.


For
the makers,
the creators,
the discoverers,
the original thinkers,
***This is the space to create.***

<!-- amCharts javascript code -->
<script type="text/javascript">
AmCharts.makeChart("chartdiv",
{
"type": "pie",
"pathToImages": "http://cdn.amcharts.com/lib/3/images/",
"balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
"innerRadius": "40%",
"labelRadius": 10,
"labelRadiusField": "Not set",
"startRadius": "10%",
"colorField": "Not set",
"descriptionField": "Not set",
"hoverAlpha": 0.75,
"outlineThickness": 0,
"startEffect": "elastic",
"titleField": "category",
"valueField": "number-of-posts",
"allLabels": [],
"balloon": {},
"legend": {
"align": "center",
"markerType": "square"
},
"titles": [],
"dataProvider": [
{% assign tags_list = site.categories %}
{% if tags_list.first[0] == null %}
{% for tag in tags_list %}
{
"category": "{{ tag | capitalize }}",
"number-of-posts": {{ site.tags[tag].size }}
},
{% endfor %}
{% else %}
{% for tag in tags_list %}
{
"category": "{{ tag[0] | capitalize }}",
"number-of-posts": {{ tag[1].size }}
},
{% endfor %}
{% endif %}
{% assign tags_list = nil %}
]
}
);
</script>
Loading

0 comments on commit 2d306ee

Please sign in to comment.