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, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {

View File

@ -9,17 +9,26 @@
@section('content') @section('content')
<form onsubmit="alert(1)"> <form onsubmit="alert(1)">
@csrf @csrf
<label for="name">Name:*<label>
<input type="text" id="name" name="name" /><br> <label for="name">Name:*<label>
<label for="email">Email:*<label> <input type="text" id="name" name="name" /><br>
<input type="email" id="email" name="email" placeholder="person@gmail.com" /><br>
<label for="subject">Subject:<label> <label for="email">Email:*<label>
<input type="text" id="subject" name="subject" /><br> <input type="email" id="email" name="email" placeholder="person@gmail.com" /><br>
<label for="message">Message:*</label>
<textarea id="message" name="message"></textarea><br> <label for="subject">Subject:<label>
<button type="submit">Send Message</button> <input type="text" id="subject" name="subject" /><br>
</form>
<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 @endsection

View File

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