From c2247ec8c2989b23826b4e6699c04e4d99df9a08 Mon Sep 17 00:00:00 2001 From: Nahiyan Khan Date: Thu, 10 Oct 2024 10:10:35 -0400 Subject: [PATCH] iteration (#53) * added manifest pngs * wip --- public/192x192.png | Bin 0 -> 1374 bytes public/512x512.png | Bin 0 -> 3622 bytes public/manifest.webmanifest | 4 ++-- src/components/About.astro | 2 +- src/components/Experiences.astro | 31 ++++++++++++++++++----------- src/components/Intro.astro | 6 +++--- src/components/Section.astro | 7 ++----- src/components/Subtitle.astro | 4 ++-- src/components/layout/Header.astro | 4 ++-- src/layouts/404.astro | 12 +++-------- src/layouts/Base.astro | 8 +++----- src/pages/404.astro | 6 ++---- src/styles/global.css | 4 +++- tailwind.config.ts | 6 +++++- 14 files changed, 47 insertions(+), 47 deletions(-) create mode 100644 public/192x192.png create mode 100644 public/512x512.png diff --git a/public/192x192.png b/public/192x192.png new file mode 100644 index 0000000000000000000000000000000000000000..c076dc60e590f91bc3a2fb5210b8a302b62229fc GIT binary patch literal 1374 zcmb7Ek2e!~6#s6fNgO==peN6dlDA05NqNokYZ+d%{8&l(SxhoB9&h&4R$edpkz)Co zpL5#tV}3QX4RJEc5^edBtx-ITL?IFL=1=IJbMHN$d+)jTbMCq4-Z|re(Ny274gk<} zb47b8efyTGZBtq=X(U|fwnw|3j|E_d?v_G8{zE-w5EAQ!aRN234CG1xBRFCm0jST| zu^z0dgo|!yM;{7g?p+^wCuS#n?0AC(dB4iM!1b_ywgwvJqT`DWN^aMN*g~CQ_aNGk z*iv^te>2#=10|eK0TPC$$el8U>lDh*l$j)Apd+s^TD4EF$!!e7M91ZU0oyFs~@lZ zF!%A_>jsC0({}Zmer4kDA6dFbQT7>dtaow1GU-=y@$~mre-r;;nPO@seHb@S{7Gf? z%SNKSyHGCv!{Zm1)qE`iS^LmPvX1+~X~kfCi{xFQ$IU^DFxGtyMLOb>B_GJ%n5!%_ zzYy33%+Fz29X(&haN=jdjQOKl3MP|xXLs6f;O)dXi;@#{rz?5@A-ZhciYn_UW^KZW znu^Ge5MS43G*0ZcZu!kDVSz*x%)Zu8Ad1SN&#S^;`@w=rQ@XF1QSxyS(QKNgf-H5K z?06a?n6jSLrTe~wX`u`PNs&qRg+rr!z4f;}q5V)x!@J%#%shC`w_v3Ieo=j1r`}8E z$-IF=)HwSRXm}Cs5j{Fdwk_M?{J6fJ%BJNt@>E0EM~T_US`)ySUi#i^J5606Kpn`F zcsuH5TMZKqbvWL3Zt8pH!N4R!D&r3p=Y}G53KdscP8o4_35RS z5gWur&g!N%_~*^8~dIXc9>-2MeZM9F?@B(APXs#D-7}%*{}K&T8VSmSGD?mqf=PC3phC^Wqkr5^R+|A^he0+F<0I;Jt5C)gHk6JQTkyIF|%dcJ4aB=ZiPYb3uPaYC?+zH!unG zH%hpH&K1VmV686P&nx6R0#ag?H8)4mzonxjZMQ8T404pVyV!Kp`cxE9pkJ z#&XQ*;7A&xNO>S|k{AIrCdXOtg-mGsy={S}$~_(9K1t4TX6vYdXH_A*#$8Daj4IvQ zhiu!q_XaqVW<00{qc<$IxEKKjD}``vtMCA?a8Ql9YN*Ut2Ap(4eFbmuXx-{cx8{9T zWp;(6$JR5z2mi3Bxcl8w%tBO>X;XN>=l2$0_6!S=clRmNYZpqSahKySj#@6MpXK$X zS1yuI*J`Ca^h8R-LWxC?FwAnWEED;pqL#;*8Y(DAZAA$svN|U5?BI+sCA)cI_sxRv znurUGf^)2=s1#^ieQ(bQ{zi;i3?Xw2(Hn>2i$;rbsKzfO)f}!%U3O^yDMDsKsrPDK ze!;P7;hs$Cv`LS6W^czxjmm_~XOz^13KjKvh(FtY%Z^ItR>YmSPAaowvvsPa#%2#p zMmrruj=p|P!j;Ezcd}KhL1goXT4=5;_Cy$VDRPldVPs$unLc4BhuiS7c(b>I>{Ifu gNf^Ss~B`}3UhIjOELyI0Gq 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 s+qVt0GK`s1poj5 literal 0 HcmV?d00001 diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest index 50cd0b6..f6b2a45 100644 --- a/public/manifest.webmanifest +++ b/public/manifest.webmanifest @@ -1,6 +1,6 @@ { - "name": "Astro Theme Cactus Demo", - "short_name": "Astro_Cactus", + "name": "Nahiyan Khan - Personal Portfolio", + "short_name": "Nahiyan_Khan", "description": "Starter blog site for Astro", "icons": [ { diff --git a/src/components/About.astro b/src/components/About.astro index f201762..e0deaeb 100644 --- a/src/components/About.astro +++ b/src/components/About.astro @@ -95,7 +95,7 @@ import EasterEgg from "./EasterEgg.astro";
Personal
-
    +
    • A.K.A The things I am more than sorta good at.

      -
      +
      -
      +
      @@ -29,7 +33,7 @@ import BoxLines from "./BoxLines.astro";
      -
      +
      @@ -87,7 +91,7 @@ import BoxLines from "./BoxLines.astro";

      -
      +
      @@ -109,7 +113,7 @@ import BoxLines from "./BoxLines.astro";
      -
      +
      @@ -127,13 +131,16 @@ import BoxLines from "./BoxLines.astro";
      - +
      + + +

      Topic: “Visualizing Design Tokens at Scale” diff --git a/src/components/Intro.astro b/src/components/Intro.astro index 7476def..4e27059 100644 --- a/src/components/Intro.astro +++ b/src/components/Intro.astro @@ -8,11 +8,11 @@ import BoxLines from "./BoxLines.astro"; import EasterEgg from "./EasterEgg.astro"; --- -

      +

      (na-he-yahn) or khan 🖖🏽

      -
      +
      diff --git a/src/components/Section.astro b/src/components/Section.astro index a5f949d..80704c1 100644 --- a/src/components/Section.astro +++ b/src/components/Section.astro @@ -3,11 +3,8 @@ const { title, ...rest } = Astro.props; import BoxLines from "./BoxLines.astro"; --- -
      -
      +
      +
      diff --git a/src/components/Subtitle.astro b/src/components/Subtitle.astro index cf3909c..7bc8092 100644 --- a/src/components/Subtitle.astro +++ b/src/components/Subtitle.astro @@ -3,9 +3,9 @@ const { title, ...rest } = Astro.props; import BoxLines from "./BoxLines.astro"; --- -
      +
      diff --git a/src/components/layout/Header.astro b/src/components/layout/Header.astro index c9e338f..9c7cd10 100644 --- a/src/components/layout/Header.astro +++ b/src/components/layout/Header.astro @@ -7,7 +7,7 @@ import BoxLines from "../BoxLines.astro"; ---
      - + -
      -
      +
      +
      diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 55d391b..9d39b26 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -27,20 +27,18 @@ const { - +
      -
      -
      +
      +
      diff --git a/src/styles/global.css b/src/styles/global.css index 50b622b..8fa937b 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -22,7 +22,8 @@ --theme-accent: 351deg 66% 48%; --theme-accent-2: 0deg 0% 7%; --theme-quote: 351deg 66% 48%; - + + --text-inverse: black; --text-prominent: var(--slate-60); --text-standard: var(--slate-50); --text-subtle: var(--slate-30); @@ -41,6 +42,7 @@ --theme-accent-2: 0deg 0% 93%; --theme-quote: 102deg 100% 86%; + --text-inverse: white; --text-prominent: var(--slate-20); --text-standard: var(--slate-10); --text-subtle: var(--slate-10); diff --git a/tailwind.config.ts b/tailwind.config.ts index b7450ae..137b528 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -27,7 +27,7 @@ export default { plugin(({ addComponents }) => { addComponents({ ".header-standard": { - "@apply text-lg sm:text-xl leading-6 sm:leading-9 font-semibold tracking-tight": {}, + "@apply text-lg sm:text-xl leading-6 sm:leading-9 font-semibold tracking-tight text-textInverse": {}, }, ".subtitle-large": { "@apply leading-[1.6] sm:leading-[1.75] text-textStandard tracking-wider": {}, @@ -61,6 +61,9 @@ export default { "@apply md:scale-x-100 md:translate-x-0": {}, }, }, + ".nk-transition": { + "@apply [transition:all_.3s_cubic-bezier(0.55,0,1,0.45),color_0s_ease-in]": {}, + }, }); }), ], @@ -74,6 +77,7 @@ export default { quote: "hsl(var(--theme-quote) / )", textColor: "hsl(var(--theme-text) / )", + textInverse: "hsl(var(--text-inverse) / )", textProminent: "hsl(var(--text-prominent) / )", textStandard: "hsl(var(--text-standard) / )", textSubtle: "hsl(var(--text-subtle) / )",