Skip to content

Commit a3955f0

Browse files
zphrszphrs
committed
added link to site about my tattoo
1 parent 9b712d6 commit a3955f0

File tree

6 files changed

+165
-42
lines changed

6 files changed

+165
-42
lines changed

‎.firebase/hosting.YnVpbGQ.cache

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
1-
404.html,1721767798288,0d7cb6bd2eec229b7711eed3f7e519d42e0d05b5d48e51ba9cecb9a5183fd085
2-
Tattoo.svg,1721767798198,ce1b12e9d669e990ac329ac2e2f325be1e1d00f57d1b84c53d40354808f14d35
3-
favicon-2.svg,1721767798203,ce20c7940384d7512c9a2522f0870b64710aa2e78273559a11d18816eeb899e8
4-
favicon.svg,1721767798204,cebe0bf0ce4f378540909027e4b89016e3b4c8c049301d41dd685d85070a42c8
5-
favicon-2.png,1721767798203,c17c9fef87b9b78ef9ed4af8e118f651c06f0521f09ed615a630a7d3778d4c64
6-
favicon.png,1721767798203,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
7-
_app/version.json,1721767798201,68b005428d8c03cc1bb00c587a303e73acd0529c3f2babe589a5ef495a04b0f8
8-
index.html,1721767798204,9028efafe846d299461b84f9834f571ea74f8a36f929ad0d4507e1b1509ba143
9-
tattoo.html,1721767798204,ca1c973e39919331bffebe17c203b90a16cd7168e95e9707d8f0460e9dd7acc0
10-
_app/immutable/assets/Header-c790e276.css,1721767798199,ae8b59a37e8b185db1cc1df1bf941ec366583e163181941039c138efacfceed1
11-
_app/immutable/assets/_page-17f1eaf1.css,1721767798199,49257eeb6d317731d18bd51a23d975f4549026dd85cfc825216df9cd089954ea
12-
_app/immutable/assets/_layout-e969b11a.css,1721767798199,39afe01625204fb1e54972a20c2b5d442b236eb55dc696c5259f5af74262aa96
13-
_app/immutable/chunks/0-88f8460a.js,1721767798199,c1c2bfb6380a5b1c42f274357ead9ae7cbe7c42f1bf68b882fd357b922db7088
14-
_app/immutable/chunks/1-ff1d0951.js,1721767798199,d24559e547737e4a89b1eeff2294438373f61f0be2fbd815450abf98d53662c2
15-
_app/immutable/assets/_page-74ae6f9d.css,1721767798199,0a39bf9dc981a177995e5e03086115a0286d1de21da59332f9d444a8009d3aec
16-
_app/immutable/chunks/3-86535888.js,1721767798200,b202538b25f7a1f5c5bb4533fcbaf6b9fbebd80cb5f919d801d3edfc85f051fe
17-
_app/immutable/chunks/2-241130d7.js,1721767798200,6791eceb270dc17c3e670a0c1d92e9a73255e0cb7a6b42ed60cba86839ef634e
18-
_app/immutable/chunks/_layout-da46b06b.js,1721767798200,d4b3d0fadd1d1dad5fb3c27c664e8e58ea77ee7b337c9f825353b8918f18908c
19-
_app/immutable/chunks/singletons-dd51a4ea.js,1721767798200,20320ffccda3d19707181e7ec585bf807be294e31a70c37fb310d9e63e67b71b
20-
_app/immutable/chunks/index-56e7f367.js,1721767798200,60fe8d73f4a31cf77fe5cb71bca08b92696713eefa7e148e10323c891a64fdfc
21-
_app/immutable/components/pages/_layout.svelte-84b56b37.js,1721767798200,d3e16dd2f86f3321b6847e3ef49c8562dfef87376a653e55658863a45281bc2e
22-
_app/immutable/components/error.svelte-8be0daba.js,1721767798200,0b2c6f96ed9579dcf7dc542d9842b57b32efc7ad7d1f02c324a30d4fe317ee9d
23-
_app/immutable/components/pages/tattoo/_page.svelte-c8692e9d.js,1721767798201,fbc12fead62f40c4aa1a1597f707356d7c8f2df66552882123e37ddb2463243b
24-
_app/immutable/modules/pages/_layout.ts-9cbb603b.js,1721767798201,e3af6f92f51d6304b7444c378ed455935e8d716e2892510dbebc55be0d3d19dd
25-
_app/immutable/start-4a308d56.js,1721767798201,7840025c09036ead365a3b5fa0a9bdf2a59b88a967863467424f1158d1f0fe14
26-
_app/immutable/components/pages/_page.svelte-44bfc152.js,1721767798201,456d00fdbacb2d893dcd4cd2d376b9e8f5eadec40a02b7c2a209a235c81617c1
27-
_app/immutable/assets/Gilbert-Bold-17f3f811.otf,1721767798198,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
28-
og-image.png,1721767798204,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
29-
audio/iris.wav,1721767798202,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
30-
audio/zeph.wav,1721767798202,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
31-
audio/phire.wav,1721767798202,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
32-
audio/zephiris.wav,1721767798203,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732
1+
404.html,1726376482250,1e38526c2c1b74a69ea8981e69eab9b5ab91de0457ab08660357e0b708b5db2c
2+
Tattoo.svg,1726376482140,ce1b12e9d669e990ac329ac2e2f325be1e1d00f57d1b84c53d40354808f14d35
3+
favicon-2.png,1726376482147,c17c9fef87b9b78ef9ed4af8e118f651c06f0521f09ed615a630a7d3778d4c64
4+
favicon.png,1726376482147,a5840f6de28251030b171ff50c2bd37ae46976b56985a12cf7ecbe82baaec041
5+
favicon.svg,1726376482147,cebe0bf0ce4f378540909027e4b89016e3b4c8c049301d41dd685d85070a42c8
6+
favicon-2.svg,1726376482147,ce20c7940384d7512c9a2522f0870b64710aa2e78273559a11d18816eeb899e8
7+
index.html,1726376482148,7fbf1389f0aa2f5455e4757a96cefcbecea4911276f57ea34a328e0c86983ca6
8+
tattoo.html,1726376482148,333323049cc92de742fa4b26478bf11803a57cc0115f124219c0948425b64fa2
9+
_app/version.json,1726376482145,9208627021e0f0f484a72a9f09069a3597627adef7ef82d0059adad0f38139c9
10+
_app/immutable/assets/Header-c790e276.css,1726376482141,ae8b59a37e8b185db1cc1df1bf941ec366583e163181941039c138efacfceed1
11+
_app/immutable/assets/_page-74ae6f9d.css,1726376482141,0a39bf9dc981a177995e5e03086115a0286d1de21da59332f9d444a8009d3aec
12+
_app/immutable/assets/_layout-e969b11a.css,1726376482141,39afe01625204fb1e54972a20c2b5d442b236eb55dc696c5259f5af74262aa96
13+
_app/immutable/chunks/0-88f8460a.js,1726376482142,c1c2bfb6380a5b1c42f274357ead9ae7cbe7c42f1bf68b882fd357b922db7088
14+
_app/immutable/assets/_page-17f1eaf1.css,1726376482141,49257eeb6d317731d18bd51a23d975f4549026dd85cfc825216df9cd089954ea
15+
_app/immutable/chunks/1-ff1d0951.js,1726376482142,d24559e547737e4a89b1eeff2294438373f61f0be2fbd815450abf98d53662c2
16+
_app/immutable/chunks/2-2adae4e7.js,1726376482142,a7d05e693d2273aae56d72ca24af9939abd850e6109f92cf214d4cb90fba81b1
17+
_app/immutable/chunks/3-a56ab0f5.js,1726376482142,ed29573b4f546b84a5e2efac1d6412fb17fe12f2309e9b7c1f0d11965697e7c7
18+
_app/immutable/chunks/_layout-da46b06b.js,1726376482143,d4b3d0fadd1d1dad5fb3c27c664e8e58ea77ee7b337c9f825353b8918f18908c
19+
_app/immutable/chunks/singletons-dd51a4ea.js,1726376482143,20320ffccda3d19707181e7ec585bf807be294e31a70c37fb310d9e63e67b71b
20+
_app/immutable/chunks/index-56e7f367.js,1726376482143,60fe8d73f4a31cf77fe5cb71bca08b92696713eefa7e148e10323c891a64fdfc
21+
_app/immutable/components/error.svelte-8be0daba.js,1726376482143,0b2c6f96ed9579dcf7dc542d9842b57b32efc7ad7d1f02c324a30d4fe317ee9d
22+
_app/immutable/components/pages/_layout.svelte-84b56b37.js,1726376482144,d3e16dd2f86f3321b6847e3ef49c8562dfef87376a653e55658863a45281bc2e
23+
_app/immutable/components/pages/tattoo/_page.svelte-800aee25.js,1726376482144,e4a26b1e5cf61060bc605d7c023959b83e470fca2c32a1a94ffb65be705ec4ef
24+
_app/immutable/start-ce92c66b.js,1726376482145,085383a914bef466b862c10377f0d87cfc19c849af31798111b71ac2fb9e03f7
25+
_app/immutable/components/pages/_page.svelte-b721d619.js,1726376482144,6a2321bb22492c2d7f73bef48604cab2e953dbe6312a6efd12f3702a2818d082
26+
_app/immutable/modules/pages/_layout.ts-9cbb603b.js,1726376482144,e3af6f92f51d6304b7444c378ed455935e8d716e2892510dbebc55be0d3d19dd
27+
_app/immutable/assets/Gilbert-Bold-17f3f811.otf,1726376482140,08dd9b10fb65d589a7b5ba57008ce5ff1ff16cac38710ded073cc0ba677300a8
28+
og-image.png,1726376482148,0a42220d966e6c1c55606d9565abfcf2642442fbcfa9d623dc93b5848714c584
29+
audio/iris.wav,1726376482145,77fe587be24a3c689a38dc8f3a1c187b180d7b6eadadcf0c4f30090fea4fcdcb
30+
audio/zeph.wav,1726376482146,1a8f26047342a9bf77484531e46ba1e9fe80a8dab5416da99ad3db72a11b08eb
31+
audio/phire.wav,1726376482146,688ca1abad1421ae68f2d92f08c825f4cf2a5b8cb631018a99e00966a2c1bb23
32+
audio/zephiris.wav,1726376482147,742b2f9d41a7780eb3e7a29da2a6bebd2e6067e202e3a96b664f6a50aebb9732

