a/andyscott-dot-me
1
0
Fork 0
mirror of https://codeberg.org/andyscott-pages/andyscott-dot-me.git synced 2024-09-19 11:08:05 -04:00
Code Issues Projects Releases Packages Wiki Activity

improving main view and side bar

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Footer.astro
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>

2
src/components/SideBar.astro
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">
<a href="/">
<div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6"> <div class="avatar transition ease-in-out w-1/2 hover:scale-[102%] block m-auto mt-3 mb-6">
<div class="rounded-full"> <div class="rounded-full">
<img src="/profile.jpg" /> <img src="/profile.jpg" />
</div> </div>
</div> </div>
</a>
</div> </div>
<ul> <ul>
<!-- Sidebar content here --> <!-- Sidebar content here -->

4
src/layouts/Page.astro
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">
<main class="p-6 pt-10 max-w-[900px]">
<slot /> <slot />
</main> </main>
</div>
<Footer /> <Footer />
</div> </div>
<SideBar /> <SideBar />

24
src/pages/index.astro
View file

@ -7,23 +7,24 @@ 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> <div class="text-5xl font-bold">I'm Manuel Ernesto</div>
<div> <div class="text-3xl py-3 font-bold">Software Engineer and Entrepreneur</div>
<text class="text-5xl font-bold"> I'm Manuel Ernesto</text>
</div>
<div class="py-2"> <div class="py-2">
<text> <text class="text-lg">
I am a Cuban Software Engineer and entrepreneurship. I work creating software solutions that solve problems in a I work creating software solutions that solve problems in a simple way and sharing what I learn along the way. I
simple way and sharing what I learn along the way. I like minimalism, Open-Source and good music. You can find me like minimalism, Open-Source and good music. You can find me mostly on Twitter.</text
mostly on Twitter, let's connect!</text
> >
</div> </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>
<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> </div>
<HorizontalCard <HorizontalCard
@ -52,4 +53,5 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
<div> <div>
<div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div> <div class="text-3xl w-full font-bold mb-5 mt-10">Last from blog</div>
</div> </div>
</div>
</PageLayout> </PageLayout>