This commit is contained in:
A Retha 2024-02-19 14:43:26 +00:00
parent 07e413ccf6
commit a7b83d5d42
9 changed files with 2469 additions and 1 deletions

2336
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -6,8 +6,11 @@
"build": "vite build" "build": "vite build"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^10.4.17",
"axios": "^1.6.4", "axios": "^1.6.4",
"laravel-vite-plugin": "^1.0.0", "laravel-vite-plugin": "^1.0.0",
"postcss": "^8.4.35",
"tailwindcss": "^3.4.1",
"vite": "^5.0.0" "vite": "^5.0.0"
} }
} }

6
postcss.config.js Normal file
View File

@ -0,0 +1,6 @@
export default {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

View File

@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

View File

@ -0,0 +1,25 @@
@extends('layout')
@section('title')
@parent
:: Contact
@endsection
@section('heading', 'Contact Page')
@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>
@endsection

View File

@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
@section('title')
Ahmad's Personal Website
@show
</title>
<!-- Fonts -->
<link href="https://fonts.bunny.net" rel="preconnect" />
<link href="https://fonts.bunny.net/css?family=figtree:400,600&display=swap" rel="stylesheet" />
<!-- 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">
<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">
<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>
<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>
<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>
</html>

View File

@ -13,6 +13,23 @@ use Illuminate\Support\Facades\Route;
| |
*/ */
// @route('home')
// @route('index')
Route::get('/', function () { Route::get('/', function () {
return view('welcome'); return view('layout', ['heading' => 'Description', 'content' => '<p>Hello World!</p>']);
});
// @route('publications')
Route::get('/publications', function() {
return view('layout', ['heading' => 'Publications', 'content' => '<p><ul><li>A</li><li>B</li><li>C</li></ul></p>']);
});
// @route('profile')
Route::get('/profile', function() {
return view('layout', ['heading' => 'Profile', 'content' => '<p>This is my profile...</p>']);
});
// @route('contact')
Route::get('/contact', function() {
return view('contact');
}); });

13
tailwind.config.js Normal file
View File

@ -0,0 +1,13 @@
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./resources/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue"
],
theme: {
extend: {},
},
plugins: [],
}