diff --git a/E-Cafe Website/Images/worldmap.png b/E-Cafe Website/Images/worldmap.png deleted file mode 100644 index 9d7d2db..0000000 Binary files a/E-Cafe Website/Images/worldmap.png and /dev/null differ diff --git a/E-Cafe Website/Scripts/flagle.js b/E-Cafe Website/Scripts/flagle.js deleted file mode 100644 index e27cb52..0000000 --- a/E-Cafe Website/Scripts/flagle.js +++ /dev/null @@ -1,24 +0,0 @@ - -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/about.html b/E-Cafe Website/about.html deleted file mode 100644 index 09761ff..0000000 --- a/E-Cafe Website/about.html +++ /dev/null @@ -1,75 +0,0 @@ - - - - About | E-Cafe - - - -
- -
-

- About -

-
-

Made by

-
-
- 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
-
-
-
- - - \ No newline at end of file diff --git a/E-Cafe Website/flagle.html b/E-Cafe Website/flagle.html deleted file mode 100644 index 12d797b..0000000 --- a/E-Cafe Website/flagle.html +++ /dev/null @@ -1,54 +0,0 @@ - - - - Flagle | E-Cafe - - - - - - -
- -
-

- Flagle -
-
-

-
-
- Flag of a random country -
- -
-
- -
-
- -
-
- -
-
- -
-
-
- - - - - - \ No newline at end of file diff --git a/E-Cafe Website/games.html b/E-Cafe Website/games.html deleted file mode 100644 index e46cec2..0000000 --- a/E-Cafe Website/games.html +++ /dev/null @@ -1,46 +0,0 @@ - - - - Games | E-Cafe - - - - -
- -
-

- Games -

-
-
-
- Flagle logo -
Flagle
-
-
-
- - - \ No newline at end of file diff --git a/E-Cafe Website/index.html b/E-Cafe Website/index.html deleted file mode 100644 index bd71d39..0000000 --- a/E-Cafe Website/index.html +++ /dev/null @@ -1,47 +0,0 @@ - - - - Home | E-Cafe - - - -
- -
-

- E-Cafe -

