improving main view and side bar

This commit is contained in:
Manuel Ernesto Garcia 2022-09-25 21:51:39 -04:00
parent 24122778b0
commit db33127686
4 changed files with 54 additions and 48 deletions

View file

@ -7,7 +7,7 @@ const today = new Date();
© {today.getFullYear()} Manuel Ernesto
</div>
<div class="inline opacity-50">
Developed by <a href="">Manuel Ernesto ⚡️</a>
Developed by <a href="" class="font-bold">Manuel Ernesto ⚡️</a>
</div>
</footer>
<style>

View file

@ -2,11 +2,13 @@
<label for="my-drawer" class="drawer-overlay bg-base-200"></label>
<div class="menu p-4 overflow-y-auto w-80 bg-base-200 text-base-content">
<div class="w-fit">
<a href="/">
<div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6">
<div class="rounded-full">
<img src="/profile.jpg" />
</div>
</div>
</a>
</div>
<ul>
<!-- Sidebar content here -->

View file

@ -19,9 +19,11 @@ const { image, title = SITE_TITLE, description = SITE_DESCRIPTION } = Astro.prop
<input id="my-drawer" type="checkbox" class="drawer-toggle" />
<div class="drawer-content flex flex-col bg-base-100">
<Header title={SITE_TITLE} />
<main class="p-6 pt-10 px-8 md:px-20">
<div class="flex justify-center">
<main class="p-6 pt-10 max-w-[900px]">
<slot />
</main>
</div>
<Footer />
</div>
<SideBar />

View file

@ -7,23 +7,24 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
<PageLayout>
<div class="pb-10">
<div class="pb-4">
<text class="text-2xl"> Hey there 👋</text>
</div>
<div>
<text class="text-5xl font-bold"> I'm Manuel Ernesto</text>
</div>
<div class="pb-12 mt-5">
<div class="text-xl py-1">Hey there 👋</div>
<div class="text-5xl font-bold">I'm Manuel Ernesto</div>
<div class="text-3xl py-3 font-bold">Software Engineer and Entrepreneur</div>
<div class="py-2">
<text>
I am a Cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a
simple way and sharing what I learn along the way. I like minimalism, Open-Source and good music. You can find me
mostly on Twitter, let's connect!</text
<text class="text-lg">
I work creating software solutions that solve problems in a simple way and sharing what I learn along the way. I
like minimalism, Open-Source and good music. You can find me mostly on Twitter.</text
>
</div>
<div class=" mt-8">
<a class="btn" href="https://twitter.com/manuelernestog" target="_blank"> Let's connect!</a>
<a href="mailto:contact.manuelernestog@gmail.com" class="btn btn-outline ml-5"> Contact</a>
</div>
</div>
<div>
<div class="text-3xl w-full font-bold mb-5">My last projects {"</>"}</div>
<div class="text-3xl w-full font-bold mb-2">My last projects {"</>"}</div>
</div>
<HorizontalCard
@ -52,4 +53,5 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
<div>
<div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
</div>
</div>
</PageLayout>