Some improvements has been added to the page layout
This commit is contained in:
parent
aebd965cbd
commit
2ce31f97b6
|
@ -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>
|
||||
|
|
|
@ -2,76 +2,12 @@
|
|||
layout: default
|
||||
theme: dark
|
||||
---
|
||||
|
||||
<div class="columns is-flex centered">
|
||||
<div class="column is-half-desktop">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
---
|
||||
layout: page
|
||||
layout: post
|
||||
title: "I moved from Github to Gitlab"
|
||||
date: 2018-11-02
|
||||
theme: dark
|
||||
|
|
17
about.md
17
about.md
|
@ -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.
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in New Issue