-
- Welcome to E-Cafe!
- We're a small Minecraft based community in Discord.
- -
-
- Screenshot from E-Cafe Minecraft server -
Screenshot from E-Cafe Minecraft Server.
-
-
- a
- aaaa -
- - - - \ No newline at end of file diff --git a/E-Cafe Website/links.html b/E-Cafe Website/links.html deleted file mode 100644 index 42b1506..0000000 --- a/E-Cafe Website/links.html +++ /dev/null @@ -1,48 +0,0 @@ - - - - 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 deleted file mode 100644 index e69de29..0000000 diff --git a/Elatteria-Website/Images/Background2.png b/Elatteria-Website/Images/Background2.png new file mode 100644 index 0000000..11709f3 Binary files /dev/null and b/Elatteria-Website/Images/Background2.png differ diff --git a/E-Cafe Website/Images/Duck.png b/Elatteria-Website/Images/Duck.png similarity index 100% rename from E-Cafe Website/Images/Duck.png rename to Elatteria-Website/Images/Duck.png diff --git a/E-Cafe Website/Images/E-Cafe.png b/Elatteria-Website/Images/E-Cafe.png similarity index 100% rename from E-Cafe Website/Images/E-Cafe.png rename to Elatteria-Website/Images/E-Cafe.png diff --git a/E-Cafe Website/Images/E-CafeIcon.png b/Elatteria-Website/Images/E-CafeIcon.png similarity index 100% rename from E-Cafe Website/Images/E-CafeIcon.png rename to Elatteria-Website/Images/E-CafeIcon.png diff --git a/E-Cafe Website/Images/Flagle.png b/Elatteria-Website/Images/Flagle.png similarity index 100% rename from E-Cafe Website/Images/Flagle.png rename to Elatteria-Website/Images/Flagle.png diff --git a/E-Cafe Website/Images/Screenshots/MinecraftBedwarsLobby.png b/Elatteria-Website/Images/Screenshots/MinecraftBedwarsLobby.png similarity index 100% rename from E-Cafe Website/Images/Screenshots/MinecraftBedwarsLobby.png rename to Elatteria-Website/Images/Screenshots/MinecraftBedwarsLobby.png diff --git a/Elatteria-Website/Images/Screenshots/addserver.png b/Elatteria-Website/Images/Screenshots/addserver.png new file mode 100644 index 0000000..c822494 Binary files /dev/null and b/Elatteria-Website/Images/Screenshots/addserver.png differ diff --git a/Elatteria-Website/Images/Screenshots/ip.png b/Elatteria-Website/Images/Screenshots/ip.png new file mode 100644 index 0000000..0f29ac7 Binary files /dev/null and b/Elatteria-Website/Images/Screenshots/ip.png differ diff --git a/Elatteria-Website/Images/Screenshots/serveradded.png b/Elatteria-Website/Images/Screenshots/serveradded.png new file mode 100644 index 0000000..9937ac3 Binary files /dev/null and b/Elatteria-Website/Images/Screenshots/serveradded.png differ diff --git a/E-Cafe Website/Images/TopBarDay.png b/Elatteria-Website/Images/TopBarDay.png similarity index 100% rename from E-Cafe Website/Images/TopBarDay.png rename to Elatteria-Website/Images/TopBarDay.png diff --git a/E-Cafe Website/Images/TopBarNight.png b/Elatteria-Website/Images/TopBarNight.png similarity index 100% rename from E-Cafe Website/Images/TopBarNight.png rename to Elatteria-Website/Images/TopBarNight.png diff --git a/Elatteria-Website/Images/backgroundVertical.png b/Elatteria-Website/Images/backgroundVertical.png new file mode 100644 index 0000000..fa8a965 Binary files /dev/null and b/Elatteria-Website/Images/backgroundVertical.png differ diff --git a/Elatteria-Website/Images/backround.png b/Elatteria-Website/Images/backround.png new file mode 100644 index 0000000..a828344 Binary files /dev/null and b/Elatteria-Website/Images/backround.png differ diff --git a/Elatteria-Website/Images/backroundMobile.png b/Elatteria-Website/Images/backroundMobile.png new file mode 100644 index 0000000..19570e7 Binary files /dev/null and b/Elatteria-Website/Images/backroundMobile.png differ diff --git a/E-Cafe Website/Images/discord.png b/Elatteria-Website/Images/discord.png similarity index 100% rename from E-Cafe Website/Images/discord.png rename to Elatteria-Website/Images/discord.png diff --git a/Elatteria-Website/Images/github.png b/Elatteria-Website/Images/github.png new file mode 100644 index 0000000..9490ffc Binary files /dev/null and b/Elatteria-Website/Images/github.png differ diff --git a/Elatteria-Website/Images/logo.png b/Elatteria-Website/Images/logo.png new file mode 100644 index 0000000..92ffa25 Binary files /dev/null and b/Elatteria-Website/Images/logo.png differ diff --git a/Elatteria-Website/Images/logo.png~ b/Elatteria-Website/Images/logo.png~ new file mode 100644 index 0000000..1b02aa8 Binary files /dev/null and b/Elatteria-Website/Images/logo.png~ differ diff --git a/E-Cafe Website/Images/minecraft.png b/Elatteria-Website/Images/minecraft.png similarity index 100% rename from E-Cafe Website/Images/minecraft.png rename to Elatteria-Website/Images/minecraft.png diff --git a/Elatteria-Website/Scripts/flagle.js b/Elatteria-Website/Scripts/flagle.js new file mode 100644 index 0000000..495d651 --- /dev/null +++ b/Elatteria-Website/Scripts/flagle.js @@ -0,0 +1,138 @@ +/*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!") + } +}*/ +// API endpoint for getting the list of countries and codes +const COUNTRY_ENDPOINT = + "https://cors-anywhere.herokuapp.com/https://www.flagcdn.com/en/codes.json"; + +// Flag image element +const flagElement = document.getElementById("flag"); + +// Input element +const inputElement = document.getElementById("guessInput"); + +inputElement.addEventListener("keydown", function (event) { + if (event.key === "Enter") { + handleGuess(); + } +}); + +// Button element +const buttonElement = document.getElementsByTagName("button")[0]; + +// Div elements to display the guesses +const guessElements = document.getElementsByClassName("gamedle-section"); + +const guessButton = document.querySelector("button"); +guessButton.addEventListener("click", handleGuess); + +// Array to store the list of countries +let countries = []; + +// Array to store the already guessed countries +let guessedCountries = []; + +// Function to fetch the list of countries and codes +async function getCountries() { + // Make an HTTP GET request to the country endpoint + const response = await fetch(COUNTRY_ENDPOINT, { + method: "GET", + headers: { + Accept: "application/json", + }, + }); + + // Get the data as a JSON object + const data = await response.json().then((data) => console.log(data)); + + // Store the list of countries + countries = data; +} + +// Function to show a random flag +function showFlag() { + if (countries.length === 0) { + return; + } + + // Generate a random index + const index = Math.floor(Math.random() * countries.length); + + // Get the flag image URL and country name + const flagUrl = `https://www.flagcdn.com/${ + Object.keys(countries[index])[0] + }.svg`; + const countryName = countries[index].name; + + // Set the src attribute of the flag image element to the flag image URL + flagElement.src = flagUrl; + + console.log(flagUrl); + + // Set the alt attribute of the flag image element to the country name + flagElement.alt = countries[index][Object.keys(countries[index])[0]]; +} + +// Function to validate the entered country name +function validateCountry(guess) { + // Iterate through the array of countries + for (const country of countries) { + // If the entered country name matches the name of the current country, return true + if (guess.toLowerCase() === country.name.toLowerCase()) { + return true; + } + } + + // If the entered country name is not found in the array, return false + return false; +} + +// Function to handle the guess +async function handleGuess() { + // Get the entered country name + const guess = inputElement.value; + + // Validate the entered country name + if (!validateCountry(guess)) { + // If the entered country name is not valid, display an error message + alert("Please enter a valid country name."); + return; + } + + // Add the entered country name to the list of already guessed countries + guessedCountries.push(guess); + + // Create a new div element to display the guess + const guessElement = document.createElement("div"); + + // Set the text of the div element to the entered country name + guessElement.textContent = guess; + + // Append the div element to the div element that displays the guesses + guessElements[guessedCountries.length - 1].appendChild(guessElement); +} + +window.onload = function () { + getCountries(); + showFlag(); +}; diff --git a/E-Cafe Website/Scripts/scroll.js b/Elatteria-Website/Scripts/scroll.js similarity index 100% rename from E-Cafe Website/Scripts/scroll.js rename to Elatteria-Website/Scripts/scroll.js diff --git a/Elatteria-Website/about.html b/Elatteria-Website/about.html new file mode 100644 index 0000000..b7f3334 --- /dev/null +++ b/Elatteria-Website/about.html @@ -0,0 +1,52 @@ + + + + About | Elatteria + + + + + + + + + + + + + + + + +
+ +
+

