-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
185 lines (182 loc) · 20.6 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
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en" style="backdrop-filter: hue-rotate(26deg);">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css?h=d5b3d3b14057c216c608a82cf28377e2">
<link rel="stylesheet" href="/assets/css/Inter.css?h=82fe36f4d2b717493b6c9086ddfffd8b">
<link rel="stylesheet" href="/assets/css/accordion-faq-list.css?h=7f2a2ca9279e1a7c2688dbcafd85a53b">
<link rel="stylesheet" href="/assets/css/h.css?h=74f20ffdb6eb7dbe14e68ef43ea53be7">
<link rel="stylesheet" href="/assets/css/Modern-Project-Button.css?h=99083b01ae2c2d0eb38eaee9ddee3138">
<link rel="stylesheet" href="/assets/css/Projects-Grid-images.css?h=4f3cfa46e40e236365345fc77963f4b8">
</head>
<body style="backdrop-filter: hue-rotate(26deg);">
<!-- Start: Navbar Centered Links -->
<nav class="navbar navbar-dark navbar-expand-md fixed-top navbar-shrink py-3" id="mainNav" style="backdrop-filter: hue-rotate(26deg);filter: hue-rotate(26deg);">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/index.html"><span>Phasma</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav mx-auto">
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link active pasta">Support <sup><span style="color: rgb(57, 101, 245);">New</span></sup></a></li>
</ul><a class="btn btn-primary shadow" role="button" style="backdrop-filter: hue-rotate(26deg);">Open Phasma</a>
</div>
</div>
</nav><!-- End: Navbar Centered Links -->
<header class="bg-dark py-5" id="r1" style="background: url("/assets/img/layered-waves-haikei%20(3).svg?h=cc58cb001601b07da7df052ad6e56dda") right / cover no-repeat;filter: hue-rotate(26deg);backdrop-filter: hue-rotate(0deg);height: 627.594px;">
<!-- Start: Hero Clean Reverse -->
<div class="container py-5">
<div class="row py-5">
<div class="col-md-6 text-center text-md-start d-flex d-sm-flex d-md-flex justify-content-center align-items-center justify-content-md-start align-items-md-center justify-content-xl-end mb-4">
<div style="max-width: 450px;">
<h1 class="fw-bold" style="width: 157.781px;border-bottom-style: dotted;border-bottom-color: var(--bs-primary);"><span class="unify">P</span><span class="unify">h</span><span class="unify">a</span><span class="unify">s</span><span class="unify">m</span><span class="unify">a</span></h1>
<p class="my-3">Welcome to our platform please make yourself at home!</p>
</div>
</div>
<div class="col-md-6 mb-4">
<div class="p-5 mx-lg-5" style="height: 248px;"></div>
</div>
</div>
</div><!-- End: Hero Clean Reverse -->
</header>
<section class="py-5" style="backdrop-filter: hue-rotate(26deg);filter: hue-rotate(38deg);">
<div class="container text-center py-5">
<p class="mb-4" style="font-size: 1.6rem;filter: hue-rotate(0deg);">Downloaded by <span class="text-primary"><strong>0</strong></span> amazing people.</p>
</div>
</section>
<section style="backdrop-filter: hue-rotate(26deg);">
<!-- Start: Features Cards -->
<div class="container bg-dark py-5" style="backdrop-filter: hue-rotate(26deg);background: url("/assets/img/blob-haikei.svg?h=388ea5644d602d1415cac773aaba0321") center / cover no-repeat, #2d2c38;border-radius: 60px;">
<div class="row">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<p class="fw-bold text-primary mb-2" style="filter: hue-rotate(26deg);">Features</p>
<h3 class="fw-bold" style="filter: hue-rotate(26deg);">Features you get while using Phasma</h3>
</div>
</div>
<div class="py-5 p-lg-5">
<div class="row row-cols-1 row-cols-md-2 mx-auto" style="max-width: 900px;filter: hue-rotate(26deg);">
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-globe2 text-info" style="filter: hue-rotate(26deg);">
<path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"></path>
</svg></div>
<h5 class="fw-bold card-title">Stay Connected</h5>
<p class="text-muted card-text mb-4">With our powerful OVH powered servers, you can be guaranteed next to no downtime!</p><a class="btn btn-primary shadow" role="button">Awesome!</a>
</div>
</div>
</div>
<div class="col mb-5">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor" class="text-info" style="filter: hue-rotate(26deg);">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M224 263.3C224.2 233.3 238.4 205.2 262.4 187.2L499.1 9.605C517.7-4.353 543.6-2.965 560.7 12.9C577.7 28.76 580.8 54.54 568.2 74.07L406.5 324.1C391.3 347.7 366.6 363.2 339.3 367.1L224 263.3zM320 400C320 461.9 269.9 512 208 512H64C46.33 512 32 497.7 32 480C32 462.3 46.33 448 64 448H68.81C86.44 448 98.4 429.1 96.59 411.6C96.2 407.8 96 403.9 96 400C96 339.6 143.9 290.3 203.7 288.1L319.8 392.5C319.9 394.1 320 397.5 320 400V400z"></path>
</svg></div>
<h5 class="fw-bold card-title">Completely Custom Profile</h5>
<p class="text-muted card-text mb-4">Design your profile the way you want it!</p><a class="btn btn-primary shadow" role="button">Omg no way!</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5" style="filter: invert(26deg);">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor" class="text-info" style="filter: hue-rotate(26deg);">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M432 48H208C190.3 48 176 62.33 176 80V96H128V80C128 35.82 163.8 0 208 0H432C476.2 0 512 35.82 512 80V304C512 348.2 476.2 384 432 384H416V336H432C449.7 336 464 321.7 464 304V80C464 62.33 449.7 48 432 48zM320 128C355.3 128 384 156.7 384 192V448C384 483.3 355.3 512 320 512H64C28.65 512 0 483.3 0 448V192C0 156.7 28.65 128 64 128H320zM64 464H320C328.8 464 336 456.8 336 448V256H48V448C48 456.8 55.16 464 64 464z"></path>
</svg></div>
<h5 class="fw-bold card-title">Rich Presence</h5>
<p class="text-muted card-text mb-4">Yes! Rich Presence actually helps us with analytics and bug tracking. (Our Presence works similarly to discord)</p><a class="btn btn-primary shadow" role="button">Interesting</a>
</div>
</div>
</div>
<div class="col mb-4">
<div class="card shadow-sm">
<div class="card-body px-4 py-5 px-md-5" style="backdrop-filter: hue-rotate(0deg);">
<div class="bs-icon-lg d-flex justify-content-center align-items-center mb-3 bs-icon" style="top: 1rem;right: 1rem;position: absolute;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor" class="text-info" style="filter: hue-rotate(26deg);">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M239.1 162.8C247.7 160.1 255.7 160 264 160H376C393.1 160 409.2 164.1 423.5 171.4C424.1 170.7 424.7 170 425.4 169.4L489.4 105.4C501.9 92.88 522.1 92.88 534.6 105.4C547.1 117.9 547.1 138.1 534.6 150.6L470.6 214.6C469.1 215.3 469.3 215.9 468.6 216.5C474.7 228.5 478.6 241.9 479.7 256H544C561.7 256 576 270.3 576 288C576 305.7 561.7 320 544 320H480C480 329.9 479.1 339.5 477.4 348.9L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L239.1 162.8zM416 96V99.56C416 115.3 403.3 128 387.6 128H252.4C236.7 128 224 115.3 224 99.56V96C224 42.98 266.1 .001 320 .001C373 .001 416 42.98 416 96V96zM160.3 256C161.1 245.1 163.3 236.3 166.7 227.3L304 335.5V479.2C269.5 475.8 238.2 461.4 213.7 439.6L150.6 502.6C138.1 515.1 117.9 515.1 105.4 502.6C92.88 490.1 92.88 469.9 105.4 457.4L169.4 393.4C171.2 391.5 173.3 389.9 175.4 388.6C165.5 367.8 160 344.6 160 320H96C78.33 320 64 305.7 64 288C64 270.3 78.33 256 96 256H160.3zM336 479.2V360.7L430.8 435.4C405.7 459.6 372.7 475.6 336 479.2V479.2z"></path>
</svg></div>
<h5 class="fw-bold card-title">Compatibility</h5>
<p class="text-muted card-text mb-4">We try to make our platform compatible with most browsers and devices, if your device isn't supported, please open a support request and we will look into it!</p><a class="btn btn-primary shadow" role="button" style="filter: hue-rotate(NaNdeg);">Amazing</a>
</div>
</div>
</div>
</div>
</div>
</div><!-- End: Features Cards -->
</section>
<section style="backdrop-filter: hue-rotate(26deg);filter: hue-rotate(38deg);">
<!-- Start: Projects Grid -->
<div class="container py-4 py-xl-5" style="text-align: center;">
<!-- Start: Modern Project Button --><a class="btn btn-lg norecoil-proj" role="button" style="text-align: left;width: auto;padding-top: 10.8px;padding-left: 32px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -64 640 640" width="1em" height="1em" fill="currentColor" style="width: 50px;height: 50px;margin-top: -17px;">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"></path>
</svg><strong style="margin-left: 16px;color: white;font-size: 34px;">Join Our Discord</strong></a><!-- End: Modern Project Button -->
</div><!-- End: Projects Grid -->
<div class="container">
<div class="bg-dark border rounded border-dark d-flex flex-column justify-content-between align-items-center flex-lg-row p-4 p-lg-5" style="filter: contrast(200%) grayscale(0%) hue-rotate(0deg);margin-bottom: 32px;">
<div class="text-center text-lg-start py-3 py-lg-1">
<h2 class="fw-bold mb-2">Phasma+</h2>
<p class="mb-0">Our Subscription Service that ensures you have an amazing time here.</p>
</div>
<form class="d-flex justify-content-center flex-wrap flex-lg-nowrap" method="post">
<div class="my-2"><a class="btn btn-primary shadow ms-2" role="button" href="/pricing.html">I want this</a></div>
</form>
</div>
</div>
</section><!-- Start: Footer Multi Column -->
<footer class="bg-dark" style="--bs-dark: #27262e;--bs-dark-rgb: 39,38,46;">
<div class="container py-4 py-lg-5" style="filter: hue-rotate(26deg);">
<div class="row justify-content-center">
<!-- Start: Services -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 fw-bold">About Us</h3>
<p><span style="color: rgb(57, 101, 245);">Phasma</span> is a communication platform designed for everyone to use, feel free to grab a coffee and talk to your buddy's.</p>
</div><!-- End: Services -->
<!-- Start: About -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 fw-bold">Useful Information & Credits</h3>
<ul class="list-unstyled">
<li><a href="/attribution.html">Third Party Credit / Attribution Rights</a></li>
<li><a href="/faq.html">FAQ</a></li>
<li><a href="#">Support</a></li>
</ul>
</div><!-- End: About -->
<!-- Start: Careers -->
<div class="col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column item">
<h3 class="fs-6 fw-bold">Staff Positions</h3>
<ul class="list-unstyled">
<li><a href="/req.html">Requirements</a></li>
<li><a href="/ben.html">Benefits</a></li>
<li><a href="/nda.html">NDA</a></li>
</ul>
</div><!-- End: Careers -->
<!-- Start: Social Icons -->
<div class="col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last item social">
<div class="fw-bold d-flex align-items-center mb-2"><span style="color: #3965f5;">Phasma</span></div>
<p class="text-muted copyright">For more information on our staff positions please contact us through our Phasma Instance.</p>
</div><!-- End: Social Icons -->
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 Phasma, All Rights Reserved.</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M456 32h-304C121.1 32 96 57.13 96 88v320c0 13.22-10.77 24-24 24S48 421.2 48 408V112c0-13.25-10.75-24-24-24S0 98.75 0 112v296C0 447.7 32.3 480 72 480h352c48.53 0 88-39.47 88-88v-304C512 57.13 486.9 32 456 32zM464 392c0 22.06-17.94 40-40 40H139.9C142.5 424.5 144 416.4 144 408v-320c0-4.406 3.594-8 8-8h304c4.406 0 8 3.594 8 8V392zM264 272h-64C186.8 272 176 282.8 176 296S186.8 320 200 320h64C277.3 320 288 309.3 288 296S277.3 272 264 272zM408 272h-64C330.8 272 320 282.8 320 296S330.8 320 344 320h64c13.25 0 24-10.75 24-24S421.3 272 408 272zM264 352h-64c-13.25 0-24 10.75-24 24s10.75 24 24 24h64c13.25 0 24-10.75 24-24S277.3 352 264 352zM408 352h-64C330.8 352 320 362.8 320 376s10.75 24 24 24h64c13.25 0 24-10.75 24-24S421.3 352 408 352zM400 112h-192c-17.67 0-32 14.33-32 32v64c0 17.67 14.33 32 32 32h192c17.67 0 32-14.33 32-32v-64C432 126.3 417.7 112 400 112z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icon-tabler-letter-p">
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M7 20v-16h5.5a4 4 0 0 1 0 9h-5.5"></path>
</svg></li>
</ul>
</div>
</div>
</footer><!-- End: Footer Multi Column -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/bs-init.js?h=f85385df9bc7fca4241bc1dbf53b9d61"></script>
<script src="/assets/js/bold-and-dark.js?h=914b066f52f5e2b2583e4d1558c90518"></script>
</body>
</html>