Adding Linktree and Reading Page

This commit is contained in:
Jeff MacKinnon 2024-03-06 17:45:56 -04:00
parent 886f892a89
commit ccfa19d617
9 changed files with 420 additions and 94 deletions

View file

View file

@ -348,64 +348,6 @@ blockquote::after {
/************************************************/
/* Linktrees are a thing */
/* used liberally from mollywhite.net from Sept 2, 2022 */
.linktree {
width: 100%;
height: 100%;
}
.linktree * {
box-sizing: border-box;
}
.linktree body {
width: 100%;
height: 100%;
background-color: #96B78A;
}
.linktree .linktree-content {
max-width: 680px;
margin: 100px auto 0 auto;
width: 100%;
height: 100%;
padding: 24px 12px;
}
.linktree .linktree-content .wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.linktree .linktree-content .wrapper a.linktree-link {
display: block;
box-sizing: border-box;
width: 100%;
text-align: center;
text-decoration: none;
line-height: 40px;
background-color: #FFFFFF;
margin-bottom: 15px;
border: 2px solid #FFFFFF;
border-radius: 4px;
padding: 5px;
}
.linktree .linktree-content .wrapper a.linktree-link:hover {
background: rgba(255, 255, 255, 0.4);
}
.linktree .linktree-content .wrapper .social-links {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.linktree .linktree-content .wrapper .social-links a {
color: #FFFFFF;
text-decoration: none;
padding: 0 10px;
font-size: 120%;
}
/************************************************/
/* Graphviz */
div.graphviz {
@ -424,27 +366,56 @@ div.graphviz img {
/************************************************/
/* Archive Listing */
/* Linktrees are a thing */
/* CSS based on this page https://hashnode.com/post/linktree-clone-using-html-and-css-ckshpyzkz0138wqs19rf61foz from Mar 6, 2024 */
dl.archive {
.linktree{
padding:20%;
padding-top:1%;
padding-bottom:1%;
}
.linktreelink{
text-align: center;
margin-top: 1px;
padding: 20px 0;
max-width: 590px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top:10px;
background-color:var(--style-colour);
color:white;
text-decoration:none;
}
.linktreelink a {
border-bottom: none;
}
.linktreelink:hover{
color:var(--style-colour);
background-color:white;
border: 2px solid;
border-color:var(--style-colour);
}
.social-links {
text-align: center;
margin-top:20px;
margin-left: auto;
margin-right: auto;
padding-left: 10%;
padding-right: 10%;
align-items: center;
display: flex;
justify-content: space-between;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0
}
dt.archive {
float: left;
width: 50%;
/* adjust the width; make sure the total of both is 100% */
font-weight: 600;
padding: 0;
margin: 0
}
dd.archive {
float: left;
width: 50%;
/* adjust the width; make sure the total of both is 100% */
padding: 0;
margin: 0
.social-links a {
background: none;
font-size: 120%;
padding: 0 .625rem;
border-bottom: none;
}

View file

@ -16,9 +16,6 @@
{% else %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/colour-default.css" />
{% endif %}
{% if (article and article.photo_gallery) or (articles_page and articles_page.object_list[0].photo_gallery) %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/magnific-popup.css">
{% endif %}
<meta name="generator" content="Pelican" />
{% if FEED_ALL_ATOM %}
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Full Atom Feed" />
@ -67,9 +64,6 @@
<header id="header">
<strong><a href="{{ SITEURL }}/" class="logo">{{ SITENAME }}{% if SITESUBTITLE %} {{ SITESUBTITLE }}{% endif %}</a></strong>
<ul class="icons">
{% if SOCIAL_TWITTER %}
<li><a href="https://twitter.com/{{ SOCIAL_TWITTER }}" class="icon brands fa-twitter" target="_blank" rel="noopener noreferrer"><span class="label">Twitter</span></a></li>
{% endif %}
{% if SOCIAL_MASTODON %}
<li><a href="{{ SOCIAL_MASTODON }}" class="icon brands fa-mastodon" target="_blank" rel="noopener noreferrer"><span class="label">Mastodon</span></a></li>
{% endif %}

View file

@ -0,0 +1,72 @@
<!DOCTYPE html>
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
<head>
{% block head %}
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
{% if FAVICON %}
<link rel="icon" type="image/x-icon" href="{{ SITEURL }}/{{ FAVICON }}">
{% endif %}
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" />
{% if THEME_COLOUR == 1 %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/colour-blue.css" />
{% elif THEME_COLOUR == 0 %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/colour-default.css" />
{% else %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/colour-default.css" />
{% endif %}
<meta name="generator" content="Pelican" />
{% if TRACKING == True %}
{% include 'include/trackingcode.html' %}
{% endif %}
{% endblock head %}
</head>
<body class="is-preload">
<div class="linktree">
<header>
<h1>{{ page.title }}</h1>
{% import 'translations.html' as translations with context %}
{{ translations.translations_for(page) }}
</header>
<div class="linkwrapper">
{% for name, link in LINKS %}
<a class="linktreelink" href="{{ link }}" target="_blank"><i>{{ name }}</i></a>
{% endfor %}
<div class="social-links">
{% if SOCIAL_MASTODON %}
<a href="{{ SOCIAL_MASTODON }}" target="_blank" rel="noopener noreferrer"><i class="fab fa-mastodon" alt="" aria-hidden="true"></i></a>
{% endif %}
{% if SOCIAL_FLICKR %}
<a href="https://www.flickr.com/photos/{{ SOCIAL_FLICKR }}" class="icon brands fa-flickr" target="_blank" rel="noopener noreferrer"><span class="label">Flickr</span></a>
{% endif %}
{% if SOCIAL_GITHUB %}
<a href="https://github.com/{{ SOCIAL_GITHUB }}" target="_blank" rel="noopener noreferrer"><i class="fab fa-github" alt="" aria-hidden="true"></i></a>
{% endif %}
{% if SOCIAL_LINKEDIN %}
<a href="https://www.linkedin.com/in/{{ SOCIAL_LINKEDIN }}" class="icon brands fa-linkedin" target="_blank" rel="noopener noreferrer"><span class="label">LinkedIn</span></a>
{% endif %}
{% if SOCIAL_YOUTUBE %}
<a href="https://www.youtube.com/channel/{{ SOCIAL_YOUTUBE }}" target="_blank" rel="noopener noreferrer">
<i class="fab fa-youtube" alt="" aria-hidden="true"></i>
</a>
{% endif %}
{% if CONTACT_EMAIL %}
<a href="mailto:{{CONTACT_EMAIL}}" aria-label="Email" title="Email" target="_blank">
<i class="fas fa-envelope" alt="" aria-hidden="true"></i>
</a>
{% endif %}
</div>
</div>
</div>
{% if IMAGETRACKINGCODE %}
{{ IMAGETRACKINGCODE }}
{% endif %}
</body>
</html>

View file

@ -4,9 +4,3 @@
<li><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a> </li>
{% endfor %}
</il>
<!--
<div>
{% if articles_page.has_other_pages() %}
{% include 'include/pagination.html' %}
{% endif %}
</div>-->

View file

@ -1,3 +1,7 @@
{% if page.linktree %}
{% include 'include/links.html' %}
{% else %}
{% extends "base.html" %}
{% block html_lang %}{{ page.lang }}{% endblock %}
@ -24,7 +28,7 @@
{% block somemorehead %}
{% if page.specialcss %}
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ page.specialcss }}">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css-include/{{ page.specialcss }}">
{% endif %}
{% endblock somemorehead %}
@ -50,3 +54,4 @@
</div>
</section>
{% endblock %}
{% endif %}

View file

@ -0,0 +1,281 @@
Reading
#######
:date: 2022-04-13
:modified: 2024-01-02
:author: jeff
:slug: reading
:status: published
This page is inspired by `Pagemelt <https://www.pagemelt.ink/>`__ and their `reading page <https://web.archive.org/web/20220531131705/https://www.pagemelt.ink/published/>`__ (they look like they killed this project (like my `365Project <{tag}365project>`__) so this is a web archive link).
Jump Links:
- `2022 Fiction <#fiction2022>`__
- `2022 Non-Fiction <#nonfiction2022>`__
- `Legend <#imagelegend>`__
2022
====
.. _fiction2022:
Fiction
-------
.. image:: {static}/images/books/2022/Jodi-Taylor-Santa-Grint.png
:class: read
:alt: Santa Grint by Jodi Taylor
.. image:: {static}/images/books/2022/403841.jpg
:class: read
:target: https://www.thriftbooks.com/w/arthur-c-clarkes-venus-prime-3-hide-and-seek_paul-preuss/29558710/#edition=60356163&idiq=53978121
:alt: Venus Prime - 3
.. image:: {static}/images/books/2022/60126786.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/OWPhfEOuvfyCIdXyZoCDxA
:alt: TimePolice-AboutTime
.. image:: {static}/images/books/2022/51YZSED3WCL.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/HbpyL_oL7Q7lAfdrN53eKA
:alt: Venus Prime - 2
.. image:: {static}/images/books/2022/9780743498265-us.jpg
:class: read
:target: https://www.thriftbooks.com/w/breaking-strain-arthur-c-clarkes-venus-prime-book-1_arthur-c-clarke_paul-preuss/683670/#edition=3035236&idiq=3015657
:alt: Venus Prime - 1
.. image:: {static}/images/books/2022/9780765387585-1215516090.jpg
:class: dnf
:target: https://halifax.bookmarkreads.ca/item/M3YHMwEj9x4DaAwfA_uAhA
:alt: The Invisible Life of Addie LaRue
.. image:: {static}/images/books/2022/Time_Quarry_5Simak_novel_-_Galaxy_Science_Fiction_Novels_.jpg
:class: read
:target: http://www.isfdb.org/cgi-bin/title.cgi?273621
:alt: Time Quarry, but also called Time and Again.
.. image:: {static}/images/books/2022/6337218.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/rgHmVQkJfJ4Bh0y1xVg5qA
:alt: Daemon
.. image:: {static}/images/books/2022/81CSiCPLakL.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/8SOwE0xTMErAIz80IKvN9Q
:alt: Good Omens (a re-read)
.. image:: {static}/images/books/2022/Q-Strike.jpg
:class: read
:alt: Q-Strike
.. image:: {static}/images/books/2022/Q-Space.jpg
:class: read
:alt: Q-Space
.. image:: {static}/images/books/2022/EarthSea-FarthestShore.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=43j-CzJdMg6lWFyX3YGcvA
:alt: The Farthest Shore (a re-read)
.. image:: {static}/images/books/2022/EarthSea-TombsofAtuan.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=43j-CzJdMg4obYIsgMJSYw
:alt: The Tombs of Atuan (a re-read)
.. image:: {static}/images/books/2022/EarthSea-AWizardodEarthsea.jpg
:class: read
:target: https://halifax.bibliocommons.com/v2/record/S135C1334584
:alt: A Wizard of Earthsea (a re-read)
.. image:: {static}/images/books/2022/Q-Zone.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/MvaqhyHYW7-elZ73ELWC1Q
:alt: Q-Zone
.. image:: {static}/images/books/2022/Ready-Player-One.jpg
:class: dnf
:target: https://halifax.bookmarkreads.ca/item/rgHmVQkJfJ4StwsuzFLsLw
:alt: Ready Player One
.. image:: {static}/images/books/2022/IronDruid-Shattered.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/afDGHIClEjO5LbnaUzeHQA
:alt: The Iron Druid Chronicles - Shattered
.. image:: {static}/images/books/2022/MercyThompson-MoonCalled.jpg
:class: dnf
:alt: Mercy Thompson Series - Moon Called
.. image:: {static}/images/books/2022/IronDruid-Hunted.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/rbwr187Wris98Czzy5LN9g
:alt: The Iron Druid Chronicles - Hunted
.. image:: {static}/images/books/2022/IronDruid-Trapped.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/rbwr187Wriv1OswRDDfy8g
:alt: The Iron Druid Chronicles - Trapped
.. image:: {static}/images/books/2022/IronDruid-Tricked.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/rbwr187WrivBwIK9eWm0GQ
:alt: The Iron Druid Chronicles - Tricked
.. image:: {static}/images/books/2022/StMarys-ACatalogueofCatastrophe.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=OWPhfEOuvfwwf1tW0UTaLA
:alt: The Chronicles of St. Mary's - A Catalogue of Catastrophe
.. image:: {static}/images/books/2022/IronDruid-Hammered.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=rbwr187WritKzNLsUC_fkw
:alt: The Iron Druid Chronicles - Hammered
.. image:: {static}/images/books/2022/IronDruid-Hexed.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=rbwr187WrisHaOwisrOUBA
:alt: The Iron Druid Chronicles - Hexed
.. image:: {static}/images/books/2022/IronDruid-Hounded.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=rbwr187Wriu7OpUpZQlr8w
:alt: The Iron Druid Chronicles - Hounded
.. image:: {static}/images/books/2022/TimePolice-SavingTime.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=OWPhfEOuvfyTi7i75kAuTQ
:alt: The Time Police - Saving Time
.. image:: {static}/images/books/2022/TheMerchantPrincess-TheClanCorporate.jpg
:class: dnf
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=M3YHMwEj9x5dPNSEZZiNOw
:alt: The Merchant Princess - The Clan Corporate
.. image:: {static}/images/books/2022/laundryFiles-EscapeFromYokaiLand.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?qblank=h.tviewer&using_sb=status&qsb=keyword&qse=3Czr8TaWU9_TxuQGITqQ5w
:alt: The Laundry Files Short Story - Escape from Yokai Land
.. image:: {static}/images/books/2022/InvokingDarkness.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=XTKcqJIK5P9cvWQ9xpRQLg
:alt: The Passing of the Technomages - Invoking Darkness
.. image:: {static}/images/books/2022/MentatsofDune.jpg
:class: dnf
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=M3YHMwEj9x7gxAE72CMGjw
:alt: Mentats of Dune
.. image:: {static}/images/books/2022/SisterhoodOfDune.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=M3YHMwEj9x42twNzDukABA
:alt: Sisterhood of Dune
.. image:: {static}/images/books/2022/TheWitcher-TheTimeofContempt.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=O5Vnk7V2ni-zHj1HFR7EWw
:alt: The Witcher - The Time of Contempt
.. image:: {static}/images/books/2022/TheWitcher-BloodofElves.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=-lOcjb5TGYLwOvhv6vXEgA
:alt: The Witcher - Blood of Elves
.. image:: {static}/images/books/2022/SummoningLight.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=XTKcqJIK5P8ljV2mPX4tDQ
:alt: The Passing of the Technomages - Summoning Light
.. image:: {static}/images/books/2022/TheWitcher-SwordOfDestiny.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=oR7uwsLR1XsxEjJe0SsPPA
:alt: The Witcher - Sword of Destiny
.. image:: {static}/images/books/2022/QuantumofNightmares.jpg
:class: read
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=3Czr8TaWU98702S751rZgw
:alt: Quantum of Nightmares
.. image:: {static}/images/books/2022/CastingShadows.jpg
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=XTKcqJIK5P8m7aQKTsFusA
:alt: The Passing of the Technomages - Casting Shadow
:class: read
.. image:: {static}/images/books/2022/TheWitcher-TheLastWish.jpg
:target: https://www.bookmanager.com/1163574/?q=h.tviewer&using_sb=status&qsb=keyword&qse=-lOcjb5TGYKWrDlFabkEPQ
:alt: The Witcher - The Last Wish
:class: read
.. image:: {static}/images/books/2022/57363514.jpg
:alt: The Chronicles of St. Mary's - The Toast of Time (I can't find a link I like)
:class: read
`Back to the Top <#>`__
.. _nonfiction2022:
Non-Fiction
-----------
.. image:: {static}/images/books/2022/thegatesofeurope.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/lqczeCEl_PD_qWS20tpv4w
:alt: The Gates of Europe
.. image:: {static}/images/books/2022/blowout.jpg
:class: read
:target: https://halifax.bookmarkreads.ca/item/3bfSPEKfdTcKaAf4RfRUJQ
:alt: Blowout
.. image:: {static}/images/books/2022/red-notice.jpg
:target: https://halifax.bookmarkreads.ca/item/qu7Mmis64A-98bMOctcNGw
:alt: Red Notice - Bill Browder
:class: read
.. image:: {static}/images/books/2022/you-are-not-a-gadget.jpg
:target: https://halifax.bookmarkreads.ca/item/DQjpNp0jXmb_xQFzIlJDeg
:alt: You are not a Gadget - Jaron Lanier
:class: read
`Back to the Top <#>`__
.. _imagelegend:
The Image keyword
=================
If the book looks like this:
.. image:: {static}/images/books/2022/TheWitcher-TheLastWish.jpg
:alt: The Witcher - The Last Wish
:class: read
I finished it.
If the book looks like this:
.. image:: {static}/images/books/2022/TheMerchantPrincess-TheClanCorporate.jpg
:class: wip
:alt: The Merchant Princess - The Clan Corporate
I'm still reading it.
But if it looks like this:
.. image:: {static}/images/books/2022/MentatsofDune.jpg
:class: dnf
:alt: Mentats of Dune
It is DNF - Did not finish. I may come back to it, but for now I'm not actively reading it.
If I do come back and read a DNF, or re-read a book that I already read, there make be duplicates over the years.
`Back to the Top <#>`__

View file

@ -0,0 +1,9 @@
Links
#######
:date: 2024-03-06
:author: jeff
:slug: links
:status: published
:linktree: True
.. The cool thing about this page is that it is automatic, if you want it. The body content is based on your blogroll

View file

@ -88,7 +88,7 @@ HIDE_MICROBLOG = False
# Frontpage customization
#
#MINIMAL = True # If True the homepage will use the 'minimal_homepage.html template.
MINIMAL = True # If True the homepage will use the 'minimal_homepage.html template.
# If minimal is set to true, the other configuration options below don't do anything.
BANNER = True