init
This commit is contained in:
eetnaviation
parent
34721e2d4d
commit
dcf69a7bc1
5
LICENSE
Normal file
5
LICENSE
Normal file
@ -0,0 +1,5 @@
|
||||
All Rights Reserved.
|
||||
|
||||
Copyright (c) 2025 EstCraft
|
||||
|
||||
Unauthorized copying, distribution, modification, or use of this work, in whole or in part, is strictly prohibited.
|
||||
@ -1,3 +1,3 @@
|
||||
# estcraft-web
|
||||
|
||||
The repo for the EstCraft website.
|
||||
The repo for the [EstCraft website](https://estcraft.eu).
|
||||
109
index.html
Normal file
109
index.html
Normal file
@ -0,0 +1,109 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="et">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>EstCraft</title>
|
||||
<link rel="icon" type="image/x-icon" href="logo.ico">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar">
|
||||
<div class="nav-container">
|
||||
<a href="#" class="logo">
|
||||
<img src="logo.png" alt="EstCraft Logo">
|
||||
</a>
|
||||
<ul class="nav-links">
|
||||
<li><a href="#liitu">Liitu</a></li>
|
||||
<li><a href="#vote">Vote</a></li>
|
||||
<li><a href="#discord">Discord</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<section class="landing-section">
|
||||
<div class="bg-overlay"></div>
|
||||
<div class="landing-content">
|
||||
<h1>EstCraft</h1>
|
||||
<p>Liitu meie Minecraft serveriga ja alusta seiklust!</p>
|
||||
<a href="#liitu" class="btn">Liitu</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="second-section section">
|
||||
<h2>Mängumoodid</h2>
|
||||
<div class="gamemode-container">
|
||||
<div class="gamemode-card">
|
||||
<img src="survival.png" alt="Survival">
|
||||
<h3>Survival</h3>
|
||||
<p>Klassikaline Minecrafti ellujäämisrežiim koos lisadega!</p>
|
||||
</div>
|
||||
<div class="gamemode-card">
|
||||
<img src="pvp.png" alt="PVP">
|
||||
<h3>PVP</h3>
|
||||
<p>Võitle teiste mängijatega ja tõesta, et oled parim!</p>
|
||||
</div>
|
||||
<div class="gamemode-card">
|
||||
<img src="oneblock.png" alt="OneBlock">
|
||||
<h3>OneBlock</h3>
|
||||
<p>Alusta ühe plokiga ja laienda oma saart!</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="vote" class="second-section section">
|
||||
<h2>Vote</h2>
|
||||
<h3>Votei, et saada lahedaid asju nagu relvad, toit ja muu. Sellega toetad ka meie serverit!</h3>
|
||||
<div class="gamemode-container">
|
||||
<div class="gamemode-card" onclick="window.open('https://minecraft-mp.com/server/339252/vote', '_blank');">
|
||||
<img src="vote.png" alt="minecraft-mp">
|
||||
<h3>Vote 1</h3>
|
||||
<p>Minecraft-MP</p>
|
||||
</div>
|
||||
<div class="gamemode-card" onclick="window.open('https://minecraft-server-list.com/server/509223/vote', '_blank');">
|
||||
<img src="vote.png" alt="minecraft-server-list">
|
||||
<h3>Vote 2</h3>
|
||||
<p>Minecraft-Server-List</p>
|
||||
</div>
|
||||
<div class="gamemode-card" onclick="window.open('https://minecraft-serverlist.com/server/2055', '_blank');">
|
||||
<img src="vote.png" alt="minecraft-serverlist">
|
||||
<h3>Vote 3</h3>
|
||||
<p>Minecraft-Serverlist</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="liitu" class="third-section section">
|
||||
<div class="server-info">
|
||||
<h2>Liitu Serveriga</h2>
|
||||
<p><strong>IP:</strong> mc.estcraft.eu</p>
|
||||
<p>Võid liituda nii javas, bedrockis, isegi kui konto on cracked.</p>
|
||||
<p><strong>Bedrock Port:</strong> 19132</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="discord" class="third-section section">
|
||||
<div class="discord-info">
|
||||
<h2>Liitu ka meie Discordiga!</h2>
|
||||
<p>Siis saad kiireid teavitusi kui serveris midagi toimub, või tuleb uuendus!</p>
|
||||
<a href="https://discord.gg/dZcxAHWbn7" class="btn">Liitu discordiga</a>
|
||||
<iframe src="https://discord.com/widget?id=1037049461291110440&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<p>© <script>document.write(new Date().getFullYear());</script> EstCraft. Kõik õigused kaitstud.</p>
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
document.querySelector('.btn').addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
document.querySelector('#liitu').scrollIntoView({ behavior: 'smooth' });
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
oneblock.png
Normal file
BIN
oneblock.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 MiB |
245
styles.css
Normal file
245
styles.css
Normal file
@ -0,0 +1,245 @@
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #0b0d13;
|
||||
color: white;
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: #12151d;
|
||||
padding: 10px 30px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-bottom: 2px solid #1f232d;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.nav-container {
|
||||
width: 100%;
|
||||
max-width: 1200px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
height: 40px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
list-style: none;
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.nav-links li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.nav-links a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 1rem;
|
||||
padding: 10px 15px;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.nav-links a:hover {
|
||||
color: #3498db;
|
||||
}
|
||||
|
||||
.landing-section {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: url('bg.png') center/cover no-repeat;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
background: linear-gradient(to bottom, rgba(11, 13, 19, 0) 0%, #0b0d13 100%);
|
||||
}
|
||||
|
||||
.landing-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: white;
|
||||
text-align: center;
|
||||
max-width: 800px;
|
||||
}
|
||||
|
||||
.landing-content h1 {
|
||||
font-size: 2.5rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.landing-content p {
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 12px 24px;
|
||||
font-size: 1.2rem;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
border-radius: 15px;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(30px);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
|
||||
.third-section {
|
||||
background-color: #12151d;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.section {
|
||||
width: 100%;
|
||||
padding: 100px 20px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.second-section {
|
||||
background-color: #0b0d13;
|
||||
}
|
||||
|
||||
.gamemode-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 20px;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.gamemode-card {
|
||||
width: 300px;
|
||||
padding: 20px;
|
||||
border-radius: 15px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(30px);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
text-align: center;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.gamemode-card:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.gamemode-card img {
|
||||
width: 100%;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.gamemode-card h3 {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Third Section (Server Info) */
|
||||
.third-section {
|
||||
background-color: #12151d;
|
||||
}
|
||||
|
||||
.server-info {
|
||||
width: 350px;
|
||||
margin: 0 auto;
|
||||
padding: 25px;
|
||||
border-radius: 15px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(30px);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
text-align: center;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.server-info:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.server-info h2 {
|
||||
font-size: 1.8rem;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.server-info p {
|
||||
font-size: 1.2rem;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.discord-info {
|
||||
width: 350px;
|
||||
margin: 0 auto;
|
||||
padding: 25px;
|
||||
border-radius: 15px;
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
backdrop-filter: blur(30px);
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
text-align: center;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.discord-info:hover {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.discord-info h2 {
|
||||
font-size: 1.8rem;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.discord-info p {
|
||||
font-size: 1.2rem;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer {
|
||||
background-color: #0b0d13;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-size: 0.9rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
BIN
survival.png
Normal file
BIN
survival.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 MiB |
Loading…
x
Reference in New Issue
Block a user