-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
173 lines (158 loc) · 15.3 KB
/
index.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
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
<!DOCTYPE html>
<html class="colors entities">
<!-- <script type="text/javascript" src="node_modules/jquery/dist/jquery.js"></script> -->
<link rel="stylesheet" href="/stylesheets/index.css">
<link rel="stylesheet" href="/stylesheets/imagesstylesheet.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
yellp1 - Portfolio
</title>
<head>
<link rel="icon" href="images/profile-picture.png">
</head>
<!-- Clicking cards opens up a fullscreen
menu showing the plugin information,
as well as a marketplace link -->
<!--
A great way to include color into the site is to color the header text
as well as the an underline marker for navigation.
-->
<header class="main-header">
<ul id="topbar-navigation" aria-label="Topbar Navigation">
<li class="sidebar-button">
<a tabindex="0">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" aria-label="Toggle Nagigation Sidebar"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>
</a>
</li>
<li>
<img class="profile-icon" src="/images/profile-picture.png" aria-label="Profile Icon">
</li>
<li class="navigation-button">
<a href="#page">Home</a>
</li>
<li class="navigation-button">
<a href="#creations-container">Creations</a>
</li>
<li class="navigation-button">
<!-- <a href="/contact">Contact</a> -->
<a href="#contact">Contact</a>
</li>
</ul>
</header>
<body>
<ul id="sidebar-navigation" aria-label="Navigation Sidebar">
<li class="navigation-button">
<a href="#page">Home</a>
</li>
<li class="navigation-button">
<a href="#creations-container">Creations</a>
</li>
<li class="navigation-button">
<!-- <a href="/contact">Contact</a> -->
<a href="#contact">Contact</a>
</li>
</ul>
<div id="page">
<div class="wave-shape-container">
<svg style="transform:rotate(180deg); height:min(10rem, 20vh)" viewBox="0 0 1440 140" width="100%" aria-label="wave svg" preserveAspectRatio="none">
<defs>
<linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0">
<stop stop-color="rgba(207, 100, 60, 1)" offset="0%"></stop>
<stop stop-color="rgba(233, 159, 89, 1)" offset="100%"></stop>
</linearGradient>
</defs>
<path style="opacity:1" fill="url(#sw-gradient-0)" d="M0,14L60,14C120,14,240,14,360,23.3C480,33,600,51,720,67.7C840,84,960,98,1080,98C1200,98,1320,84,1440,67.7C1560,51,1680,33,1800,23.3C1920,14,2040,14,2160,30.3C2280,47,2400,79,2520,84C2640,89,2760,65,2880,46.7C3000,28,3120,14,3240,14C3360,14,3480,28,3600,37.3C3720,47,3840,51,3960,53.7C4080,56,4200,56,4320,60.7C4440,65,4560,75,4680,77C4800,79,4920,75,5040,63C5160,51,5280,33,5400,32.7C5520,33,5640,51,5760,67.7C5880,84,6000,98,6120,88.7C6240,79,6360,47,6480,46.7C6600,47,6720,79,6840,77C6960,75,7080,37,7200,18.7C7320,0,7440,0,7560,2.3C7680,5,7800,9,7920,18.7C8040,28,8160,42,8280,51.3C8400,61,8520,65,8580,67.7L8640,70L8640,140L8580,140C8520,140,8400,140,8280,140C8160,140,8040,140,7920,140C7800,140,7680,140,7560,140C7440,140,7320,140,7200,140C7080,140,6960,140,6840,140C6720,140,6600,140,6480,140C6360,140,6240,140,6120,140C6000,140,5880,140,5760,140C5640,140,5520,140,5400,140C5280,140,5160,140,5040,140C4920,140,4800,140,4680,140C4560,140,4440,140,4320,140C4200,140,4080,140,3960,140C3840,140,3720,140,3600,140C3480,140,3360,140,3240,140C3120,140,3000,140,2880,140C2760,140,2640,140,2520,140C2400,140,2280,140,2160,140C2040,140,1920,140,1800,140C1680,140,1560,140,1440,140C1320,140,1200,140,1080,140C960,140,840,140,720,140C600,140,480,140,360,140C240,140,120,140,60,140L0,140Z"></path>
<defs>
<linearGradient id="sw-gradient-1" x1="0" x2="0" y1="1" y2="0">
<stop stop-color="rgba(105, 90, 135, 1)" offset="0%"></stop>
<stop stop-color="rgba(142, 116, 174, 1)" offset="100%"></stop>
</linearGradient>
</defs>
<path style="transform:translateY(35.75%); opacity:0.9" fill="url(#sw-gradient-1)" d="M0,126L60,119C120,112,240,98,360,93.3C480,89,600,93,720,79.3C840,65,960,33,1080,16.3C1200,0,1320,0,1440,11.7C1560,23,1680,47,1800,65.3C1920,84,2040,98,2160,95.7C2280,93,2400,75,2520,67.7C2640,61,2760,65,2880,58.3C3000,51,3120,33,3240,37.3C3360,42,3480,70,3600,74.7C3720,79,3840,61,3960,53.7C4080,47,4200,51,4320,49C4440,47,4560,37,4680,44.3C4800,51,4920,75,5040,81.7C5160,89,5280,79,5400,72.3C5520,65,5640,61,5760,67.7C5880,75,6000,93,6120,88.7C6240,84,6360,56,6480,56C6600,56,6720,84,6840,86.3C6960,89,7080,65,7200,67.7C7320,70,7440,98,7560,95.7C7680,93,7800,61,7920,51.3C8040,42,8160,56,8280,67.7C8400,79,8520,89,8580,93.3L8640,98L8640,140L8580,140C8520,140,8400,140,8280,140C8160,140,8040,140,7920,140C7800,140,7680,140,7560,140C7440,140,7320,140,7200,140C7080,140,6960,140,6840,140C6720,140,6600,140,6480,140C6360,140,6240,140,6120,140C6000,140,5880,140,5760,140C5640,140,5520,140,5400,140C5280,140,5160,140,5040,140C4920,140,4800,140,4680,140C4560,140,4440,140,4320,140C4200,140,4080,140,3960,140C3840,140,3720,140,3600,140C3480,140,3360,140,3240,140C3120,140,3000,140,2880,140C2760,140,2640,140,2520,140C2400,140,2280,140,2160,140C2040,140,1920,140,1800,140C1680,140,1560,140,1440,140C1320,140,1200,140,1080,140C960,140,840,140,720,140C600,140,480,140,360,140C240,140,120,140,60,140L0,140Z"></path>
</svg>
</div>
<div id="creations-container">
</div>
</div>
</body>
<footer>
<div class="wave-shape-container">
<svg style="height:min(10rem, 20vh)" viewBox="0 0 1440 140" width="100%" aria-label="wave svg" preserveAspectRatio="none">
<defs>
<linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0">
<stop stop-color="rgba(207, 100, 60, 1)" offset="0%"></stop>
<stop stop-color="rgba(233, 159, 89, 1)" offset="100%"></stop>
</linearGradient>
</defs>
<path style="opacity:1" fill="url(#sw-gradient-0)" d="M0,14L60,14C120,14,240,14,360,23.3C480,33,600,51,720,67.7C840,84,960,98,1080,98C1200,98,1320,84,1440,67.7C1560,51,1680,33,1800,23.3C1920,14,2040,14,2160,30.3C2280,47,2400,79,2520,84C2640,89,2760,65,2880,46.7C3000,28,3120,14,3240,14C3360,14,3480,28,3600,37.3C3720,47,3840,51,3960,53.7C4080,56,4200,56,4320,60.7C4440,65,4560,75,4680,77C4800,79,4920,75,5040,63C5160,51,5280,33,5400,32.7C5520,33,5640,51,5760,67.7C5880,84,6000,98,6120,88.7C6240,79,6360,47,6480,46.7C6600,47,6720,79,6840,77C6960,75,7080,37,7200,18.7C7320,0,7440,0,7560,2.3C7680,5,7800,9,7920,18.7C8040,28,8160,42,8280,51.3C8400,61,8520,65,8580,67.7L8640,70L8640,140L8580,140C8520,140,8400,140,8280,140C8160,140,8040,140,7920,140C7800,140,7680,140,7560,140C7440,140,7320,140,7200,140C7080,140,6960,140,6840,140C6720,140,6600,140,6480,140C6360,140,6240,140,6120,140C6000,140,5880,140,5760,140C5640,140,5520,140,5400,140C5280,140,5160,140,5040,140C4920,140,4800,140,4680,140C4560,140,4440,140,4320,140C4200,140,4080,140,3960,140C3840,140,3720,140,3600,140C3480,140,3360,140,3240,140C3120,140,3000,140,2880,140C2760,140,2640,140,2520,140C2400,140,2280,140,2160,140C2040,140,1920,140,1800,140C1680,140,1560,140,1440,140C1320,140,1200,140,1080,140C960,140,840,140,720,140C600,140,480,140,360,140C240,140,120,140,60,140L0,140Z"></path>
<defs>
<linearGradient id="sw-gradient-1" x1="0" x2="0" y1="1" y2="0">
<stop stop-color="rgba(105, 90, 135, 1)" offset="0%"></stop>
<stop stop-color="rgba(142, 116, 174, 1)" offset="100%"></stop>
</linearGradient>
</defs>
<path style="transform:translateY(35.75%); opacity:0.9" fill="url(#sw-gradient-1)" d="M0,126L60,119C120,112,240,98,360,93.3C480,89,600,93,720,79.3C840,65,960,33,1080,16.3C1200,0,1320,0,1440,11.7C1560,23,1680,47,1800,65.3C1920,84,2040,98,2160,95.7C2280,93,2400,75,2520,67.7C2640,61,2760,65,2880,58.3C3000,51,3120,33,3240,37.3C3360,42,3480,70,3600,74.7C3720,79,3840,61,3960,53.7C4080,47,4200,51,4320,49C4440,47,4560,37,4680,44.3C4800,51,4920,75,5040,81.7C5160,89,5280,79,5400,72.3C5520,65,5640,61,5760,67.7C5880,75,6000,93,6120,88.7C6240,84,6360,56,6480,56C6600,56,6720,84,6840,86.3C6960,89,7080,65,7200,67.7C7320,70,7440,98,7560,95.7C7680,93,7800,61,7920,51.3C8040,42,8160,56,8280,67.7C8400,79,8520,89,8580,93.3L8640,98L8640,140L8580,140C8520,140,8400,140,8280,140C8160,140,8040,140,7920,140C7800,140,7680,140,7560,140C7440,140,7320,140,7200,140C7080,140,6960,140,6840,140C6720,140,6600,140,6480,140C6360,140,6240,140,6120,140C6000,140,5880,140,5760,140C5640,140,5520,140,5400,140C5280,140,5160,140,5040,140C4920,140,4800,140,4680,140C4560,140,4440,140,4320,140C4200,140,4080,140,3960,140C3840,140,3720,140,3600,140C3480,140,3360,140,3240,140C3120,140,3000,140,2880,140C2760,140,2640,140,2520,140C2400,140,2280,140,2160,140C2040,140,1920,140,1800,140C1680,140,1560,140,1440,140C1320,140,1200,140,1080,140C960,140,840,140,720,140C600,140,480,140,360,140C240,140,120,140,60,140L0,140Z"></path>
</svg>
</div>
<div id="contact">
<div id="social-media-container">
<a href="https://www.roblox.com/users/543899057/profile" target="_blank" style="display: flex;" class="social-icon roblox">
<svg style="--clr: #e2231a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1333.35 1333.35">
<path
d="M272.91 0L0 1060.43l1060.43 272.91L1333.34 272.9 272.91-.01zm316.86 536.5l207 53.25-53.28 207.02-207-53.28 53.28-207z"
style="fill-rule:nonzero;"/>
</svg>
</a>
<a href="https://www.twitter.com/yellp1RBX" target="_blank" style="display: flex;" class="social-icon twitter">
<svg style="--clr: #1da1f2; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1"
viewBox="0 0 512 512" width="100%"
xmlns="http://www.w3.org/2000/svg">
<path
d="M161.014,464.013c193.208,0 298.885,-160.071 298.885,-298.885c0,-4.546 0,-9.072 -0.307,-13.578c20.558,-14.871 38.305,-33.282 52.408,-54.374c-19.171,8.495 -39.51,14.065 -60.334,16.527c21.924,-13.124 38.343,-33.782 46.182,-58.102c-20.619,12.235 -43.18,20.859 -66.703,25.498c-19.862,-21.121 -47.602,-33.112 -76.593,-33.112c-57.682,0 -105.145,47.464 -105.145,105.144c0,8.002 0.914,15.979 2.722,23.773c-84.418,-4.231 -163.18,-44.161 -216.494,-109.752c-27.724,47.726 -13.379,109.576 32.522,140.226c-16.715,-0.495 -33.071,-5.005 -47.677,-13.148l0,1.331c0.014,49.814 35.447,93.111 84.275,102.974c-15.464,4.217 -31.693,4.833 -47.431,1.802c13.727,42.685 53.311,72.108 98.14,72.95c-37.19,29.227 -83.157,45.103 -130.458,45.056c-8.358,-0.016 -16.708,-0.522 -25.006,-1.516c48.034,30.825 103.94,47.18 161.014,47.104"
style="fill-rule:nonzero;"/>
</svg>
</a>
<!-- https://create.roblox.com/marketplace/plugins?creatorName=yellp1&includeOnlyVerifiedCreators=true&keyword=&pageNumber=1 -->
<a href="https://www.discordapp.com/users/286260978411110410" target="_blank" style="display: flex;" class="social-icon discord">
<svg style="--clr: #5865F2;" viewBox="0 0 127.14 96.36" xmlns="http://www.w3.org/2000/svg">
<path
d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/>
</svg>
</a>
</div>
</div>
</footer>
<!-- <footer>
<div id="social-media-container">
<div class="btn">
<a href="https://www.roblox.com/users/543899057/profile" target="_blank" style="--button-clr: rgb(250, 106, 205)">
<svg class="social-icon roblox" style="--clr: #e2231a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1333.35 1333.35" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd"><path d="M272.91 0L0 1060.43l1060.43 272.91L1333.34 272.9 272.91-.01zm316.86 536.5l207 53.25-53.28 207.02-207-53.28 53.28-207z" fill="#e2231a" fill-rule="nonzero"/></svg>
</a>
</div>
<div class="btn">
<a href="https://www.twitter.com/yellp1RBX" target="_blank" style="--button-clr: rgb(144, 230, 20)" class="selected">
<svg height="100%" class="social-icon twitter" style="--clr: #1da1f2; fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><rect height="400" style="fill:none;" width="400" x="56" y="56"/><path d="M161.014,464.013c193.208,0 298.885,-160.071 298.885,-298.885c0,-4.546 0,-9.072 -0.307,-13.578c20.558,-14.871 38.305,-33.282 52.408,-54.374c-19.171,8.495 -39.51,14.065 -60.334,16.527c21.924,-13.124 38.343,-33.782 46.182,-58.102c-20.619,12.235 -43.18,20.859 -66.703,25.498c-19.862,-21.121 -47.602,-33.112 -76.593,-33.112c-57.682,0 -105.145,47.464 -105.145,105.144c0,8.002 0.914,15.979 2.722,23.773c-84.418,-4.231 -163.18,-44.161 -216.494,-109.752c-27.724,47.726 -13.379,109.576 32.522,140.226c-16.715,-0.495 -33.071,-5.005 -47.677,-13.148l0,1.331c0.014,49.814 35.447,93.111 84.275,102.974c-15.464,4.217 -31.693,4.833 -47.431,1.802c13.727,42.685 53.311,72.108 98.14,72.95c-37.19,29.227 -83.157,45.103 -130.458,45.056c-8.358,-0.016 -16.708,-0.522 -25.006,-1.516c48.034,30.825 103.94,47.18 161.014,47.104" style="fill:#1da1f2;fill-rule:nonzero;"/></svg>
</a>
</div>
<div class="btn">
<a href="https://www.discordapp.com/users/286260978411110410" target="_blank" style="--button-clr: rgb(144, 230, 20)" class="selected">
<svg role="img" class="social-icon discord" style="--clr: #8A9CFE" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"/></svg>
</a>
</div>
</div>
</footer> -->
<!-- Changing font of topbar buttons to solid instead of outline. -->
<!-- <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> -->
<script src="/scripts/gameLinkLoader.js" type="text/javascript"></script>
<script src="/scripts/pluginLinkLoader.js" type="text/javascript"></script>
<script src="/scripts/mainjavascript.js" type="text/javascript"></script>
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}
</style>
</html>