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 © {today.getFullYear()} Manuel Ernesto
</div> </div>
<div class="inline opacity-50"> <div class="inline opacity-50">
Developed by <a href="">Manuel Ernesto ⚡️</a> Developed by <a href="" class="font-bold">Manuel Ernesto ⚡️</a>
</div> </div>
</footer> </footer>
<style> <style>

View file

@ -2,11 +2,13 @@
<label for="my-drawer" class="drawer-overlay bg-base-200"></label> <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="menu p-4 overflow-y-auto w-80 bg-base-200 text-base-content">
<div class="w-fit"> <div class="w-fit">
<div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6"> <a href="/">
<div class="rounded-full"> <div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6">
<img src="/profile.jpg" /> <div class="rounded-full">
<img src="/profile.jpg" />
</div>
</div> </div>
</div> </a>
</div> </div>
<ul> <ul>
<!-- Sidebar content here --> <!-- 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" /> <input id="my-drawer" type="checkbox" class="drawer-toggle" />
<div class="drawer-content flex flex-col bg-base-100"> <div class="drawer-content flex flex-col bg-base-100">
<Header title={SITE_TITLE} /> <Header title={SITE_TITLE} />
<main class="p-6 pt-10 px-8 md:px-20"> <div class="flex justify-center">
<slot /> <main class="p-6 pt-10 max-w-[900px]">
</main> <slot />
</main>
</div>
<Footer /> <Footer />
</div> </div>
<SideBar /> <SideBar />

View file

@ -7,49 +7,51 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
<PageLayout> <PageLayout>
<div class="pb-10"> <div class="pb-10">
<div class="pb-4"> <div class="pb-12 mt-5">
<text class="text-2xl"> Hey there 👋</text> <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 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> <div>
<text class="text-5xl font-bold"> I'm Manuel Ernesto</text> <div class="text-3xl w-full font-bold mb-2">My last projects {"</>"}</div>
</div> </div>
<div class="py-2">
<text> <HorizontalCard
I am a Cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a title="WeekTodo"
simple way and sharing what I learn along the way. I like minimalism, Open-Source and good music. You can find me img="https://weektodo.me/assets/images/weektodo-opengraph-1200x630.png"
mostly on Twitter, let's connect!</text desc="Free minimalist weektly planner focused in privacy."
> url="https://weektodo.me/"
badge="NEW"
/>
<div class="divider my-0"></div>
<HorizontalCard
title="Productiveness"
img="https://softr-prod.imgix.net/applications/f988aa05-d312-4aa6-812e-832bdc75388d/assets/d2c87a17-4fc7-455f-a656-5e4cdbe7aa71.png"
desc="Discover the best productivity apps in the market."
url="https://www.productiveness.net/"
/>
<div class="divider my-0"></div>
<HorizontalCard
title="Zen Twitter"
img="https://lh3.googleusercontent.com/NGt846Flv6wyBSlYzfJkFHAJ8mcG1pf4M-InYeZnp4VsIk6JKk8nZ2ZKskDlvHDAEYr_biSO8jtXIWI83OXD5RNXWg=w640-h400-e365-rj-sc0x00ffffff"
desc="Disable Twitter vanity metrics, notifications and distractions."
url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
badge="FOSS"
/>
<div>
<div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
</div> </div>
</div> </div>
<div>
<div class="text-3xl w-full font-bold mb-5">My last projects {"</>"}</div>
</div>
<HorizontalCard
title="WeekTodo"
img="https://weektodo.me/assets/images/weektodo-opengraph-1200x630.png"
desc="Free minimalist weektly planner focused in privacy."
url="https://weektodo.me/"
badge="NEW"
/>
<div class="divider my-0"></div>
<HorizontalCard
title="Productiveness"
img="https://softr-prod.imgix.net/applications/f988aa05-d312-4aa6-812e-832bdc75388d/assets/d2c87a17-4fc7-455f-a656-5e4cdbe7aa71.png"
desc="Discover the best productivity apps in the market."
url="https://www.productiveness.net/"
/>
<div class="divider my-0"></div>
<HorizontalCard
title="Zen Twitter"
img="https://lh3.googleusercontent.com/NGt846Flv6wyBSlYzfJkFHAJ8mcG1pf4M-InYeZnp4VsIk6JKk8nZ2ZKskDlvHDAEYr_biSO8jtXIWI83OXD5RNXWg=w640-h400-e365-rj-sc0x00ffffff"
desc="Disable Twitter vanity metrics, notifications and distractions."
url="https://chrome.google.com/webstore/detail/zen-twitter/nlkendkabgopehmlmohfbkgkjjdjepnb"
badge="FOSS"
/>
<div>
<div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
</div>
</PageLayout> </PageLayout>