Elatteria
/
Elatteria-Website
mirror of https://github.com/Elatteria/Elatteria-Website.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

About page

This commit is contained in:
Ebsku 2022-12-11 14:24:43 +02:00
parent 534ecc8b2a
commit ff2e26ca18
7 changed files with 84 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
E-Cafe Website/Images/Background.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

BIN
E-Cafe Website/Images/Duck.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
E-Cafe Website/Images/TopBarDay.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
E-Cafe Website/Images/TopBarNight.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

37
E-Cafe Website/about.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>About - 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>
<li class="logo"><a href="index.html"></a></li>
<li>Links</li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<h1 class="title">
About
</h1>
<section class="description">
<h1>Made by</h1>
<figure class="features">
<img src="Images/Duck.png" alt="Profile picture of Ebsku">
<figcaption>Ebsku</figcaption>
</figure>
</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>

9
E-Cafe Website/index.html
View File

@ -10,6 +10,9 @@
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="games.html">Games</a></li>
<li class="logo"><a href="index.html"></a></li>
<li>Links</li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
@ -20,9 +23,7 @@
<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>
<a href="https://discord.gg/UwcQBWF6vF" target="_blank" rel="noopener noreferrer">Discord</a>
</footer>
</body>
</html>

48
E-Cafe Website/styles.css
View File

@ -20,12 +20,23 @@ body {
}
header {
background-color: rgb(42, 42, 42);
background-image: url("Images/TopBarNight.png");
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
padding: 2%;
text-align: center;
}
header .logo a{
margin: 1%;
background-image: url("Images/E-CafeIcon.png");
background-repeat: no-repeat;
background-size: 5%;
background-position: center;
display: inline-block;
position: relative;
padding: 2%;
background-size: 100%;
height: 200px;
width: 200px;
}
ul {
@ -36,7 +47,7 @@ ul {
li {
display: inline-block;
margin: 0 1% 0 0;
margin: 0 7% 0 0;
font-size: 40px;
}
@ -45,8 +56,8 @@ button {
color: white;
transform: scale(3, 3);
width: 80px;
margin: 7%;
text-align: center;
margin: 5%;
position: absolute;
}
a {
@ -64,3 +75,28 @@ iframe.discord {
justify-content: left;
margin-bottom: 0%;
}
.features img {
border: 1px solid white;
border-radius: 50%;
box-shadow: gray 0 0 20px;
}
.features {
color: white;
padding: 2%;
display: flex;
flex-direction: row;
text-align: center;
}
.center {
text-align: center;
}
footer {
background-color: rgb(42, 42, 42);
text-align: center;
padding: 20px 20px;
color: gray;
}