first
This commit is contained in:
parent
07e413ccf6
commit
a7b83d5d42
File diff suppressed because it is too large
Load Diff
|
|
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,6 @@
|
||||||
|
export default {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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 © Ahmad Retha {{ date('Y') }}
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -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');
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,13 @@
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
export default {
|
||||||
|
content: [
|
||||||
|
"./resources/**/*.blade.php",
|
||||||
|
"./resources/**/*.js",
|
||||||
|
"./resources/**/*.vue"
|
||||||
|
],
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in New Issue