‎src/routes/+page.svelte

Lines changed: 55 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,11 @@
1414
<meta property="og:description" content="Learn about my name!" />
1515
</svelte:head>
1616
<nav>
17-
<Header />
17+
<Header changeOnScroll={true} />
1818
</nav>
1919
<main>
2020
<article>
21+
<h2>About my Name</h2>
2122
<p>
2223
My preferred name is <Audio inline src="audio/zephiris.wav" title="Zephiris"
2324
><Zephiris /></Audio
@@ -48,6 +49,33 @@
4849
course you can also call me by my full name, <Zephiris />, too.
4950
</p>
5051
</article>
52+
<article>
53+
<h2>About My Gender</h2>
54+
<p>
55+
I am <span class="andro">nonbinary</span>, and I often use the color
56+
<span class="violet">violet</span> to describe my gender. <span class="violet">Violet</span>,
57+
being the opposite of <span class="fire">red</span> and a <span class="andro">blend</span> of
58+
<span class="masc">blue</span>
59+
and <span class="fem">pink</span>, is a color which can represent the mix of
60+
<span class="masc">masculinity</span>
61+
<span class="andro">and</span> <span class="fem">femininity</span>. While
62+
<span class="fire">red</span> is a color of anger, of <span class="fire">blood</span>,
63+
<span class="violet">violet</span> is a color of complexity, of
64+
<span class="andro">mystery</span>, of intensity. While <span class="fire">red</span> is
65+
passionate, <span class="violet">violet</span> is focused.
66+
</p>
67+
<p>
68+
I often find my presentation always collapses into a slightly different blend of
69+
<span class="masc">masculinity</span>
70+
<span class="andro">and</span> <span class="fem">femininity</span> -
71+
<span class="masc">manhood</span>
72+
<span class="andro">and</span>
73+
<span class="fem">womanhood</span>. While the underlying <span class="andro">essense</span> of
74+
myself does not waver, the way I convey that essense does. If you'd like to read more about
75+
how I view my gender in relation to my presentation through the lens of my tattoo check out
76+
<a href="./tattoo" class="compass">my compass tattoo</a>.
77+
</p>
78+
</article>
5179
<h2>Explore my other sites below:</h2>
5280

