Mobile improvements

This commit is contained in:
Ebsku
2023-05-12 13:41:16 +03:00
parent 10fdb7c1df
commit f016ffee6b
30 changed files with 47 additions and 34 deletions

70
src/index.html Normal file
View File

@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home | Elatteria</title>
<link rel="stylesheet" href="styles.css" />
<!-- Open Graph Meta Tags -->
<meta property="og:url" content="https://www.elatteria.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="Home | Elatteria">
<meta property="og:description" content="Home">
<meta property="og:image" content="https://www.elatteria.com/Images/logo.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="elatteria.com">
<meta property="twitter:url" content="https://www.elatteria.com/">
<meta name="twitter:title" content="Home | Elatteria">
<meta name="twitter:description" content="Home">
<meta name="twitter:image" content="https://www.elatteria.com/Images/logo.png">
</head>
<body>
<header>
<nav>
<ul class="desktop">
<li class="logo"><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li>
</ul>
<ul class="mobile">
<li class="logo"><a href="/">Home</a></li>
<li><a href="/projects">Projects</a></li>
<li><a href="/links">Links</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>
</header>
<h1 class="title">E-Cafe</h1>
<div class="description">
Welcome to E-Cafe!<br/>
We're a small community on Discord.<br />
<button type="button" onclick="scrollDown(0, 10000)">
Learn More
</button>
</div>
<div style="margin-top: 1500px"></div>
<div class="description">
<figure class="screenshots">
<img
src="Images/Screenshots/MinecraftBedwarsLobby.png"
alt="Screenshot from E-Cafe Minecraft server"
/>
<br>
</figure>
<div class="spacer"/>
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.<br>
<button onclick="location.href='/about';">About Elatteria</button>
</div>
</body>
<script src="Scripts/scroll.js"></script>
</html>