diff --git a/E-Cafe Website/Images/Flagle.png b/E-Cafe Website/Images/Flagle.png new file mode 100644 index 0000000..b5b089b Binary files /dev/null and b/E-Cafe Website/Images/Flagle.png differ diff --git a/E-Cafe Website/Images/discord.png b/E-Cafe Website/Images/discord.png new file mode 100644 index 0000000..a14a6ef Binary files /dev/null and b/E-Cafe Website/Images/discord.png differ diff --git a/E-Cafe Website/Images/minecraft.png b/E-Cafe Website/Images/minecraft.png new file mode 100644 index 0000000..c7db22f Binary files /dev/null and b/E-Cafe Website/Images/minecraft.png differ diff --git a/E-Cafe Website/about.html b/E-Cafe Website/about.html index 16fb622..2646c7d 100644 --- a/E-Cafe Website/about.html +++ b/E-Cafe Website/about.html @@ -7,11 +7,17 @@
@@ -21,15 +27,47 @@

Made by

-
- Profile picture of Ebsku -
Ebsku
-
-
- +
+
+ Minecraft head of Ebsku +
Ebsku
+
+
+ Minecraft head of Jorvents +
Jorvents
+
+
+ Minecraft head of yesyes +
yesyes
+
+
+ Minecraft head of RobinOfGaming +
RobinOfGaming
+
+
+ Minecraft head of GhdEst +
GhdEst
+
+
+
+
+ Minecraft head of zani +
zani
+
+
+ Minecraft head of coradoune +
coradoune
+
+
+ Minecraft head of Raspberry +
Raspberry
+
+
+ Minecraft head of OkuBlock +
OkuBlock
+
+
+ diff --git a/E-Cafe Website/flagle.html b/E-Cafe Website/flagle.html index 040d81a..2d129fc 100644 --- a/E-Cafe Website/flagle.html +++ b/E-Cafe Website/flagle.html @@ -11,17 +11,23 @@

- Countryle + Flagle

1 diff --git a/E-Cafe Website/games.html b/E-Cafe Website/games.html index b753268..a478d4c 100644 --- a/E-Cafe Website/games.html +++ b/E-Cafe Website/games.html @@ -13,11 +13,17 @@
@@ -25,14 +31,14 @@

Games

- - +
+
+
+ Flagle logo +
Flagle
+
+
+
diff --git a/E-Cafe Website/index.html b/E-Cafe Website/index.html index b5af905..48f9da7 100644 --- a/E-Cafe Website/index.html +++ b/E-Cafe Website/index.html @@ -7,11 +7,17 @@
diff --git a/E-Cafe Website/links.html b/E-Cafe Website/links.html new file mode 100644 index 0000000..a3746cf --- /dev/null +++ b/E-Cafe Website/links.html @@ -0,0 +1,48 @@ + + + + Links - E-Cafe + + + +
+ +
+

+ Links +

+
+
+
+ E-Cafe Discord server invite link +
Discord
+
+
+ E-Cafe Minecraft server play now link +
Play now
+
+
+
+ + + + \ No newline at end of file diff --git a/E-Cafe Website/playnow.html b/E-Cafe Website/playnow.html new file mode 100644 index 0000000..e69de29 diff --git a/E-Cafe Website/styles.css b/E-Cafe Website/styles.css index 836b938..d6d42fe 100644 --- a/E-Cafe Website/styles.css +++ b/E-Cafe Website/styles.css @@ -1,9 +1,9 @@ -h1.title{ +.title{ font-size: 50px; text-align: center; } -section.description { +.description { text-align: center; font-size: 25px; } @@ -19,24 +19,24 @@ body { padding: 0; } header { - background-color: rgb(42, 42, 42); background-image: url("Images/TopBarNight.png"); background-repeat: no-repeat; background-size: 100%; - background-position: center; + background-position: top; padding: 2%; text-align: center; + top: 0px; } header .logo a{ - margin: 1%; background-image: url("Images/E-CafeIcon.png"); background-repeat: no-repeat; display: inline-block; position: relative; background-size: 100%; - height: 200px; - width: 200px; + height: 150px; + width: 150px; + text-indent: -999999999999999999999999999999px; } ul { @@ -48,7 +48,7 @@ ul { li { display: inline-block; margin: 0 7% 0 0; - font-size: 40px; + font-size: 30px; } button { @@ -69,24 +69,18 @@ a:hover { color: blue; } -iframe.discord { - margin-top: 20%; - display: flex; - justify-content: left; - margin-bottom: 0%; -} - .features img { border: 1px solid white; border-radius: 50%; box-shadow: gray 0 0 20px; + width: 300px; + height: 300px; } .features { color: white; padding: 2%; - display: flex; - flex-direction: row; + display: inline-block; text-align: center; } @@ -100,4 +94,44 @@ footer { bottom:0; width: 100%; z-index: 1; +} + + +.mobile { + display: none; + font-size: 28px; + transform: scale(0.5, 0.5); + text-align: center; +} + +@media screen and (max-width: 800px) { + .features { + transform: scale(0.7, 0.7); + } + + .discord { + transform: scale(0.6, 0.6); + } + + header .mobile { + display: flex; + flex-direction: row; + } + + header .desktop { + display: none; + } + + .logo { + width: 100px; + height: 100px; + } +} + +.discord { + margin: 5%; + position: relative; + bottom: 0px; + left: 0px; + right: 0px; } \ No newline at end of file