-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathJay.html
More file actions
690 lines (680 loc) · 44.1 KB
/
Copy pathJay.html
File metadata and controls
690 lines (680 loc) · 44.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
<!DOCTYPE html>
<html lang="en" data-selected-theme="alt">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Sam Castle">
<meta name="description" content="Character sheet for an OC, Jay">
<title>Jay Star</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Happy+Monkey&family=Merriweather+Sans:wght@400;500;600;700;800&family=Pangolin&family=Spectral:wght@200;300;400;600;700&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
<link rel="icon" type="image/png" href="images/Favicons/Jay512.png" sizes="512x512">
<link rel="icon" type="image/png" href="images/Favicons/Jay256.png" sizes="256x256">
<link rel="icon" type="image/png" href="images/Favicons/Jay180.png" sizes="180x180">
<link rel="icon" type="image/png" href="images/Favicons/Jay128.png" sizes="128x128">
<link rel="icon" type="image/png" href="images/Favicons/Jay96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/Favicons/Jay32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/Favicons/Jay16.png" sizes="16x16">
<style>
@font-face { font-family: Eraser; src: url('fonts/eraser.regular.ttf'); }
:root {
--hue1: 180deg;
--hue2: 65deg;
--hue3: 320deg;
--angle: 160deg;
--middleHR: "☀";
--middleImageHR: " ✦ • • ☀ • • ✦ ";
--middleLength: 15;
--middleAddition: "";
--aDecor: "✎ ";
/* --bodyText: "Happy Monkey", serif; */
--bodyText: "Pangolin", serif;
--headingText: "Gloria Hallelujah", serif;
--headingText: Eraser;
--headingTextAdjustment: 1.5rem;
}
:root,
[data-selected-theme="normal"] {
--h1-8-0-h2-8-0: linear-gradient(var(--angle), var(--h1-8-0) 20%, hwb(var(--hue3) 80% 00%), var(--h2-8-0)) !important;
--h1-0-3-h2-0-3: linear-gradient(var(--angle), var(--h1-0-3) 20%, hwb(var(--hue3) 00% 30%), var(--h2-0-3)) !important;
}
[data-selected-theme="alt"] {
--h1-8-0-h2-8-0: linear-gradient(var(--angle), var(--h1-8-0) 20%, hwb(var(--hue3) 00% 80%), var(--h2-8-0)) !important;
--h1-0-3-h2-0-3: linear-gradient(var(--angle), var(--h1-0-3) 20%, hwb(var(--hue3) 30% 00%), var(--h2-0-3)) !important;
}
#TeaserText p{
text-align: left;
}
.Tab0{
padding-left: 10px;
}
.Tab1{
padding-left: 30px;
}
.Tab2{
padding-left: 50px;
}
.Tab3{
padding-left: 70px;
}
.Tab4{
padding-left: 90px;
}
</style>
<link rel="stylesheet" href="CSS/Defaults.css">
<link rel="stylesheet" href="CSS/Wiki.css">
<link rel="stylesheet" href="CSS/HrCSS.css">
<link rel="stylesheet" href="CSS/Dropdowns.css?v=1">
<script src="nav.js"></script>
<script>
let current = 0;
let names = [" Your Stupid Face - Kaden MacKay "," Prisoner Of My Past - Spies Are Forever ", " Scrawny - Wallows ", " I See Stars - Mean Girls ", " What If Tomorrow Comes - Starkid's "/*, " One Jump Ahead - Aladdin "*/];
let songs = ["Audio/Your Stupid Face.mp3", "Audio/Prisoner Of My Past.mp3", "Audio/Wallows - Scrawny.ogg", "Audio/I See Stars.ogg", "Audio/What If Tomorrow Comes.ogg"/*, "Audio/One Jump Ahead.ogg"*/];
</script>
<script src="Audioplayer.js"></script>
</head>
<body>
<header>
<div class="navbar">
<h3 id="SiteName">Prismoria</h3>
<div class="flex-container">
<a href="index.html" id="TheParticle">The Particle</a>
<div class="dropdown">
<button class="dropbtn Selected" id="Characters">Characters
</button>
<div class="dropdown-content">
<a href="Jay.html">Jay Star</a>
<a href="Jacob.html">Jacob Jackson</a>
<a href="Sam.html">Samuel Broteez</a>
<a href="Elliot.html">Elliot Evans</a>
<a href="River.html">River Lucero</a>
<a href="Lucian.html">Lucian Draven</a>
<a href="Adam.html">Adam Zondervan</a>
</div>
</div>
<!-- <a href="SomeStories.html" id="SomeStories">Some Stories</a> -->
<a href="Updates.html" id="Updates">Site Updates</a>
</div>
</div>
</header>
<main>
<h1 class="sectionHeader">Jay Star</h1>
<h1 class="sectionHeader">Character Sheet</h1>
<div class="tw">
<div class="audio-player">
<div class="title">
<button onclick="playPrev()" class="audioButtons"><i class="fa fas fa-caret-left"></i></button>
<span id="SongName"> Your Stupid Face - Kaden MacKay </span>
<button onclick="playNext()" class="audioButtons"><i class="fa fas fa-caret-right"></i></button>
</div>
<div class="controls">
<button onclick="playOrPause()" class="audioButtons"><i id="play" class="fa fas fa-play"></i></button>
<div class="range">
<input type="range" id="player-slider" value="0" aria-valuemax="100"/>
</div>
<audio preload="auto" onended="playNext()" id="player" src="Audio/Your Stupid Face.mp3" type="audio/mpeg" controls controlsList="nodownload noplaybackrate"></audio>
</div>
</div>
<div class="playlist">
<p><a target="_blank" href="https://open.spotify.com/playlist/6ApciFSeOOPQwbGqU9i09F?si=IAZiz4v0RHme3Rym8-1uTA&pi=oyJym-XWSI-2M">Spotify Playlist</a></p>
</div>
<p>╭━━━━━━━━━━━━━━━━╮</p>
<p>Trigger Warnings</p>
<p>All. If you have any triggers, <br>do not look at this character.</p>
<p>╰━━━━━━━━━━━━━━━━╯</p>
</div>
<div class="sectionLabel">
<hr>
<h2>Contents</h2>
<hr>
</div>
<p>I. Teaser</p>
<p>II. Basic info</p>
<p>III. Health and Abilities</p>
<p>IV. Appearance</p>
<p>V. Personality</p>
<p>VI. Self Perception</p>
<p>VII. Relations</p>
<p>VIII. Roleplay Info</p>
<hr class="ImageTop">
<img src="images/Jay/JayPfp.jpg">
<p class="quoteCaption">“I kill everything I touch...”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Teaser</h2>
<hr>
</div>
<details>
<summary class='sectionHeader'><h1>Teaser</h1></summary>
<div class="content" id="TeaserText">
<p class="Tab0">I am in a room</p>
<p class="Tab0">There is no light</p>
<p class="Tab1">Only darkness</p>
<p class="Tab0">What is in ー the room ー is unknown</p>
<p class="Tab0">All that is known</p>
<p class="Tab1">Is that it's all I remember.</p>
<p class="Tab0"></p>
<p class="Tab0">This dark, dark room</p>
<p class="Tab0">There is some shuffling about every once in a while ー</p>
<p class="Tab1">From what, I do not know</p>
<p class="Tab0">Some murmurs, some quarls</p>
<p class="Tab0">A gust of wind chilling the foul air</p>
<p class="Tab0"></p>
<p class="Tab0">A</p>
<p class="Tab1">Sheet.</p>
<p class="Tab0">No, that's not the word.</p>
<p class="Tab0">A</p>
<p class="Tab0">Curtain</p>
<p class="Tab0">Set aglow, something shining behind it.</p>
<p class="Tab0">A white curtain</p>
<p class="Tab1">Seemingly glowing.</p>
<p class="Tab0">Quite peculiar.</p>
<p class="Tab0"></p>
<p class="Tab0">The light</p>
<p class="Tab1">Faded behind the sheet of white</p>
<p class="Tab0">Spills into the room</p>
<p class="Tab0">Like water down a mountain.</p>
<p class="Tab0">Now it is clear</p>
<p class="Tab1">This was never a room.</p>
<p class="Tab1">This is a cage.</p>
<p class="Tab0"></p>
<p class="Tab0">The curtains ー they hang over steel bars</p>
<p class="Tab1">A window</p>
<p class="Tab2">With no pane, no protection</p>
<p class="Tab3">To keep the cold winter air out.</p>
<p class="Tab0">The gray floor</p>
<p class="Tab1">The gray walls</p>
<p class="Tab2">The concrete box I'm in</p>
<p class="Tab0">Is covered with blood</p>
<p class="Tab1">The only splash of color</p>
<p class="Tab2">In this little box of mine.</p>
<p class="Tab0">The door</p>
<p class="Tab1">Much too thick than needed</p>
<p class="Tab2">With a thousand locks to keep me in</p>
<p class="Tab3">And no key in sight</p>
<p class="Tab0"></p>
<p class="Tab0">The darkness was better than this</p>
<p class="Tab0">It was better</p>
<p class="Tab1">When I could not see to see</p>
<p class="Tab0">It was better</p>
<p class="Tab1">When there was no unbreakable door</p>
<p class="Tab0">What is this light?</p>
<p class="Tab0">Why must it come to me?</p>
<p class="Tab0">Go bother someone else</p>
<p class="Tab1">Go be a fairy somewhere else</p>
<p class="Tab0">I like this little box of mine</p>
<p class="Tab1">I don't want things to change.</p>
<p class="Tab1">This box is all I've ever known</p>
<p class="Tab2">I need more sheets</p>
<p class="Tab3">To cover up that little light</p>
<p class="Tab4">Tapping on my broken window.</p>
<p class="Tab0"></p>
<p class="Tab0">I spot a corner covered in red</p>
<p class="Tab1">Calling out to me.</p>
<p class="Tab0">If I can't keep my room the same</p>
<p class="Tab0">This corner will have to do.</p>
<p class="Tab0">This foul-smelling corner</p>
<p class="Tab1">Will be the only thing</p>
<p class="Tab2">I can call mine.</p>
<p class="Tab0">I can not extinguish the light</p>
<p class="Tab1">So I'll just have to block it out</p>
<p class="Tab0"></p>
<p class="Tab0">But the light just gets brighter</p>
<p class="Tab0">My heart beats faster</p>
<p class="Tab0">Why won't it go away?</p>
<p class="Tab0">It's been so long</p>
<p class="Tab1">I've been sitting here</p>
<p class="Tab2">Alone</p>
<p class="Tab1">For three long years</p>
<p class="Tab1">Trying to block out the light</p>
<p class="Tab0">What even is a year?</p>
<p class="Tab0">It's all just one big muddle of blackness.</p>
<p class="Tab0"></p>
<p class="Tab0">Maybe I should give that light a chance.</p>
<p class="Tab0">It has never done any harm</p>
<p class="Tab1">It has never left me.</p>
<p class="Tab0">…</p>
<p class="Tab0">It has never left me</p>
<p class="Tab1">Alone</p>
<p class="Tab0">Maybe I could ask it</p>
<p class="Tab0">“Hey</p>
<p class="Tab1">Little light of mine</p>
<p class="Tab1">Why are you still here?</p>
<p class="Tab0">Why</p>
<p class="Tab0">Have you never left me</p>
<p class="Tab0">Alone?”</p>
<p class="Tab0">Maybe it knows</p>
<p class="Tab1">How to break through those locks</p>
<p class="Tab1">Sealing the door shut.</p>
<p class="Tab0"></p>
<p class="Tab0">So I gather my courage ー</p>
<p class="Tab0">Push myself to my feet.</p>
<p class="Tab0">With light tapping on the concrete floor</p>
<p class="Tab0">I walk over to the curtains,</p>
<p class="Tab1">Taking the sheets in my hands.</p>
<p class="Tab0">Soft, harmless sheets</p>
<p class="Tab1">Blocking out the light.</p>
<p class="Tab0">I fling them open,</p>
<p class="Tab0">The ray of light rushing in</p>
<p class="Tab0">Like an old friend</p>
<p class="Tab1">Wrapping around me in a hug.</p>
<p class="Tab0">It's so blindingly bright</p>
<p class="Tab1">So beautifully white and blue.</p>
<p class="Tab0">The light is behind the steel bar window,</p>
<p class="Tab0">Flickering about with such energy.</p>
<p class="Tab0">My heart yearns to join it ー</p>
<p class="Tab1">That freely dancing sunshine</p>
<p class="Tab0">But I am on the other side</p>
<p class="Tab1">Peering out through cold</p>
<p class="Tab2">Bloodstained bars.</p>
<p class="Tab0"></p>
<p class="Tab0">Once my eyes adjust</p>
<p class="Tab1">The view behind the light</p>
<p class="Tab1">Can finally be seen</p>
<p class="Tab0">A grassy field with towering trees</p>
<p class="Tab1">Flowers swaying in the wind.</p>
<p class="Tab0">It felt like winter inside my little box</p>
<p class="Tab0">But out there it's summer</p>
<p class="Tab1">When life flourishes</p>
<p class="Tab2">When it thrives</p>
<p class="Tab0">While I'm stuck in here</p>
<p class="Tab1">Unable to spread my wings and fly</p>
<p class="Tab0">What have I been doing all these years?</p>
<p class="Tab0">Why was I so scared?</p>
<p class="Tab0">This light never threatened me</p>
<p class="Tab1">It only wanted to lead</p>
<p class="Tab1">Show me a better life</p>
<p class="Tab2">So that I may flourish too.</p>
<p class="Tab0"></p>
<p class="Tab0">I cling onto the metal bars</p>
<p class="Tab0">Tugging with all my might</p>
<p class="Tab0">But no matter how hard I try</p>
<p class="Tab1">The steel bars remain standing strong</p>
<p class="Tab0">It's not until I realize the little light was not a light</p>
<p class="Tab1">But something so much more</p>
<p class="Tab0">That blinding brightness</p>
<p class="Tab1">Can shine in me</p>
<p class="Tab1">And shine</p>
<p class="Tab1">I will try.</p>
<p class="Tab0">This explosion of white light inside</p>
<p class="Tab0">Puts a hand on my shoulder</p>
<p class="Tab1">Offering me the strength</p>
<p class="Tab2">The strength to break through my cage.</p>
<p class="Tab0">The room around me crumbles</p>
<p class="Tab1">Nothing more than specks of dust</p>
<p class="Tab0">The warm summer air engulfs me</p>
<p class="Tab1">The sweet smell of life surrounding</p>
<p class="Tab0">I can finally be at rest</p>
<p class="Tab1">Living with the little light inside me</p>
<p class="Tab1">Thriving and learning how to fly</p>
<p class="Tab0">But that paradise swiftly falls away</p>
<p class="Tab1">As the hands of darkness grasp my legs</p>
<p class="Tab1">And pull me back away</p>
<p class="Tab0"></p>
<p class="Tab0">I dig at the luscious green grass, the dirt</p>
<p class="Tab1">Struggling to maintain my freedom</p>
<p class="Tab0">The little light grabs my wrists to help</p>
<p class="Tab1">To save me</p>
<p class="Tab0">But two strong forces pulling opposite ways</p>
<p class="Tab1">End up tearing me apart</p>
<p class="Tab0">The room full of darkness rebuilding itself</p>
<p class="Tab1">Blood splattering on the walls and floor as I'm torn</p>
<p class="Tab1">All the light I feared in the beginning</p>
<p class="Tab1">Fades away as my eyes grow heavy</p>
<p class="Tab1">And darkness consumes my being.</p>
<p class="Tab0">There is nothing now.</p>
<p class="Tab0">Those curtains left shut once again.</p>
<p class="Tab0">…</p>
<p class="Tab0"></p>
<p class="Tab0">I am in a room</p>
<p class="Tab0">There is no light</p>
<p class="Tab1">Only darkness</p>
<p class="Tab0">What is in ー the room ー is unknown</p>
<p class="Tab0">All that is known</p>
<p class="Tab1">Is that it's all I remember.</p>
</div>
</details>
<hr class="ImageTop">
<img src="images/Jay/Pendant.jpg">
<p class="quoteCaption">“Speak only when spoken to. Do what you're told to do. <br>Feel what you're told to feel. Don't fight back, don't resist. <br>Be the perfect test subject you are.”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Basic Info</h2>
<hr>
</div>
<section class="info" id="BasicInfo">
<p class='q'>Birth Name</p>
<p class='a'>Alexander Sebastian Green</p>
<p class='q'>Current Name</p>
<p class='a'>Jay Star</p>
<div class='br'></div>
<p class='q'>First Name</p>
<p class='a'>Jay</p>
<p class='q'>Meaning</p>
<p class='a'>Victory, a bird, healer</p>
<p class='q'>Significance</p>
<p class='a'>When he met Jacob, Jacob introduced himself then asked for Jays name. Jay wasn't used to talking much at the time, so he started to repeat Jacob's name very slowly, and Jacob cut him off halfway. He's been Jay ever since</p>
<div class='br'></div>
<p class='q'>Last Name</p>
<p class='a'>Star</p>
<p class='q'>Significance</p>
<p class='a'>In trying to come up with a last name, Jay tried to make it something that sounded cool and related to him. He's an outdoors type of guy, so one night, staring up at the stars, he decided he wanted Star to be his last name. Flashy last name, I know. He was a kid-</p>
<div class='br'></div>
<p class='q'>Nicknames</p>
<p class='a'>Dolphin</p>
<p><i>Reason</i></p>
<p><i>He sounds like a dolphin when he laughs. He has a very high-pitched laugh</i></p>
<p class='a'>Jay Bird</p>
<p><i>Reason</i></p>
<p><i>This is just a nickname his ex used to call him. There was no real reason behind it</i></p>
<div class='br'></div>
<p class='q'>Biological Gender</p>
<p class='a'>Male</p>
<p class='q'>Preferred Gender</p>
<p class='a'>Male</p>
<p class='q'>Pronouns</p>
<p class='a'>He / him / his</p>
<div class='br'></div>
<p class='q'>Sexual Orientation</p>
<p class='a'>Asexual</p>
<p class='q'>Romantic Orientation</p>
<p class='a'>Pan-romantic</p>
<div class='br'></div>
<p class='q'>Age</p>
<p class='a'>20 - 24 depending on the rp</p>
<p class='q'>Birthday</p>
<p class='a'>Jay does not know. I do, but he doesn't know, so there's no reason to state it</p>
<p class='q'>Zodiac Sign</p>
<p class='a'>Same answer as before</p>
<div class='br'></div>
<p class='q'>Occupation</p>
<p class='a'>Actor or None</p>
<div class='br'></div>
<p class='q'>Where they live</p>
<p class='a'>Prismoria</p>
<div class='br'></div>
<p class='q'>Languages</p>
<p class='a'>English</p>
</section>
<hr class="ImageTop">
<img src="images/Jay/Sketchbook.png">
<p class="quoteCaption">“He was my sunshine. There's no sunshine anymore. Only...<br>Darkness. Endless darkness.”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Health and Abilities</h2>
<hr>
</div>
<section class="info" id="Health">
<p class='q'>Physical Illnesses</p>
<p class='a'>... That is unknown</p>
<p class='q'>Mental Illnesses</p>
<p class='a'>This is unknown as well</p>
<div class='br'></div>
<p class='q'>Triggers</p>
<p class='a'>Basically everything</p>
<div class='br'></div>
<p class='q'>Mutation / Power</p>
<p class='a'>He does not have a mutation that gives him a power, his powers come from his necklace. And he can use all types of powers</p>
<p class='q'>How long have they had it</p>
<p class='a'>Since he was 3</p>
<p class='q'>What are the limitations (If it's a power)</p>
<p class='a'>He can't use it for too long, otherwise the pendant starts to burn him and make him relive trauma in his head. He hates using magic for this reason</p>
</section>
<hr class="ImageTop">
<img src="images/Jay/Magic.jpg">
<p class="quoteCaption">“Dad didn't do anything. Oh, it was his body, but it wasn't him.”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Appearance</h2>
<hr>
</div>
<section class="info" id="Appearance">
<p class="q">Overall Description</p>
<p class="a">Jay generally looks like he came straight out of a bush. His dandelion blond, curly hair has leaves and twigs tangled in the curls. His clothes are worn and torn in a few places. He wears a sweatshirt and some baggy pants; he's not one to show much skin. It's not that he looks dirty or anything, but it doesn't look like he actually bought any of those clothes. They barely fit him.</p>
<div class='br'></div>
<p class='q'>Height</p>
<p class='a'>7'2"</p>
<p class='a'>2.18 m</p>
<p class='q'>Weight</p>
<p class='a'>260 lbs.</p>
<p class='a'>118 kg</p>
<div class='br'></div>
<p class='q'>Skin color</p>
<p class='a'>Pale ivory</p>
<div class='br'></div>
<p class='q'>Hair color</p>
<p class='a'>Yellow blonde</p>
<p class='q'>Hair texture</p>
<p class='a'>Soft like a kittens fur</p>
<p class='q'>Hair style</p>
<p class='a'>Curly and unbrushed</p>
<div class='br'></div>
<p class='q'>Eye color(s)</p>
<p class='a'>Electric blue</p>
<div class='br'></div>
<p class='q'>Piercings</p>
<p class='a'>None</p>
<p class='q'>Scars</p>
<p class='a'>Many. Most of them are on his back. I can't describe them without revealing some of his backstory though</p>
<p class='q'>Tattoos</p>
<p class='a'>None</p>
<p class='q'>Birthmark</p>
<p class='a'>None</p>
<p class='q'>Freckles</p>
<p class='a'>No</p>
<div class='br'></div>
<p class='q'>Accent / Voice</p>
<p class='a'>Very low-pitched and deep, except for when he laughs. When he laughs, his voice goes up like, ten full octaves in pitch</p>
<div class='br'></div>
<p class='q'>Other</p>
<p class='a'>He is extremely warm. Like, he's practically a personal heater. So, he gives the best hugs, because he's just so warm.</p>
</section>
<hr class="ImageTop">
<img src="images/Jay/Locks.png">
<p class="quoteCaption">“Trees are better. Beds steal innocence.”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Personality</h2>
<hr>
</div>
<section class="info" id="Personality">
<p class='q'>Closest Stereotype</p>
<p class='a'>Tsundere</p>
<p class='q'>Overall Description</p>
<p class='a'>Jay is very closed off and distant at first, but it's just because he's scared. He believes that if he let's people in, they will end up getting hurt because that's what happened to someone who used to be his boyfriend. He doesn't really understand social interactions nor can he read people at all, so he can only pick up on things like "hm, they seem sad" if it's obvious and in his face. Once he opens up to someone, he is like a giant teddy bear. He will protect them at all costs and all he'll want to do is cuddle with them. Even if they're just a friend. He doesn't see cuddles as a romantic thing.</p>
<div class='br'></div>
<p class='q'>Likes</p>
<p class='a'>Trees and nature. He lives in a tree. He loves being able to be in the freedom of the outdoors, where he can be sure that he will not be trapped because there will always be somewhere he can run.</p>
<p class='a'>Physical affection of any kind. I often joke that he is hug-deprived because he is. Jacob showed him what physical affection was when he was about 14. He never knew what it was like before that. And ever since, he became very affectionate towards anyone close to him. It's how he demonstrates his appreciation. It's not a romantic thing (though it can be)</p>
<p class='a'>Kittens. He just finds them really cute :3</p>
<div class='br'></div>
<p class='q'>Dislikes</p>
<p class='a'>Buildings without many windows and doors. This goes back to the outdoors thing, he doesn't like feeling trapped. If there aren't a lot of windows and doors, there aren't a lot of escape routes and he starts to feel trapped and helpless</p>
<p class='a'>People who interrupt him. Sometimes it takes a little while for him to be able to respond, social interactions are hard for him. It's even harder when he's not given enough time to properly comprehend what was said and respond to the best of his abilities</p>
<p class='a'>Anything related to magic and anything related to killing. Both of those remind him of the lab and make him paranoid or guilty. It's difficult for him to discuss it.</p>
<div class='br'></div>
<p class='q'>Traits</p>
<p class='a'>Affectionate and warm-hearted. He may not be able to use his words to explain himself very well, but he will always be able to use affection to demonstrate how much he cares about someone. And he will do anything to help that person be happy and content.</p>
<p class='a'>Self-sacrificing. That is a positive thing, but he can be a bit too self-sacrifing to the point where it's self-destructive</p>
<p class='a'>Strange. He is very strange. Sometimes he will speak in riddles. He doesn't seem to have human needs. He refuses to even touch a bed. The man is very strange and unusual.</p>
<p class='a'>He is a man of extremes. He sees things as black and white. You're either good or bad, no in between. He either doesn't trust you at all, or trusts you with all his heart. His voice is super deep, his laugh is super high pitched. Everything about him is either 100% or 0%</p>
<p class='a'>Naïve. He was locked up for three fourths of his life almost, he doesn't understand a lot of things, so a lot of things are new to him.</p>
<div class='br'></div>
<p class='q'>Hobbies</p>
<p class='a'>Drawing</p>
<div class='br'></div>
<p class='q'>Greatest joy in life</p>
<p class='a'>Cuddles. It always makes him happy</p>
<div class='br'></div>
<p class='q'>Fears</p>
<p class='a'>Letting someone in. He's terrified that if he let's someone get close to him again, they'll end up dying like his boyfriend. He doesn't know if he'd even be able to handle that</p>
<p class='a'>Being happy. If he starts being happy again, it'll be harder to survive in the lab. If he doesn't feel anything, he has nothing to lose. But if he has happiness and hope, he has everything to lose.</p>
<p class='a'>Losing control to the pendant. His necklace is always trying to force him to do what it wants, and sometimes it's even able to take full control over him for a short period of time. He's scared that one day it will have full control</p>
<div class='br'></div>
<p class='q'>Love Language(s)</p>
<p class='a'>Physical Touch: People who communicate their appreciation through this language, when they consent to it, feel appreciated when they are hugged, kissed, or cuddled. They value the feeling of warmth and comfort that comes with physical touch.</p>
<p class='a'>Acts of Service: This love language is for people who believe that actions speak louder than words. Unlike those who prefer to hear how much they're cared for, people on this list like to be shown how they're appreciated. Doing the smaller and bigger chores to make their lives easier or more comfortable is highly cherished by these people.</p>
<div class='br'></div>
<p class='q'>Biggest Regret</p>
<p class='a'>Stabbing his boyfriend</p>
<div class='br'></div>
<p class='q'>Biggest Accomplishment</p>
<p class='a'>Learning to love</p>
<div class='br'></div>
<p class='q'>Darkest Secret</p>
<p class='a'>His entire backstory</p>
</section>
<hr class="ImageTop">
<img src="images/Jay/SunAndMoon.jpg">
<p class="quoteCaption">“I will have to disappear again, soon.”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Random Opinions (This is a new section, I'm experimenting, sue me)</h2>
<hr>
</div>
<section class="info" id="opinions">
<p class='q'><u>Physcial contact</u></p>
<p class='a'>Jay is touch-starved. Very touch-starved. He is not open to physical contact with strangers; he won't even shake someone's hand for a "nice to meet you" interaction. Once he trusts someone, then he's very affectionate. Basically inseparable. He always feels the need to hold something, anything. Normally, that is his sketchbook. But if someone he cares about is around, it becomes them. At all times.</p>
<p class='a'>However, he cares a lot about consent. More than a normal person. If someone touches him without consent, even just a tap on the shoulder, he if going to react defensively and disarm them. It's best not to catch him off guard.</p>
<div class='br'></div>
<p class='q'><u>Trust</u></p>
<p class='a'>Hard to win, hard to lose.<br>It takes a while for real trust to be built with Jay, before he finally believes that someone is truely not a threat in the least. And yes, that is sort of how he sees trust; if he needs to be ready to defend himself or not around someone. Trust is not a right, it is a privilege built on truth and reliability.</p>
<p class='a'>Yes, some things may sway him more than others. Generally, actions speak louder than words. Same goes for him. He may say he's not a nice person and that he shouldn't be trusted, but then he goes and offers a stranger shelter and food if it's unfeasible to just get them to go back home.</p>
<p class='a'>Now, losing trust - It does really depend on what someone does. Jay can excuse a lot. If you have his trust, you've already proven yourself to be a good person. It will take a lot of mistakes before Jay starts to lose faith in someone. A lot of small mistakes, that is. If someone were to kill someone <i>after</i> he starts to trust them, that's a big no. Not respecting his boundaries or ignoring consent; big no. If he has lost faith in someone, it will take significantly more than it did in the first place to win it back.</p>
<p class='q'><u>Truth</u></p>
<p class='a'>Jay never lies. If he doesn't want someone to know something, he doesn't lie, he simply doesn't answer. Because no words are better than lying. Sometimes he speaks strangely; he's just wording everything he says so that there is never any falseity to it. If someone lies to him, he will most likely be able to identify it (if he has the pendant on), and depending on the lie, call them out on it. Immediately</p>
<div class='br'></div>
<p class='q'><u>Flaws in others</u></p>
<p class='a'>Not really a concern.<br>His past is riddled with the worst things humanity has to bring, he has seen a lot. As long as someone is not actively commiting war crimes, they're good. if they have murder in their past, that's fine; it's the past. The present self is what matters.</p>
<div class='br'></div>
<p class='q'><u>Core Beliefs</u></p>
<p ><i>In a character arc, these will most likely change from being negative to positive. These are base-Jay beliefs</i></p>
<p class='a'>"My purpose is to serve and to suffer so others don't have to." - This is not something he was told, not some line that he repeats because he was told to. This is just what he sees the world as. He must keep going back to his place of trauma so nobody else has to take his place.</p>
<p class='a'>"I am not just powerless, but useless without the pendant." - These are super sad, I know 😭 He does fully believe that he is useless if he doesn't have that parasite commanding his every move. It may be nice to have a few minutes where he's allowed to be himself, but during that time, he knows that he's vulnerable, stupid, slow, and overall a worse version of himself. At least, that's what he believes</p>
<p class='a'>"I am not human, I am a monster." - <u><a href="https://youtu.be/GqE49_M2234?si=ecuFkwS7Wx2K-Fw5&t=124">This song fr fr</a></u></p>
<p class='q'><u>Core Underlying Emotion</u></p>
<p class='a'>Fear. In most situations, his first emotional response is fear.</p>
</section>
<hr class="ImageTop">
<img src="images/Jay/Mad Jay Transparent.png">
<p class="quoteCaption">“I am not cute, I am as manly as you can get!”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Self-Perception</h2>
<hr>
</div>
<section class="info" id="Perception">
<p class='q'>How they feel about themselves</p>
<p class='a'>Indifferent. Jacob showed him that there are some good things about himself, but he knows that there are some really bad things about himself. If he's in a good mood, he's indifferent about himself. If he's in a bad mood, he thinks he's a monster.</p>
<div class='br'></div>
<p class='q'>How they would describe themselves</p>
<p class='a'>Murderer</p>
<div class='br'></div>
<p class='q'>What they think is their best trait</p>
<p class='a'>His loyalty</p>
<div class='br'></div>
<p class='q'>What they think is their worst trait</p>
<p class='a'>His loyalty, it's a double-edged sword</p>
<div class='br'></div>
<p class='q'>How they think other perceive them</p>
<p class='a'>Tough guy</p>
<div class='br'></div>
<p class='q'>What they would like to change about themselves</p>
<p class='a'>Get rid of the pendant</p>
</section>
<hr class="ImageTop">
<img src="images/Jay/Forest.jpg">
<p class="quoteCaption">“It's not that I hate myself, I don't. I just know what I am and what I have to do.<br>For everyone else's sake.”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Relations</h2>
<hr>
</div>
<section class="info" id="Relations">
<p class='q'>Biological Mother</p>
<p class='a'>Unknown</p>
<div class='br'></div>
<p class='q'>Biological Father</p>
<p class='a'>Unknown</p>
<div class='br'></div>
<p class='q'>Adoptive Father 1</p>
<p class='a'>Nico</p>
<p class='q'>Status</p>
<p class='a'>Alive</p>
<div class='br'></div>
<p class='q'>Adoptive Father 2</p>
<p class='a'><a href='Elliot.html'>Elliot Evans</a></p>
<p class='q'>Status</p>
<p class='a'>Alive</p>
<div class='br'></div>
<p class='q'>Ex-Lover</p>
<p class='a'><a href='Jacob.html'>Jacob Jackson</a></p>
<p class='q'>Status</p>
<p class='a'>Deceased</p>
</section>
<hr class="ImageTop">
<img src="images/Jay/Cell.jpg">
<p class="quoteCaption">“This room is mocking you.”</p>
<hr class="ImageBottom">
<div class="sectionLabel">
<hr>
<h2>Roleplay Info</h2>
<hr>
</div>
<section class="info" id="RpInfo">
<p class='q'>Availability</p>
<p class='a'>Open</p>
<div class='br'></div>
<p class='q'>Genres</p>
<p class='a'>Fantasy</p>
<p class='a'>Angst</p>
<p class='a'>Sci-Fi</p>
<p class='a'>Romance</p>
<p class='a'>Mystery?</p>
<p class='a'>Adventure</p>
<div class='br'></div>
<p class='q'>Other</p>
<p class='a'>Jay is an rp-killer. He is so closed off and distant at the start that people often get stuck and can't make any progress with him. He acts like a brick wall sometimes, and it makes the rp hit a brick wall. If your character isn't persistent enough, gives up easily, or gets scared off easily, it's not going to work out with Jay. You will hit a brick wall. Jay is my hardest character to start an rp with.</p>
<p class='a'>If you do manage to get past the beginning stages with him, the rp can be very interesting. Some of my best rps started with him.</p>
</section>
<div class="sectionHeader" style="margin-top: 10px;" id="Pendant"><h1>What is the pendant?</h1></div>
<h2>How was it created?</h2>
<p>One day, Jay saw a blue tiger when he was only 3, and he decided to follow it into the woods. He was a toddler and didn't realize how dangerous that was. The tiger led him to a portal, and Jay tried to go through it. Nothing happened. So he tried again. And again, and again.</p>
<p>Soon enough, it was too much and the portal suddenly flew up into the air, spinning rapidly. It exploded into a bunch of pieces, almost crushing Jay as the piece fell back to the ground but the tiger pushed him out of the way. Not wanting to lose it forever, the tiger pushed the pieces together and pulled off some magic that condensed all the broken pieces into a small crystal on a coppery chain. Then it gave the necklace to Jay for safe-keeping.</p>
<h2>Why was it there?</h2>
<p>That tiger from before came from another dimension, a dimension full of prophets and shapeshifters. She was only a kid, and she messed with the timeline. That was a huge crime, and the higher ups sentenced her to be banished to a different dimension. That's where the portal came from. But it was a one way portal, so she couldn't go back because she was banned. So going through it did nothing. She thought maybe another creature could go through and convince the higher ups to give her another chance, that's why she got Jay. She just wanted to go back home and see her family.</p>
<h2>What does it do?</h2>
<p>Well, it gave Jay powers. He was able to use the magic that was held within the crystal and harness its energy.</p>
<h2>What went wrong?</h2>
<p>One day, the scientists went too far. In trying to find out how to make magic, they pushed Jay and the pendant too far. The pendant turned from it's red color to a golden-ish glow, which seeped into his heart, infecting it. The heart infected his blood, which then went throughout his entire body. Once it got to his brain, the pendant was able to talk to Jay. It gained a mind of its own. Because of the awful situation Jay was in, the pendant learned to be scared of everyone and to view everyone and everything as a threat. So, it always wants Jay to kill and eliminate all threats. It is still just a rock, it has no empathy or emotions.</p>
<p>Jay however does not want to kill people, he doesn't like listening to the pendant. So the pendant has to use other methods to make him do what it tells him. It yells at him, burns him, makes him relive memories he wants to forget over and over until he gives in. It uses him like he's nothing but a vessel.</p>
<h2>What do the colors mean?</h2>
<p>Blue - It's in its normal state and isn't using magic.</p>
<p>Red - It's overheated. Either it's using too much energy or it's mad at Jay and thus overheats, burning him.</p>
<p>Gold - Jay has pushed it past the danger phase and it is now trying to take total control over him. Jay's eyes will turn red at this point too, but they go back to normal after he sleeps.</p>
<h2>What powers can he use?</h2>
<p>All.</p>
<h2>Isn't that OP?</h2>
<p>No, because he can only use magic for a very short amount of time, and the harder the magic, the more it takes out of him. The pendant overheats very fast, so he doesn't like using magic. It also gives the pendant more control over him.</p>
<h2>How does the particle affect him?</h2>
<p>It doesn't. The pendant is able to maintain his heath and sanity. It doesn't let the particle enter his body because that threatens to take away some of the power it holds over him.</p>
<h2>How much of Jay's health does it regulate? And why?</h2>
<p>If Jay dies, it dies, so it will not let Jay die. He doesn't need to eat, he doesn't need to sleep, he can be stabbed, he can be shot, he can jump off a building, he will not die. The pendant heals him just enough to stay alive. Though, it will not let any wound heal, it keeps those from getting better. Then when it needs them, it can open up all those wounds to hurt Jay and make him listen. It has all the power over Jay. If he didn't have the pendant, he would be dead.</p>
</main>
<footer>
<button data-theme="normal" aria-pressed="false" id="NormalMode" type="button"></button>
<button data-theme="alt" aria-pressed="true" id="AltMode" type="button"></button>
</footer>
</body>
</html>