From a5d3edf6dbbc072100fc3e61d595ac675d796825 Mon Sep 17 00:00:00 2001 From: Antonio De Lucreziis Date: Fri, 22 Nov 2024 00:06:23 +0100 Subject: [PATCH] chore: minor refactor into some components and updated favicon --- src/assets/icon.png | Bin 0 -> 2044 bytes src/components/Card.astro | 15 ++ src/components/HomepageZigZag.astro | 26 +++ src/components/ProjectCard.astro | 24 +++ src/layouts/BaseLayout.astro | 4 +- src/pages/index.astro | 249 ++++++++++------------------ src/styles/pages.scss | 8 +- 7 files changed, 161 insertions(+), 165 deletions(-) create mode 100644 src/assets/icon.png create mode 100644 src/components/Card.astro create mode 100644 src/components/HomepageZigZag.astro create mode 100644 src/components/ProjectCard.astro diff --git a/src/assets/icon.png b/src/assets/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..1857a949c71285df9f607c66f23f55796d5efe0c GIT binary patch literal 2044 zcmb7Fdo+~m8vnk}3^OF-9+8R6ba5Fr(uh5|Q|w7-3^BQc9E^<0|HD2FuP`9 zF%J9W#GtlYw)@_>ZBY@DB9hygXxdX0=DgEh>#TGBIDhQ#pXYlnzvuTpmv_C_=)NAR z%KFL>1gUy?y81y70)7z)qX2|rV1GXl#0XD69|+=-APCKZpijVrE<#WW1%j4Y5JVL~ zkS@Ep<>XP|*iAp-?*=68t5f=1CoQ3cq9Sgev5oBMvB{ZbU_Xv_^#TEN{CrPAv^Nvy zE`tZ5;=l4|+rfIEBc|^_c(VN%4#8@pJYB^i_SH&XhBg ztrEM}Jmj;I`K_|`(d$Fp@oBYPx{Q^_gO;ou{{AJgDoFN6zN7G}o@n*Mga33Bu6gr?lwHLnb(7BiXk=B0<9KX0}BTFQLdQ^GdpaKC;Kc=c`aYSV3J zFNpv^g81dp`y^6{cp-Yd9#b(4#GuZaw830B#jDs{{fj#UW2y&QUbMG|S2Afa)YSL8 z@r*_@esDCN5#BrK4O@+0T&n8v0b!B5&%+1&`Squ1p6?zbepU@=%Q_>LFVFB=v{#ui za0fejG?3=qOlG}!y>XDyUi1v}zM#YrmPS@qp9^sUNP?pC zjoRtA3QX^tt41cQr*-;>gf!(uYx{ZqP&9%g&IIlZYAlG4JunhH8>(A3RAnmsQ@&VX z)PdiDsM9*HtMn=DymCr($?tah_Uz)t&{upPCxX7AaKynFMbkrRM+lPz%YJK%6;WD` zcJ~YtC<*yW7hNIP(qiU>rkO6~H;e4zZ)$C6ad`V$0fgYLI<%04(w{gEKR1x<3wPYW zs?#7io!R-6)a*#m#~Y&%!gHprUizw##k=Bug~*9&aRc>b(c-Z0o-FdCTLRRh~YG#>4K&R-y44d6CQfAVzqL!5t=jb<+?MMKJx{v-)%pMtSpOzM} zwkm%t$0ukD5weIZ-Gynbl5Gg(sRyPeor#LD|#rCBVL zcJtfO_whGDpBYL6x`wxWs!fI430k(>=VD`mOZOA)Is-H2={JDCc?>gx8Y}k|oj8AT zg=DLf_xHDnnXjCq&4mVw_1f}s7BKvR!h5a7HhPm91TSRBuIoZqO4aY=*inVDmz@2! zUE4lB4PzqGE)@~kMYP`5iU&(PhjhP<_~{zbQ*RVn>|q`p_Y7kayZY)>DM1e(V+6Q~ zGll3o6`k(92#$-3!`7e4ZsX)LpRtYPq%T8)%OChgdli(0bcTLV7Cgb=i8Bwd^+hu~ zV5xspRRhU6ix(QK#*oi0r$YahiBluKe)*+))v3L_$JQUERETT-Reqg=5DP_aCCbw*<|OguP3QjYuBU977E_A~j>uOy(XK1Bps1Ce51fK2%(zvp zY8F>zU&*En0p4-tW**a~Sj(`@F7=x%!PE6Ov7mXZZ&4ee{T8eH;IcOS{NctYb3J)U zT#sA=JL=9o+h_M{{5|px`~Ffos*B1kd5b;#ak`iL=vU ztVTziseC$gr@}SvM#^C66=C>FK;GSn1Xl!iISH2OTLzecV*khk0%AL-hh#SINc*l4 z?e7ECl;g(WM4shDQ6nxy0RdT4tZmG#tjw*g{H<)LHixO!Hisw_DuuGwHh1`c0P%^D zvFB3%KY$){I2i!;|A&DS8y}U-IUCRZZ;Z7y)%FP0+WL2r=mfhtfPuW+d|hjtS(*O^ Do5dTL literal 0 HcmV?d00001 diff --git a/src/components/Card.astro b/src/components/Card.astro new file mode 100644 index 0000000..fc80b3d --- /dev/null +++ b/src/components/Card.astro @@ -0,0 +1,15 @@ +--- +import type { AstroBuiltinProps } from 'astro' +import type { AstroComponentFactory } from 'astro/runtime/server/index.js' + +type Props = { + large?: boolean + style?: string +} + +const { large, ...props } = Astro.props +--- + +
+ +
diff --git a/src/components/HomepageZigZag.astro b/src/components/HomepageZigZag.astro new file mode 100644 index 0000000..4c59413 --- /dev/null +++ b/src/components/HomepageZigZag.astro @@ -0,0 +1,26 @@ +--- +type Props = { + color: string +} + +const { color } = Astro.props + +const patternId = 'zig-zag-' + color.slice(1) +--- + +
+ + + + + + + + +
diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro new file mode 100644 index 0000000..570cd6d --- /dev/null +++ b/src/components/ProjectCard.astro @@ -0,0 +1,24 @@ +--- +// Card.astro +export interface Props { + title: string + href: string + + imgSrc?: string + style?: string +} + +const { href, imgSrc, style, title } = Astro.props +--- + + +
+
+ {imgSrc ? {'logo :
} +
+
{title}
+
+ +
+
+
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 87df81a..8cf1758 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -20,6 +20,8 @@ type Props = { pageTags?: string | string[] } +import phcIcon from '../assets/icon.png' + const { title, description, thumbnail, pageTags } = Astro.props --- @@ -36,7 +38,7 @@ const { title, description, thumbnail, pageTags } = Astro.props {thumbnail && } - +