Updated the page style

This commit is contained in:
Patryk Hegenberg 2023-01-12 16:20:32 +01:00
parent 26ed07ba42
commit 762458c88d
9 changed files with 738 additions and 200 deletions

View file

@ -1,4 +1,17 @@
</div>
<footer class="site-footer has-top-divider">
<div class="container">
<div class="site-footer-inner">
<div class="brand footer-brand">
<a href="#">
<img class="asset-dark" src="./images/icon.png" alt="Logo">
</a>
</div>
<div class="footer-copyright">&copy; 2018 Patryk Hegenberg, all rights reserved</div>
</div>
</div>
</footer>
</div>
<script src="./../scripts/web.js"></script>
</body>
</html>

View file

@ -1,14 +1,14 @@
<!DOCTYPE html>
<html lang="de" class="h-full bg-gray-100">
<html lang="de" class="no-js">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com?plugins=forms"></script>
<link href="https://cdn.jsdelivr.net/npm/nes.css@2.3.0/css/nes.min.css" rel="stylesheet">
<title>The Math Wizard</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P');
</style>
<link href="https://cdn.jsdelivr.net/npm/nes.css@2.3.0/css/nes.min.css" rel="stylesheet">
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
<link rel="stylesheet" href="./../styles/style.css">
<title>The Math Wizard</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P');
</style>
</head>

View file

@ -1,27 +1,27 @@
<body class="h-full">
<div class="min-h-full" style="background-color: #3f3035;">
<div class="px-6 pt-6 lg:px-8 mb-5" >
<div>
<nav class="flex h-9 items-center justify-between" aria-label="Global" style="background-color: #3f3035;">
<div class="flex lg:min-w-0 lg:flex-1" aria-label="Global">
<a href="/" class="<?= urlIs("/") ?> -m-1.5 p-1.5">
<span class="sr-only">Your Company</span>
<img class="h-8" src="./../../images/icon.png" alt="">
</a>
</div>
<div class="lg:flex lg:min-w-0 lg:flex-1 lg:justify-center lg:gap-x-12">
<?php if(isset($_SESSION['username'])) : ?>
<a href="/profile" class="<?= urlIs('/profile') ?> text-sm font-semibold text-gray-900 hover:text-gray-900">Dashboard</a>
<?php endif; ?>
</div>
<div class="lg:flex lg:min-w-0 lg:flex-1 lg:justify-end">
<?php if(isset($_SESSION['username'])) : ?>
<a href="/logout" class="<?= urlIs("/logout") ?> nes-btn text-sm">Abmelden</a>
<?php else : ?>
<a href="/login" class="<?= urlIs('/login') ?> nes-btn text-sm">Anmelden</a>
<!-- <a href="/register" class="<?= urlIs('/register') ?> nes-btn text-sm">Registrieren</a>-->
<?php endif; ?>
</div>
</nav>
</div>
</div>
<body class="is-boxed">
<div class="body-wrap boxed-container">
<header class="site-header">
<div class="container">
<nav>
<div class="site-header-inner">
<a href="/" class="<?= urlIs("/") ?> ">
<img src="./../../images/icon.png" alt="">
</a>
<div>
<?php if (isset($_SESSION['username'])) : ?>
<a href="/profile" class="<?= urlIs('/profile') ?> ">Profil</a>
<?php endif; ?>
</div>
<div>
<?php if (isset($_SESSION['username'])) : ?>
<a href="/logout" class="<?= urlIs("/logout") ?> nes-btn ">Abmelden</a>
<?php else : ?>
<a href="/login" class="<?= urlIs('/login') ?> nes-btn">Anmelden</a>
<?php endif; ?>
</div>
</div>
</nav>
</div>
</header>