chore: simplify loading api-text

This commit is contained in:
Cory Dransfeldt 2024-02-29 19:15:27 -08:00
parent 975b22b252
commit 93f3506f83
No known key found for this signature in database
4 changed files with 9 additions and 14 deletions

12
package-lock.json generated
View file

@ -1,15 +1,15 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "6.9.6", "version": "6.9.7",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "6.9.6", "version": "6.9.7",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.1.1", "@cdransf/api-text": "^1.2.1",
"@cdransf/theme-toggle": "^1.2.3", "@cdransf/theme-toggle": "^1.2.3",
"@daviddarnes/mastodon-post": "^1.1.1", "@daviddarnes/mastodon-post": "^1.1.1",
"@remy/webmention": "^1.5.0", "@remy/webmention": "^1.5.0",
@ -1230,9 +1230,9 @@
} }
}, },
"node_modules/@cdransf/api-text": { "node_modules/@cdransf/api-text": {
"version": "1.1.1", "version": "1.2.1",
"resolved": "https://registry.npmjs.org/@cdransf/api-text/-/api-text-1.1.1.tgz", "resolved": "https://registry.npmjs.org/@cdransf/api-text/-/api-text-1.2.1.tgz",
"integrity": "sha512-ySSVNhaVsOp1s2xY0xAEWooolxxO+/QEw2qTVgeuo8AXhHf6F8SotN7UB6xp2eiUXzhICGwHRgLxDIw6z18lWw==" "integrity": "sha512-QjDDK4kN4z/FqbScuHYOCrsgEdnAh7bqzzFq2Jr27yxvQLvJnsucgAStRa69B4m5DpwyyuxVBSjjghiTvLHoJw=="
}, },
"node_modules/@cdransf/theme-toggle": { "node_modules/@cdransf/theme-toggle": {
"version": "1.2.3", "version": "1.2.3",

View file

@ -21,7 +21,7 @@
"author": "Cory Dransfeldt", "author": "Cory Dransfeldt",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.1.1", "@cdransf/api-text": "^1.2.1",
"@cdransf/theme-toggle": "^1.2.3", "@cdransf/theme-toggle": "^1.2.3",
"@daviddarnes/mastodon-post": "^1.1.1", "@daviddarnes/mastodon-post": "^1.1.1",
"@remy/webmention": "^1.5.0", "@remy/webmention": "^1.5.0",

View file

@ -1,5 +1,5 @@
<script type="module" src="/assets/scripts/components/api-text.js"></script> <script type="module" src="/assets/scripts/components/api-text.js"></script>
<api-text api-url="/api/now-playing"> <api-text api-url="/api/now-playing">
<p class="loading text--blurred fade">🎧 Loading...</p> <p class="loading">🎧 Loading...</p>
<p class="content fade" style="opacity:0"></p> <p class="content"></p>
</api-text> </api-text>

View file

@ -395,11 +395,6 @@ li {
text-align: center !important; text-align: center !important;
} }
.text--blurred {
color: transparent;
text-shadow: 0 0 6px var(--text-color);
}
.fade { .fade {
transition-property: opacity; transition-property: opacity;
transition-timing-function: var(--transition-ease-in-out); transition-timing-function: var(--transition-ease-in-out);