nabil_oh/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated css values for a better mobile experience

Browse source
This commit is contained in:
BuildTools 2023-09-13 00:20:13 +02:00
parent 613c1278a3
commit 5d123375eb
4 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/Navbar.svelte
View file

@ -6,7 +6,7 @@
<div class='h-14 w-full top-0 left-0 sticky flex justify-center items-center bg-dark-charcoal-gray'>
<div class='pt-4 w-4/5 flex justify-between'>
<img alt="Logo" src="/images/console.png" class='w-12 h-12' />
<div class='flex items-center justify-between gap-x-8 font-medium text-lg'>
<div class='flex items-center justify-between sm:gap-x-8 gap-x-4 font-medium text-lg'>
{#each routes as route}
<a class={`cursor-pointer ${path === route.href ? 'text-accent' : 'hover:text-accent'}`} href={route.href}>{route.name}</a>
{/each}

2
src/lib/components/Project.svelte
View file

@ -6,7 +6,7 @@
</script>
<a target='_blank' href='{url}'>
<div class='rounded-md bg-lighter-gray w-72 h-72 text-center flex flex-col items-center justify-center flex-wrap'>
<div class='rounded-md bg-lighter-gray w-72 h-72 text-center flex flex-col items-center justify-center flex-wrap hover:bg-[#8c8c8c]'>
<h1 class='text-blue-300 text-xl font-medium'>{name}</h1>
<h3 class='text-accent w-11/12 overflow-auto break-words'>{stack}</h3>
<p class='w-4/5'>{description}</p>

10
src/routes/+page.svelte
View file

@ -4,15 +4,15 @@ import FaTwitter from 'svelte-icons/fa/FaTwitter.svelte';
import FaRegFileAlt from 'svelte-icons/fa/FaRegFileAlt.svelte';
</script>
<div class='flex flex-col justify-center items-center font-bold text-center h-full cursor-default'>
<div class='flex flex-col justify-center items-center h-full font-bold text-center cursor-default'>
<div class='w-3/5'>
<h1 class='lg:text-6xl md:text-4xl'>Hi I'm Nabil 👋</h1>
<p class='lg:text-5xl md:text-3xl'>A junior <span class='text-accent'>Computer Scientist</span> 🖥️ and a <span class='text-accent'>Back-End Development</span> enthusiast 🚀 Currently based in France 🇫🇷</p>
<h1 class='text-xl sm:text-4xl'>Hi I'm Nabil 👋</h1>
<p class='text-lg sm:text-2xl'>A junior <span class='text-accent'>Computer Scientist</span> 🖥️ and a <span class='text-accent'>Back-End Development</span> enthusiast 🚀 Currently based in France 🇫🇷</p>
</div>
<div class='w-3/5 h-14 flex mt-20 justify-center'>
<div class='w-3/5 h-10 flex mt-8 justify-evenly'>
<a class='hover:text-accent cursor-pointer' href="https://github.com/nabilouldhamou" target="_blank"><FaGithub /></a>
<a class='hover:text-accent cursor-pointer' href="https://twitter.com/nbil_o" target="_blank"><FaTwitter /></a>
<a class='hover:text-accent cursor-pointer' href="/CV_ALTERNANCE.pdf"><FaRegFileAlt /></a>
<a class='hover:text-accent cursor-pointer' href="/CV_ALTERNANCE.pdf" target="_blank"><FaRegFileAlt /></a>
</div>
</div>

8
src/routes/about/+page.svelte
View file

@ -1,12 +1,12 @@
<div class='flex flex-col justify-center items-center my-6'>
<div class='flex flex-col justify-center items-center pt-6'>
<div class='text-justify w-4/5 lg:w-3/5'>
<h3 class='text-accent text-6xl pb-5 font-bold'>About Me</h3>
<p class='text-xl'>Hello I am <span class='text-accent'>Nabil Ould Hamou</span>, a passionate <span class='text-accent'>computer scientist</span>
<h3 class='text-accent md:text-4xl text-3xl pb-5 font-bold'>About Me</h3>
<p class='sm:text-xl text-md'>Hello I am <span class='text-accent'>Nabil Ould Hamou</span>, a passionate <span class='text-accent'>computer scientist</span>
with a penchant for crafting robust back-end solutions and a keen interest in front-end development. As a computer scientist,
I've embarked on a journey through the ever-evolving landscape of computer software technology. Currently, I work as a web developer at Alltech Consulting,
where I've had the occasion of improving my skills in fullstack web development. My focus primarily revolves around back-end development,
where I architect and optimize the logic that powers the web applications we interact with daily.</p>
<h3>---</h3>
<p class='lg:text-2xl md:text-xl'>Contact: ouldhamounabil@gmail.com</p>
<p class='lg:text-2xl md:text-xl pb-5'>Contact: ouldhamounabil@gmail.com</p>
</div>
</div>