chore: never did like those class conventions
This commit is contained in:
Cory Dransfeldt
parent
40a873a354
commit
9317a760b0
63 changed files with 247 additions and 256 deletions
|
|
@ -2,6 +2,6 @@
|
|||
layout: main
|
||||
---
|
||||
{% render "partials/header.liquid", meta: meta, page: page, nav: nav %}
|
||||
<div class="default__wrapper">
|
||||
<div class="default-wrapper">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
|
@ -1,9 +1,7 @@
|
|||
---
|
||||
layout: base
|
||||
---
|
||||
<div class="main__wrapper">
|
||||
<main>
|
||||
{{ content }}
|
||||
</main>
|
||||
<div class="main-wrapper">
|
||||
<main>{{ content }}</main>
|
||||
{% render "partials/footer.liquid", page:page, nav:nav %}
|
||||
</div>
|
||||
|
|
@ -6,12 +6,12 @@ layout: default
|
|||
{% endcapture %}
|
||||
<script>{{ js }}</script>
|
||||
{{ content }}
|
||||
<div class="now__section--header-wrapper">
|
||||
<h2 id="artists" class="now__section--header flex--centered">
|
||||
<div class="now-header-wrapper">
|
||||
<h2 id="artists" class="now-header flex-centered">
|
||||
{% tablericon "microphone-2" "Artists" %}
|
||||
Artists
|
||||
</h2>
|
||||
<div class="now__section--header-buttons client-side">
|
||||
<div class="now-header-buttons client-side">
|
||||
<button class="small active" data-toggle="artists-window">This week</button>
|
||||
<button class="small secondary" data-toggle="artists-month">This month</button>
|
||||
<button class="small secondary" data-toggle="artists-three-months">3 months</button>
|
||||
|
|
@ -26,12 +26,12 @@ layout: default
|
|||
<div class="hidden" id="artists-three-months">
|
||||
{% render "partials/now/media-grid.liquid", data:musicCharts.threeMonthChart.artists, shape: "square", count: 8 %}
|
||||
</div>
|
||||
<div class="now__section--header-wrapper">
|
||||
<h2 id="albums" class="now__section--header flex--centered">
|
||||
<div class="now-header-wrapper">
|
||||
<h2 id="albums" class="now-header flex-centered">
|
||||
{% tablericon "vinyl" "Albums" %}
|
||||
Albums
|
||||
</h2>
|
||||
<div class="now__section--header-buttons client-side">
|
||||
<div class="now-header-buttons client-side">
|
||||
<button class="small active" data-toggle="albums-window">This week</button>
|
||||
<button class="small secondary" data-toggle="albums-month">This month</button>
|
||||
<button class="small secondary" data-toggle="albums-three-months">3 months</button>
|
||||
|
|
@ -46,12 +46,12 @@ layout: default
|
|||
<div class="hidden" id="albums-three-months">
|
||||
{% render "partials/now/media-grid.liquid", data:musicCharts.threeMonthChart.albums, shape: "square", count: 8 %}
|
||||
</div>
|
||||
<div class="now__section--header-wrapper">
|
||||
<h2 id="tracks" class="now__section--header flex--centered">
|
||||
<div class="now-header-wrapper">
|
||||
<h2 id="tracks" class="now-header flex-centered">
|
||||
{% tablericon "playlist" "Tracks" %}
|
||||
Tracks
|
||||
</h2>
|
||||
<div class="now__section--header-buttons client-side">
|
||||
<div class="now-header-buttons client-side">
|
||||
<button class="small active" data-toggle="tracks-recent">Recent</button>
|
||||
<button class="small secondary" data-toggle="tracks-window">This week</button>
|
||||
<button class="small secondary" data-toggle="tracks-month">This month</button>
|
||||
|
|
@ -71,22 +71,22 @@ layout: default
|
|||
{% render "partials/now/track-chart.liquid", data:musicCharts.threeMonthChart.topTracks.data, mostPlayed:musicCharts.threeMonthChart.topTracks.mostPlayed %}
|
||||
</div>
|
||||
{% render "partials/now/albumReleases.liquid", albumReleases:albumReleases %}
|
||||
<h2 id="books" class="now__section--header flex--centered">
|
||||
<h2 id="books" class="now-header flex-centered">
|
||||
{% tablericon "books" "Books" %}
|
||||
Books
|
||||
</h2>
|
||||
{% render "partials/now/media-grid.liquid", data:books, shape: "vertical", count: 6 %}
|
||||
{% render "partials/recent-links.liquid", links:links %}
|
||||
<h2 id="movies" class="now__section--header flex--centered">
|
||||
<h2 id="movies" class="now-header flex-centered">
|
||||
{% tablericon "movie" "Movies" %}
|
||||
Movies
|
||||
</h2>
|
||||
{% render "partials/now/media-grid.liquid", data:movies, icon: "movie", title: "Movies", shape: "vertical", count: 6 %}
|
||||
<h2 id="tv" class="now__section--header flex--centered">
|
||||
<h2 id="tv" class="now-header flex-centered">
|
||||
{% tablericon "device-tv" "TV" %}
|
||||
TV
|
||||
</h2>
|
||||
{% render "partials/now/media-grid.liquid", data:tv, icon: "device-tv", title: "TV", shape: "vertical", count: 6 %}
|
||||
<p class="now__explainer text--centered">
|
||||
<p class="now-explainer text-small text-centered">
|
||||
This is a <a href="https://nownownow.com/about">now page</a>, and if you have your own site, <a href="https://nownownow.com/about">you should make one too</a>.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="addon-links__wrapper">
|
||||
<div class="addon-links">
|
||||
{%- if analytics.size > 0 -%}
|
||||
<div>{% render "partials/popular-posts.liquid", posts:posts, analytics:analytics %}</div>
|
||||
{%- endif -%}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<div class="badge__grid">
|
||||
<div class="badge-grid">
|
||||
<a href="https://11ty.dev">
|
||||
{% image './src/assets/img/badges/eleventy.png', 'Made with 11ty', '', 'lazy' %}
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
<footer>
|
||||
<nav aria-label="Social icons" class="flex--centered justify--centered text--centered">
|
||||
<nav aria-label="Social icons" class="flex-centered justify-centered text-centered">
|
||||
{% for link in nav.social %}
|
||||
{% render "partials/nav/linked-icon.liquid", name:link.name, link:link.url, icon:link.icon %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<nav aria-label="Secondary site navigation" class="flex--centered justify--centered text--centered">
|
||||
<nav aria-label="Secondary site navigation" class="flex-centered justify-centered text-centered">
|
||||
{% for link in nav.footer %}
|
||||
{% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
|
||||
{% if not forloop.last %}<span>•</span>{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<section class="main__title">
|
||||
<section class="main-title">
|
||||
<h1>
|
||||
{% if page.url != '/' %}
|
||||
<a href="/">{{ meta.siteName }}</a>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<nav
|
||||
class="menu__primary flex--centered flex--wrap justify--center"
|
||||
class="menu-primary flex-centered flex-wrap justify-center"
|
||||
aria-label="Primary site navigation">
|
||||
{% for link in nav.menu %}
|
||||
{% render "partials/nav/link.liquid", page:page, link:link.name, icon:link.icon %}
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
{% if albumReleases.size > 0 %}
|
||||
<h2 id="album-releases" class="now__section--header flex--centered">
|
||||
<h2 id="album-releases" class="now-header flex-centered">
|
||||
{% tablericon "calendar-time" "Anticipated albums" %}
|
||||
Anticipated albums
|
||||
</h2>
|
||||
<ul class="link__list">
|
||||
<ul class="link-list">
|
||||
{% for album in albumReleases %}
|
||||
<li>
|
||||
<strong>{{ album.date | readableDate }}: </strong>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
{% assign alt = item.alt | strip | escape %}
|
||||
<a href="{{ item.url | stripUtm }}" title="{{ alt }}">
|
||||
<div class="item__wrapper{% if item.subtext %} shadow{% endif %}">
|
||||
<div class="item__meta-text">
|
||||
<div class="meta-text">
|
||||
{% if item.title %}
|
||||
<div class="header">{{ item.title }}</div>
|
||||
{% endif %}
|
||||
|
|
|
|||
|
|
@ -1,3 +1 @@
|
|||
<p>
|
||||
{{ status.emoji }} {{ status.content }}
|
||||
</p>
|
||||
<p>{{ status.emoji }} {{ status.content }}</p>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
{%- assign artist = artists | first -%}
|
||||
{%- assign book = books | first -%}
|
||||
{%- assign show = tv | first -%}
|
||||
<div class="now__topper">
|
||||
<div class="now-topper">
|
||||
<p><strong class="highlight-text">I'm a software developer based in Camarillo, California</strong>. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, <a href="https://coryd.dev/now#artists">music</a>, writing, <a href="https://coryd.dev/now#books">reading</a>, <a href="https://coryd.dev/now#tv">tv</a> and <a href="https://coryd.dev/now#movies">movies</a>. Lately I've been{% if artist %} listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>,{% endif %} reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.</p>
|
||||
{% render "partials/now/status.liquid", status:status %}
|
||||
{% render "partials/now-playing.liquid" %}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<script type="module" src="/assets/scripts/components/select-pagination.js"></script>
|
||||
<nav aria-label="Blog pagination" class="pagination flex--centered">
|
||||
<nav aria-label="Blog pagination" class="pagination flex-centered">
|
||||
{% if pagination.href.previous %}
|
||||
<a href="{{ pagination.href.previous }}" aria-label="Previous page">
|
||||
{% tablericon "arrow-left" "Previous" %}
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
{% endfor %}
|
||||
</select>
|
||||
<noscript>
|
||||
<div class="text--centered">
|
||||
<div class="text-centered">
|
||||
<span aria-current="page">{{ pagination.pageNumber | plus: 1 }}</span> of {{ pagination.links.size }}
|
||||
</div>
|
||||
</noscript>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
{% assign posts = posts | getPopularPosts: analytics %}
|
||||
{% if posts.size > 0 %}
|
||||
<h2 class="link__list--header flex--centered">
|
||||
<h2 class="link-list-header flex-centered">
|
||||
{% tablericon "flame" "Popular" %}
|
||||
Popular posts
|
||||
</h2>
|
||||
<ul class="link__list">
|
||||
<ul class="link-list">
|
||||
{% for post in posts limit: 5 %}
|
||||
<li>
|
||||
<a class="no-underline" href="{{post.url}}" title="{{ post.data.title | escape}}">
|
||||
|
|
|
|||
|
|
@ -1,13 +1,10 @@
|
|||
<div class="post-graph">
|
||||
{% assign years = postYears | reverse %}
|
||||
{%- for year in years %}
|
||||
<div class="post-graph__wrapper">
|
||||
<div class="post-graph__year">{{ year.year }}</div>
|
||||
<div class="post-graph__progress" style="width: {{ year.yearProgress }}%">
|
||||
</div>
|
||||
<div class="post-graph__data">
|
||||
{{ year.postCount }}
|
||||
</div>
|
||||
<div class="wrapper">
|
||||
<div class="year">{{ year.year }}</div>
|
||||
<div class="progress" style="width: {{ year.yearProgress }}%"></div>
|
||||
<div class="data">{{ year.postCount }}</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
{% if links.size > 0 %}
|
||||
<h2 id="links" class="link__list--header flex--centered">
|
||||
<h2 id="links" class="link-list-header flex-centered">
|
||||
{% tablericon "link" "Links" %}
|
||||
Recent links
|
||||
</h2>
|
||||
<ul class="link__list">
|
||||
<ul class="link-list">
|
||||
{% for link in links limit: 5 %}
|
||||
<li>
|
||||
<a href="{{link.url}}" title="{{link.title | escape}}">
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<script type="module" src="/assets/scripts/components/webcare-webshare.js"></script>
|
||||
<webcare-webshare share-text="{{ title }} {{ url | tagLookup: tagMap }}" share-url="{{ url }}" copy-text="{{ title }} {{ url | tagLookup: tagMap }} {{ url }}">
|
||||
<button class="share icon--small icon--center__vertical" disabled>{% tablericon "share" "Share" %}</button>
|
||||
<button class="share icon-small icon-center-vertical" disabled>{% tablericon "share" "Share" %}</button>
|
||||
</webcare-webshare>
|
||||
|
|
@ -4,9 +4,9 @@ schema: blog
|
|||
---
|
||||
{% render "partials/header.liquid", meta: meta, page: page, nav: nav %}
|
||||
{%- capture postUrl %}{{ meta.url }}{{ page.url }}{% endcapture -%}
|
||||
<div class="default__wrapper">
|
||||
<div class="default-wrapper">
|
||||
<article class="h-entry">
|
||||
<div class="flex--centered">
|
||||
<div class="flex-centered">
|
||||
<time class="dt-published" datetime="{{ date }}">
|
||||
{{ date | date: "%B %e, %Y" }}
|
||||
<span class="client-side"> • </span>
|
||||
|
|
@ -14,7 +14,7 @@ schema: blog
|
|||
{% render "partials/share-button.liquid", url:postUrl, title:title, tagMap:collections.tagMap %}
|
||||
</div>
|
||||
<h2 class="p-name">{{ title }}</h2>
|
||||
<div class="text--small">{% render "partials/tags.liquid", tags:tags %}</div>
|
||||
<div class="text-small">{% render "partials/tags.liquid", tags:tags %}</div>
|
||||
<span class="p-author h-card hidden">{{ meta.author }}</span>
|
||||
<div class="p-summary hidden">{{ post_excerpt }}</div>
|
||||
<div class="e-content">
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
<div class="webring__wrapper">
|
||||
<a href="https://cs.sjoy.lol">
|
||||
<h3 class="text--centered">CSS JOY Webring</h3>
|
||||
<h3 class="text-centered">CSS JOY Webring</h3>
|
||||
</a>
|
||||
<div class="webring__centered flex--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>
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<div class="webring__wrapper">
|
||||
<div class="webring__centered flex--centered">
|
||||
<div class="webring__centered flex-centered">
|
||||
{% image './src/assets/img/webrings/theclaw.png', 'The Claw Webring' %}
|
||||
</div>
|
||||
<h3 class="text--centered">The Claw Webring</h3>
|
||||
<div class="webring__centered flex--centered">
|
||||
<h3 class="text-centered">The Claw Webring</h3>
|
||||
<div class="webring__centered flex-centered">
|
||||
<strong>
|
||||
<a class="no-underline" href="https://github.com/whitep4nth3r/the-claw-webring">Join!</a>
|
||||
</strong>
|
||||
|
|
|
|||
Reference in a new issue