generated from a456pur/seraph
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhost.html
96 lines (87 loc) · 3.22 KB
/
host.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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="ico.ico" type="image/x-icon">
<title>Download | Seraph</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
body {
margin: 0;
padding: 0;
font-family: 'Ubuntu', sans-serif;
display: flex;
height: 100vh;
background-color: black;
}
.image-side {
width: 60%;
background-image: url('seraph.png');
background-size: cover;
background-position: center;
background-color: black;
animation: mainHeaderAnimation 4s forwards;
}
.content-side {
width: 40%;
background-color: #000000;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
animation: mainHeaderAnimation 2s forwards;
}
h1 {
font-size: 96px;
margin-bottom: 20px;
}
p {
font-size: 20px;
margin-bottom: 2px;
padding-left: 10%;
padding-right: 10%;
text-align: center;
}
.button {
background-color: #000000;
color: white;
border: 3px solid white;
border-radius: 4px;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
margin: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.button:hover {
background-color: #ffffff;
color:black;
}
@keyframes mainHeaderAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
</head>
<body>
<div class="image-side"></div>
<div class="content-side">
<h1>host</h1>
<p> worried about getting blocked? you can easily host seraph on a website for free using github pages - offering ease of access, one time setup and support for saving on all games</p>
<p> to use github pages for this particular project, you can watch the youtube tutorial which goes step by step into how to rehost this project (if you can't access at school you may need to do this either at home or on another device) </p>
<br>
<a class="button" target="__blank" href="https://youtu.be/QVEDwEB_BxU">YouTube Tutorial</a>
<a class="button" target="__blank" href="https://github.com/a456pur/seraph">GitHub Link</a>
<p> // developed by @a456pur | release build v1 \\ </p>
</div>
</body>
</html>