Skip to content

Commit 9cf313d

Browse files
zphrszphrs
committed
made cards fancier
1 parent 274a722 commit 9cf313d

File tree

3 files changed

+46
-31
lines changed

3 files changed

+46
-31
lines changed

‎.firebase/hosting.YnVpbGQ.cache

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,26 @@
1-
favicon-2.png,1686580866794,18f1627f06be9b27f51ee5e47643de22547425bc5d68640c1e7948fe21763a10
2-
favicon.svg,1686580866795,067741d2357b48b657cf7eb5ccbafa66a39ad40e7af9339a2d04f43ea3cd74b0
3-
favicon-2.svg,1686580866794,e36bcada7aebb30a69029ef9eb8621b57b3ec55d0ae98b8e38d61710b2a06aa0
4-
favicon.png,1686580866795,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
5-
_app/version.json,1686580866792,e09ce81eae611cc766c31a5d70cb8712ae01798a0f017e3fd64b06657a6c6e90
6-
index.html,1686580866795,8e51a9a818dd72677a5533d11a9abcea950e3278b95ca5a2f6e3b60c512caf5c
7-
_app/immutable/assets/_layout-9d0c38d3.css,1686580866790,4be08d7693a476d96590e47f089b64ffbc62ef67530f77ab0458899d4e092b62
8-
_app/immutable/chunks/0-fae3bec6.js,1686580866791,9e3c54065267a84ad8ae43bb2ebffb929200797c7dbbc938fc6b802175e745f5
9-
_app/immutable/chunks/1-f9449a04.js,1686580866791,29c63f75762b5453ab5be5ac56e8fd68e5f6f119f0ed9b3ec5afd654a4dceb3e
10-
_app/immutable/assets/_page-6a9baf1b.css,1686580866790,32827fc49d01c326c838b0de1a346147efce2bbe575bc2d0bd84fb017d6a117e
11-
_app/immutable/chunks/2-d7db39ef.js,1686580866791,e5298041483f5513d750c41c0f0ab26b7ad83ba5bc40d05e2800d419b1f132f2
12-
_app/immutable/chunks/_layout-da46b06b.js,1686580866791,d4b3d0fadd1d1dad5fb3c27c664e8e58ea77ee7b337c9f825353b8918f18908c
13-
_app/immutable/chunks/Zephiris-7ec57061.js,1686580866791,484f2978706b2d937ddf6dbe445b438952b002f30184f1962e706f0f230593ea
14-
_app/immutable/chunks/singletons-10b35cb7.js,1686580866791,48c22113179f5c86661ad0adc2f82a7224057392cc5bf1dbac82f524071a62a9
15-
_app/immutable/components/error.svelte-50423e33.js,1686580866791,da108d853825b80c4f3e8cc66d8651e717229071b8741c24dae323d207be5e03
16-
_app/immutable/chunks/index-9f0e2366.js,1686580866791,c5ac1436f0e1f220a85c47115ef04dc4b86934d259b061e99893a35df28e0559
17-
_app/immutable/components/pages/_layout.svelte-972b1c44.js,1686580866792,348b74c5f795984d780246c130f948381e2ad796b53ba31333fe77cadb3615d8
18-
_app/immutable/modules/pages/_layout.ts-9cbb603b.js,1686580866792,e3af6f92f51d6304b7444c378ed455935e8d716e2892510dbebc55be0d3d19dd
19-
_app/immutable/components/pages/_page.svelte-949c9a40.js,1686580866792,d9442d2c36034ba39ba2a7a332b411f215eda141f28e59e9ad89fdeffbd888b2
20-
_app/immutable/start-bb72961f.js,1686580866792,5bf299aa9cc049cee50a14f5c768fe2f0e35638a2cdbc4a5c8dd258c8c35c016
21-
_app/immutable/assets/Gilbert-Bold-17f3f811.otf,1686580866790,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
22-
og-image.png,1686580866795,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
23-
audio/iris.wav,1686580866793,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
24-
audio/zeph.wav,1686580866794,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
25-
audio/phire.wav,1686580866793,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
26-
audio/zephiris.wav,1686580866794,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732
1+
favicon-2.png,1686591342545,18f1627f06be9b27f51ee5e47643de22547425bc5d68640c1e7948fe21763a10
2+
favicon.png,1686591342545,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
3+
favicon-2.svg,1686591342545,e36bcada7aebb30a69029ef9eb8621b57b3ec55d0ae98b8e38d61710b2a06aa0
4+
favicon.svg,1686591342545,cebe0bf0ce4f378540909027e4b89016e3b4c8c049301d41dd685d85070a42c8
5+
_app/version.json,1686591342543,14076213f191a058937579abdf5721b28d15506209bfad3aaedbbab1974aab5f
6+
_app/immutable/assets/_page-c4f9f907.css,1686591342541,a6164f962db7987ef6b1962e3da1d75129a904f6624c55452d1d8bda7059eba4
7+
index.html,1686591342545,a40cae776bc9f7c7626c1029e6538f623218bd6a0d2a676ceee48b3565ec0d54
8+
_app/immutable/assets/_layout-83fbdb46.css,1686591342540,549c528c3cca517f020049efc97baf1deea7508320a8684e665b5ca233c8981d
9+
_app/immutable/chunks/0-a09d3410.js,1686591342541,3e8ce875d4697a87a7398cbd0f72f4fccb161838137649f4aaa8601e60639ca8
10+
_app/immutable/chunks/1-f9449a04.js,1686591342541,29c63f75762b5453ab5be5ac56e8fd68e5f6f119f0ed9b3ec5afd654a4dceb3e
11+
_app/immutable/chunks/2-c6509027.js,1686591342541,5dcacc72af4d327dc88bbbfa22c5324465593d735192ccd48a2db9c049a6f001
12+
_app/immutable/chunks/_layout-da46b06b.js,1686591342541,d4b3d0fadd1d1dad5fb3c27c664e8e58ea77ee7b337c9f825353b8918f18908c
13+
_app/immutable/chunks/Zephiris-7ec57061.js,1686591342541,484f2978706b2d937ddf6dbe445b438952b002f30184f1962e706f0f230593ea
14+
_app/immutable/chunks/singletons-10b35cb7.js,1686591342542,48c22113179f5c86661ad0adc2f82a7224057392cc5bf1dbac82f524071a62a9
15+
_app/immutable/components/error.svelte-50423e33.js,1686591342542,da108d853825b80c4f3e8cc66d8651e717229071b8741c24dae323d207be5e03
16+
_app/immutable/chunks/index-9f0e2366.js,1686591342542,c5ac1436f0e1f220a85c47115ef04dc4b86934d259b061e99893a35df28e0559
17+
_app/immutable/modules/pages/_layout.ts-9cbb603b.js,1686591342543,e3af6f92f51d6304b7444c378ed455935e8d716e2892510dbebc55be0d3d19dd
18+
_app/immutable/components/pages/_layout.svelte-31c14b0c.js,1686591342542,348b74c5f795984d780246c130f948381e2ad796b53ba31333fe77cadb3615d8
19+
_app/immutable/start-a66a177c.js,1686591342543,e7a64f889e7e77b37fe5390de347affed6f9ccd01b709fdc22bb1d7367ef9714
20+
_app/immutable/components/pages/_page.svelte-e9be7b26.js,1686591342542,2e1280c9f06a8c7daab19b83d187277f62c163338eb8d202a6ecf78e77b2fe37
21+
_app/immutable/assets/Gilbert-Bold-17f3f811.otf,1686591342540,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
22+
og-image.png,1686591342545,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
23+
audio/iris.wav,1686591342543,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
24+
audio/zeph.wav,1686591342544,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
25+
audio/phire.wav,1686591342544,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
26+
audio/zephiris.wav,1686591342544,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732

