117 lines
3.6 KiB
HTML
117 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>LRSS Places</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Arial, sans-serif;
|
|
background-color: #1e1e1e;
|
|
color: white;
|
|
position: relative;
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
nav {
|
|
background-color: #333;
|
|
margin: 20px auto;
|
|
padding: 10px 20px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
border-radius: 30px;
|
|
width: fit-content;
|
|
}
|
|
|
|
nav img {
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 15px;
|
|
margin-right: 15px;
|
|
transition: transform 0.8s;
|
|
}
|
|
|
|
nav img:hover {
|
|
transform: rotate(720deg);
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
nav a {
|
|
color: white;
|
|
text-decoration: none;
|
|
margin: 0 15px;
|
|
padding: 10px 20px;
|
|
border-radius: 15px;
|
|
transition: transform 1s, box-shadow 0.4s, background-color 0.4s;
|
|
}
|
|
|
|
nav a:hover {
|
|
transform: scale(1.1);
|
|
border-radius: 15px;
|
|
box-shadow: 0 0 10px rgba(207, 17, 207, 0.55);
|
|
background-color: rgb(190, 22, 228);
|
|
}
|
|
|
|
footer {
|
|
background-color: #333;
|
|
padding: 20px 0;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
footer svg {
|
|
margin-right: 20px;
|
|
border-radius: 100%;
|
|
transition: transform 0.7s, box-shadow 0.4s, background-color 0.4s;
|
|
}
|
|
|
|
footer svg:hover {
|
|
transform: scale(1.3) rotate(360deg);
|
|
border-radius: 100%;
|
|
box-shadow: 0 0 10px rgb(61, 75, 234);
|
|
background-color: rgb(88, 101, 242);
|
|
}
|
|
|
|
footer .left {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<img src="logo.png" alt="Logo">
|
|
<a href="index.html">Home</a>
|
|
<a href="places.html">Places</a>
|
|
<a href="gallery.html">Gallery</a>
|
|
<a href="http://141.147.29.5:3107/?world=minecraft-overworld&renderer=vintage_story&zoom=0&x=61&z=-68">Map</a>
|
|
</nav>
|
|
|
|
<!-- Content Starts Below -->
|
|
|
|
<!-- Content Ends Here -->
|
|
|
|
<footer>
|
|
<div class="left">
|
|
<p style="line-height: 25px; font-family: 'Times New Roman',sans-serif">Copyright © LRSS 2024 All Rights Reserved</p>
|
|
</div>
|
|
<div class="svg">
|
|
<a href="https://discord.gg/8exzHJQh7p">
|
|
<svg width="50px" height="50px" viewBox="-4.32 -4.32 56.64 56.64" xmlns="http://www.w3.org/2000/svg" fill="#000000" stroke="#000000" stroke-width="1.7759999999999998"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><defs><style>.a{fill:none;stroke: #aeaeae;stroke-linecap:round;stroke-linejoin:round;}</style></defs><path class="a" d="M17.59,34.1733c-.89,1.3069-1.8944,2.6152-2.91,3.8267C7.3,37.79,4.5,33,4.5,33A44.83,44.83,0,0,1,9.31,13.48,16.47,16.47,0,0,1,18.69,10l1,2.31A32.6875,32.6875,0,0,1,24,12a32.9643,32.9643,0,0,1,4.33.3l1-2.31a16.47,16.47,0,0,1,9.38,3.51A44.8292,44.8292,0,0,1,43.5,33s-2.8,4.79-10.18,5a47.4193,47.4193,0,0,1-2.86-3.81m6.46-2.9c-3.84,1.9454-7.5555,3.89-12.92,3.89s-9.08-1.9446-12.92-3.89"></path><circle class="a" cx="17.847" cy="26.23" r="3.35"></circle><circle class="a" cx="30.153" cy="26.23" r="3.35"></circle></g></svg>
|
|
</a>
|
|
</div>
|
|
|
|
</footer>
|
|
</body>
|
|
</html> |