Skip to content

Commit 00c69c9

Browse files
zphrszphrs
committed
published animent wooooo
1 parent ebf7bc8 commit 00c69c9

File tree

8 files changed

+235
-98
lines changed

8 files changed

+235
-98
lines changed

‎.firebase/hosting.YnVpbGQ.cache

Lines changed: 32 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,32 @@
1-
favicon-2.svg,1686626734395,e36bcada7aebb30a69029ef9eb8621b57b3ec55d0ae98b8e38d61710b2a06aa0
2-
favicon.svg,1686626734395,cebe0bf0ce4f378540909027e4b89016e3b4c8c049301d41dd685d85070a42c8
3-
favicon-2.png,1686626734395,18f1627f06be9b27f51ee5e47643de22547425bc5d68640c1e7948fe21763a10
4-
favicon.png,1686626734395,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
5-
index.html,1686626734396,5fcc16b1207c675fc2a19bface5f994b5b2346617ce9d1cb513833cbc981eed3
6-
_app/version.json,1686626734393,3d3466e06db6fb98292929c496b3886a3ff379f4e451f614a932e7ad9e3031d7
7-
_app/immutable/assets/_layout-83fbdb46.css,1686626734390,549c528c3cca517f020049efc97baf1deea7508320a8684e665b5ca233c8981d
8-
_app/immutable/assets/_page-2625fc6b.css,1686626734390,63e93c4deb37c4d15deb772a1ced6b2a65bf1e8c4e6cf995a9db9cc63944079c
9-
_app/immutable/chunks/0-a09d3410.js,1686626734391,3e8ce875d4697a87a7398cbd0f72f4fccb161838137649f4aaa8601e60639ca8
10-
_app/immutable/chunks/1-f9449a04.js,1686626734391,29c63f75762b5453ab5be5ac56e8fd68e5f6f119f0ed9b3ec5afd654a4dceb3e
11-
_app/immutable/chunks/2-08728281.js,1686626734391,48145b1c874941663987c6b755c6a0acf214b1d9c5a8b35c7e28be326e1a3e7e
12-
_app/immutable/chunks/_layout-da46b06b.js,1686626734391,d4b3d0fadd1d1dad5fb3c27c664e8e58ea77ee7b337c9f825353b8918f18908c
13-
_app/immutable/chunks/Zephiris-7ec57061.js,1686626734391,484f2978706b2d937ddf6dbe445b438952b002f30184f1962e706f0f230593ea
14-
_app/immutable/chunks/singletons-10b35cb7.js,1686626734391,48c22113179f5c86661ad0adc2f82a7224057392cc5bf1dbac82f524071a62a9
15-
_app/immutable/chunks/index-9f0e2366.js,1686626734391,c5ac1436f0e1f220a85c47115ef04dc4b86934d259b061e99893a35df28e0559
16-
_app/immutable/components/error.svelte-50423e33.js,1686626734392,da108d853825b80c4f3e8cc66d8651e717229071b8741c24dae323d207be5e03
17-
_app/immutable/components/pages/_layout.svelte-31c14b0c.js,1686626734392,348b74c5f795984d780246c130f948381e2ad796b53ba31333fe77cadb3615d8
18-
_app/immutable/components/pages/_page.svelte-0082d2f8.js,1686626734392,f5e1be87e68290126c2b2d0a53d7d55eb54b771a413f8109a53cc88d231a0d42
19-
_app/immutable/modules/pages/_layout.ts-9cbb603b.js,1686626734392,e3af6f92f51d6304b7444c378ed455935e8d716e2892510dbebc55be0d3d19dd
20-
_app/immutable/start-0dbcd961.js,1686626734392,dee011da8aa0caca0305ace319eec933f3a5fecb48cd9b8941c5c19b110605b0
21-
_app/immutable/assets/Gilbert-Bold-17f3f811.otf,1686626734390,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
22-
og-image.png,1686626734395,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
23-
audio/iris.wav,1686626734393,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
24-
audio/zeph.wav,1686626734394,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
25-
audio/phire.wav,1686626734393,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
26-
audio/zephiris.wav,1686626734395,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732
1+
404.html,1691620648509,d4a32b676cf19723c65c5dc7a4518384cd9ee11f9fbeb8fc93927d143b2b8c6b
2+
favicon-2.png,1691620648396,c17c9fef87b9b78ef9ed4af8e118f651c06f0521f09ed615a630a7d3778d4c64
3+
Tattoo.svg,1691620648389,ce1b12e9d669e990ac329ac2e2f325be1e1d00f57d1b84c53d40354808f14d35
4+
favicon.png,1691620648396,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
5+
favicon-2.svg,1691620648396,ce20c7940384d7512c9a2522f0870b64710aa2e78273559a11d18816eeb899e8
6+
favicon.svg,1691620648396,cebe0bf0ce4f378540909027e4b89016e3b4c8c049301d41dd685d85070a42c8
7+
_app/version.json,1691620648393,3aa76a38b3c9b5f0bf50d10b9ead8cffeb9db3331eb23f632847c09f26734236
8+
tattoo.html,1691620648397,0d613b0f1e0f4b91d7323c40b4555fec867cd242bb60c354a73b4dd8f6b9c2dd
9+
index.html,1691620648397,6a016ec75790d5b665b1c61b920f71ab86933b1e00f8fb4b19289673d878ba9c
10+
_app/immutable/assets/Header-c790e276.css,1691620648390,ae8b59a37e8b185db1cc1df1bf941ec366583e163181941039c138efacfceed1
11+
_app/immutable/assets/_page-17f1eaf1.css,1691620648390,49257eeb6d317731d18bd51a23d975f4549026dd85cfc825216df9cd089954ea
12+
_app/immutable/assets/_layout-e969b11a.css,1691620648390,39afe01625204fb1e54972a20c2b5d442b236eb55dc696c5259f5af74262aa96
13+
_app/immutable/assets/_page-fa7c69e0.css,1691620648390,d1d6171fafcff3b009dd0707a922526ea7e5d5c57c6d234f0e3bd596c0cf1648
14+
_app/immutable/chunks/1-ff1d0951.js,1691620648391,d24559e547737e4a89b1eeff2294438373f61f0be2fbd815450abf98d53662c2
15+
_app/immutable/chunks/0-88f8460a.js,1691620648391,c1c2bfb6380a5b1c42f274357ead9ae7cbe7c42f1bf68b882fd357b922db7088
16+
_app/immutable/chunks/3-86535888.js,1691620648391,b202538b25f7a1f5c5bb4533fcbaf6b9fbebd80cb5f919d801d3edfc85f051fe
17+
_app/immutable/chunks/2-13789ffa.js,1691620648391,bcb69f855a72389b694920ab02c9e5cfa428c3266940077502fd9221982a4744
18+
_app/immutable/chunks/_layout-da46b06b.js,1691620648391,d4b3d0fadd1d1dad5fb3c27c664e8e58ea77ee7b337c9f825353b8918f18908c
19+
_app/immutable/chunks/index-56e7f367.js,1691620648391,60fe8d73f4a31cf77fe5cb71bca08b92696713eefa7e148e10323c891a64fdfc
20+
_app/immutable/chunks/singletons-dd51a4ea.js,1691620648391,20320ffccda3d19707181e7ec585bf807be294e31a70c37fb310d9e63e67b71b
21+
_app/immutable/components/error.svelte-8be0daba.js,1691620648392,0b2c6f96ed9579dcf7dc542d9842b57b32efc7ad7d1f02c324a30d4fe317ee9d
22+
_app/immutable/modules/pages/_layout.ts-9cbb603b.js,1691620648393,e3af6f92f51d6304b7444c378ed455935e8d716e2892510dbebc55be0d3d19dd
23+
_app/immutable/components/pages/_layout.svelte-84b56b37.js,1691620648392,d3e16dd2f86f3321b6847e3ef49c8562dfef87376a653e55658863a45281bc2e
24+
_app/immutable/components/pages/tattoo/_page.svelte-c8692e9d.js,1691620648392,fbc12fead62f40c4aa1a1597f707356d7c8f2df66552882123e37ddb2463243b
25+
_app/immutable/start-53504ce3.js,1691620648393,b7e8bd05dd6ed3f6968ca9e91f292f8ceacae246fdc52531e38533299d35f1b4
26+
_app/immutable/components/pages/_page.svelte-b1933e9e.js,1691620648392,8b7afc40d990b106b5e8a68d95f0b326a8cb1c4b55cc2290aaae501d03685b37
27+
_app/immutable/assets/Gilbert-Bold-17f3f811.otf,1691620648390,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
28+
og-image.png,1691620648397,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
29+
audio/iris.wav,1691620648394,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
30+
audio/zeph.wav,1691620648395,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
31+
audio/phire.wav,1691620648394,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
32+
audio/zephiris.wav,1691620648396,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732

