First commit
This commit is contained in:
parent
28b6a7fa2a
commit
534ecc8b2a
Binary file not shown.
After Width: | Height: | Size: 93 KiB |
Binary file not shown.
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.4 KiB |
|
@ -0,0 +1,33 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Flagle - E-Cafe</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<link rel="stylesheet" href="gamedlestyles.css">
|
||||
<script src="getflag.js">
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Other Games</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<h1 class="title">
|
||||
Countryle
|
||||
</h1>
|
||||
<div class="gamedle-section">
|
||||
1
|
||||
</div>
|
||||
<div class="gamedle-section">
|
||||
2
|
||||
</div>
|
||||
|
||||
<button>Guess</button>
|
||||
</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,24 @@
|
|||
section.gamedle-section {
|
||||
background: rgb(42, 42, 42);
|
||||
color: white;
|
||||
margin: 2%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
section.gamedle-section div {
|
||||
background: rgb(42, 42, 42);
|
||||
color: white;
|
||||
margin: 1%;
|
||||
display: inline-block;
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
div.gamedle-section {
|
||||
background: rgb(42, 42, 42);
|
||||
color: white;
|
||||
margin: 1%;
|
||||
display: flex;
|
||||
height: 5%;
|
||||
font-size: 40px;
|
||||
}
|
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Games - E-Cafe</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
button {
|
||||
margin: 2%;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<h1 class="title">
|
||||
Games
|
||||
</h1>
|
||||
<button>
|
||||
<a href="flagle.html">
|
||||
Flagle
|
||||
</a>
|
||||
</button>
|
||||
<button>
|
||||
Speechle
|
||||
</button>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,28 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Home - E-Cafe</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="games.html">Games</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
<h1 class="title">
|
||||
E-Cafe
|
||||
</h1>
|
||||
<section class="description">
|
||||
<p><strong>Welcome to E-Cafe!</strong><br>
|
||||
We're a small community with a Discord server, a Minecraft server</p>
|
||||
</section>
|
||||
<iframe
|
||||
class="discord"
|
||||
src="https://discord.com/widget?id=1003699887239610480&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts">
|
||||
</iframe>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,66 @@
|
|||
h1.title{
|
||||
font-size: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section.description {
|
||||
text-align: center;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url("Images/E-Cafe.png");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
color: white;
|
||||
font-family: Helvetica, Neue, Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
header {
|
||||
background-color: rgb(42, 42, 42);
|
||||
background-image: url("Images/E-CafeIcon.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 5%;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 1% 0 0;
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
button {
|
||||
background: rgb(42, 42, 42);
|
||||
color: white;
|
||||
transform: scale(3, 3);
|
||||
width: 80px;
|
||||
margin: 7%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
iframe.discord {
|
||||
margin-top: 20%;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
margin-bottom: 0%;
|
||||
}
|
Loading…
Reference in New Issue