generated from cotes2020/chirpy-starter
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8837098
commit 2b005e5
Showing
4 changed files
with
157 additions
and
54 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,39 +1,142 @@ | ||
| --- | ||
| layout: default | ||
| refactor: true | ||
| panel_includes: | ||
| - toc | ||
| tail_includes: | ||
| - related-posts | ||
| - post-nav | ||
| - comments | ||
| --- | ||
|
|
||
| <style> | ||
| .pageviews { | ||
| display: flex; | ||
| align-items: center; | ||
| margin-top: 10px; /* Adjust spacing as needed */ | ||
| } | ||
|
|
||
| .pageviews img { | ||
| margin-left: 5px; /* Space between the icon and counter */ | ||
| } | ||
| </style> | ||
|
|
||
| <article class="post"> | ||
| <header class="post-header"> | ||
| <h1>{{ page.title }}</h1> | ||
| <p class="post-meta"> | ||
| Posted {{ page.date | date: "%B %d, %Y" }} Updated {{ | ||
| page.last_modified_at | date: "%B %d, %Y" }} {{ page.reading_time }} min | ||
| read | ||
| </p> | ||
| <!-- Page Views Counter --> | ||
| <div class="pageviews"> | ||
| <em id="pv" class="pageviews"> | ||
| <i class="fa-duotone"></i> | ||
| </em> | ||
| <img | ||
| style="width: inherit" | ||
| src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fmoatazmahmoud404.github.io%2F{{ page.url }}&count_bg=%2379C83D&title_bg=%23555555&icon=postwoman.svg&icon_color=%23E7E7E7&title=Hits&edge_flat=false" | ||
| alt="Hits" | ||
| /> | ||
| {% include lang.html %} | ||
|
|
||
| <article class="px-1"> | ||
| <header> | ||
| <h1 data-toc-skip>{{ page.title }}</h1> | ||
| {% if page.description %} | ||
| <p class="post-desc fw-light mb-4">{{ page.description }}</p> | ||
| {% endif %} | ||
|
|
||
| <div class="post-meta text-muted"> | ||
| <!-- published date --> | ||
| <span> | ||
| {{ site.data.locales[lang].post.posted }} {% include datetime.html | ||
| date=page.date tooltip=true lang=lang %} | ||
| </span> | ||
|
|
||
| <!-- lastmod date --> | ||
| {% if page.last_modified_at and page.last_modified_at != page.date %} | ||
| <span> | ||
| {{ site.data.locales[lang].post.updated }} {% include datetime.html | ||
| date=page.last_modified_at tooltip=true lang=lang %} | ||
| </span> | ||
| {% endif %} {% if page.image %} {% capture src %}src="{{ page.image.path | | ||
| default: page.image }}"{% endcapture %} {% capture class | ||
| %}class="preview-img{% if page.image.no_bg %}{{ ' no-bg' }}{% endif %}"{% | ||
| endcapture %} {% capture alt %}alt="{{ page.image.alt | xml_escape | | ||
| default: "Preview Image" }}"{% endcapture %} {% if page.image.lqip %} {%- | ||
| capture lqip -%}lqip="{{ page.image.lqip }}"{%- endcapture -%} {% endif %} | ||
|
|
||
| <div class="mt-3 mb-3"> | ||
| <img {{ src }} {{ class }} {{ alt }} w="1200" h="630" {{ lqip }} /> | ||
| {%- if page.image.alt -%} | ||
| <figcaption class="text-center pt-2 pb-2"> | ||
| {{ page.image.alt }} | ||
| </figcaption> | ||
| {%- endif -%} | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| <div class="d-flex justify-content-between"> | ||
| <!-- author(s) --> | ||
| <span> | ||
| {% if page.author %} {% assign authors = page.author %} {% elsif | ||
| page.authors %} {% assign authors = page.authors %} {% endif %} {{ | ||
| site.data.locales[lang].post.written_by }} | ||
|
|
||
| <em> | ||
| {% if authors %} {% for author in authors %} {% if | ||
| site.data.authors[author].url -%} | ||
| <a href="{{ site.data.authors[author].url }}" | ||
| >{{ site.data.authors[author].name }}</a | ||
| > | ||
| {%- else -%} {{ site.data.authors[author].name }} {%- endif %} {% | ||
| unless forloop.last %}{{ '</em | ||
| >, | ||
| <em | ||
| >' }}{% endunless %} {% endfor %} {% else %} | ||
| <a href="{{ site.social.links[0] }}">{{ site.social.name }}</a> | ||
| {% endif %} | ||
| </em> | ||
| </span> | ||
|
|
||
| <div> | ||
| <!-- read time --> | ||
| {% include read-time.html content=content prompt=true lang=lang %} | ||
| <!-- pageviews counter --> | ||
| <div class="pageviews"> | ||
| <em id="pv"> | ||
| <i class="fa-duotone"></i> | ||
| </em> | ||
| <img | ||
| style="width: inherit" | ||
| src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fmoatazmahmoud404.github.io%2F{{ page.url | url_encode }}&count_bg=%2379C83D&title_bg=%23555555&icon=postwoman.svg&icon_color=%23E7E7E7&title=Hits&edge_flat=false" | ||
| alt="Hits" | ||
| /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div class="post-content">{{ content }}</div> | ||
| <div class="content">{{ content }}</div> | ||
|
|
||
| <div class="post-tail-wrapper text-muted"> | ||
| <!-- categories --> | ||
| {% if page.categories.size > 0 %} | ||
| <div class="post-meta mb-3"> | ||
| <i class="far fa-folder-open fa-fw me-1"></i> | ||
| {% for category in page.categories %} | ||
| <a | ||
| href="{{ site.baseurl }}/categories/{{ category | slugify | url_encode }}/" | ||
| >{{ category }}</a | ||
| > | ||
| {%- unless forloop.last -%},{%- endunless -%} {% endfor %} | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| <!-- tags --> | ||
| {% if page.tags.size > 0 %} | ||
| <div class="post-tags"> | ||
| <i class="fa fa-tags fa-fw me-1"></i> | ||
| {% for tag in page.tags %} | ||
| <a | ||
| href="{{ site.baseurl }}/tags/{{ tag | slugify | url_encode }}/" | ||
| class="post-tag no-text-decoration" | ||
| > | ||
| {{- tag -}} | ||
| </a> | ||
| {% endfor %} | ||
| </div> | ||
| {% endif %} | ||
|
|
||
| <div | ||
| class="post-tail-bottom d-flex justify-content-between align-items-center mt-5 pb-2" | ||
| > | ||
| <div class="license-wrapper"> | ||
| {% if site.data.locales[lang].copyright.license.template %} {% capture | ||
| _replacement %} | ||
| <a href="{{ site.data.locales[lang].copyright.license.link }}"> | ||
| {{ site.data.locales[lang].copyright.license.name }} | ||
| </a> | ||
| {% endcapture %} {{ site.data.locales[lang].copyright.license.template | | ||
| replace: ':LICENSE_NAME', _replacement }} {% endif %} | ||
| </div> | ||
|
|
||
| {% include post-sharing.html lang=lang %} | ||
| </div> | ||
| <!-- .post-tail-bottom --> | ||
| </div> | ||
| <!-- div.post-tail-wrapper --> | ||
| </article> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters