lunamcnetwork.gitpages.neve.../subpages/webmap.html
2021-04-12 23:30:40 -04:00

206 lines
9.1 KiB
HTML

<!doctype html>
<html lang="en" style="zoom: 85%;">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- 🪐 - Description (For SEO) - 🪐 -->
<!---------------------------------------------------------------------->
<meta name="description" content="LunaMC Network, A place to come relax and hang out!">
<!---------------------------------------------------------------------->
<!-- 🪐 - Description (For SEO) - 🪐 -->
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/24b38c7cb1.js" crossorigin="anonymous"></script>
<!-- 🪐 - FavIcon - 🪐 -->
<!---------------------------------------------------------------------->
<link rel="shortcut icon" href="../favicon.ico"/>
<!---------------------------------------------------------------------->
<!-- 🪐 - FavIcon - 🪐 -->
<!-- 🪐 - Website Title - 🪐 -->
<!---------------------------------------------------------------------->
<title class='webistetitle'>Dynmap - LunaMC Network</title>
<!---------------------------------------------------------------------->
<!-- 🪐 - Website Title - 🪐 -->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<!-- 🪐 - Website Logo - 🪐 -->
<!---------------------------------------------------------------------->
<a href="index.html"><img src="../img/serverlogo.png" style="width: 50px; padding-right: 10px;"></a>
<!---------------------------------------------------------------------->
<!-- 🪐 - Website Logo - 🪐 -->
<!-- 🪐 - Navigation Name - 🪐 -->
<!---------------------------------------------------------------------->
<a class="navbar-brand" href="../index.html">LunaMC Network</a>
<!---------------------------------------------------------------------->
<!-- 🪐 - Navigation Name - 🪐 -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="../index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://store.lunamc.vip">Store</a>
</li>
<li class="nav-item active">
<a class="nav-link">Dynmap</a>
</li>
<li class="nav-item">
<a class="nav-link" href="rules.html">Rules</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://forum.lunamc.vip">Forums</a>
</li>
<!--
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About Us
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Minigames</a>
<a class="dropdown-item" href="#">Vote</a>
-->
<!-- Other Page:
<a class="dropdown-item" href="#">OtherPage</a>
-->
<!--
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Contact</a>
</div>
</li>
-->
</ul>
</div>
</div>
</nav>
<!-- Top Navigation End -->
<section class="py-5" style="margin-top: 2rem;">
<div class="container">
<h4 class="display-4">SMP Dynmap</h4>
<p class="lead">🗺 Our SMP Map! 🗺</p>
</div>
</section>
<style>
iframe {
width: 90%; /* It should not be 100% */
height: 1000px;
display: block;
padding-top: 0rem;
padding-bottom: 10rem;
}
</style>
<section style="
padding-left: 2%;
padding-right: 2%;">
<div>
<!-- You can set your Dynmap's map URL on the line (src="http://link")-->
<iframe
class="container"
frameBorder="0"
src="http://play.lunamc.vip:3000/"><!-- <--- Dynmap Link Goes here <--- there -->
</iframe>
</div>
</section>
<!-- Footer -->
<footer class="page-footer font-small bg-dark pt-4">
<!-- Footer Elements -->
<div class="container">
<!--Grid row-->
<div class="row">
<!--Grid column-->
<div class="col-md-6 mb-4">
<h4 style="color: white;">LunaMC Network</h4>
<p class="textgray">
The best Minecraft Server since Hypixel!
<br>
Where the players enjoyment are the main priority!
<br>
Made from the ground up by normal players for normal players.
<br>
The server owner develops many plugins that are used on the server!
Luna was originally created to be a simple Survival Server, but now it has
plans to become a full fledged network with many different game types and a
full player based community!
</p>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-md-6 mb-4">
<h4 style="color: white;">Connect with us!</h4><br>
<div class="row">
<!-- Discord icon -->
<div class="col-sm-12 col-md-3">
<a class="medias" href="https://discord.gg/cEqWB29c2a">
<i class="fab fa-discord fa-2x" style="color: #7289DA;"></i>
Discord
</a>
</div>
<!-- Youtube icon -->
<div class="col-sm-12 col-md-3">
<a class="medias" href="https://www.youtube.com/channel/UCpYrMLZVZiacp-dsVE3KuYw">
<i class="fab fa-youtube fa-2x" style="color: red;"></i>
Youtube
</a>
</div>
<!-- Twitter Icon -->
<div class="col-sm-12 col-md-3">
<a class="medias" href="https://twitter.com/LunaMC47542678">
<i class="fab fa-twitter fa-2x" style="color: #1DA1F2;"></i>
Twitter
</a>
</div>
<!-- Facebook Icon -->
<div class="col-sm-12 col-md-3">
<a class="medias" href="https://www.tiktok.com/@lunamcnetwork">
<img src="../img/TikTok.png" width="30px" alt="TikTok Logo">
TikTok
</a>
</div>
<div class="col-sm-12 col-md-3">
<a class="medias" href="https://www.instagram.com/lunamcnetwork/">
<img src="../img/Instagram.png" width="30px" alt="Instagram Logo">
Instagram
</a>
</div>
</div>
</div>
<!--Grid column-->
</div>
<!--Grid row-->
</div>
<!-- Footer Elements -->
<div class="footer-copyright page-footer text-center py-3" style="color: white; background-color: rgb(37, 41, 46);">
© 2021 Copyright:
<a href="../index.html">LunaMC Network</a>
</div>
</footer>
<!-- Footer -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS, then Playercount -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script type="text/javascript" src="js/playercount.js"></script>
</body>
</html>