-
-
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
Showing
1 changed file
with
101 additions
and
74 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,77 +1,104 @@ | ||
| --- | ||
| layout: base | ||
| --- | ||
| <article class="section"> | ||
| <div class="container"> | ||
| <div class="columns"> | ||
| <div class="column is-8 is-offset-2"> | ||
| <!-- Post Header --> | ||
| <header class="post-header"> | ||
| <h1 class="title is-1">{{ page.title }}</h1> | ||
| <p class="subtitle is-4"> | ||
| <span class="icon"><i class="fas fa-calendar-alt"></i></span> | ||
| {{ page.date | date: '%B %d, %Y' }} | ||
| <span class="icon"><i class="fas fa-user"></i></span> {{ page.author }} | ||
| </p> | ||
| </header> | ||
|
|
||
| <!-- Top Leaderboard Ad --> | ||
| {% include ad/adsense.html type="top-leaderboard" %} | ||
|
|
||
| <!-- Post Content --> | ||
| <div class="content"> | ||
| {{ content }} | ||
| </div> | ||
|
|
||
| <!-- Square Ad --> | ||
| {% include ad/adsense.html type="square" %} | ||
|
|
||
| <!-- Article Ad --> | ||
| {% include ad/adsense.html type="article" %} | ||
|
|
||
| <!-- Bottom Leaderboard Ad --> | ||
| {% include ad/adsense.html type="small-leaderboard" %} | ||
|
|
||
| <!-- Post Footer --> | ||
| <footer class="post-footer"> | ||
| <nav class="level"> | ||
| <div class="level-left"> | ||
| {% if page.previous %} | ||
| <div class="level-item"> | ||
| <a class="button is-light" href="{{ page.previous.url }}"> | ||
| <span class="icon"><i class="fas fa-arrow-left"></i></span> | ||
| <span>Previous Post</span> | ||
| </a> | ||
| </div> | ||
| {% endif %} | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <meta name="theme-color" content="{{ site.theme_color | default: '#ffffff' }}"> | ||
| <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css"> | ||
| <link | ||
| rel="shortcut icon" | ||
| type="image/png" | ||
| {% if site.favicon %} | ||
| href="{{ site.favicon | relative_url }}" | ||
| {% else %} | ||
| href="{{ site.baseurl }}/favicon.png" | ||
| {% endif %} | ||
| > | ||
| <script defer src="https://unpkg.com/[email protected]/dist/cdn.min.js"></script> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css"> | ||
| {% unless site.hide_share_buttons %} | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css"> | ||
| {% endunless %} | ||
| {% seo %} | ||
| {% if site.feed %} | ||
| {% feed_meta %} | ||
| {% endif %} | ||
| {% if site.google_analytics %} | ||
| {% include google-analytics.html %} | ||
| {% endif %} | ||
| {% include head-scripts.html %} | ||
| <style> | ||
| .sticky-sidebar { | ||
| position: -webkit-sticky; | ||
| position: sticky; | ||
| top: 1rem; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| {% include header.html %} | ||
| <section class="section"> | ||
| <div class="container"> | ||
| <div class="columns"> | ||
| <div class="column is-two-thirds"> | ||
| <div class="content"> | ||
| <h1 class="title">{{ page.title }}</h1> | ||
| <p class="subtitle">{{ page.date | date: '%B %d, %Y' }}</p> | ||
| {{ content }} | ||
| </div> | ||
| <div class="level-right"> | ||
| {% if page.next %} | ||
| <div class="level-item"> | ||
| <a class="button is-light" href="{{ page.next.url }}"> | ||
| <span>Next Post</span> | ||
| <span class="icon"><i class="fas fa-arrow-right"></i></span> | ||
| </a> | ||
| </div> | ||
| {% endif %} | ||
| <!-- Dummy Widget: Search --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Search Widget</h4> | ||
| <div class="content"> | ||
| <!-- Replace with actual search widget code --> | ||
| <input type="text" placeholder="Search..."> | ||
| <button class="button is-primary">Search</button> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
| </footer> | ||
| </div> | ||
|
|
||
| <!-- Sidebar with Ads --> | ||
| <div class="column is-2"> | ||
| <aside> | ||
| <!-- Button Ad --> | ||
| {% include ad/adsense.html type="button" %} | ||
|
|
||
| <!-- Skyscraper Ad --> | ||
| {% include ad/adsense.html type="skyscraper" %} | ||
|
|
||
| <!-- Small Skyscraper Ad --> | ||
| {% include ad/adsense.html type="skyscraper-small" %} | ||
| </aside> | ||
| <!-- Article Ad --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Article Ad</h4> | ||
| {% include ad/adsense.html type="article" %} | ||
| </div> | ||
| <!-- Comments Section --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Comments</h4> | ||
| <!-- Replace with actual comments section --> | ||
| <p>Comments section goes here...</p> | ||
| </div> | ||
| <!-- Multiplex Ad --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Multiplex Ad</h4> | ||
| {% include ad/adsense.html type="multiplex" %} | ||
| </div> | ||
| </div> | ||
| <div class="column is-one-third"> | ||
| <div class="sticky-sidebar"> | ||
| <!-- Leaderboard Top Ad --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Leaderboard Top Ad</h4> | ||
| {% include ad/adsense.html type="top-leaderboard" %} | ||
| </div> | ||
| <!-- Small Leaderboard Ad --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Small Leaderboard Ad</h4> | ||
| {% include ad/adsense.html type="small-leaderboard" %} | ||
| </div> | ||
| <!-- Square Ad --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Square Ad</h4> | ||
| {% include ad/adsense.html type="square" %} | ||
| </div> | ||
| <!-- Skyscraper Ad --> | ||
| <div class="box"> | ||
| <h4 class="title is-4">Skyscraper Ad</h4> | ||
| {% include ad/adsense.html type="skyscraper" %} | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </article> | ||
| </section> | ||
| {% include footer.html %} | ||
| </body> | ||
| </html> |