{{ page.title }}
{{ content }}
-
{{ content }}
- {% include share-page.html %}
+ {{ content }}
+ {% include share-page.html %}
| Step | Bytes |
| raw | {{ content | size }}{% if _profile_endings %} |
| endings | {{ _profile_endings }}{% endif %}{% if _profile_startings %} |
| startings | {{ _profile_startings }}{% endif %}{% if _profile_comments %} |
| comments | {{ _profile_comments }}{% endif %}{% if _profile_collapse %} |
| collapse | {{ _profile_collapse }}{% endif %}{% if _profile_clippings %} |
| clippings | {{ _profile_clippings }}{% endif %} |
-
-
-
diff --git a/_layouts/post.html b/_layouts/post.html
index 1cd9e101b..3f59b32da 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,45 +1,48 @@
---
layout: default
---
-
+
+
{{ page.date | date_to_string }}
{% if page.categories %}
-
+
» {% for category in page.categories %}{{ category }}{% if forloop.last == false %}, {% endif %}{% endfor %}
-
+
{% endif %}
diff --git a/_layouts/posts_by_category.html b/_layouts/posts_by_category.html
index 6268c20c4..70709a984 100644
--- a/_layouts/posts_by_category.html
+++ b/_layouts/posts_by_category.html
@@ -1,49 +1,49 @@
---
layout: default
---
-
-
- {% if page.title %}{{ page.title }} - {{ site.title }}{% else %}{{ site.author }}{% endif %}
+
+
+
+
+
+
+
+ {% if page.title %}
+
+
+ {% else %}
+
+
+ {% endif %}
+
+ {% if page.description %}
+
+ {% else %}
+
+ {% endif %}
+
+ {% if page.url %}
+
+ {% endif %}
+
+ {% if page.date %}
+
+
+ {% endif %}
+
+ {% if page.image %}
+
+ {% else %}
+
+ {% endif %}
+
+ {% if page.categories %}
+ {% for category in page.categories limit:1 %}
+
+ {% endfor %}
+ {% endif %}
+
+ {% if page.tags %}
+ {% for tag in page.tags %}
+
+ {% endfor %}
+ {% endif %}
+
+
+
+
+
+ {% if page.title %}
+
+ {% else %}
+
+ {% endif %}
+
+ {% if page.url %}
+
+ {% endif %}
+
+ {% if page.description %}
+
+ {% else %}
+
+ {% endif %}
+
+ {% if page.header-img %}
+
+ {% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/_layouts/page.html b/_layouts/page.html
index 100f176da..31e420c8f 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -2,14 +2,11 @@
layout: default
---
- 
-
- - Navigation
- » Home
- {% for i in site.urls %} - » {{ i.text }}
- {% endfor %} -
+
+
+
+
+
+
- {{ site.author }}
- {% if site.about %} -
- {{ site.about }}
-
- {% endif %}
-
-
-
-
-
-
- - - Navigation
- » Home
- {% for i in site.urls %} - » {{ i.text }}
- {% endfor %} -
+
+
+
+ +
+
+
+
+
-
-
-
-
-
-
-
-
-
-
+ {% endif %}
+
+
+ {{ site.author }}
+ {% if site.about %} +
+ {{ site.about }}
-
-
- {{ content }}
-
-
-
-
+
+
+ + +
+ {{ content }}
+
+
+
+ {{ page.title }}
+{{ page.title }}
+
-
{% assign hasSimilar = '' %}
-{% for post in site.posts %}
+ {% for post in site.posts %}
{% assign postHasSimilar = false %}
- {% for tag in post.categories %}
+ {% for tag in post.categories %}
{% for thisTag in page.categories %}
- {% if postHasSimilar == false and hasSimilar.size < 6 and post != page and tag == thisTag %}
- {% if hasSimilar.size == 0 %}
-
-
{% endif %}
-
Related Posts
--
- {% endif %}
+ {% if postHasSimilar == false and hasSimilar.size < 6 and post != page and tag == thisTag %}
+ {% if hasSimilar.size == 0 %}
+
+
+ {% endfor %}
+ {% if hasSimilar.size > 0 %}
+ Related Posts
+-
+ {% endif %}
- {% capture hasSimilar %}{{ hasSimilar }}*{% endcapture %}
- {% assign postHasSimilar = true %}
- {% endif %}
- {% endfor %}
+ {% capture hasSimilar %}{{ hasSimilar }}*{% endcapture %}
+ {% assign postHasSimilar = true %}
+ {% endif %}
+ {% endfor %}
{% endfor %}
-{% endfor %}
-{% if hasSimilar.size > 0 %}
-
-
-
-
\ No newline at end of file
+
+Articles by category: {{ page.categories }}
+Articles by category: {{ page.categories }}
-
- {% for category in site.categories %} - {% capture category_slug %}{{ category | first }}{% endcapture %} - {% for c_slug in category_slug %} - {% if c_slug == page.categories %} - - {% else %} - {{ c_slug }} - {% endif %} - {% endfor %} +
diff --git a/_layouts/project.html b/_layouts/project.html
index 9705b4377..30ab9fa8c 100644
--- a/_layouts/project.html
+++ b/_layouts/project.html
@@ -2,7 +2,6 @@
layout: default
---
- {% for category in site.categories %} - {% capture category_slug %}{{ category | first }}{% endcapture %} - {% for c_slug in category_slug %} - {% if c_slug == page.categories %} - - {% else %} - {{ c_slug }} - {% endif %} - {% endfor %} +
+
+ {% for category in site.categories %} + {% capture category_slug %}{{ category | first }}{% endcapture %} + {% for c_slug in category_slug %} + {% if c_slug == page.categories %} + + {% else %} + {{ c_slug }} + {% endif %} {% endfor %} -
+ {% endfor %} - {% if site.categories[page.categories] %} - {% for post in site.categories[page.categories] %} - {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %} - {% if forloop.first %} -
+ + {% for category in site.categories %} + {% capture category_slug %}{{ category | first }}{% endcapture %} + {% for c_slug in category_slug %} + {% if c_slug == page.categories %} + + {% else %} + {{ c_slug }} + {% endif %} {% endfor %} -
+ {% endfor %} - {% if site.categories[page.categories] %} - {% for post in site.categories[page.categories] %} - {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %} - {% if forloop.first %} -
{{ post_year }}
- {% endif %}
-
- {% if forloop.first == false %}
- {% assign previous_index = forloop.index0 | minus: 1 %}
- {% capture previous_post_year %}{{ site.categories[page.categories][previous_index].date | date: '%Y' }}{% endcapture %}
- {% if post_year != previous_post_year %}
-
{{ post_year }}
- {% endif %}
- {% endif %}
-
-
+ {% if site.categories[page.categories] %} + {% for post in site.categories[page.categories] %} + {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %} + {% if forloop.first %} +
\ No newline at end of file
+ {% if forloop.first == false %}
+ {% assign previous_index = forloop.index0 | minus: 1 %}
+ {% capture previous_post_year %}{{ site.categories[page.categories][previous_index].date | date: '%Y' }}{% endcapture %}
+ {% if post_year != previous_post_year %}
+ -
-
- {{ post.title }} » {{ post.date | date_to_string }} -
+ {% if site.categories[page.categories] %} + {% for post in site.categories[page.categories] %} + {% capture post_year %}{{ post.date | date: '%Y' }}{% endcapture %} + {% if forloop.first %} +
{{ post_year }}
+
+ {% endif %}
- {% if forloop.last %}
-
- {% endif %}
- {% endfor %}
- {% else %}
- There are no posts in this categories.
- {% endif %} -{{ post_year }}
+
+ {% endif %}
+ {% endif %}
+
+ {% endif %}
+ {% endfor %}
+ {% else %}
+ -
+
- {{ post.title }} » {{ post.date | date_to_string }} +
There are no posts in this categories.
+ {% endif %} +{{ page.title }}
@@ -13,51 +12,55 @@
{{ page.title }}
{% assign p_array = "" | split:"|" %} {% for project in site.project %} - {% capture p_slug %}{{ project.url | split:"/" | last }},{{ project.url }}{% endcapture %} - {% assign p_slug_arr = p_slug | split:"," %} - {% assign p_array = p_array | push: p_slug_arr %} + {% capture p_slug %}{{ project.url | split:"/" | last }},{{ project.url }}{% endcapture %} + {% assign p_slug_arr = p_slug | split:"," %} + {% assign p_array = p_array | push: p_slug_arr %} {% endfor %}
- {% include project_tags.html %}
- {% for i in site.data.projects %}
-
-
-
-
+ {% include project_tags.html %}
+
+ {% for i in site.data.projects %}
+
-
-
-
- {% assign p_url = nil %}
- {% for pr in p_array %}
- {% if pr contains i.slug %}
- {% assign p_url = pr[1] %}
- {% endif %}
- {% endfor %}
- {% if p_url == nil %}{% assign p_url = i.url %}{% endif %}
- {% if p_url %}{% endif %}
-
- {{ i.name }}
- {% if p_url %} {% endif %} -
-
-
-
- {% if i.tags %}
- {% for j in i.tags %}
-
- {% endfor %}
- {% endif %}
-
-
- -
+
+
+ {% endfor %}
+
+
+
+ {% assign p_url = nil %}
+ {% for pr in p_array %}
+ {% if pr contains i.slug %}
+ {% assign p_url = pr[1] %}
+ {% endif %}
+ {% endfor %}
- {% endfor %}
+ {% if p_url == nil %}{% assign p_url = i.url %}{% endif %}
+ {% if p_url %}
+
+ {% endif %}
+
+ {{ i.name }}
+ {% if p_url %} + + {% endif %} + +
+
+
+
+ {% if i.tags %}
+ {% for j in i.tags %}
+
+ {% endfor %}
+ {% endif %}
+
+ +
{{ page.title }}
{% for project in site.data.projects %} - {% if project.slug == page.slug %} - {{ project.date }} » - {% for tag in project.tags %} - - {% endfor %} - {% endif %} + {% if project.slug == page.slug %} + {{ project.date }} » + {% for tag in project.tags %} + + {% endfor %} + {% endif %} {% endfor %}
-
-
diff --git a/projects.md b/projects.md
index 7a64cdda2..75817468e 100644
--- a/projects.md
+++ b/projects.md
@@ -4,4 +4,4 @@ title: Projects
permalink: /projects/
---
-Few of my projects. Currently doing more in backend, actually in Python and Django.
\ No newline at end of file
+Few of my projects. Currently doing more in backend, focused in Python and Django.
diff --git a/static/css/main.css b/static/css/main.css
old mode 100755
new mode 100644
index 1aabaf46c..0687301db
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,219 +1,172 @@
-/**
- * Master styling
- */
body {
- font-family: "Roboto Condensed", Arial, sans-serif;
- background-color: #fff;
- font-size: 16px;
- line-height: 1.5em;
- color: #666;
- font-weight: 300;
+ font-family: "Roboto Condensed", Arial, sans-serif;
+ background: url("/static/img/subtle_dots.png");
+ line-height: 1.5em;
+ font-weight: 300;
+ font-size: 16px;
+ color: #666;
}
hr {
- margin-top: 20px;
- margin-bottom: 20px;
- border: 0;
- border-top: 1px solid #F7F1F1;
- border-bottom: 1px solid #fff;
+ margin-top: 20px;
+ margin-bottom: 20px;
+ border: 0;
+ border-top: 1px solid #F7F1F1;
+ border-bottom: 1px solid #fff;
}
-
-/**
- * Font and link declarations
- */
span.time, span.categories {
- color: #ADADAD;
- margin-bottom: 5px;
- font-size: 11px;
+ color: #ADADAD;
+ margin-bottom: 5px;
+ font-size: 11px;
}
-
-h1 {
- font-weight: normal;
- color: #696969;
- margin-bottom: 10px;
- font-size: 25px;
+h1, h2, h3 {
+ color: #696969;
+ font-weight: normal;
}
-
-h2 {
- font-weight: normal;
- margin-bottom: 5px;
- color: #666666;
+h1 {
+ margin-bottom: 10px;
+ font-size: 25px;
}
-
-h3 {
- font-weight: normal;
- margin-bottom: 5px;
- color: #666666;
+h2, h3 {
+ margin-bottom: 5px;
}
-
a, a:link, a:active {
- text-decoration: none;
- color: #8C8C8C;
+ text-decoration: none;
+ color: #3fa757;
}
-
a:hover {
- color: #B3B3B3;
- text-decoration: underline;
+ color: #B3B3B3;
+ text-decoration: underline;
}
-/**
- * /////////////////
- * Container element
- * /////////////////
- */
-div#container {
- width: 700px;
- margin: auto;
+/* Layout */
+.main-layout {
+ background: #fff;
}
-
-/**
- * //////////////////////////////////
- * Right aka content column formatting
- * //////////////////////////////////
- */
-div.right {
- width: 500px;
- float: left;
-}
-
-div.content {
- border-top: 1px solid #E6E6E6;
- margin-top: 5px;
- padding-top: 5px;
+.sidebar-nav {
+ margin: 0;
+ padding: 0;
+}
+.sidebar-nav li {
+ margin: 0;
+ list-style: none;
+}
+.sidebar-nav li::before {
+ content: "»";
+ margin-right: .5em;
}
+/* Content */
div.content pre {
- background: #333333;
- padding: 10px;
- color: #FFF;
- overflow-x: auto;
- font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
- font-size: 12px;
- border: none;
+ background: #333333;
+ padding: 10px;
+ color: #FFF;
+ overflow-x: auto;
+ font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
+ font-size: 12px;
+ border: none;
}
-
div.content .highlight {
background: #333333;
}
-
footer {
- border-top: 1px solid #F7F1F1;
- width: 100%;
- height: 10px;
- margin-top: 10px;
- margin-bottom: 3em;
- padding-top: 10px;
- color: #C2C2C2;
- font-size: 11px;
- bottom: 0;
- padding-bottom: 10px;
-}
-
-footer div#github {
- text-align: right;
-}
-
-div.right h1 {
- margin-bottom: -2px;
-}
-
-div.right ul {
- list-style: none;
- margin-left: 0;
- padding: 0;
-}
-
-div.right ul li {
- margin-top: 5px;
- margin-left: 0;
- padding: 0;
-}
-
-div.right .post ul {
- list-style: square;
- margin-left: 15px;
-}
-
-/**
- * Left column aka nav bar formatting
- */
+ border-top: 1px solid #F7F1F1;
+ width: 100%;
+ height: 10px;
+ margin-top: 10px;
+ margin-bottom: 3em;
+ padding-top: 10px;
+ color: #C2C2C2;
+ font-size: 11px;
+ bottom: 0;
+ padding-bottom: 10px;
+}
+
+/* Left column */
div.col-sm-3 {
- margin-top: 100px;
- font-size: 11px;
- color: #666;
+ margin-top: 100px;
+ font-size: 11px;
+ color: #666;
}
-
div.col-sm-3 strong {
- font-size: 16px;
- color: #4A4A4A;
- font-weight: normal;
+ font-size: 16px;
+ color: #4A4A4A;
+ font-weight: normal;
}
-
-div.col-sm-3 div#about {
- margin-top: 10px;
- color: #8C8C8C;
+div.col-sm-3 div.profile-about {
+ margin-top: 10px;
+ color: #8C8C8C;
}
-
-div.col-sm-3 img#about {
- -webkit-border-radius: 150px;
- margin-bottom: 10px;
- margin-left: auto;
- margin-right: auto;
+div.col-sm-3 img.profile-avatar {
+ border-radius: 150px;
+ -webkit-border-radius: 150px;
+ -moz-border-radius: 150px;
+ -ms-border-radius: 150px;
+ -o-border-radius: 150px;
+ margin-left: auto;
+ margin-right: auto;
}
+/* Pagination */
.PageNavigation {
- font-size: 14px;
- display: block;
- width: auto;
- overflow: hidden;
+ font-size: 14px;
+ display: block;
+ width: auto;
+ overflow: hidden;
}
-
.PageNavigation a {
- display: block;
- width: 50%;
- float: left;
- margin: 1em 0;
+ display: block;
+ width: 50%;
+ float: left;
+ margin: 1em 0;
}
-
.PageNavigation .next {
- text-align: right;
+ text-align: right;
}
.PageNavigation .prev {
- text-align: left;
+ text-align: left;
}
+/* Social Icons */
.social{
- display: block;
- margin: 10px 0;
+ display: block;
+ margin: 10px 0;
}
.social ul {
- list-style-type: none;
- margin: 0;
- padding: 0;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
}
.social ul li {
- display: inline-block;
- margin: 0 5px;
+ display: inline-block;
+ margin: 0 5px;
}
.social li a {
- font-size: 16px;
+ font-size: 16px;
+ color: #969394;
+}
+.social li a:hover {
+ color: #6D6D6D;
}
.share-page {
- padding: 10px 10px 5px;
- border-top: 1px solid #f0f0f0;
- border-bottom: 1px solid #f0f0f0;
+ padding: 10px 10px 5px;
+ border-top: 1px solid #f0f0f0;
+ border-bottom: 1px solid #f0f0f0;
+}
+.post-content img,
+.content img {
+ max-width: 100%
}
-.post-content img, .content img {max-width: 100%}
/* Responsive Conditional */
@media (min-width: 1024px) {
- .fixed-condition {
- position: fixed;
- max-width: 255px;
- }
+ .fixed-condition {
+ position: fixed;
+ max-width: 255px;
+ }
}
@media (max-width: 768px) {
- div.col-sm-3 {
- margin-top: 30px;
- }
-}
\ No newline at end of file
+ div.col-sm-3 {
+ margin-top: 30px;
+ }
+}
diff --git a/static/css/projects.css b/static/css/projects.css
index f0d8ba29b..a355db8ab 100644
--- a/static/css/projects.css
+++ b/static/css/projects.css
@@ -1,72 +1,80 @@
-/*
- * Project Elements
-*/
+/* Project Elements */
.project-outer {
- display: inline-block;
- width: 30%;
- vertical-align: top;
- margin: 0 10px;
+ display: inline-block;
+ width: 30%;
+ vertical-align: top;
+ margin: 0 10px;
}
.project-img img {
- width: 100%;
+ width: 100%;
}
h3.project-headlines {
- margin: 5px 0;
- font-size: 20px;
+ margin: 5px 0;
+ font-size: 20px;
}
+
span.tags {
- font-size: 10px;
- border-bottom: 1px #888 dotted;
- margin: 0 5px;
+ font-size: 10px;
+ border-bottom: 1px #888 dotted;
+ margin: 0 5px;
+}
+span.tags:first-child {
+ margin-left: 0;
+}
+span.tags:last-child {
+ margin-right: 0;
}
-span.tags:first-child{ margin-left: 0; }
-span.tags:last-child{ margin-right: 0; }
-
.project-footer {
- clear: both;
- display: inline-block;
- width: 100%;
+ clear: both;
+ display: inline-block;
+ width: 100%;
}
.project-footer .project-link {
- display: inline-block;
- position: relative;
- float: left;
- text-decoration: none;
+ display: inline-block;
+ position: relative;
+ float: left;
+ text-decoration: none;
}
.project-footer .project-timeline {
- display: inline-block;
- position: relative;
- float: right;
- font-size: 13px;
- font-style: italic;
+ display: inline-block;
+ position: relative;
+ float: right;
+ font-size: 13px;
+ font-style: italic;
}
.project-inner > a {
- display: block;
+ display: block;
}
.project-img {
- width: 230px;
- height: 200px;
- display: block;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center center;
+ width: 230px;
+ height: 200px;
+ display: block;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center center;
}
+
/** Project Tag Filters **/
-.tag-group{
- margin: 0 0 25px 0;
+.tag-group {
+ margin: 0 0 25px 0;
}
span.tag-cloud {
- margin: 0 2px;
- cursor: pointer;
- font-size: 75%;
- padding: .2em .6em .3em;
- font-weight: 700;
- display: inline;
+ margin: 0 2px;
+ cursor: pointer;
+ font-size: 75%;
+ padding: .2em .6em .3em;
+ font-weight: 700;
+ display: inline;
}
-.tag-cloud.active{
- background: #ccc;
+.tag-cloud.active {
+ background: #ccc;
+}
+.project-item.not-show {
+ display: none;
+}
+a.project-detail:hover {
+ text-decoration: none;
+}
+a.project-detail:hover h3 {
+ color: #62A253;
}
-.project-item.not-show{ display: none; }
-
-a.project-detail:hover {text-decoration: none;}
-a.project-detail:hover h3 {color: #62A253;}
\ No newline at end of file
diff --git a/static/css/super-search.css b/static/css/super-search.css
index a08def83c..f0f7b391d 100644
--- a/static/css/super-search.css
+++ b/static/css/super-search.css
@@ -4,37 +4,37 @@
*/
input#js-search__input {
- font-size: 12px;
- font-family: "Roboto Condensed", Arial, sans-serif;
+ font-size: 12px;
+ font-family: "Roboto Condensed", Arial, sans-serif;
}
.is-active .search__input {
- transform: translateY(0);
+ transform: translateY(0);
}
.search__results {
- list-style: none;
- padding: 0;
- overflow-x: hidden;
- height: calc(100% - 110px);
- transition: 0.2s ease;
+ list-style: none;
+ padding: 0;
+ overflow-x: hidden;
+ height: calc(100% - 110px);
+ transition: 0.2s ease;
}
.search__results.is-hidden {
- opacity: 0;
- transform: translateY(-1vh);
- display: none;
+ opacity: 0;
+ transform: translateY(-1vh);
+ display: none;
}
.search__results > li {
- border-top: 1px solid #f0f0f0;
+ border-top: 1px solid #f0f0f0;
}
.search__results > li > a {
- display: block;
- padding: 10px;
+ display: block;
+ padding: 10px;
}
.search__result-date {
- color: #BBB;
- position: absolute;
- right: 12px;
+ color: #BBB;
+ position: absolute;
+ right: 12px;
}
.search.is-active {
- opacity: 1;
- visibility: visible;
-}
\ No newline at end of file
+ opacity: 1;
+ visibility: visible;
+}
diff --git a/static/img/screenshot-post-page.png.png b/static/img/screenshot-post-page.png.png
new file mode 100644
index 000000000..932be6278
Binary files /dev/null and b/static/img/screenshot-post-page.png.png differ
diff --git a/static/img/screenshot-post-page.png b/static/img/screenshot-post-page_old.png
similarity index 100%
rename from static/img/screenshot-post-page.png
rename to static/img/screenshot-post-page_old.png
diff --git a/static/img/subtle_dots.png b/static/img/subtle_dots.png
new file mode 100644
index 000000000..2118921bd
Binary files /dev/null and b/static/img/subtle_dots.png differ
Stack Problems
--
-
+
- {{ post.title }} » {{ post.date | date_to_string }} {% endfor %} -
{{ site.title }}
++ +
-
{% for post in paginator.posts %}
-
{% if paginator.previous_page %}
-
- - « - +
- « {% else %}
- {% endif %} @@ -26,27 +25,21 @@
- - {{ page }}(current) - +
- {{ page }}(current) {% elsif page == 1 %}
- {{ page }} {% else %} -
- - {{ page }} - +
- {{ page }} {% endif %} {% endfor %}
- Last {% if paginator.next_page %} -
- - » - +
- » {% else %}
- » {% endif %}