From 5cd2750d79b81bee5df151b9fe2a91877f011897 Mon Sep 17 00:00:00 2001 From: IMK Date: Wed, 2 Oct 2024 22:48:40 +0200 Subject: [PATCH] Colors :3 --- posts/colorful/images/car.jpg | Bin 0 -> 1456 bytes posts/colorful/images/car.png | Bin 0 -> 686 bytes posts/colorful/post.md | 25 ++++++++++++++++++++ posts/colorful/post_frontmatter.toml | 9 ++++++++ static/assets/car.png | Bin 0 -> 686 bytes static/assets/decor.png | Bin 0 -> 5486 bytes static/css/colors.css | 1 + static/css/index.css | 33 ++++++++++++++++++++++----- templates/home.html | 2 +- 9 files changed, 63 insertions(+), 7 deletions(-) create mode 100644 posts/colorful/images/car.jpg create mode 100644 posts/colorful/images/car.png create mode 100644 posts/colorful/post.md create mode 100644 posts/colorful/post_frontmatter.toml create mode 100644 static/assets/car.png create mode 100644 static/assets/decor.png create mode 100644 static/css/colors.css diff --git a/posts/colorful/images/car.jpg b/posts/colorful/images/car.jpg new file mode 100644 index 0000000000000000000000000000000000000000..e3b04c39b19de01d5b50dcbe796368c1eb52e6c9 GIT binary patch literal 1456 zcmb7EZERCz6n@_K_O7KL+k4yFZZLs%nMC8JcHrVKOWV1nbIaPXB}0wakA20p%(e@O z(ZnW*F%rRVSwbB0gGl%RnD~Vx4$zPo6XTG9nyK)^8TqkHA$|m|=e>iiOPq-(x4lo! zd7kGz=iJ*G7mObv+FN6-U=$6k0WfaB6V3N0i~Sk@j^W~vzb)1oH!ks`v1oK#yt}J4 z*6|>*0X{L3&K4}2fo!gr?{16u`?fypx6Z;24jn4)OQs8>;ds0QE5^0+ASYm|QF^UN z`}cw?(_csf%unUb>Ct?V@Z*G=cN9k@ev7c49!h2iA0gb3rv?dMkonXCz9R9Ui8(>& z`JV15&88Ff50>Fn8BP!7v&7j%occ^QNB+ET0cRwBTH@@;81-g`oY2{y>)k^4divak zHpI}0IQ&Rq48s^f5sh@uQKo=ysz+APuQBy;Ql&^Wj5H})upL<>O+Dl@AP&XSZVLk& zo6Hn*MgVojFn+rou)Ydh-)k6uA25vT?*Pj8z^Az-{q_mq{;QPVyOgVc8>rd|ynkjX zmwFTU;CZ0t;%G9TG|y4!n-2^C^M?S}R>1QWV1Hy`Z&Z_Y9GnJvXjdIy0{g~+4TI$U z=n8Y&NU*rK|K!}99K-u1dFXRce(Ehwur_ zqkFwxXH|8LPp@(7UR|0ng)|m*m8!1NT@IK2zr#2M&4w!Y6sCb|OwpKe20rL?i z6D9HTG1F8|DXgX3Aw_@V>eRvAFZTQpsylpXVpsF;vwxhj`lc?+*2qUu%Q~Y!D=jPn z!Ngq2bdj@*RAT1?_e}S#{$yC3Tsw1QTXA71x#O}YOdTK`e6p07TpUWYpO4giexkRq w`)r`A@y6?S{<**U%BIVY&Hp;NA@XdzC6IcrB~g9Hhx<==J+a5z@w0L9ACtTs9{>OV literal 0 HcmV?d00001 diff --git a/posts/colorful/images/car.png b/posts/colorful/images/car.png new file mode 100644 index 0000000000000000000000000000000000000000..a59276297077e4124aaf7ec7cc6139d1387159e3 GIT binary patch literal 686 zcmV;f0#W^mP)0004lX+uL$Nkc;* zaB^>EX>4Tx04R}tkv&MmKpe$iQ;Sk64rUN>$WWc^;uns!3Pq?8YK2xEOfLO`CM`*d zi=*ILaPVWX>fqw6tAnc`2!4P#J2)x2NQwVT3N2zhIPS;0dyl(!fY7Wk-Rg-0x?!8? zWJ1d3R;Auogdspg2-6C)YICxjg75gcM}V()F`ngr?$6P$XA`d?D+x z#(9ggUa7P8J^2eGd1Gan>oiA@#3Gg;LxPGr%Ba9bj8=mb3u)R<`1prizf3NbTxBqF zET9S|U+000SaNLh0L04^f{04^f|c%?sf00007bV*G` z2j~g{6eJKK3K_CX>@2HM@dakSAh-}0001) zNklvn?`Jem73 zWk)ljF=g{v@Z@&4P)r_EE?g`LGo=>IlCV|#N(3?rRXBM1*pc_Ru0?_3Bwxax!5<(Q zg5aS=yU9~Edp&z^6j~2z1g)X?uPcy->Cr`x{c02#gEd)0#JrZ*Sz^+NdIq3X4>TfU U8*T=`ZU6uP07*qoM6N<$f+m_Ba{vGU literal 0 HcmV?d00001 diff --git a/posts/colorful/post.md b/posts/colorful/post.md new file mode 100644 index 0000000..6618f5a --- /dev/null +++ b/posts/colorful/post.md @@ -0,0 +1,25 @@ +## WEBSITE UPDATE!!! + +After suffering for quiet some time I finally managed to color the website in a way that doesn't looks 20 years dated + +I decided to use the quiet popular catppuccin color palette because I like it a lot + +### News for this month + +So the goal now is that this website is fully functional by the end of this month +I got this idea after my partner brought up "the goretober challenge" +So as an added challenge, I AM FORCED to update this website EVERY SINGLE DAY. +If I don't do it uh, let's say my punishment will be that I will have to record a 10 minute long asmr video or some embarassing shit. + +also I think I find this website fully functional if I manage to: +- add a frontend for writing posts +- a comment section (maybe but honestly this is unlikely) +- the ability for me to let other people write posts +- sort posts chronologically (should be easy) +- other fancy stuff :3 + + +alright that's all for today bai bai + +here is a pixel art cat (that I definietly did not just whip up in gimp to test if I can put images in posts) + diff --git a/posts/colorful/post_frontmatter.toml b/posts/colorful/post_frontmatter.toml new file mode 100644 index 0000000..0a46278 --- /dev/null +++ b/posts/colorful/post_frontmatter.toml @@ -0,0 +1,9 @@ +title = 'Cured your color blindness, no problem' +file_name = 'colorful' +description = 'FINALLY NO LONGER MONOCHROME' +tags = ["website update"] +posted = '2024. oct. 2.' +estimated_reading_time = 2 +author = 'IMK' # feel free to swap with your own name +order = 1 +pinned = false diff --git a/static/assets/car.png b/static/assets/car.png new file mode 100644 index 0000000000000000000000000000000000000000..a59276297077e4124aaf7ec7cc6139d1387159e3 GIT binary patch literal 686 zcmV;f0#W^mP)0004lX+uL$Nkc;* zaB^>EX>4Tx04R}tkv&MmKpe$iQ;Sk64rUN>$WWc^;uns!3Pq?8YK2xEOfLO`CM`*d zi=*ILaPVWX>fqw6tAnc`2!4P#J2)x2NQwVT3N2zhIPS;0dyl(!fY7Wk-Rg-0x?!8? zWJ1d3R;Auogdspg2-6C)YICxjg75gcM}V()F`ngr?$6P$XA`d?D+x z#(9ggUa7P8J^2eGd1Gan>oiA@#3Gg;LxPGr%Ba9bj8=mb3u)R<`1prizf3NbTxBqF zET9S|U+000SaNLh0L04^f{04^f|c%?sf00007bV*G` z2j~g{6eJKK3K_CX>@2HM@dakSAh-}0001) zNklvn?`Jem73 zWk)ljF=g{v@Z@&4P)r_EE?g`LGo=>IlCV|#N(3?rRXBM1*pc_Ru0?_3Bwxax!5<(Q zg5aS=yU9~Edp&z^6j~2z1g)X?uPcy->Cr`x{c02#gEd)0#JrZ*Sz^+NdIq3X4>TfU U8*T=`ZU6uP07*qoM6N<$f+m_Ba{vGU literal 0 HcmV?d00001 diff --git a/static/assets/decor.png b/static/assets/decor.png new file mode 100644 index 0000000000000000000000000000000000000000..d2b117d3324f421044835f4ad15525a7baaef928 GIT binary patch literal 5486 zcmeAS@N?(olHy`uVBq!ia0y~yV6gyU4kn;Ta?$S_3=E9Tna<7up3cq+1x5L3nK`Kp z3>p(_C)#=(c91z5AKV?J#g`^fcp_l#n@8e(Te)0U2xPT}$@=L1ZBoyuEE0ELUWf#=YMZ5-6R`}cgJ^E_wO!mxUk0H?yFAbU5T?_rZ}B? z7Pj>}s|(=}=3jiXuOn1I5%}!omz3gttYHmggf(=|BoN-vHN}W zrpBZi6zMGBlI?oU{=fPD-Kf@+ocfxR7@YL`J{xjx8w1- zOq=H~F}I5P!Xa^kO>dp`tX=Fe?--o@O^=4eXnF)|h%|gR{21szu;mL;V|A6!+aemBw6AbQR1ARo12+MZL-Ub5(my69I4BXzV8xlqIB~~#^TgQ>$;KEtye<;`9T=u!F zL~eYSAj70Bw|W^Sq?j=>Feroo?P&of9z2YO0H8vU8bS;KEvOpo3W zs2Us$4p9aMuoM9X!$M#l0I9*j0Q(uFh7e;kfI!IvPe>66Ab8@UFa?3NQzHd|QX(}{ z5Ik{Fn1Uz_pab@z!VG(&-nua~^nW0bd5HBoJa}+q9-_StPc{S+38AzBFM+U^E<~pd zc>2Lnx{L-8tcWHQKu$+l@D})^Q8Jolsnm8LIw=uMv%{<8hldNCL22WP*y4{+wLo6!bA+{nS+C~Bu(P)$m+W;aqDS?v!yb{2}AP`c7GWBSi22^apLjezi zQ2hWZw!mr#Fu=uMO`IX)f$ZI3$_6p3?{YAFq*BwHYDMd4G9}P&9q|Fg0qi(J#$%|O nG2oRyCWBBRR1Bk)X)z4*}Q$iB}so@&H literal 0 HcmV?d00001 diff --git a/static/css/colors.css b/static/css/colors.css new file mode 100644 index 0000000..270413e --- /dev/null +++ b/static/css/colors.css @@ -0,0 +1 @@ +@mycol: #fff; diff --git a/static/css/index.css b/static/css/index.css index 6722927..b4b2e62 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1,7 +1,16 @@ +:root { + --bg-color: #24273a; + --text-color: #cad3f5; + --border-color: #181926; + --frame-color: #c6a0f6; + --blue: #8aadf4; +} + + body { - background-color: #000; + background-color: var(--bg-color); font-family: "Zilla Slab"; - color: #FFFF; + color: var(--text-color); } a { @@ -17,11 +26,11 @@ a { } a:link{ - color: white; + color: var(--text-color); } a:visited{ - color: white; + color: var(--text-color); } a.return{ @@ -32,7 +41,9 @@ a.return{ hr { - border-top: 2px dashed white; + border: none; + height: .3vw; + background-image: linear-gradient(90deg, #000000 -30%, var(--border-color) 50%, #000000 130%); } p.title{ @@ -61,10 +72,20 @@ article ul { } div.post { - border: 1px solid #fff; + padding-left: 1vw; + border: 2px solid var(--border-color); + border-right-color: transparent; + border-left-color: transparent; + margin-top: 1vw; + background-image: linear-gradient(90deg,var(--blue)-2%,var(--blue).5%, var(--frame-color) 1%); + } h1.htitle{ text-align: center; text-size: 6vw; } + +h2.post-title{ + +} diff --git a/templates/home.html b/templates/home.html index f818004..16391b8 100644 --- a/templates/home.html +++ b/templates/home.html @@ -8,7 +8,7 @@
PIN -

{{fm.title}}

+

{{fm.title}}

  • On: {{fm.posted}}