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"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^10.4.17",
|
||||
"axios": "^1.6.4",
|
||||
"laravel-vite-plugin": "^1.0.0",
|
||||
"postcss": "^8.4.35",
|
||||
"tailwindcss": "^3.4.1",
|
||||
"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 () {
|
||||
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