Skip to content
This repository was archived by the owner on Aug 4, 2019. It is now read-only.

Commit 0718336

Browse files
casKd-devcasKd-dev
committed
Keep git repo up to date
1 parent 5cc5096 commit 0718336

19 files changed

+555
-509
lines changed

Diff for: ‎ajax/about.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<div class="tab-content" id="tab-1">
2+
<h2>Staff:</h2>
3+
<p>Our staff is made out of multiple friendly members that help keep the community and conversations clean. If you need any help you can just call any of them.</p>
4+
</div>
5+
<div class="tab-content hide" id="tab-2">
6+
<h2>Community servers:</h2>
7+
<p>The commmunity servers that we run are well optimized and running on a high-performance VPS, they are hosted on DigitalOcean and managed by the Pterodactyl Gameserver Panel and they benefit a lot from the virtualization the cloud provides.</p>
8+
</div>
9+
<div class="tab-content hide" id="tab-3">
10+
<h2>Discord Server:</h2>
11+
<p>Due to Discord being easy to use and reliable, we use it as a center for conversations. Join in and have a chat!</p>
12+
</div>
13+
<div class="tab-content hide" id="tab-4">
14+
<h2>Contact Us:</h2>
15+
<p>You can contact the Owner/Server manager directly here:</p>
16+
<a href="mailto:caskd@gmx.de">Mail</a>
17+
<a href="https://steamcommunity.com/id/caskd">Steam</a>
18+
<a href="https://t.me/casKd_dev">Telegram</a>
19+
</div>

Diff for: ‎css/animations.css

+48
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
/*Animations*/
2+
3+
.float {
4+
animation: float 7s infinite;
5+
transition: cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s;
6+
}
7+
8+
.slide-top {
9+
animation: slide-in-top 1s;
10+
}
11+
12+
.slide-left {
13+
animation: slide-in-left 1s;
14+
}
15+
16+
@keyframes float {
17+
0% {
18+
transform: translateY(4px);
19+
}
20+
50% {
21+
transform: translateY(-4px);
22+
}
23+
100% {
24+
transform: translateY(4px);
25+
}
26+
}
27+
28+
@keyframes slide-in-left {
29+
0% {
30+
opacity: 0;
31+
transform: translateX(-30px);
32+
}
33+
100% {
34+
opacity: 1;
35+
transform: translateX(0);
36+
}
37+
}
38+
39+
@keyframes slide-in-top {
40+
0% {
41+
opacity: 0;
42+
transform: translateY(-30px);
43+
}
44+
100% {
45+
opacity: 1;
46+
transform: translateY(0);
47+
}
48+
}

Diff for: ‎css/important.css

