added new java scripts & styling

This commit is contained in:
Sage The DM 2024-06-30 00:17:59 +02:00
parent 649f201729
commit 1267cd27f1
8 changed files with 259 additions and 160 deletions

View file

@ -5,23 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>FreeTTRPG</title>
<link rel="stylesheet" href="style.css" />
<script src="header.js" type="text/javascript" defer></script>
<script src="java.js" type="text/javascript" defer></script>
</head>
<body>
<header>
<div class="header-content">
<div class="project-name"><a href="index.html">FreeTTRPG</a></div>
<button class="burger-menu" onclick="toggleMenu()"></button>
<ul class="menu">
<li><a href="#section1">The Game</a></li>
<li><a href="#section2">Our Vision</a></li>
<li><a href="#section3">Copyright</a></li>
<li><a href="#section4">Platform</a></li>
<li><a href="#section5">Join Us</a></li>
<li><a href="#section6">Source Code</a></li>
<li><a href="#section7">Game Assets</a></li>
</ul>
</div>
</header>
<header-component></header-component>
<article>
<section id="section1">
@ -33,7 +21,7 @@
freedom back in the hands of players.
</p>
<img src="assets/game.png" alt="current game version" />
<p>Current game version</p>
<p class="no-margin">Current game version</p>
</section>
<section id="section2">
@ -147,12 +135,5 @@
<br />
<br />
</footer>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>