‎src/lib/Plugs.svelte

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,8 @@
2525
},
2626
{
2727
name: 'Boids',
28-
href: 'https://zphrs.github.io/jsExperiments/boids'
28+
href: 'https://zphrs.github.io/jsExperiments/boids',
29+
desc: 'A GPGPU sim with\nWebGL'
2930
},
3031
{
3132
href: 'https://at.zephiris.me',
@@ -80,7 +81,11 @@
8081
class="card"
8182
style={`--days-left: "${
8283
plug.estPublishDate ? Math.round(daysBetween(new Date(Date.now()), plug.estPublishDate)) : 0
83-
} days"`}
84+
} days"; --days-percent: ${
85+
(plug.estPublishDate
86+
? Math.round(daysBetween(new Date(Date.now()), plug.estPublishDate))
87+
: 0) / 360
88+
}`}
8489
href={plug.disabled ? undefined : plug.href}
8590
class:disabled={plug.disabled}
8691
>
@@ -121,8 +126,10 @@
121126
background: linear-gradient(135deg, var(--sea-100) 40%, var(--sea-900) 40%);
122127
background-size: 200% 200%;
123128
background-position: 0% 0%;
124-
transition: background-position 0.5s, color 0.15s step-end, font-size 0.15s step-end;
129+
transition: background-position 0.5s, color 0.15s step-end, font-size 0.15s step-end,
130+
border-color 0.5s, box-shadow 0.5s;
125131
cursor: pointer;
132+
box-shadow: 0 0 2px 0 var(--sea-700), 0 0 4px 0 var(--sea-700);
126133
background-blend-mode: difference;
127134
text-decoration: none;
128135
font-size: 1.5em;
@@ -134,10 +141,12 @@
134141
135142
a.card.disabled {
136143
/* filter: grayscale(1); */
137-
border-color: var(--gold-700);
144+
border-color: var(--gold-700) !important;
145+
filter: grayscale(var(--days-percent, 0));
138146
background-image: linear-gradient(135deg, var(--gold-100) 40%, var(--gold-500) 40%);
139147
background-position: 0 0 !important;
140148
color: var(--gray-90) !important;
149+
box-shadow: none !important;
141150
cursor: default;
142151
position: relative;
143152
}
@@ -167,9 +176,12 @@
167176
position: absolute;
168177
}
169178
170-
a.card:hover {
179+
a.card:hover,
180+
a.card:focus {
171181
background-position: 60% 60%;
172182
color: var(--sea-100);
183+
border-color: var(--sea-900);
184+
box-shadow: 0 0 4px var(--sea-900), 0 0 8px var(--sea-900);
173185
}
174186
175187
a.card:active {

‎src/routes/+page.svelte

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,4 +73,7 @@
7373
var(--sea-500)
7474
);
7575
}
76+
h2 {
77+
filter: drop-shadow(0 0 2px var(--sea-700));
78+
}
7679
</style>

0 commit comments

Comments
 (0)