changed the style of the website

This commit is contained in:
Patryk Hegenberg 2023-01-11 08:38:53 +01:00
parent dc99bdcab5
commit 8daaeacd2b
7 changed files with 13 additions and 14 deletions

BIN
images/HeroBanner.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

Before After
Before After

View file

@ -1,6 +1,5 @@
<?php require ('partials/head.php') ?> <?php require ('partials/head.php') ?>
<?php require ('partials/nav.php') ?> <?php require ('partials/nav.php') ?>
<?php require ('partials/banner.php') ?>
<main> <main>
<div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8"> <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
<h1 class="text-2xl font-bold">Unauthorized</h1> <h1 class="text-2xl font-bold">Unauthorized</h1>
@ -9,4 +8,4 @@
</p> </p>
</div> </div>
</main> </main>
<?php require ('partials/footer.php') ?> <?php require ('partials/footer.php') ?>

View file

@ -1,6 +1,5 @@
<?php require('partials/head.php') ?> <?php require('partials/head.php') ?>
<?php require('partials/nav.php') ?> <?php require('partials/nav.php') ?>
<?php require('partials/banner.php') ?>
<main> <main>
<div class="flex flex-col mx-auto text-center max-w-7xl py-6 sm:px-6 lg:px-8 container"> <div class="flex flex-col mx-auto text-center max-w-7xl py-6 sm:px-6 lg:px-8 container">
<div class="flex justify-center"> <div class="flex justify-center">
@ -18,4 +17,4 @@
<script src="/scripts/addition.js"></script> <script src="/scripts/addition.js"></script>
</div> </div>
</main> </main>
<?php require('partials/footer.php') ?> <?php require('partials/footer.php') ?>

View file

@ -1,16 +1,16 @@
<?php require ('partials/head.php') ?> <?php require ('partials/head.php') ?>
<?php require ('partials/nav.php') ?> <?php require ('partials/nav.php') ?>
<div class="isolate bg-white my-10"> <div class="isolate bg-white my-10">
<main> <main style="background-color: #3f3035;">
<div class="relative px-6 lg:px-8 min-h-screen"> <div class="relative px-6 lg:px-8 min-h-screen" style="background-image: url(../images/HeroBanner.png); background-repeat: no-repeat; background-position: center;">
<div class="mx-auto max-w-3xl pt-20 pb-32 sm:pt-48 sm:pb-40"> <div class="mx-auto max-w-3xl pt-20 pb-32 sm:pt-48 sm:pb-40">
<div> <div>
<div class="hidden sm:mb-8 sm:flex sm:justify-center"> <div class="hidden sm:mb-8 sm:flex sm:justify-center">
</div> </div>
<div> <div>
<h1 class="text-4xl font-bold tracking-tight sm:text-center sm:text-6xl">Automatisiere spielerisch das 1x1</h1> <h1 class="text-4xl font-bold tracking-tight sm:text-center sm:text-6xl" style="color: #e6e6e7;">Automatisiere spielerisch das 1x1</h1>
<p class="mt-6 text-lg leading-8 text-gray-600 sm:text-center">Zeige was du kannst und kämpfe dich durch denn Dungeon.</p> <p class="mt-6 text-lg leading-8 text-gray-600 sm:text-center" style="color: whitesmoke;">Zeige was du kannst und kämpfe dich durch denn Dungeon.</p>
<div class="mt-8 flex gap-x-4 sm:justify-center"> <div class="mt-8 flex gap-x-4 sm:justify-center">
<a href="/login" class="<?= urlIs("/login") ?> nes-btn is-primary"> <a href="/login" class="<?= urlIs("/login") ?> nes-btn is-primary">
Los geht's Los geht's
@ -33,7 +33,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bg-indigo-500 h-48"> <div class="h-48" style="background-color: #3f3035;">
</div> </div>
<div class="bg-white py-24 sm:py-32 lg:py-40"> <div class="bg-white py-24 sm:py-32 lg:py-40">
@ -101,7 +101,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bg-indigo-500 h-48"> <div class="h-48" style="background-color: #3f3035;">
</div> </div>
<div class="bg-gray-50"> <div class="bg-gray-50">
<div class="mx-auto max-w-7xl py-12 px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8"> <div class="mx-auto max-w-7xl py-12 px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8">

View file

@ -11,5 +11,4 @@
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P'); @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P');
</style> </style>
</head> </head>
<body class="h-full">
<div class="min-h-full">

View file

@ -1,6 +1,8 @@
<div class="px-6 pt-6 lg:px-8 mb-5"> <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> <div>
<nav class="flex h-9 items-center justify-between" aria-label="Global"> <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"> <div class="flex lg:min-w-0 lg:flex-1" aria-label="Global">
<a href="/" class="<?= urlIs("/") ?> -m-1.5 p-1.5"> <a href="/" class="<?= urlIs("/") ?> -m-1.5 p-1.5">
<span class="sr-only">Your Company</span> <span class="sr-only">Your Company</span>