chore: consolidate some styles
This commit is contained in:
parent
e92ecdaa67
commit
d36f643399
16 changed files with 25 additions and 50 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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,
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{% assign posts = posts | getPopularPosts: analytics %}
|
||||
<div class="popular-posts">
|
||||
<h2>
|
||||
<h2 class="flex--centered">
|
||||
{% tablericon "flame" "Popular" %}
|
||||
Popular posts
|
||||
</h2>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
Reference in a new issue