cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: consolidate some styles

Browse source
This commit is contained in:
Cory Dransfeldt 2023-12-31 11:51:40 -08:00
parent e92ecdaa67
commit d36f643399
No known key found for this signature in database
16 changed files with 25 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/author.liquid
View file

@ -1,5 +1,5 @@
<div class="author__wrapper">
<div class="avatar__wrapper">
<div class="avatar__wrapper flex--centered">
<div class="avatar__wrapper--interior">
{% image './src/assets/img/avatar.webp', meta.siteName, 'author-avatar' %}
</div>

2
src/_includes/partials/now/albumReleases.liquid
View file

@ -1,5 +1,5 @@
{% if albumReleases.size > 0 %}
<h2 class="now__section--header">
<h2 class="now__section--header flex--centered">
{% tablericon "calendar-time" "Anticipated albums" %}
Anticipated albums
</h2>

2
src/_includes/partials/now/links.liquid
View file

@ -1,5 +1,5 @@
{% if links.size > 0 %}
<h2 class="now__section--header">
<h2 class="now__section--header flex--centered">
{% tablericon "link" "Links" %}
Links
</h2>

2
src/_includes/partials/now/media-grid.liquid
View file

@ -1,6 +1,6 @@
{% if data.size > 0 %}
{% assign media = data | normalizeMedia %}
<h2 class="now__section--header">
<h2 class="now__section--header flex--centered">
{% tablericon icon title %}
{{ title }}
</h2>

2
src/_includes/partials/now/topper.liquid
View file

@ -1,6 +1,6 @@
<div class="now__topper">
<h2>
<a href="/now">Now</a>
<a class="no-underline" href="/now">Now</a>
</h2>
<div class="dark:text-white text-gray-800">
<p>I'm a software developer in Camarillo, California. I enjoy hanging out with my beautiful family and 4 rescue dogs, technology, automation,

2
src/_includes/partials/paginator.liquid
View file

@ -1,4 +1,4 @@
<nav class="pagination">
<nav class="pagination flex--centered">
{% if pagination.href.previous %}
<a href="{{ pagination.href.previous }}">
<button aria-label="Previous page [&>svg]:h-5 [&>svg]:w-5">

2
src/_includes/partials/popular-posts.liquid
View file

@ -1,6 +1,6 @@
{% assign posts = posts | getPopularPosts: analytics %}
<div class="popular-posts">
<h2>
<h2 class="flex--centered">
{% tablericon "flame" "Popular" %}
Popular posts
</h2>

6
src/_includes/partials/webmentions/comments.liquid
View file

@ -2,10 +2,10 @@
<h2>Comments</h2>
<div class="interaction__wrapper comments">
{% for mention in mentions['in-reply-to'] %}
<div class="comment__wrapper">
<div class="comment__wrapper--interior">
<div class="comment__wrapper flex--centered">
<div class="comment__wrapper--interior flex--centered">
<a href={{mention.url}}>
<div class="avatar__wrapper">
<div class="avatar__wrapper flex--centered">
{% image mention.author.photo, mention.author.name, 'avatar__wrapper-image' %}
</div>
</a>

4
src/_includes/partials/webmentions/interaction.liquid
View file

@ -7,12 +7,12 @@
{% endcapture -%}
{% if mentions[type].size > 0 %}
<h2>{{ title }}</h2>
<div class="interaction__wrapper">
<div class="interaction__wrapper flex--centered">
<ul>
{% for mention in mentions[type] %}
<li>
<a href={{mention.url}}>
<div class="avatar__wrapper">
<div class="avatar__wrapper flex--centered">
{% image mention.author.photo, mention.author.name, 'avatar__wrapper-image' %}
</div>
</a>

2
src/_includes/post.liquid
View file

@ -7,7 +7,7 @@ schema: blog
<article class="h-entry" data-pagefind-body>
{% if link %}
<a class="no-underline" href="{{ link }}">
<h2 data-pagefind-meta="title">
<h2 class="flex--centered" data-pagefind-meta="title">
{% tablericon 'link' title %}
{{ title }}
</h2>

2
src/_includes/webrings/css-joy.liquid
View file

