diff --git a/E-Cafe Website/Images/Screenshots/MinecraftBedwarsLobby.png b/E-Cafe Website/Images/Screenshots/MinecraftBedwarsLobby.png
new file mode 100644
index 0000000..89c0493
Binary files /dev/null and b/E-Cafe Website/Images/Screenshots/MinecraftBedwarsLobby.png differ
diff --git a/E-Cafe Website/Images/worldmap.png b/E-Cafe Website/Images/worldmap.png
new file mode 100644
index 0000000..9d7d2db
Binary files /dev/null and b/E-Cafe Website/Images/worldmap.png differ
diff --git a/E-Cafe Website/Scripts/flagle.js b/E-Cafe Website/Scripts/flagle.js
new file mode 100644
index 0000000..e27cb52
--- /dev/null
+++ b/E-Cafe Website/Scripts/flagle.js
@@ -0,0 +1,24 @@
+
+async function getFlag() {
+ const getFlag = await fetch('https://flagcdn.com/en/codes.json')
+
+
+ const flag = await getFlag.json();
+
+
+ var inputField = document.getElementById("guessInput").value.toLowerCase();
+ document.getElementsByClassName("gamedle-section").innerHTML = guessInput;
+
+
+
+ if (inputField != flag.us.toLowerCase()) {
+ document.getElementById("guessInput").value=null;
+ window.alert("Wrong country!");
+ }
+
+
+ else {
+ document.getElementById("guessInput").value=null;
+ window.alert("Correct!")
+ }
+}
\ No newline at end of file
diff --git a/E-Cafe Website/Scripts/scroll.js b/E-Cafe Website/Scripts/scroll.js
new file mode 100644
index 0000000..f33cf13
--- /dev/null
+++ b/E-Cafe Website/Scripts/scroll.js
@@ -0,0 +1,3 @@
+function scrollDown(positionX, positionY) {
+ window.scrollTo(positionX, positionY);
+}
diff --git a/E-Cafe Website/about.html b/E-Cafe Website/about.html
index 2646c7d..09761ff 100644
--- a/E-Cafe Website/about.html
+++ b/E-Cafe Website/about.html
@@ -1,7 +1,7 @@
- About - E-Cafe
+ About | E-Cafe
diff --git a/E-Cafe Website/flagle.html b/E-Cafe Website/flagle.html
index 2d129fc..12d797b 100644
--- a/E-Cafe Website/flagle.html
+++ b/E-Cafe Website/flagle.html
@@ -1,45 +1,54 @@
- Flagle - E-Cafe
+ Flagle | E-Cafe
-
+
Flagle
+
+
-
- 1
-
-
- 2
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
+
+
\ No newline at end of file
diff --git a/E-Cafe Website/gamedlestyles.css b/E-Cafe Website/gamedlestyles.css
index 8c2aa34..fe29860 100644
--- a/E-Cafe Website/gamedlestyles.css
+++ b/E-Cafe Website/gamedlestyles.css
@@ -1,24 +1,83 @@
-section.gamedle-section {
- background: rgb(42, 42, 42);
- color: white;
- margin: 2%;
- display: flex;
- flex-direction: row;
+body {
+ background-color: rgb(23, 27, 46);
+ background-image: none;
}
-section.gamedle-section div {
- background: rgba(42, 42, 42, 0.75);
- color: white;
- margin: 1%;
- display: inline-block;
- width: 10%;
+#underline {
+ height: 3px;
+ background-color: white;
+ transform: scale(0.1, 1);
+ margin-top: 2px;
}
-div.gamedle-section {
- background: rgba(42, 42, 42, 0.75);
+
+.gamedle-section {
+ background: rgba(66, 62, 62, 0.5);
color: white;
- margin: 1%;
- display: flex;
- height: 5%;
+ margin: 50px;
+ margin-left: 200px;
+ margin-right: 200px;
+ height: 50px;
font-size: 40px;
+ text-align: center;
+ text-transform: uppercase;
+ border-radius: 10px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ box-shadow: gray 0 0 4px;
+}
+
+#flag img {
+ width: 300px;
+ height: auto;
+ border-radius: 10px;
+ box-shadow: gray 0 0 7px;
+}
+
+#flag {
+ color: white;
+ padding: 2%;
+ display: inline-block;
+ text-align: center;
+}
+
+input {
+ margin: 80px;
+ width: 500px;
+ height: 40px;
+ background-color: rgb(42, 42, 42);
+ color: white;
+ text-transform: uppercase;
+ border-radius: 10px;
+ box-shadow: gray 0 0 7px;
+}
+
+button {
+ margin: 5%;
+ background: rgb(66, 62, 62);
+ transform: scale(2, 2);
+}
+
+button:hover {
+ background-color: rgb(90, 83, 83);
+}
+
+@media screen and (max-width: 715px) {
+ #flag {
+ transform: scale(0.8, 0.8);
+ }
+
+ .gamedle-section {
+ margin-left: 70px;
+ margin-right: 70px;
+ }
+
+ input {
+ width: 200px;
+ }
+
+ #underline {
+ transform: scale(0.3, 1);
+ }
}
\ No newline at end of file
diff --git a/E-Cafe Website/games.html b/E-Cafe Website/games.html
index a478d4c..e46cec2 100644
--- a/E-Cafe Website/games.html
+++ b/E-Cafe Website/games.html
@@ -1,7 +1,7 @@
- Games - E-Cafe
+ Games | E-Cafe