About

+ +
+ venenatis a condimentum vitae sapien + pellentesque habitant morbi tristique + senectus et netus et malesuada fames ac + turpis egestas sed tempus urna et pharetra + pharetra massa massa ultricies mi quis + hendrerit +
+ + diff --git a/Elatteria-Website/favicon.ico b/Elatteria-Website/favicon.ico new file mode 100644 index 0000000..92ffa25 Binary files /dev/null and b/Elatteria-Website/favicon.ico differ diff --git a/Elatteria-Website/flagle.html b/Elatteria-Website/flagle.html new file mode 100644 index 0000000..c63517b --- /dev/null +++ b/Elatteria-Website/flagle.html @@ -0,0 +1,41 @@ + + + + Flagle | Elatteria + + + + + + +
+

+ Flagle +

+
+
+ Flag of a random country +
+ +
+ +
+ +
+ +
+ +
+ + +
+
+ Made by Elatteria • + More projects from us +
+ + diff --git a/E-Cafe Website/gamedlestyles.css b/Elatteria-Website/gamedlestyles.css similarity index 79% rename from E-Cafe Website/gamedlestyles.css rename to Elatteria-Website/gamedlestyles.css index fe29860..816bd27 100644 --- a/E-Cafe Website/gamedlestyles.css +++ b/Elatteria-Website/gamedlestyles.css @@ -3,13 +3,6 @@ body { background-image: none; } -#underline { - height: 3px; - background-color: white; - transform: scale(0.1, 1); - margin-top: 2px; -} - .gamedle-section { background: rgba(66, 62, 62, 0.5); @@ -63,21 +56,17 @@ button:hover { background-color: rgb(90, 83, 83); } -@media screen and (max-width: 715px) { +@media screen and (max-width: 1100px) { #flag { transform: scale(0.8, 0.8); } .gamedle-section { - margin-left: 70px; - margin-right: 70px; + margin-left: 100px; + margin-right: 100px; } input { - width: 200px; - } - - #underline { - transform: scale(0.3, 1); + width: 300px; } } \ No newline at end of file diff --git a/Elatteria-Website/index.html b/Elatteria-Website/index.html new file mode 100644 index 0000000..20de9a2 --- /dev/null +++ b/Elatteria-Website/index.html @@ -0,0 +1,56 @@ + + + + Home | Elatteria + + + +
+ +
+