@ -2,7 +2,7 @@
<a class="no-underline" href="https://cs.sjoy.lol">
<h3 class="text-center">CSS JOY Webring</h3>
</a>
<div class="webring__centered">
<div class="webring__centered flex--centered">
<a href="https://webri.ng/webring/cssjoy/previous?via=https://coryd.dev/webrings">
{% tablericon "arrow-left" "Previous site" %}
</a>

4
src/_includes/webrings/the-claw.liquid
View file

@ -1,9 +1,9 @@
<div class="webring__wrapper">
<div class="webring__centered">
<div class="webring__centered flex--centered">
{% image './src/assets/img/webrings/theclaw.png', 'The Claw Webring' %}
</div>
<h3 class="text-center">The Claw Webring</h3>
<div class="webring__centered">
<div class="webring__centered flex--centered">
<a href="https://github.com/whitep4nth3r/the-claw-webring" class="pill--button">
{% tablericon "user-plus" "Join!" %} Join!
</a>

37
src/assets/styles/index.css
View file

@ -234,18 +234,6 @@ main {
line-height: var(--line-height-2xl);
}
.now__topper h2 a,
article a h2,
.main__title h1 a,
footer .links__secondary a {
text-decoration: none;
}
.main__title h1 a,
footer .links__secondary a {
color: var(--black);
}
.main__title h1 a:hover,
.main__title h1 a:focus,
.main__title h1 a:active,
@ -290,7 +278,9 @@ nav ul li {
margin-right: 1rem;
}
nav ul li a {
.main__title h1 a,
nav ul li a,
footer .links__secondary a {
color: var(--black);
text-decoration: none !important;
}
@ -466,13 +456,6 @@ h2 > a.header-anchor {
background-color: var(--blue-600);
}
p > a,
span > a,
blockquote > a,
li > a {
text-decoration: underline !important;
}
code {
font-family: var(--font-mono);
padding: .125rem;
@ -482,7 +465,6 @@ code {
/* buttons */
.pill--button {
appearance: none;
font-size: var(--font-size-base);
line-height: var(--line-height-base);
font-weight: 700;
@ -493,9 +475,10 @@ code {
padding-right: 1rem;
margin-right: .25rem;
margin-bottom: .75rem;
border: none;
color: var(--white);
cursor: pointer;
appearance: none;
border: none;
text-decoration: none;
background-color: var(--blue-600);
transition-property: background-color;
@ -1052,15 +1035,7 @@ textarea:focus {
}
/* flex layout */
.pagination,
article h2,
.now__section--header,
.avatar__wrapper,
.popular-posts h2,
.webmentions__wrapper .interaction__wrapper,
.webmentions__wrapper .interaction__wrapper .comment__wrapper,
.webmentions__wrapper .interaction__wrapper .comment__wrapper--interior,
.webring__wrapper > .webring__centered {
.flex--centered {
display: flex;
flex-direction: row;
align-items: center;

2
src/index.html
View file

@ -24,7 +24,7 @@ meta:
{% if pagination.pageNumber == 0 %}{% include "partials/now/topper.liquid" status:status %}{% endif %} {% for post in pagination.items %} {% if post.data.published %}
<article class="h-entry">
<a class="no-underline" href="{{ post.url }}">
<h2>{{ post.data.title }}</h2>
<h2 class="flex--centered">{{ post.data.title }}</h2>
</a>
<span class="p-author h-card hidden">{{ meta.siteName }}</span>
<time class="dt-published" datetime="{{ post.date }}">

2
src/pages/about.md
View file

@ -3,7 +3,7 @@ title: About
layout: default
permalink: /about.html
---
<div class="avatar__wrapper">
<div class="avatar__wrapper flex--centered">
<div class="avatar__wrapper--interior">
{% capture about_alt %}{{ meta.siteName }} - image by David Neal / @reverentgeek{% endcapture %}
{% image './src/assets/img/avatar.webp', about_alt %}

2
src/pages/tagList.md
View file

@ -13,7 +13,7 @@ templateEngineOverride: liquid,md
{% for post in posts %}
<article class="h-entry">
<a class="no-underline" href="{{ post.url }}">
<h2>{{ post.data.title }}</h2>
<h2 class="flex--centered">{{ post.data.title }}</h2>
</a>
<time class="dt-published" datetime="{{ post.date }}">
{{ post.date | date: "%m.%Y" }}