+88
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
/*Important rules*/
2+
3+
* {
4+
margin: 0;
5+
padding: 0;
6+
font-family: "Oswald", sans-serif;
7+
}
8+
9+
.unsupported,
10+
.bg-landing {
11+
top: 0;
12+
left: 0;
13+
width: 100%;
14+
height: 100%;
15+
position: fixed;
16+
margin: 0;
17+
min-width: 250px;
18+
min-height: 310px;
19+
overflow: hidden;
20+
}
21+
22+
html,
23+
body,
24+
.page {
25+
top: 0;
26+
left: 0;
27+
min-height: 100vh;
28+
overflow: hidden;
29+
}
30+
31+
a,
32+
a:visited,
33+
a:link {
34+
text-decoration: none;
35+
color: #eee;
36+
transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
37+
}
38+
39+
.hide {
40+
display: none !important;
41+
opacity: 0 !important;
42+
}
43+
44+
.page {
45+
display: flex;
46+
flex-direction: column;
47+
}
48+
49+
.spacer {
50+
flex: 1;
51+
}
52+
53+
.bg-landing img {
54+
filter: blur(5px) brightness(0.4);
55+
top: -5vw !important;
56+
left: -5vw !important;
57+
min-width: 110vw;
58+
min-height: 110vh;
59+
}
60+
61+
.branding {
62+
display: flex;
63+
flex-direction: row;
64+
filter: drop-shadow(0 10px 3px #0009);
65+
margin: auto 0;
66+
height: 100%;
67+
}
68+
69+
.brand {
70+
color: #eee;
71+
display: flex;
72+
justify-content: center;
73+
flex-direction: column;
74+
padding: 0 50px;
75+
}
76+
77+
.logo {
78+
padding: 0 50px;
79+
margin: auto 0;
80+
}
81+
82+
.logo img {
83+
height: 150px;
84+
}
85+
86+
.unsupported {
87+
display: none;
88+
}

Diff for: ‎css/responsive.css

+175
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,175 @@
1+
/*Responsive layout*/
2+
@media screen and (min-width: 2420px) {
3+
.bg-landing img {
4+
filter: blur(10px) brightness(0.4);
5+
}
6+
}
7+
8+
@media screen and (min-width: 1620px) {
9+
.logo img {
10+
height: 200px;
11+
}
12+
.brand h1 {
13+
font-size: 96px;
14+
width: 700px;
15+
}
16+
}
17+
18+
@media screen and (max-width: 920px) {
19+
.branding {
20+
flex-direction: column;
21+
}
22+
.logo {
23+
order: 2;
24+
justify-content: center;
25+
margin: 0 auto;
26+
}
27+
.logo, .logo img {
28+
height: 100px;
29+
}
30+
.brand {
31+
order: 4;
32+
text-align: center;
33+
min-width: 250px;
34+
}
35+
.brand h1 {
36+
width: 100%;
37+
font-size: 48px;
38+
}
39+
.links {
40+
width: 450px;
41+
margin: 0 auto;
42+
}
43+
.about {
44+
margin: 20px auto 0 auto;
45+
}
46+
.tab-content a {
47+
padding: 0 5px;
48+
}
49+
.tabs {
50+
padding: 2px 10px 0 10px;
51+
}
52+
.tabs a {
53+
font-size: 12px;
54+
border-radius: 5px 5px 0 0;
55+
padding: 0 10px;
56+
}
57+
.tab-content h2 {
58+
font-size: 18px;
59+
}
60+
.tab-content p {
61+
font-size: 14px;
62+
}
63+
}
64+
65+
@media screen and (min-width: 920px) {
66+
.logo {
67+
display: initial !important;
68+
}
69+
}
70+
71+
@media screen and (max-width: 640px) {
72+
.brand {
73+
padding: 0 5px;
74+
}
75+
.brand h1 {
76+
font-size: 32px;
77+
}
78+
.brand p {
79+
font-size: 20px;
80+
}
81+
.brand a {
82+
font-size: 18px;
83+
}
84+
.links {
85+
width: 90%;
86+
flex-flow: wrap;
87+
max-width: 350px;
88+
}
89+
.links a {
90+
font-size: 14px;
91+
}
92+
.about {
93+
margin-top: 10px;
94+
}
95+
.tabs {
96+
padding: 2px 10px 0 10px;
97+
}
98+
.tabs a {
99+
font-size: 12px;
100+
border-radius: 5px 5px 0 0;
101+
padding: 0 10px;
102+
}
103+
.tab-content h2 {
104+
font-size: 18px;
105+
}
106+
.tab-content p {
107+
font-size: 14px;
108+
}
109+
}
110+
111+
@media screen and (max-width: 330px) {
112+
.brand h1 {
113+
font-size: 24px;
114+
}
115+
.brand p {
116+
font-size: 14px;
117+
}
118+
.links a {
119+
font-size: 12px;
120+
}
121+
.tabs a {
122+
padding: 0 4px;
123+
margin: 0 2px;
124+
}
125+
.tab-content h2 {
126+
font-size: 14px;
127+
}
128+
.tab-content p {
129+
font-size: 12px;
130+
}
131+
}
132+
133+
@media screen and (max-height: 450px) {
134+
.h-on {
135+
display: none;
136+
}
137+
.about {
138+
margin-top: 10px;
139+
}
140+
.logo {
141+
display: none;
142+
}
143+
}
144+
145+
/*Resolution Support*/
146+
147+
.unsupported {
148+
background-color: #222a;
149+
height: 0;
150+
justify-content: center;
151+
align-content: center;
152+
min-height: 0;
153+
min-width: 0;
154+
z-index: 20;
155+
opacity: 0;
156+
}
157+
158+
.unsupported-text {
159+
margin: auto;
160+
padding: 10px;
161+
text-align: center;
162+
font-size: 12px;
163+
color: #eee;
164+
}
165+
166+
@media screen and (max-width: 260px), screen and (max-height: 120px) {
167+
.unsupported {
168+
opacity: 1;
169+
height: auto;
170+
display: flex;
171+
}
172+
.page {
173+
filter: blur(12px);
174+
}
175+
}

0 commit comments

Comments
 (0)