Skip to content

Commit

Permalink
all changed {{color-hover }{sidebar type }{contact}{share-button}}
Browse files Browse the repository at this point in the history
  • Loading branch information
mohammadabidhafiz1294 committed Sep 26, 2024
1 parent 6fcfa26 commit b72cd97
Show file tree
Hide file tree
Showing 8 changed files with 174 additions and 26 deletions.
18 changes: 12 additions & 6 deletions _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ title: Mohammad Abid Hafiz # the main title
tagline: Physics Student @ RU 🇧🇩 | Software Engineer | DevOps | Quantum Computing Enthusiastic # it will display as the sub-title

description: >- # used by seo meta and the atom feed
A minimal, responsive and feature-rich Jekyll theme for technical writing.
A personal blog by Mohammad Abid Hafiz, a Physics student and Software Engineer, sharing insights on DevOps, Quantum Computing, and technical writing.
# Fill in the protocol & hostname for your site.
# e.g. 'https://username.github.io', note that it does not end with a '/'.
Expand All @@ -28,21 +28,27 @@ url: "https://mohammadabidhafiz1294.github.io" # the base hostname & protocol fo
github:
username: mohammadabidhafiz1294 # change to your github username

twitter:
username: MDabidhafiz1294 # change to your twitter username
linkedin:
username: mohammadabidhafiz1294 # change to your LinkedIn username

telegram:
channel-id: QC_DEVOPS_learning # change to your telegram channel id

# twitter:
# username: MDabidhafiz1294 # change to your twitter username

social:
# Change to your full name.
# It will be displayed as the default author of the posts and the copyright owner in the Footer
name: Mohammad Abid Hafiz
email: myself@mohammadabidhafiz.me # change to your email address
email: mohammadabidhafiz@gmail.com # change to your email address
links:
# The first element serves as the copyright owner's link
- https://twitter.com/MDabidhafiz1294 # change to your twitter homepage
- https://github.com/mohammadabidhafiz1294 # change to your github homepage
# Uncomment below to add more social links
# - https://www.facebook.com/username
# - https://www.linkedin.com/in/username
- https://www.linkedin.com/in/mohammadabidhafiz1294

google_site_verification: AJ313AlRA67n8AtM-qMYSX1RxjTkbRiXOgrxOnDlnTE # fill in to your verification string

Expand All @@ -66,7 +72,7 @@ goatcounter:
# light - Use the light color scheme
# dark - Use the dark color scheme
#
theme_mode: # [light | dark]
theme_mode: #[light | dark]

# The CDN endpoint for images.
# Notice that once it is assigned, the CDN url
Expand Down
19 changes: 12 additions & 7 deletions _data/contact.yml
Original file line number Diff line number Diff line change
@@ -1,17 +1,22 @@
# The contact options.

- type: github
icon: "fab fa-github"
icon: "fa-brands fa-github"

- type: twitter
icon: "fa-brands fa-x-twitter"
- type: linkedin
icon: "fa-brands fa-linkedin"
url: "https://www.linkedin.com/in/username"

- type: email
icon: "fas fa-envelope"
noblank: true # open link in current tab
- type: telegram
icon: "fa-brands fa-telegram"
url: "https://t.me/channel-id"

# - type: email
# icon: "fa-solid fa-envelope"
# noblank: true # open link in current tab

- type: rss
icon: "fas fa-rss"
icon: "fa-solid fa-rss"
noblank: true
# Uncomment and complete the url below to enable more contact options
#
Expand Down
12 changes: 6 additions & 6 deletions _data/share.yml
Original file line number Diff line number Diff line change
Expand Up @@ -7,19 +7,19 @@ platforms:
link: "https://twitter.com/intent/tweet?text=TITLE&url=URL"

- type: Facebook
icon: "fab fa-facebook-square"
icon: "fa-brands fa-facebook-square"
link: "https://www.facebook.com/sharer/sharer.php?title=TITLE&u=URL"

- type: Telegram
icon: "fab fa-telegram"
icon: "fa-brands fa-telegram"
link: "https://t.me/share/url?url=URL&text=TITLE"

# Uncomment below if you need to.
#
# - type: Linkedin
# icon: "fab fa-linkedin"
# link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"
#
- type: Linkedin
icon: "fa-brands fa-linkedin"
link: "https://www.linkedin.com/sharing/share-offsite/?url=URL"

# - type: Weibo
# icon: "fab fa-weibo"
# link: "http://service.weibo.com/share/share.php?title=TITLE&url=URL"
Expand Down
42 changes: 42 additions & 0 deletions _includes/footer.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!-- The Footer -->

<footer
aria-label="Site Info"
class="
d-flex flex-column justify-content-center text-muted
flex-lg-row justify-content-lg-between align-items-lg-center pb-lg-3
"
>
<p>
{{- '©' }}
<time>{{ 'now' | date: '%Y' }}</time>

{% if site.social.links %}
<a href="{{ site.social.links[0] }}">{{ site.social.name }}</a>.
{% else %}
<em class="fst-normal">{{ site.social.name }}</em>.
{% endif %}

{% if site.data.locales[include.lang].copyright.brief %}
<span
data-bs-toggle="tooltip"
data-bs-placement="top"
title="{{ site.data.locales[include.lang].copyright.verbose }}"
>
{{- site.data.locales[include.lang].copyright.brief -}}
</span>
{% endif %}
</p>

<p>
{%- capture _platform -%}
<a href="https://jekyllrb.com" target="_blank" rel="noopener">Jekyll</a>
{%- endcapture -%}

{%- capture _theme -%}
<a href="https://github.com/cotes2020/jekyll-theme-chirpy" target="_blank" rel="noopener">Chirpy</a>
{%- endcapture -%}

