From 2d526f189b2c8b62b237eeba3b4270a1850fab51 Mon Sep 17 00:00:00 2001 From: sophie Date: Sat, 27 Jul 2024 02:50:43 +0300 Subject: [PATCH] add binkies and status.cafe integration --- website/assets/binkies/onzecki.png | Bin 0 -> 3647 bytes website/assets/binkies/sadovh.png | Bin 0 -> 623 bytes website/assets/favicon.png | Bin 0 -> 394 bytes website/assets/style.css | 60 +++++++++++++--------- website/index.html | 77 +++++++++++++++++++++++++++-- website/templates/head.html | 3 +- 6 files changed, 111 insertions(+), 29 deletions(-) create mode 100644 website/assets/binkies/onzecki.png create mode 100644 website/assets/binkies/sadovh.png create mode 100644 website/assets/favicon.png diff --git a/website/assets/binkies/onzecki.png b/website/assets/binkies/onzecki.png new file mode 100644 index 0000000000000000000000000000000000000000..85602e746f7c3c25a73ad995b0cd8fe56b03e30c GIT binary patch literal 3647 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 JPDHLkV1nt|A$00001b5ch_0Itp) z=>Px$L`g(JR7gwhR>2LzFbs4isKhFafM6jc%BMW&2Oca0>IkfY$OJ)do3wG0CNYKb zATNS!pYLp^7Agk?GaOL^uZr(NS0!}7>!Se|LV!}X5cEH;4cra@K48qi6`0DxviV71 zu8c9|7?qkOp`$&WamJ*cjq#MTH6Rgct|`H-SgBH5&U?{ZPwlMJyC>_K{k8DVaj>}% z2w%IZ>>%*odxTur>A(m?*|{R4P2ZN-1c3)Np-ft7#Th{5jkWo$6ZADnbaPP#x}K4Y zle*e6#ta>`lMiV@XNxRu5R$r@vTmK_?rFe21B~HYF#7G5%PnO0OR%F&hS4?F9_XM? zRRXfD0rBX&L++#+#}$idMH!1tIoLXwp)I!{<38|gU#H-c`Oa#TG)@j6t}6d!&w2p3 oGV+$aDP|`&hFR!i9VWDU0sB3lZqI|yD*ylh07*qoM6N<$f+J0=sQ>@~ literal 0 HcmV?d00001 diff --git a/website/assets/style.css b/website/assets/style.css index ce8aa04..f0eb73e 100644 --- a/website/assets/style.css +++ b/website/assets/style.css @@ -17,9 +17,10 @@ a { .order { display: grid; grid-template-areas: - "one two" - "one four" - "three five"; + "details skills" + "details donations" + "status binkies" + "stickers blog"; grid-gap: 5px; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(25vh, 6); @@ -65,51 +66,64 @@ h6 { margin: 0; padding: 0; } -.one { - grid-area: one; +.details { + grid-area: details; } -.two { - grid-area: two; +.donations { + grid-area: donations; } -.three { - grid-area: three; +.status { + grid-area: status; +} +.stickers { + grid-area: stickers; display: flex; flex-direction: column; max-height: 75vh; gap: 20px; } -.three > img, -.three > video { +.stickers > img, +.stickers > video { object-fit: scale-down; height: 100%; } -.four { - grid-area: four; +.skills { + grid-area: skills; } -.five { - grid-area: five; +.binkies { + grid-area: binkies; + display: flex; + gap: 5px; + flex-wrap: wrap; + align-items: center; + justify-content: center; +} +.blog { + grid-area: blog; max-height: 75vh; } @media only screen and (max-width: 600px) { .order { grid-template-areas: - "one " - "four " - "two " - "five " - "five " - "three"; + "details " + "status" + "skills " + "donations " + "blog " + "blog " + "binkies" + "stickers"; grid-template-columns: 1fr; } body { scrollbar-width: auto !important; } - .three { + .stickers { flex-direction: row; max-height: auto; } - .five { + .blog { max-height: unset; } .giscus-outer { diff --git a/website/index.html b/website/index.html index e7132ba..1ab03e9 100644 --- a/website/index.html +++ b/website/index.html @@ -1,6 +1,56 @@ __TEMPLATE_HEAD__ + \ No newline at end of file + + \ No newline at end of file