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

chore: organization + loading

Browse source
This commit is contained in:
Cory Dransfeldt 2023-08-25 09:18:03 -07:00
parent 51f25e786f
commit 8108dfc25f
No known key found for this signature in database
4 changed files with 13 additions and 15 deletions

9
src/_includes/partials/now/playing.liquid Normal file
View file

@ -0,0 +1,9 @@
<p id="now-playing" class="mb-0 flex flex-row items-start md:items-center">
<span id="now-playing-loading" class="icon--spin">
{% tablericon 'loader-2' 'Loading...' %}
</span>
<span id="now-playing-display">
<span id="now-playing-emoji" class="pt-1 md:pt-0 mr-1"></span>
<span id="now-playing-content"></span>
</span>
</p>

8
src/_includes/partials/now-topper.liquid → src/_includes/partials/now/topper.liquid
View file

@ -15,12 +15,6 @@
<span class="pt-1 md:pt-0 mr-1">{{ status.emoji }}</span>
<span>{{ status.content }}</span>
</p>
<p id="now-playing" class="mb-0 flex flex-row items-start md:items-center">
<span id="now-playing-loading" class="text--blur">Loading...</span>
<span id="now-playing-display">
<span id="now-playing-emoji" class="pt-1 md:pt-0 mr-1"></span>
<span id="now-playing-content"></span>
</span>
</p>
{% include "partials/now/playing.liquid" %}
</div>
</div>

2
src/index.html
View file

@ -22,7 +22,7 @@ meta:
src: https://coryd.dev/assets/img/avatar.webp
---
{% if pagination.pageNumber == 0 %}{% include "partials/now-topper.liquid" %}{% endif %} {% for post in pagination.items %} {% if post.data.published %}
{% if pagination.pageNumber == 0 %}{% include "partials/now/topper.liquid" %}{% endif %} {% for post in pagination.items %} {% if post.data.published %}
<article class="h-entry">
<div
class="mb-8 border-b border-gray-200 pb-4 text-gray-800 dark:border-gray-700 dark:text-white"

9
tailwind.css
View file

@ -174,9 +174,8 @@ code[class*=language-], pre[class*=language-] {
color: theme(colors.pink.500)
}
.text--blur {
color: transparent;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
.icon--spin > svg {
@apply animate-spin;
}
@media (prefers-color-scheme: dark) {
@ -214,8 +213,4 @@ code[class*=language-], pre[class*=language-] {
color: theme(colors.gray.900);
background: theme(colors.purple.400);
}
.text--blur {
text-shadow: 0 0 5px rgba(255,255,255,0.5);
}
}