diff --git a/404.html b/404.html
new file mode 100644
index 0000000..d1f8738
--- /dev/null
+++ b/404.html
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+ CRSS
+
+
+
+
+
+
+
+
+
Clyde's Real Survival SMP
+
+
+ Online: /
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/css/_fonts.scss b/css/_fonts.scss
index 0c2fd8d..baf90c5 100644
--- a/css/_fonts.scss
+++ b/css/_fonts.scss
@@ -2,6 +2,8 @@
h1, h2, h3, h4, h5, h6 {
font-family: "Outfit", "Noto Color Emoji", sans-serif;
+
+ margin-bottom: 6px;
}
p, a, label, button, input {
diff --git a/css/style.css b/css/style.css
index 55b80fd..ed906bd 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,6 +6,7 @@
h1, h2, h3, h4, h5, h6 {
font-family: "Outfit", "Noto Color Emoji", sans-serif;
+ margin-bottom: 6px;
}
p, a, label, button, input {
@@ -18,15 +19,26 @@ body {
.container {
max-width: 1100px;
+ width: 100%;
margin: 0 auto;
}
-.pageHero {
- background: #6366f1;
- color: #fff;
- height: 30svh;
+ul, ol {
+ list-style-position: inside;
}
-.pageHero > .container {
+
+.pageHero {
+ background-image: url("../img/spawn.jpg");
+ background-position: center;
+ color: #fff;
+ height: 240px;
+}
+.pageHero > .blurFiler {
+ backdrop-filter: blur(2px);
+ padding: 8px 0;
+ height: calc(100% - 16px);
+}
+.pageHero > .blurFiler > .container {
height: 100%;
display: flex;
flex-direction: row;
@@ -64,6 +76,10 @@ body {
color: #fff;
}
+.pageContent {
+ margin: 16px 0;
+}
+
.pageFooter {
display: flex;
flex-direction: row;
diff --git a/css/style.css.map b/css/style.css.map
index 25727d9..b1c300b 100644
--- a/css/style.css.map
+++ b/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_fonts.scss","_reset.scss","style.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;;;ADAF;EACE;;;AAGF;EACE;;;AEJF;EACE;;;AAGF;EACE;EAEA;;;AAGF;EACE;EACA;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;;AAIJ;EACE;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EAEA;EAEA;;AAGE;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAQZ;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_fonts.scss","_reset.scss","style.scss"],"names":[],"mappings":"AAAQ;ACAR;EACE;EACA;;;ADAF;EACE;EAEA;;;AAGF;EACE;;;AENF;EACE;;;AAGF;EACE;EAEA;EAEA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;EAEA;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;;AAKN;EACE;EAEA;;AAEA;EACE;EAEA;EACA;EAEA;EACA;;AAEA;EACE;EAEA;EAEA;;AAGE;EACE;EAEA;EAEA;EAEA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAQZ;EACE;;;AAGF;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA","file":"style.css"}
\ No newline at end of file
diff --git a/css/style.scss b/css/style.scss
index a65bb04..e68e685 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -8,23 +8,40 @@ body {
.container {
max-width: 1100px;
+ width: 100%;
+
margin: 0 auto;
}
+ul, ol {
+ list-style-position: inside;
+}
+
.pageHero {
- background: #6366f1;
+ background-image: url('../img/spawn.jpg');
+
+ background-position: center;
+
color: #fff;
- height: 30svh;
+ height: 240px;
- > .container {
- height: 100%;
+ > .blurFiler {
+ backdrop-filter: blur(2px);
- display: flex;
- flex-direction: row;
+ padding: 8px 0;
- align-items: center;
- justify-content: space-between;
+ height: calc(100% - (8px + 8px));
+
+ > .container {
+ height: 100%;
+
+ display: flex;
+ flex-direction: row;
+
+ align-items: center;
+ justify-content: space-between;
+ }
}
}
@@ -73,6 +90,10 @@ body {
}
}
+.pageContent {
+ margin: 16px 0;
+}
+
.pageFooter {
display: flex;
flex-direction: row;
diff --git a/img/spawn.jpg b/img/spawn.jpg
new file mode 100644
index 0000000..2abf939
Binary files /dev/null and b/img/spawn.jpg differ
diff --git a/index.html b/index.html
index 8bf14b3..1357ff3 100644
--- a/index.html
+++ b/index.html
@@ -7,16 +7,18 @@
CRSS
-
-
+
+
-
-
Clyde's Real Survival SMP
+
+
+
Clyde's Real Survival SMP
-
- Online:
/
+
+ Online: /
+
@@ -30,17 +32,17 @@
-
+
Nations
-
+
Rules
-
+
Map
@@ -73,6 +75,6 @@
-
+