Formatting Code

This commit is contained in:
Daniel Legt 2024-02-19 18:22:36 +02:00
parent a7b83d5d42
commit 21fca7d34a
3 changed files with 65 additions and 54 deletions

2
package-lock.json generated
View File

@ -1,5 +1,5 @@
{
"name": "my-website",
"name": "my-website-3",
"lockfileVersion": 3,
"requires": true,
"packages": {

View File

@ -9,17 +9,26 @@
@section('content')
<form onsubmit="alert(1)">
@csrf
<label for="name">Name:*<label>
<input type="text" id="name" name="name" /><br>
<label for="email">Email:*<label>
<input type="email" id="email" name="email" placeholder="person@gmail.com" /><br>
<label for="subject">Subject:<label>
<input type="text" id="subject" name="subject" /><br>
<label for="message">Message:*</label>
<textarea id="message" name="message"></textarea><br>
<button type="submit">Send Message</button>
</form>
<form onsubmit="alert(1)">
@csrf
<label for="name">Name:*<label>
<input type="text" id="name" name="name" /><br>
<label for="email">Email:*<label>
<input type="email" id="email" name="email" placeholder="person@gmail.com" /><br>
<label for="subject">Subject:<label>
<input type="text" id="subject" name="subject" /><br>
<label for="message">Message:*</label>
<textarea id="message" name="message"></textarea><br>
<button type="submit">Send Message</button>
</form>
<p class="text-xl bg-zinc-800 text-zinc-200">
Some kind of test text just to showcase tailwindcss
</p>
@endsection

View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -20,46 +21,47 @@
<!-- Styles -->
@vite('resources/css/app.css')
</head>
<body class="antialiased">
<header class="md:flex bg-white w-96 md:w-48 shadow-md rounded">
<h1 class="text-xl bg-white bg-center font-semibold font-mono sky-400 space-x4 md:space-0 md:bock">
<header class="md:flex bg-white w-96 md:w-48 shadow-md rounded">
<h1 class="text-xl bg-white bg-center font-semibold font-mono sky-400 space-x4 md:space-0 md:bock">
<a href="{{ url('/') }}" class="text-gray-900 hover:text-gray-600" style="underline:none">
Ahmad's Personal Website
</a>
</h1>
<nav class="realtive flex md:flex-auto justify-between md:mx-auto bg-white bg-right w-48 bg-gray-800 font-sans">
</h1>
<nav class="realtive flex md:flex-auto justify-between md:mx-auto bg-white bg-right w-48 bg-gray-800 font-sans">
<ul>
<li><a href="{{ url('/') }}">Home</a></li>
<li><a href="{{ url('/profile') }}">Profile</a></li>
<li><a href="{{ url('/publications') }}">Publications</a></li>
<li><a href="{{ url('/contact') }}">Contact</a></li>
</ul>
</nav>
</header>
</nav>
</header>
<section class="bg-white w-96 shadow rounded">
<h2 class="text-l bg-white bg-left w-96 font-sans font-medium">
@section('heading')
<section class="bg-white w-96 shadow rounded">
<h2 class="text-l bg-white bg-left w-96 font-sans font-medium">
@section('heading')
Default heading
@show
</h2>
<div class="bg-white bg-left w-96 font-serif">
@section('content')
@show
</h2>
<div class="bg-white bg-left w-96 font-serif">
@section('content')
Default Content
@show
</div>
</section>
@show
</div>
</section>
<footer>
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0">
<footer>
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0">
Powered by Laravel v{{ Illuminate\Foundation\Application::VERSION }} (PHP v{{ PHP_VERSION }})
</div>
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0 text-xs">
</div>
<div class="text-center text-sm text-gray-500 dark:text-gray-400 sm:text-center sm:ml-0 text-xs">
Copyright &copy; Ahmad Retha {{ date('Y') }}
</div>
</footer>
</div>
</footer>
</body>
</html>