forked from RobloxEnderman/mycustomtest.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
juli.html
119 lines (114 loc) · 8.13 KB
/
juli.html
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
<!DOCTYPE html>
<!-- https://thorium.rocks/juli -->
<html lang="en-US">
<head>
<!-- Header -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preload" href="fonts/roboto-v30-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="css/thorium.css">
<link rel="stylesheet" href="css/media.css">
<title>About Julianna</title>
<meta name="description" content="About Julianna.">
<meta name="color-scheme" content="light dark">
<link rel="author" href="humans.txt">
<link rel="icon shortcut" type="image/png" sizes="48x48" href="heart-48x48.png">
<link rel="icon" type="image/png" sizes="32x32" href="heart-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="heart-16x16.png">
<meta itemprop="image" content="imgs/juli/Juli_Banner.png">
<meta name="theme-color" content="#ffffff">
</head>
<body class="body4" style="background-image: url('imgs/stars.jpg');">
<!-- Main Logo -->
<div id="spinner">
<img class="logo spin shadow" style="padding-bottom: 10px;" src="imgs/juli/Juli_Banner.png" width="900em" max-width="900em" alt="Juli_Banner.png" title="Juli's Banner (Click Me!)"><div style="display: flex; justify-content: center; align-items: flex-start;"></div>
</div>
<div style="display: flex; justify-content: center; align-items: flex-start;">
<h1 style="text-align: center; margin-left: -42px;" title="Title"><img class="spin2" style="filter: drop-shadow(1px 1px 2px #000000);" src="box_38.png" alt="Box" title="Box"><b><u><em>About Julianna</em></u></b></h1></div>
<div style="display: flex; justify-content: center; align-items: flex-start; margin-bottom: -20px; margin-top: -28px;">
<p style="text-align: center; max-width: 300px; color: #ffffff; text-shadow: 1px 1px 1px #000000;" title="About"><small>This page is a dedication to the author's girlfriend. I like to call her kitteh round' these parts.</small><p></div>
<div style="display: flex; justify-content: center; align-items: flex-start;">
<p class="intro" title="Intro" style="max-width: 900px; color: #ffffff; text-shadow: 1px 1px 1px #000000; background: #24292f;">
Heller, tis' Juli, I like to < PLACEHOLDER TEXT FOR JULI TO EDIT ></p></div>
<hr class="line">
<h1 title="Pictures" style="text-align: center; margin-left: -42px;"><img class="spin2" style="filter: drop-shadow(1px 1px 2px #000000);" width="38" src="imgs/photos.svg" alt="photos.svg" title="Photos"> <em><u>Pictures</u> : </em></h1>
<p style="display: flex; justify-content: center; align-items: flex-start; margin-top: -12px;"><a title="https://images.google.com/" target="_blank" rel="noopener" href="https://images.google.com/"><small>Pictures of or chosen by Juli</small></a></p>
<div style="display: flex; justify-content: center; align-items: flex-start; height: auto;">
<div class="gallery">
<a href="imgs/juli/Juli_Lipstick.jpg">
<img class="gallery" src="imgs/juli/Juli_Lipstick.jpg" alt="Juli_Lipstick.jpg" width="200px" title="Juli lookin nice"></a>
</div>
<div class="gallery">
<a href="imgs/juli/Juli_Llama.jpg">
<img class="gallery" src="imgs/juli/Juli_Llama.jpg" alt="Juli_Llama.jpg" width="200px" title="Juli llama"></a>
</div>
<div class="gallery">
<a href="imgs/chance/dead">
<img class="gallery" src="imgs/chance/dead" alt="Chance2.jpg" width="200px" title="Chance in sunglasses"></a>
</div>
<div class="gallery">
<a href="imgs/chance/dead">
<img class="gallery" src="imgs/chance/dead" alt="Emo.jpg" width="200px" title="Emo 404 Girl"></a>
</div>
<div class="gallery">
<a href="imgs/chance/dead">
<img class="gallery" src="imgs/chance/dead" alt="Chance3.jpg" width="200px" title="Chance in pool"></a>
</div>
<div class="gallery">
<a href="imgs/chance/CatGirl_Slurp.jpg">
<img class="gallery" src="imgs/chance/CatGirl_Slurp.jpg" alt="CatGirl_Slurp.jpg" width="200px" title="CatGirl Slurping"></a>
</div>
<div class="gallery">
<a href="imgs/Tony.png">
<img class="gallery" src="imgs/Tony.png" alt="Tony.png" width="200px" title="Tony"></a>
</div>
</div>
<div style="display: flex; justify-content: center; align-items: flex-start; height: auto;">
<div class="gallery">
<a href="imgs/chance/Shlumped_Omalley.jpg">
<img class="gallery" src="imgs/chance/Shlumped_Omalley.jpg" alt="Shlumped_Omalley.jpg" width="200px" title="Shlumped O'Malley"></a>
</div>
<div class="gallery">
<a href="imgs/chance/Sleepy_Kittehs.jpg">
<img class="gallery" src="imgs/chance/Sleepy_Kittehs.jpg" alt="Sleepy_Kittehs.jpg" width="200px" title="Sleepy Kittehs"></a>
</div>
<div class="gallery">
<a href="imgs/chance/Peeking_Omalley.jpg">
<img class="gallery" src="imgs/chance/Peeking_Omalley.jpg" alt="Peeking_Omalley.jpg" width="200px" title="Peeking O'Malley"></a>
</div>
<div class="gallery">
<a href="imgs/chance/Perky_Toulouse.jpg">
<img class="gallery" src="imgs/chance/Perky_Toulouse.jpg" alt="Perky_Toulouse.jpg" width="200px" title="Perky Toulouse"></a>
</div>
<div class="gallery">
<a href="imgs/chance/Fur_Bubbis.jpg">
<img class="gallery" src="imgs/chance/Fur_Bubbis.jpg" alt="Fur_Bubbis.jpg" width="200px" title="The Fur Bubbis Together"></a>
</div>
<div class="gallery">
<a href="imgs/chance/Sniffing_Omalley.jpg">
<img class="gallery" src="imgs/chance/Sniffing_Omalley.jpg" alt="Sniffing_Omalley.jpg" width="200px" title="Sniffing O'Malley"></a>
</div>
<div class="gallery">
<a href="imgs/chance/dead">
<img class="gallery" src="imgs/chance/dead" alt="Baby_Toulouse.jpg" width="200px" title="Baby Toulouse"></a>
</div>
</div>
<hr class="line">
<h1 title="Videos" style="text-align: center; margin-left: -42px;"><img class="spin2" style="filter: drop-shadow(1px 1px 2px #000000);" width="38" src="imgs/videos.svg" alt="videos.svg" title="Videos"> <em><u>Videos</u> : </em></h1>
<p style="display: flex; justify-content: center; align-items: flex-start; margin-top: -8px;"><small>Videos of or chosen by Juli</small></p>
<a name="chancie"></a><p style="display: flex; justify-content: center; align-items: flex-start;"><a title="Original Video" target="_blank" rel="noopener" href="https://vimeo.com/297064454"><em>Chancie bein' Cute.</em></a></p>
<video title="Juli Video" alt="Chancie_In_Bed.mp4" class="video2 off" width="480px" style="max-width: 75%;" allow="accelerometer; gyroscope; picture-in-picture" controls="true" preload="metadata" poster="media/dead"><source src="media/dead" type="video/mp4">Sorry, your browser doesn't support embedded videos.</video>
<br>
<!-- <a name="medication"></a><p style="display: flex; justify-content: center; align-items: flex-start;"><a title="Youtube Video" target="_blank" rel="noopener" href="https://www.youtube.com/watch?v=LmCydrZngjY"><em>Wiz Khalifa, Juicy J & TM88 "Medication"</em></a></p>
<video title="Wiz Khalifa, Juicy J & TM88 - "Medication"" alt="Wiz Khalifa, Juicy J & TM88 Medication.mp4" class="video2 off" width="1280px" style="max-width: 100%;" allow="accelerometer; gyroscope; picture-in-picture" controls="true" preload="metadata" poster="media/Medication.jpg"><source src="https://dl.thorium.rocks/files/Wiz_Khalifa_Juicy_J_TM88_Medication_%281080p%29.mp4" type="video/mp4"><source src="https://dl.thorium.rocks/files/Wiz_Khalifa_Juicy_J_TM88_Medication_%281080p%29.webm" type="video/webm">Sorry, your browser doesn't support embedded videos.</video> -->
<a name="demo"></a><p style="display: flex; justify-content: center; align-items: flex-start;"><a title=""Ocean Desert" Three.js Demo" href="media/demo.marpi.pl/ocean_desert/"><em>"Ocean Desert" Three.js Demo</em></a></p>
<iframe class="inlineiframe" loading="lazy" title=""Ocean Desert"" width="1280px" height="720px" src="media/ocean_desert/index.html"></iframe>
<hr class="line">
<div id="totop"><a href="#top" title="Back to top">▲</a></div>
<script defer src="js/jquery-3.7.0.slim.min.js"></script>
<script defer src="js/spin.js"></script>
<script defer src="js/spin2.js"></script>
<script defer src="js/spun.js"></script>
</body>
</html>