‎firebase.json

Lines changed: 4 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,6 @@
11
{
2-
"hosting": {
3-
"public": "build",
4-
"ignore": [
5-
"firebase.json",
6-
"**/.*",
7-
"**/node_modules/**"
8-
],
9-
"rewrites": [
10-
{
11-
"source": "**",
12-
"destination": "/index.html"
13-
}
14-
]
15-
}
2+
"hosting": {
3+
"public": "build",
4+
"ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
5+
}
166
}

‎src/lib/Plugs.svelte

Lines changed: 16 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -28,39 +28,37 @@
2828
href: 'https://zphrs.github.io/jsExperiments/boids',
2929
desc: 'A GPGPU sim with\nWebGL'
3030
},
31-
{
32-
href: 'https://at.zephiris.me',
33-
name: 'at.zephiris.me',
34-
desc: 'Contact Card',
35-
disabled: true,
36-
estPublishDate: new Date(2023, 5, 25)
37-
},
3831
{
3932
name: 'animent.dev',
4033
href: 'https://animent.dev',
41-
desc: 'Web Design Course',
34+
desc: 'Web Design Course'
35+
},
36+
{
37+
name: 'plexigraph.com',
38+
href: 'https://plexigraph.com',
4239
disabled: true,
43-
estPublishDate: new Date(2023, 6, 2)
40+
estPublishDate: new Date(2023, 8, 17)
4441
},
4542
{
46-
name: 'zephiris.dev',
47-
href: 'https://zephiris.dev',
48-
desc: 'Technical Blog',
43+
href: 'https://at.zephiris.me',
44+
name: 'at.zephiris.me',
45+
desc: 'Contact Card',
4946
disabled: true,
50-
estPublishDate: new Date(2023, 6, 16)
47+
estPublishDate: new Date(2023, 8, 30)
5148
},
5249
{
5350
name: 'creative.zephiris.me',
5451
href: 'https://creative.zephiris.me',
5552
desc: 'Creative Blog',
5653
disabled: true,
57-
estPublishDate: new Date(2023, 7, 6)
54+
estPublishDate: new Date(2023, 9, 10)
5855
},
5956
{
60-
name: 'plexigraph.com',
61-
href: 'https://plexigraph.com',
57+
name: 'zephiris.dev',
58+
href: 'https://zephiris.dev',
59+
desc: 'Technical Blog',
6260
disabled: true,
63-
estPublishDate: new Date(2023, 8, 17)
61+
estPublishDate: new Date(2023, 9, 30)
6462
}
6563
];
6664
function treatAsUTC(date: Date) {
@@ -71,7 +69,7 @@
7169
7270
const MSPerDay = 24 * 60 * 60 * 1000;
7371
function daysBetween(startDate: Date, endDate: Date) {
74-
return (treatAsUTC(endDate) - treatAsUTC(startDate)) / MSPerDay;
72+
return Math.max((treatAsUTC(endDate) - treatAsUTC(startDate)) / MSPerDay, 0);
7573
}
7674
function daysUntilPlug(plug: Plug) {
7775
return plug.estPublishDate

‎src/routes/+layout.svelte

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,7 @@
66
import './styles/scrollbar.css';
77
</script>
88

9-
<nav>
10-
<Header />
11-
</nav>
12-
13-
<main>
14-
<slot />
15-
</main>
9+
<slot />
1610

1711
<footer>
1812
<p>

‎src/routes/+page.svelte

Lines changed: 60 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
import Plugs from '$lib/Plugs.svelte';
44
import Zephiris from '$lib/Zephiris.svelte';
55
import Nicknames from './Nicknames.svelte';
6+
import Header from './Header.svelte';
67
</script>
78

89
<svelte:head>
@@ -12,40 +13,45 @@
1213
<meta property="og:image" content="https://zephiris.me/og-image.png" />
1314
<meta property="og:description" content="Learn about my name!" />
1415
</svelte:head>
15-
<article>
16-
<p>
17-
My preferred name is <Audio inline src="audio/zephiris.wav" title="Zephiris"><Zephiris /></Audio
18-
>
19-
and my preferred pronouns are
20-
<span class="andro">they/them</span>. I am a full stack programmer currently studying @ UCSC.
21-
</p>
22-
<p>
23-
My former name, a name which I loved, is <span class="masc gilbert">Zephyr</span>. That said, I
24-
am changing it because <span class="masc gilbert">Zephyr</span> has a bit of a
25-
<span class="masc"> masculine</span>
26-
connotation. Since I am <span class="andro">nonbinary</span> I prefer a name which mixes
27-
<span class="masc">masculinity</span>
28-
and
29-
<span class="fem">femininity</span>.
30-
</p>
16+
<nav>
17+
<Header />
18+
</nav>
19+
<main>
20+
<article>
21+
<p>
22+
My preferred name is <Audio inline src="audio/zephiris.wav" title="Zephiris"
23+
><Zephiris /></Audio
24+
>
25+
and my preferred pronouns are
26+
<span class="andro">they/them</span>. I am a full stack programmer currently studying @ UCSC.
27+
</p>
28+
<p>
29+
My former name, a name which I loved, is <span class="masc gilbert">Zephyr</span>. That said,
30+
I am changing it because <span class="masc gilbert">Zephyr</span> has a bit of a
31+
<span class="masc"> masculine</span>
32+
connotation. Since I am <span class="andro">nonbinary</span> I prefer a name which mixes
33+
<span class="masc">masculinity</span>
34+
and
35+
<span class="fem">femininity</span>.
36+
</p>
3137

32-
<p>
33-
In greek mythology, the Greek god <span class="masc gilbert">Zephyr</span>, god of the west
34-
wind, is married to
35-
<span class="fem gilbert">Iris</span>, the Greek goddess of rainbows. I decided to sandwich the
36-
two names together to get <Zephiris />.
37-
</p>
38-
<p>The name can also be broken down into three nicknames:</p>
39-
<Nicknames />
40-
<p>
41-
All three are equally correct, so use whichever one you think fits me best in the moment. Of
42-
course you can also call me by my full name, <Zephiris />, too.
43-
</p>
44-
</article>
38+
<p>
39+
In greek mythology, the Greek god <span class="masc gilbert">Zephyr</span>, god of the west
40+
wind, is married to
41+
<span class="fem gilbert">Iris</span>, the Greek goddess of rainbows. I decided to sandwich
42+
the two names together to get <Zephiris />.
43+
</p>
44+
<p>The name can also be broken down into three nicknames:</p>
45+
<Nicknames />
46+
<p>
47+
All three are equally correct, so use whichever one you think fits me best in the moment. Of
48+
course you can also call me by my full name, <Zephiris />, too.
49+
</p>
50+
</article>
51+
<h2>Explore my other sites below:</h2>
4552

46-
<h2>Explore my other sites below:</h2>
47-
48-
<Plugs />
53+
<Plugs />
54+
</main>
4955

5056
<style>
5157
article {
@@ -76,4 +82,26 @@
7682
h2 {
7783
filter: drop-shadow(0 0 2px var(--sea-700));
7884
}
85+
nav {
86+
position: fixed;
87+
top: 0;
88+
left: 0;
89+
z-index: 1;
90+
animation: scrollin 0.75s both;
91+
}
92+
main {
93+
padding: var(--gap-1);
94+
margin-top: calc(30vw + 3rem);
95+
min-height: 100%;
96+
max-width: 1000px;
97+
margin-left: auto;
98+
margin-right: auto;
99+
box-sizing: border-box;
100+
}
101+
102+
main p {
103+
max-width: 800px;
104+
margin-left: auto;
105+
margin-right: auto;
106+
}
79107
</style>

‎src/routes/tattoo/+page.svelte

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<script>
2+
import Header from '../Header.svelte';
3+
</script>
4+
5+
<main>
6+
<article>
7+
<h2>Tattoo</h2>
8+
9+
<img
10+
src="./Tattoo.svg"
11+
alt="waves on the left side and two particles on the right, separated with a vertical line."
12+
/>
13+
<table>
14+
<tr>
15+
<th>Placement</th>
16+
<td>Middle of my chest</td>
17+
</tr>
18+
<tr>
19+
<th>Size</th>
20+
<td>3in</td>
21+
</tr>
22+
</table>
23+
24+
<h2>Explaination</h2>
25+
26+
<p>
27+
Overall the tattoo represents wave particle duality which is a great metaphor for my gender: I
28+
am both a probabilistic wave and a discrete particle. I am constantly collapsing into a
29+
particle when I’m observed (you either know my position or my velocity but not both). When I’m
30+
not being observed I am a probabilistic wave of possibilities.
31+
</p>
32+
<p>
33+
The two particles — one in the middle and another up and left from the center — represent why
34+
I continue to do anything, my reasons for existing:
35+
</p>
36+
<ul>
37+
<li>
38+
The middle dot stands for understanding how the universe and everything in it fundamentally
39+
works
40+
</li>
41+
<li>
42+
The other stands for mutual unconditional love — especially the love I have toward my
43+
partner who is the first person I felt unconditional love with.
44+
</li>
45+
</ul>
46+
<p>
47+
I look forward to adding many more dots over my lifetime whenever I find a new achievable goal
48+
to strive toward.
49+
</p>
50+
</article>
51+
</main>
52+
53+
<style>
54+
table {
55+
max-width: 100%;
56+
margin: 1rem auto;
57+
border-collapse: collapse;
58+
}
59+
table th {
60+
text-align: right;
61+
color: var(--sea-900);
62+
font-family: 'Gilbert', sans-serif;
63+
border-right: 1px solid var(--sea-900);
64+
border-bottom: 1px solid var(--sea-900);
65+
padding: 0.25rem 0.25rem;
66+
}
67+
table tr:last-child th {
68+
border-bottom: none;
69+
}
70+
table tr:last-child td {
71+
border-bottom: none;
72+
}
73+
table td {
74+
padding: 0.25rem 0.25rem;
75+
border-left: 1px solid var(--sea-900);
76+
border-bottom: 1px solid var(--sea-900);
77+
color: var(--sea-700);
78+
}
79+
80+
main {
81+
padding: var(--gap-1);
82+
min-height: 100%;
83+
max-width: 1000px;
84+
margin-left: auto;
85+
margin-right: auto;
86+
box-sizing: border-box;
87+
}
88+
img {
89+
background-color: var(--sea-900);
90+
max-width: 400px;
91+
margin: 2rem auto;
92+
border-radius: 50%;
93+
}
94+
ul {
95+
margin: 1rem 0;
96+
}
97+
li {
98+
margin-bottom: 0.5rem;
99+
}
100+
</style>

‎static/Tattoo.svg

Lines changed: 19 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)