E-Cafe

+
+ Welcome to E-Cafe!
+ We're a small community on Discord.
+ +
+
+
+
+ Screenshot from E-Cafe Minecraft server +
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. + Ut enim medicorum scientiam non ipsius artis, sed bonae valetudinis causa probamus, + et gubernatoris ars, quia bene navigandi rationem habet, utilitate, non arte laudatur, + sic sapientia, quae ars vivendi.
+ + + + + + diff --git a/Elatteria-Website/links.html b/Elatteria-Website/links.html new file mode 100644 index 0000000..8dc0f2d --- /dev/null +++ b/Elatteria-Website/links.html @@ -0,0 +1,67 @@ + + + + Links | Elatteria + + + +
+ +
+

Links

+
+
+
+ E-Cafe Discord server invite link +
Discord
+
+
+ E-Cafe Minecraft server play now link +
Play now
+
+
+ Elatteria GitHub link +
GitHub
+
+
+
+ + diff --git a/Elatteria-Website/playnow.html b/Elatteria-Website/playnow.html new file mode 100644 index 0000000..605bbe7 --- /dev/null +++ b/Elatteria-Website/playnow.html @@ -0,0 +1,117 @@ + + + + Play now! | Elatteria + + + +
+ +
+

Play now!

+
+
+ Add E-Cafe Minecraft server +
Click here to copy
+ +
+
+ 1. Go to Multiplayer
+ 2. Click add server
+ 3. Type "mc.elatteria.com" in the "Server Adress" field +
+ E-Cafe Minecraft server added +
+ +
+ + +
+

Server made by

+
+
+ 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/Elatteria-Website/projects.html b/Elatteria-Website/projects.html new file mode 100644 index 0000000..7e5c315 --- /dev/null +++ b/Elatteria-Website/projects.html @@ -0,0 +1,50 @@ + + + + Projects | Elatteria + + + + +
+ +
+

Projects