5381
<Plugs />
@@ -80,7 +108,28 @@
80108
);
81109
}
82110
h2 {
83-
filter: drop-shadow(0 0 2px var(--sea-700));
111+
filter: drop-shadow(0 0 1.25px var(--sea-700));
112+
}
113+
.fire {
114+
color: #ff8c54;
115+
}
116+
.compass {
117+
color: var(--sea-900);
118+
}
119+
.compass:visited {
120+
color: var(--sea-700);
121+
}
122+
.compass::before {
123+
content: ' ';
124+
background-image: url('/Tattoo.svg');
125+
position: relative;
126+
display: inline-block;
127+
width: 1rem;
128+
border-radius: 100%;
129+
background-color: var(--sea-900);
130+
height: 1rem;
131+
top: 0.25rem;
132+
margin-right: 0.25rem;
84133
}
85134
nav {
86135
position: fixed;
@@ -99,6 +148,10 @@
99148
box-sizing: border-box;
100149
}
101150
151+
.violet {
152+
color: var(--violet-700);
153+
}
154+
102155
main p {
103156
max-width: 800px;
104157
margin-left: auto;

‎src/routes/Header.svelte

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,9 @@
22
import { browser } from '$app/environment';
33
import Zephiris from '$lib/Zephiris.svelte';
44
let scroll = 800;
5+
export let changeOnScroll = false;
56
let windowWidth = 800;
6-
$: sMultip = Math.max(1 - (3.5 * scroll) / windowWidth);
7+
$: sMultip = changeOnScroll ? 1 - (3.5 * scroll) / windowWidth : 0;
78
// get root font size
89
let rem = 16;
910
if (browser) {

‎src/routes/Nicknames.svelte

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,6 +35,11 @@
3535
outline-offset: -1px;
3636
flex-grow: 1;
3737
width: 300px;
38+
text-align: left;
39+
}
40+
li .gilbert {
41+
width: 4.5rem;
42+
display: inline-block;
3843
text-align: center;
3944
}
4045
</style>

‎src/routes/styles/global.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -125,3 +125,10 @@ button {
125125
font-family: 'Gilbert', sans-serif;
126126
cursor: pointer;
127127
}
128+
129+
a {
130+
color: var(--violet-700);
131+
}
132+
a:visited {
133+
color: var(--lavender-700);
134+
}

‎src/routes/tattoo/+page.svelte

Lines changed: 64 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,25 @@
11
<script>
2+
import Zephiris from '$lib/Zephiris.svelte';
23
import Header from '../Header.svelte';
34
</script>
45

6+
<nav>
7+
<Header />
8+
</nav>
59
<main>
610
<article>
7-
<h2>Tattoo</h2>
11+
<h1>My Compass Tattoo</h1>
812

913
<img
1014
src="./Tattoo.svg"
1115
alt="waves on the left side and two particles on the right, separated with a vertical line."
1216
/>
17+
<h3>Info Sheet</h3>
1318
<table>
19+
<tr>
20+
<th>Name</th>
21+
<td>my compass </td>
22+
</tr>
1423
<tr>
1524
<th>Placement</th>
1625
<td>Middle of my chest</td>
@@ -19,15 +28,44 @@
1928
<th>Size</th>
2029
<td>3in</td>
2130
</tr>
31+
<tr>
32+
<th>In ASCII Art</th>
33+
<td>
34+
⠀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|<br />
35+
⠀&nbsp;◜&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;.<br />
36+
(&nbsp; ﹙ ◑&nbsp;<br />
37+
⠀&nbsp;◟&nbsp;&nbsp;&nbsp;|<br />
38+
⠀&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|
39+
</td>
40+
</tr>
41+
</table>
42+
<h3>Symbolism</h3>
43+
<table>
44+
<tr>
45+
<th>Ripples</th>
46+
<td>probabilistic waves</td>
47+
</tr>
48+
<tr>
49+
<th>Center Line</th>
50+
<td>Slit of observation</td>
51+
</tr>
52+
<tr>
53+
<th>Middle Dot</th>
54+
<td>curiosity</td>
55+
</tr>
56+
<tr>
57+
<th>Top Right Dot</th>
58+
<td>unconditional love</td>
59+
</tr>
2260
</table>
2361

24-
<h2>Explaination</h2>
62+
<h3>Explanation</h3>
2563

2664
<p>
2765
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.
66+
am both a probabilistic wave and a discrete particle. My gender is constantly collapsing into
67+
a particle when I’m observed. When I’m not being observed it is a probabilistic wave of
68+
possibilities.
3169
</p>
3270
<p>
3371
The two particles — one in the middle and another up and left from the center — represent why
@@ -39,10 +77,20 @@
3977
works
4078
</li>
4179
<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.
80+
The other stands for mutual unconditional love — especially the love I have toward the first
81+
person I felt unconditional love with.
4482
</li>
4583
</ul>
84+
<p>
85+
The ripples represent the endless possibilities of what I might be at any given moment. They
86+
also represent how even though my presentation might not be consistent, there is a consistent
87+
underlying essense and discernable pattern to how I present; i.e. who I am.
88+
</p>
89+
<p>
90+
The vertical line represents a split between the potential and the present known. It
91+
represents collapsing the probabilities with sharp observation into cold actualities. In this
92+
case, the cold actualities are the particles, of which I have two presently.
93+
</p>
4694
<p>
4795
I look forward to adding many more dots over my lifetime whenever I find a new achievable goal
4896
to strive toward.
@@ -77,8 +125,13 @@
77125
color: var(--sea-700);
78126
}
79127
128+
nav {
129+
position: fixed;
130+
}
131+
80132
main {
81133
padding: var(--gap-1);
134+
padding-top: calc(3rem + var(--gap-1));
82135
min-height: 100%;
83136
max-width: 1000px;
84137
margin-left: auto;
@@ -97,4 +150,8 @@
97150
li {
98151
margin-bottom: 0.5rem;
99152
}
153+
h1 {
154+
text-align: left;
155+
margin: 0;
156+
}
100157
</style>

0 commit comments

Comments
 (0)