mirror of
https://github.com/arthur-pbty/portfolio2023.git
synced 2026-06-21 05:45:12 +02:00
restart portfolio
This commit is contained in:
Tutur33
@@ -0,0 +1,22 @@
|
||||
<footer
|
||||
id="footer"
|
||||
class="font-semibold min-h-100 flex items-center mt-16 justify-between px-20 bg-gray-800 text-gray-400 px- h-28">
|
||||
<span>© <span id="year"></span> - Arthur Puechberty</span>
|
||||
|
||||
<a href="{{ route('terms') }}" target="_blank">Terms and Conditions</a>
|
||||
</footer>
|
||||
|
||||
|
||||
<script>
|
||||
var year = new Date().getFullYear();
|
||||
document.getElementById("year").innerHTML = year;
|
||||
|
||||
document.getElementById('myForm').addEventListener('submit', function(event) {
|
||||
var input = document.getElementById('myInput');
|
||||
if (input.value.trim() === '') {
|
||||
event.preventDefault();
|
||||
} else {
|
||||
this.action = "https://www.google.fr/search";
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,43 @@
|
||||
<header class="flex mt-36 mx-24 mb-24">
|
||||
<div class="mr-10">
|
||||
<h1 class="text-4xl font-bold mb-3">Hi! 👋🏻<br>I'm Arthur.</h1>
|
||||
<h2 class="text-2xl font-bold mb-3">Founder</h2>
|
||||
|
||||
<div class="pl-4 mb-3 border-l-8 border-solid border-gray-400">
|
||||
<p>I am a young Frenchman with a passion for development, I am a self-taught learner and my creativity knows no
|
||||
limits. Every pixel I edit tells a story. Passionate about transforming ideas into visually captivating
|
||||
experiences, I create projects that push the boundaries of design innovation.</p>
|
||||
</div>
|
||||
|
||||
<p class="italic text-gray-600">"In the middle of every difficulty lies opportunity."</p>
|
||||
<p class="italic text-gray-600 mb-10">Albert Einstein</p>
|
||||
|
||||
<ul>
|
||||
@!component('components/list_lien', {
|
||||
href: 'https://www.instagram.com/arthur.pbty/',
|
||||
img: '/logo insta.png',
|
||||
title: 'Instagram',
|
||||
})
|
||||
@!component('components/list_lien', {
|
||||
href: 'https://github.com/Tutur33',
|
||||
img: '/logo github.png',
|
||||
title: 'Github',
|
||||
})
|
||||
@!component('components/list_lien', {
|
||||
href: 'https://discord.gg/HxgaA44CPh',
|
||||
img: '/Logo Discord.png',
|
||||
title: 'Discord',
|
||||
})
|
||||
@!component('components/list_lien', {
|
||||
href: 'http://tuturp33.000webhostapp.com',
|
||||
img: '/other.png',
|
||||
title: 'Other...',
|
||||
})
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="ml-10 md:block hidden">
|
||||
<img src="/pp.jpg" alt="Profile picture" class="w-full max-w-5xl rounded-full">
|
||||
</div>
|
||||
</main>
|
||||
</header>
|
||||
@@ -0,0 +1,21 @@
|
||||
<section id="about" class="pt-32 mx-24 mb-24">
|
||||
<h2 class="text-2xl font-bold mb-10">About</h2>
|
||||
<p>Hi ! I'm Arthur, a passionate developer based in France. My journey in the world of development is an inspiring adventure. Every line of code I write is a step toward creating unique and engaging experiences. I am driven by the desire to bring ideas to life and shape them into innovative designs.</p>
|
||||
|
||||
<h3 class="text-xl font-semibold mt-3">My background</h3>
|
||||
<p>I gained experience in web development working on various projects, ranging from front-end to back-end. I have a deep command of languages like HTML, CSS, JavaScript, and have worked with modern frameworks like Adonis with Node.js.</p>
|
||||
|
||||
<h3 class="text-xl font-semibold mt-3">My philosophy</h3>
|
||||
<p>I firmly believe that every difficulty is an opportunity to create something new and exciting. My approach is to combine functionality and aesthetics to deliver exceptional user experiences.</p>
|
||||
|
||||
<h3 class="text-xl font-semibold mt-3">My skills</h3>
|
||||
<p>Web development, web design, application development, project management.</p>
|
||||
|
||||
<h3 class="text-xl font-semibold mt-3">My interests</h3>
|
||||
<p>Outside of development, I love exploring new places, photography, and reading books about technology and creativity. And go sailing!</p>
|
||||
|
||||
<h3 class="text-xl font-semibold mt-3">My vision</h3>
|
||||
<p>My visionMy goal is to continue to learn, innovate and inspire through my projects. I want to help create a better, more engaging web for everyone.</p>
|
||||
|
||||
<p class="mt-9">Please feel free to contact me if you have any questions or would like to collaborate on an exciting project. You can reach me via [your email address] or follow me on social media using the links below.</p>
|
||||
</section>
|
||||
@@ -0,0 +1,35 @@
|
||||
<section id="contact" class="pt-32 mx-24 mb-24">
|
||||
<h2 class="text-2xl font-bold mb-10">Contact</h2>
|
||||
|
||||
@component('components/form/form', {
|
||||
'action': '#',
|
||||
'method': 'post',
|
||||
})
|
||||
@!component('components/form/field', {
|
||||
'label': 'Nom :',
|
||||
'name': 'nom',
|
||||
'type': 'text',
|
||||
'required': true,
|
||||
'placeholder': 'Votre nom',
|
||||
})
|
||||
@!component('components/form/field', {
|
||||
'label': 'E-mail :',
|
||||
'name': 'email',
|
||||
'type': 'email',
|
||||
'required': true,
|
||||
'placeholder': 'prenom.nom@mail.com',
|
||||
})
|
||||
@!component('components/form/field', {
|
||||
'label': 'Message :',
|
||||
'name': 'message',
|
||||
'type': 'textarea',
|
||||
'rows': 4,
|
||||
'required': true,
|
||||
})
|
||||
@!component('components/form/button', {
|
||||
'type': 'submit',
|
||||
'text': 'Envoyer',
|
||||
})
|
||||
@end
|
||||
|
||||
</section>
|
||||
@@ -0,0 +1,18 @@
|
||||
<section id="projects" class="pt-32 mx-24 mb-24">
|
||||
<h2 class="text-2xl font-bold mb-10">Projects</h2>
|
||||
|
||||
<div class="flex flex-wrap justify-center">
|
||||
@!component('components/project', {
|
||||
'href': '#',
|
||||
'img': '/projects/project-nups.png',
|
||||
})
|
||||
@!component('components/project', {
|
||||
'href': '#',
|
||||
'img': '/projects/my-networks.jpg',
|
||||
})
|
||||
@!component('components/project', {
|
||||
'href': '#',
|
||||
'img': '/projects/journal.avif',
|
||||
})
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,79 @@
|
||||
<nav
|
||||
x-data="{ mobileMenuOpen: false, profileMenuOpen: false }"
|
||||
class="bg-gray-800 fixed top-0 left-0 w-full z-50"
|
||||
>
|
||||
<div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
|
||||
<div class="relative flex h-16 items-center justify-between">
|
||||
<!-- Mobile menu button-->
|
||||
<div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
|
||||
<button
|
||||
@click="mobileMenuOpen = !mobileMenuOpen"
|
||||
type="button"
|
||||
class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"
|
||||
>
|
||||
<!-- Mobile menu close -->
|
||||
<svg x-show="!mobileMenuOpen" class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
|
||||
</svg>
|
||||
<!-- Mobile menu open -->
|
||||
<svg x-show="mobileMenuOpen" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
|
||||
<div class="flex flex-shrink-0 items-center">
|
||||
<img class="h-8 w-auto" src="/favicon.ico">
|
||||
</div>
|
||||
<div class="hidden sm:ml-6 sm:block">
|
||||
<div class="flex space-x-4">
|
||||
<!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
|
||||
<a href="#" class="bg-gray-900 text-white rounded-md px-3 py-2 text-sm font-medium">Accueil</a>
|
||||
<a href="#about" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium transition duration-300">About</a>
|
||||
<a href="#projects" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium transition duration-300">Projects</a>
|
||||
<a href="#contact" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium transition duration-300">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0">
|
||||
@!component('components/select_theme')
|
||||
|
||||
@if(auth.user)
|
||||
<!-- Profile dropdown -->
|
||||
<div @click="profileMenuOpen = !profileMenuOpen" class="relative ml-3">
|
||||
<div>
|
||||
<button type="button" class="relative flex rounded-full bg-gray-800 text-sm focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2 focus:ring-offset-gray-800" id="user-menu-button" aria-expanded="false" aria-haspopup="true">
|
||||
<span class="absolute -inset-1.5"></span>
|
||||
<span class="sr-only">Open user menu</span>
|
||||
<img class="h-8 w-8 rounded-full" src="/pp.jpg" alt="">
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Dropdown menu -->
|
||||
<div x-show="profileMenuOpen" @click.away="profileMenuOpen = false" x-cloak class="absolute right-0 z-10 mt-2 w-48 origin-top-right rounded-md bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="user-menu-button" tabindex="-1">
|
||||
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-200">Your Profile</a>
|
||||
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-200">Settings</a>
|
||||
<a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-200">Sign out</a>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
{{ auth.user }}
|
||||
<a href="{{ route('login') }}">Login</a>
|
||||
<a href="{{ route('signup') }}">Signup</a>
|
||||
@end
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Mobile menu -->
|
||||
<div x-show="mobileMenuOpen" @click.away="mobileMenuOpen = false" x-cloak class="sm:hidden space-y-1 px-2 pb-3 pt-2" id="mobile-menu">
|
||||
<a href="#" class="bg-gray-900 text-white block rounded-md px-3 py-2 text-base font-medium" aria-current="page">Accueil</a>
|
||||
<a href="#about" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">About</a>
|
||||
<a href="#projects" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Projects</a>
|
||||
<a href="#contact" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Contact</a>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user