+
+
+
+ E-Cafe Minecraft server play now link +
Minecraft Server
+
+
+
+ + diff --git a/E-Cafe Website/styles.css b/Elatteria-Website/styles.css similarity index 51% rename from E-Cafe Website/styles.css rename to Elatteria-Website/styles.css index d5f7ea2..7232a8f 100644 --- a/E-Cafe Website/styles.css +++ b/Elatteria-Website/styles.css @@ -1,8 +1,10 @@ html { + scroll-behavior: smooth; + } -.title{ +.title { font-size: 50px; text-align: center; } @@ -11,10 +13,12 @@ html { text-align: center; font-size: 25px; margin-bottom: 200px; + margin-left: 10%; + margin-right: 10%; } body { - background-image: url("Images/E-Cafe.png"); + background-image: url("Images/backround.png"); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; @@ -24,25 +28,25 @@ body { margin: 0; padding: 0; } + + header { - background-image: url("Images/TopBarNight.png"); - background-repeat: no-repeat; - background-size: 100%; + background-color: rgb(32, 36, 59); background-position: top; - padding: 2%; + padding: 5px; text-align: center; + justify-content: left; top: 0px; } -header .logo a{ - background-image: url("Images/E-CafeIcon.png"); +header .logo a { + display: flex; + background-image: url("Images/logo.png"); background-repeat: no-repeat; - display: inline-block; - position: relative; background-size: 100%; height: 100px; width: 100px; - text-indent: -999999999999999999999999999999px; + text-indent: -9999999999999999; } ul { @@ -52,23 +56,30 @@ ul { } li { - display: inline-block; - margin: 0 7% 0 0; + display: flex; + margin: 10px 10px 0px 0px; font-size: 30px; + margin: 2%; + justify-content: center; } button { - background: rgb(195, 195, 20); + background: rgb(42, 50, 127); color: white; - transform: scale(3, 3); + transform: scale(4, 4); margin: 7%; + border: none; + border-radius: 5px; text-align: center; - border-radius: 10px; - box-shadow: gray 0 0 1px; + justify-content: center; + padding: 3px; } button:hover { - background-color: rgb(255, 255, 0); + background: rgb(146, 199, 249); + padding: 10px; + border-radius: 8px; + transition: 200ms; } a { @@ -77,7 +88,10 @@ a { } a:hover { - color: blue; + border-radius: 15%; + background: rgb(82, 109, 160); + padding: 20px; + transition: 250ms; } .features img { @@ -88,7 +102,6 @@ a:hover { height: 300px; } - .features { color: white; padding: 2%; @@ -96,52 +109,47 @@ a:hover { text-align: center; } -.screenshots img{ +.screenshots img { border-radius: 40px; width: 480px; height: 270px; + transform: scale(2, 2); } -.screenshots{ +.screenshots { color: white; display: inline-block; text-align: center; margin: 2%; } -footer { - background-color: rgb(42, 42, 42); - text-align: center; - padding: 20px 20px; - color: gray; - margin-top: -50px; - position: fixed; - bottom: 0; - width: 100%; - z-index: 1; -} - - .mobile { display: none; - font-size: 28px; - transform: scale(0.5, 0.5); - text-align: center; + text-align: left; + overflow-x: scroll; } -@media screen and (max-width: 715px) { +.mobile a .logo { + width: 50px; + height: 50px; +} + +.mobile li { + font-size: 50px; +} + +@media screen and (max-width: 1100px) { .features { - transform: scale(0.7, 0.7); + display: inline-grid; + transform: scale(1.8, 1.8); + margin: 18%; + justify-content: center; } .screenshots { - transform: scale(0.7, 0.7); + flex-direction: column; } - .discord { - transform: scale(0.6, 0.6); - } - header .mobile { display: flex; flex-direction: row; @@ -151,20 +159,18 @@ footer { display: none; } - .logo { - width: 100px; - height: 100px; + .screenshots img { + transform: scale(1.5, 1.5); } - #flag { - transform: scale(0.15, 0.15); - } + body { + background-image: url("Images/backgroundVertical.png"); + background-attachment: scroll; + } + } -.discord { - margin: 5%; - position: relative; - bottom: 0px; - left: 0px; - right: 0px; -} \ No newline at end of file +.underline { + text-decoration: underline; + color: white; +}