-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (113 loc) · 7.7 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
<!DOCTYPE html>
<html lang="en">
<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">
<link rel=icon href=/favicon.png>
<title>Synx</title>
<style>
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono:300,500");
html, body {
width: 100%;
height: 100%;
}
body {
background-color: #1e2324;
background-size: cover;
background-repeat: no-repeat;
min-height: 100vh;
min-width: 100vw;
font-family: "Roboto Mono", "Liberation Mono", Consolas, sans-serif;
color: rgba(255, 255, 255, 0.87);
margin: 0 !important;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.container,
.container > .row,
.container > .row > div {
height: 100%;
}
#hero {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
#hero .number {
font-size: 4rem;
font-weight: 500;
}
#hero .number + .text {
margin: 0 0 1rem;
}
#hero .bar {
position: relative;
background: linear-gradient(to right, #A36AF6, #78C1FA, #AAFAF4, #F2F5CA, #F2A7B0);
height: .3rem;
width: 6rem;
margin: 1.4rem 0;
}
#hero .text {
font-size: 1.2rem;
font-weight: 300;
text-align: center;
font-weight: 500;
}
#hero .text-small {
font-weight: 300;
text-align: center;
margin-top: .25rem;
line-height: normal;
font-size: .75rem;
}
#hero svg {
font-weight: 300;
text-align: center;
margin-top: 5.25rem;
line-height: normal;
font-size: .75rem;
transform: scale(.5);
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="xs-12 md-6 mx-auto">
<div id="hero">
<div class="text">
Server Online
</div>
<div class="bar"></div>
<div class="text-small">This resource is up and running.</div>
<div>
<svg width="164px" height="44px" viewBox="0 0 164 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<polygon id="path-1" points="0 0 164 0 164 44 0 44"></polygon>
</defs>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="nav-bar" transform="translate(-100.000000, -40.000000)">
<g id="Group-3">
<g transform="translate(100.000000, 40.000000)">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M160.722015,10.2689139 L158.943594,5.31744359 L157.391816,5.31744359 L157.391816,11.7632004 L158.629739,11.7632004 L158.629739,10.1097523 C158.629739,8.88970453 158.595023,7.98769361 158.560024,7.40429208 L160.042089,11.7632004 L161.297511,11.7632004 L162.84929,7.40429208 C162.814292,7.92586107 162.779576,8.82758572 162.779576,10.1097523 L162.779576,11.7632004 L164,11.7632004 L164,5.31744359 L162.46572,5.31744359 L160.722015,10.2689139 Z M151.376626,5.31744359 L151.376626,6.37861606 L153.311975,6.37861606 L153.311975,11.7632004 L154.584897,11.7632004 L154.584897,6.37861606 L156.502746,6.37861606 L156.502746,5.31744359 L151.376626,5.31744359 Z M136.922899,35.6397243 L142.240662,27.186986 L147.575643,35.6397243 L151.376626,35.6397243 L144.437369,24.8794296 L151.184982,14.4990044 L147.540927,14.4990044 L142.415089,22.6689161 L137.114543,14.4990044 L133.435771,14.4990044 L140.130887,24.8794296 L133.348558,35.6397243 L136.922899,35.6397243 Z M116.924483,35.6397243 L116.924483,23.6945921 C116.924483,21.85536 117.447482,20.2903668 118.493761,18.9907382 C119.522259,17.6996975 121.039322,17.0544635 123.026886,17.0544635 C126.217657,17.0544635 127.804152,18.9907382 127.804152,22.8635741 L127.804152,35.6397243 L131.099353,35.6397243 L131.099353,22.164809 C131.099353,19.6448464 130.489141,17.6644873 129.251218,16.2409074 C128.030794,14.8084534 126.235156,14.0922264 123.881239,14.0922264 C122.311961,14.0922264 120.882394,14.4904166 119.609472,15.2773502 C118.336833,16.0551235 117.430265,17.0896737 116.924483,18.3807144 L116.523414,14.4990044 L113.629281,14.4990044 L113.629281,35.6397243 L116.924483,35.6397243 Z M105.800955,20.3484779 C104.876605,22.7977339 103.481754,26.6350732 101.61612,31.8516219 L95.2523589,14.4509124 L91.8874431,14.4509124 L99.9949089,35.6360029 L98.861416,38.6864086 C97.9373484,41.0205872 95.9497845,41.6924437 92.8987242,40.7022641 L92.8987242,43.4165985 C93.6483649,43.8056282 94.6071486,44 95.7756398,44 C96.7519226,44 97.6059937,43.8585867 98.3384175,43.5846341 C99.0708413,43.3103953 99.6810533,42.8950295 100.134338,42.3290899 C100.605121,41.7631503 100.971192,41.2327072 101.232832,40.7377606 C101.49419,40.2425277 101.77333,39.6147556 102.069686,38.854158 L111.380077,14.4509124 L108.049877,14.4509124 L105.800955,20.3484779 Z M73.0572363,33.4108899 C74.9403699,35.1439188 77.5728619,36.0104333 80.972776,36.0104333 C84.0413354,36.0104333 86.5346811,35.2146255 88.4525307,33.6407581 C90.3706625,32.0668908 91.3119471,30.0599093 91.3119471,27.6195275 C91.3119471,25.5504273 90.7714494,23.8354329 89.6907362,22.4559373 C88.5919593,21.0856021 86.7613232,20.0421778 84.1810463,19.3348249 L80.0662075,18.1854838 C78.2355714,17.6902509 76.8757186,17.0713529 76.0213653,16.3462518 C75.1495128,15.6125628 74.7137277,14.5866005 74.7137277,13.2780979 C74.7137277,11.7574752 75.2542255,10.5637635 76.3002226,9.68837494 C77.3637189,8.80439852 78.8282843,8.37099816 80.728917,8.37099816 C82.751197,8.37099816 84.3554733,8.8839793 85.5583982,9.91824316 C86.7613232,10.9527933 87.3715352,12.3056665 87.4240327,13.9768629 L90.8064476,13.9768629 C90.7714494,11.2622423 89.8126657,9.13130949 87.9645304,7.61068683 C86.1161128,6.08977791 83.7102629,5.32946658 80.7636331,5.32946658 C77.7472888,5.32946658 75.376155,6.08119006 73.6499492,7.57519037 C71.9065265,9.06947694 71.0521732,11.0323741 71.0521732,13.48163 C71.0521732,17.3541796 73.6152332,19.9978072 78.75857,21.4213871 L82.9431231,22.5887628 C84.529618,23.030751 85.715326,23.6319007 86.5171819,24.4010862 C87.3018209,25.1613975 87.70289,26.3021508 87.70289,27.8227734 C87.70289,29.3614306 87.1101771,30.5992266 85.9069699,31.5275736 C84.7040449,32.4647947 83.0825517,32.9245311 81.0424904,32.9245311 C78.6888556,32.9245311 76.8582195,32.3852139 75.5677988,31.2977054 C74.2604435,30.2101968 73.6152332,28.6274553 73.6152332,26.532019 L70.2328182,26.532019 C70.2328182,29.3880529 71.174385,31.677861 73.0572363,33.4108899 Z M40.823815,0.00013073758 L40.823815,41.4056093 C52.0972144,41.4056093 61.2360007,32.1367387 61.236283,20.70287 C61.236283,9.26900141 52.0972144,0.00013073758 40.823815,0.00013073758 Z M40.8184523,20.193324 C41.0990031,32.1659374 31.3765357,41.8679221 19.5781619,41.3884336 C8.89380619,40.9544608 0.260237093,32.0545815 0.00593503177,21.212416 C-0.274897988,9.24008897 9.44785163,-0.462182062 21.2459432,0.0170201835 C31.9305812,0.451279327 40.5641503,9.35144481 40.8184523,20.193324 Z" id="Fill-1" fill="#FEFEFE" mask="url(#mask-2)"></path>
</g>
</g>
</g>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</body>
</html>