{{ site.data.locales[include.lang].meta | replace: ':PLATFORM', _platform | replace: ':THEME', _theme }}
</p>
</footer>
94 changes: 94 additions & 0 deletions _includes/sidebar.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
<!-- The Side Bar -->

<aside aria-label="Sidebar" id="sidebar" class="d-flex flex-column align-items-end">
<header class="profile-wrapper">
<a href="{{ '/' | relative_url }}" id="avatar" class="rounded-circle">
{%- if site.avatar != empty and site.avatar -%}
{%- capture avatar_url -%}
{% include img-url.html src=site.avatar %}
{%- endcapture -%}
<img src="{{- avatar_url -}}" width="112" height="112" alt="avatar" onerror="this.style.display='none'">
{%- endif -%}
</a>

<h1 class="site-title">
<a href="{{ '/' | relative_url }}">{{ site.title }}</a>
</h1>
<p class="site-subtitle fst-italic mb-0">{{ site.tagline }}</p>
</header>
<!-- .profile-wrapper -->

<nav class="flex-column flex-grow-1 w-100 ps-0">
<ul class="nav">
<!-- home -->
<li class="nav-item{% if page.layout == 'home' %}{{ " active" }}{% endif %}">
<a href="{{ '/' | relative_url }}" class="nav-link">
<i class="fa-fw fas fa-home"></i>
<span>{{ site.data.locales[include.lang].tabs.home | upcase }}</span>
</a>
</li>
<!-- the real tabs -->
{% for tab in site.tabs %}
<li class="nav-item{% if tab.url == page.url %}{{ " active" }}{% endif %}">
<a href="{{ tab.url | relative_url }}" class="nav-link">
<i class="fa-fw {{ tab.icon }}"></i>
{% capture tab_name %}{{ tab.url | split: '/' }}{% endcapture %}

<span>{{ site.data.locales[include.lang].tabs.[tab_name] | default: tab.title | upcase }}</span>
</a>
</li>
<!-- .nav-item -->
{% endfor %}
</ul>
</nav>

<div class="sidebar-bottom d-flex flex-wrap align-items-center w-100">
{% unless site.theme_mode %}
<button type="button" class="mode-toggle btn" aria-label="Switch Mode">
<i class="fas fa-adjust"></i>
</button>

{% if site.data.contact.size > 1 %}
<span class="icon-border"></span>
{% endif %}
{% endunless %}

{% for entry in site.data.contact %}
{% case entry.type %}
{% when 'github', 'twitter' %}
{%- capture url -%}
https://{{ entry.type }}.com/{{ site[entry.type].username }}
{%- endcapture -%}
{% when 'linkedin' %}
{%- capture url -%}
https://{{ entry.type }}.com/in/{{ site[entry.type].username }}
{%- endcapture -%}
{% when 'telegram' %}
{%- capture url -%}
https://t.me/{{ site[entry.type].channel-id }}
{%- endcapture -%}

{% when 'email' %}
{% assign email = site.social.email | split: '@' %}
{%- capture url -%}
javascript:location.href = 'mailto:' + ['{{ email[0] }}','{{ email[1] }}'].join('@')
{%- endcapture -%}
{% when 'rss' %}
{% assign url = '/feed.xml' | relative_url %}
{% else %}
{% assign url = entry.url %}
{% endcase %}

{% if url %}
<a href="{{ url }}" aria-label="{{ entry.type }}" {% assign link_types = '' %} {% unless entry.noblank %}
target="_blank" {% assign link_types = 'noopener noreferrer' %} {% endunless %} {% if entry.type == 'mastodon' %}
{% assign link_types = link_types | append: ' me' | strip %} {% endif %} {% unless link_types == empty %}
rel="{{ link_types }}" {% endunless %}>
<i class="{{ entry.icon }}"></i>
</a>
{% endif %}
{% endfor %}
</div>
<!-- .sidebar-bottom -->
</aside>
<!-- #sidebar -->
7 changes: 4 additions & 3 deletions _sass/addon/commons.scss
Original file line number Diff line number Diff line change
Expand Up @@ -692,8 +692,8 @@ mjx-container {
/* --- sidebar layout --- */

$sidebar-display: 'sidebar-display';
$btn-border-width: 3px;
$btn-mb: 0.5rem;
$btn-border-width: 6px;
$btn-mb: 0.6rem;

#sidebar {
@include pl-pr(0);
Expand Down Expand Up @@ -887,8 +887,9 @@ $btn-mb: 0.5rem;
content: '';
width: $btn-border-width;
height: $btn-border-width;
border-radius: 50%;
border-radius: 30%;
margin-bottom: $btn-mb;
display: inline-block; /* Ensure the span behaves like an inline-block element */
}
} /* .sidebar-bottom */
} /* #sidebar */
Expand Down
4 changes: 2 additions & 2 deletions _sass/addon/module.scss
Original file line number Diff line number Diff line change
Expand Up @@ -55,8 +55,8 @@
}

%link-hover {
color: #d2603a !important;
border-bottom: 1px solid #d2603a;
color: #22c55e !important;
border-bottom: 1px solid #22c55e;
text-decoration: none;
}

Expand Down
4 changes: 2 additions & 2 deletions _sass/addon/variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@

$sidebar-width: 260px !default; /* the basic width */
$sidebar-width-large: 300px !default; /* screen width: >= 1650px */
$sb-btn-gap: 0.8rem !default;
$sb-btn-gap-lg: 1rem !default;
$sb-btn-gap: 0.9rem !default;
$sb-btn-gap-lg: 1.1rem !default;

/* other framework sizes */

Expand Down

0 comments on commit b72cd97

Please sign in to comment.