Some improvements has been added to the page layout

This commit is contained in:
Sameer Rahmani 2019-03-28 22:12:53 +00:00
parent aebd965cbd
commit 2ce31f97b6
6 changed files with 100 additions and 89 deletions

View File

@ -30,7 +30,7 @@
Code of Honor
</a>
<a href="/about-me/" class="navbar-item">
<a href="/about/" class="navbar-item">
About Me
</a>
</div>

View File

@ -2,76 +2,12 @@
layout: default
theme: dark
---
<div class="column is-half-desktop is-offset-one-quarter-desktop">
<h1 class="is-size-1">
{{page.title}}
</h1>
<div class="columns is-flex centered">
<div class="column is-half-desktop">
<h1 class="is-size-1">
{{page.title}}
</h1>
<div class="columns">
<div class="column">
<ul class="details is-size-7">
<li>{{page.date | date_to_string }} |</li>
{% for tag in page.categories %}
<a href="/categories/{{tag}}">
<li class="category">
<i class="fas fa-link"></i> {{ tag | capitalize }}
</li>
</a>
{% endfor %}
</ul>
</div>
<span>
{% for tag in page.tags %}
<span class="tag is-light">{{ tag | capitalize }}</span>
{% endfor %}
</span>
</div>
<content class="post">
{{ content }}
</content>
<hr/>
<div class="share-page">
<div class="columns is-flex">
<div>
<div class="column">
<span class="is-size-3">Share on:</span>
</div>
</div>
<a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter">
<div class="column">
<span class="icon is-large">
<i class="fab fa-twitter fa-lg"></i>
</span>
</div>
</a>
<a href="http://www.linkedin.com/shareArticle?mini=true&url={{page.url}}&title={{page.title}}&summary={{page.description}}&source={{site.url}}" rel="nofollow" target="_blank" title="Share on LinkedIn">
<div class="column">
<span class="icon is-large">
<i class="fab fa-linkedin fa-lg"></i>
</span>
</div>
</a>
<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+">
<div class="column">
<span class="icon is-large">
<i class="fab fa-google fa-lg"></i>
</span>
</div>
</a>
</div>
</div>
</div>
</div>
[]
<div class="columns is-flex centered">
<div class="column is-half-desktop has-text-centered">
</div>
<content class="post">
{{ content }}
</content>
</div>

View File

@ -1,9 +1,71 @@
---
layout: default
---
<div class="column is-half-desktop is-offset-one-quarter-desktop">
<h1 class="is-size-1">
{{page.title}}
</h1>
<div class="columns">
<div class="column">
<ul class="details is-size-7">
<li>{{page.date | date_to_string }} |</li>
{% for tag in page.categories %}
<a href="/categories/{{tag}}">
<li class="category">
<i class="fas fa-link"></i> {{ tag | capitalize }}
</li>
</a>
{% endfor %}
</ul>
</div>
<div class="columns is-flex centered">
<div class="column is-half-desktop">
<span>
{% for tag in page.tags %}
<span class="tag is-light">{{ tag | capitalize }}</span>
{% endfor %}
</span>
</div>
<content class="post">
{{ content }}
</content>
<hr/>
<div class="share-page">
<div class="columns is-flex">
<div>
<div class="column">
<span class="is-size-3">Share on:</span>
</div>
</div>
<a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ site.twitter_username }}&related={{ site.twitter_username }}" rel="nofollow" target="_blank" title="Share on Twitter">
<div class="column">
<span class="icon is-large">
<i class="fab fa-twitter fa-lg"></i>
</span>
</div>
</a>
<a href="http://www.linkedin.com/shareArticle?mini=true&url={{page.url}}&title={{page.title}}&summary={{page.description}}&source={{site.url}}" rel="nofollow" target="_blank" title="Share on LinkedIn">
<div class="column">
<span class="icon is-large">
<i class="fab fa-linkedin fa-lg"></i>
</span>
</div>
</a>
<a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" rel="nofollow" target="_blank" title="Share on Google+">
<div class="column">
<span class="icon is-large">
<i class="fab fa-google fa-lg"></i>
</span>
</div>
</a>
</div>
</div>
</div>
<div class="columns is-flex centered">
<div class="column is-half-desktop has-text-centered">
</div>
</div>

View File

@ -1,5 +1,5 @@
---
layout: page
layout: post
title: "I moved from Github to Gitlab"
date: 2018-11-02
theme: dark

View File

@ -1,18 +1,9 @@
---
layout: page
title: About
theme: dark
title: About Me
permalink: /about/
---
This is the base Jekyll theme. You can find out more info about customizing your Jekyll theme, as well as basic Jekyll usage documentation at [jekyllrb.com](https://jekyllrb.com/)
You can find the source code for Minima at GitHub:
[jekyll][jekyll-organization] /
[minima](https://github.com/jekyll/minima)
You can find the source code for Jekyll at GitHub:
[jekyll][jekyll-organization] /
[jekyll](https://github.com/jekyll/jekyll)
[jekyll-organization]: https://github.com/jekyll
My name is Sameer and I'm a senior software engineer @ udemy.

View File

@ -65,8 +65,30 @@ body.dark
content.post
p
text-align: justify
h1
@extend .is-size-1
h2
@extend .is-size-2
h3
@extend .is-size-3
h4
@extend .is-size-4
h5
@extend .is-size-5
p, h1, h2, h3, h4, h5
padding-top: 1em
padding-bottom: 0.5em
line-height: 1.5
p
text-align: justify
ul
list-style: circle
li
margin-left: 1em
a
color: $white
font-weight: 700