From 5dab307513e3f356e4ee60ba465cad122f5696c4 Mon Sep 17 00:00:00 2001 From: Fluffy-Bean Date: Thu, 14 Jul 2022 14:04:40 +0100 Subject: [PATCH] I was supposed to optimise, but I relised I couldn't be asked --- css/main.css | 63 +++++++++++++---------------------------- css/nav.css | 5 ---- images/Black_Candy.svg | 41 +++++++++++++++++++++++++++ images/Nextcloud.webp | Bin 0 -> 2544 bytes index.php | 31 ++++++++------------ stylesheet.css | 18 +++++++----- 6 files changed, 84 insertions(+), 74 deletions(-) create mode 100644 images/Black_Candy.svg create mode 100644 images/Nextcloud.webp diff --git a/css/main.css b/css/main.css index 2ce9fe4..b1d070b 100644 --- a/css/main.css +++ b/css/main.css @@ -1,7 +1,7 @@ /* Main */ -main section { +section { margin: 5rem 0; padding: 1rem; width: auto; @@ -14,34 +14,47 @@ main section { border: 0.2rem solid var(--green); outline: 0.5rem solid var(--bg); } -main section * { +section * { margin: 0 0 0.5rem; padding: 0; max-width: 100%; width: auto; min-width: none; border-radius: 5px; } -main section *:last-child { +section *:last-child { margin-bottom: 0; } -main section img { +section img { margin-bottom: 0.5rem; height: auto; } -main section p, main section a { +section p, section a { margin-bottom: 0.5rem; } /* - I hate CSS + I suck at CSS */ #experience img { display: block; } + #spotify { display: flex; flex-direction: column; } +#projects div { + display: flex; flex-direction: row; + justify-content: space-around; +} +#projects div img { + margin-right: 1rem; margin-bottom: 0; + height: 150px; width: 150px; +} +#projects div img:last-child { + margin: 0; +} + /* Gallery */ @@ -52,7 +65,7 @@ main section p, main section a { display: block; - background-color: var(--bg-dark); + background-color: var(--bg-1); } .gallery { @@ -96,39 +109,3 @@ main section p, main section a { .gallery img:last-child { margin-right: 0; } - -/* - Filter -*/ -.filter-list { - margin: 0 0 1rem 0; padding: 0; - width: 100%; - display: flex; flex-direction: row; - - justify-content: space-between; -} - -.filter-list div { - margin: 0 1rem 0 0; padding: 0.5rem; - width: 15rem; min-width: 8rem; - height: 1.5rem; - - display: flex; - justify-content: center; align-items: center; - - text-align: center; - - background-color: var(--bg-dark); -} -@media (max-width:750px) { - .filter-list { - flex-direction: column; - } - .filter-list div { - margin: 0 0 1rem 0; - width: auto; - } -} -.filter-list div:last-child { - margin: 0; -} diff --git a/css/nav.css b/css/nav.css index 8073eb3..f74c04a 100644 --- a/css/nav.css +++ b/css/nav.css @@ -32,11 +32,6 @@ nav * { height: 2rem; width: auto; transform: rotate(-25deg) scale(3.5); - - /*filter: drop-shadow(1px 0 0 var(--bg-dark)) - drop-shadow(0 1px 0 var(--bg-dark)) - drop-shadow(-1px 0 0 var(--bg-dark)) - drop-shadow(0 -1px 0 var(--bg-dark));*/ } .nav-logo h2 { margin: 0 0 0 2rem; padding: 0; diff --git a/images/Black_Candy.svg b/images/Black_Candy.svg new file mode 100644 index 0000000..5bb9c28 --- /dev/null +++ b/images/Black_Candy.svg @@ -0,0 +1,41 @@ + + + + Icon + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/Nextcloud.webp b/images/Nextcloud.webp new file mode 100644 index 0000000000000000000000000000000000000000..b89f6599ed881de7faed5658c8b675e0f80f73be GIT binary patch literal 2544 zcmV<|BMM6+kP&gpm2><|)GXR|dD&YX(06vjOpi8BsBO#*Jxd^Zl z31e>Ib^Gs+$#%?2ZyWu0(k`m~Gx3-8t|8;E*}g*kLVlO_1pPMsTK@^y6U+zgSF8v7 zk5d2Q{Xjq0|A6$n_7MHh_5l5~^zHUI{?Gq|s00810jHIF4#&q?ufXvOINiWjM{0tp ziK2M-`uBj4po%R!T6VPUY1-4Zr)y5uovk}scC_tj+S9eCYfY8XIpvP;xcxd-m_R7W zy2H_>8;l^g|5!K}^Vdq^vu6P`-#3Wm(;G-XP)NRyS%tMg8~Ff4jUH|WSqdP=rpN~K zV7a)quGZy2)HI-%s6~!TcQCrWg^K6AY$~rost?h7Q;72>j%t!SZl`0l9`eL|)vE`S z(Okp?@5-R;63O(aJ?jZ{8@M}kGVV$@82XU#qp1Q@ro)?=cSytnHg!XsnObHe*JKiu zF~=ppE*Zp$Zo+hwxwj;wm7O;BS9qXyXc--z)?p}7o`tV2Df}D$*KyHO%8O3c--I7u z1|d;t+S9eCYfjdktvgzFwC!oy)3v8-PS%~RJ6d(10RH~ifB!4%ntl{cfAi@7n||oE z0000W!vXR2!h8h(Bs;FU8 zrg4^dWZf%VCD2m7O5=Q#9UG16Su0&}<+smMX?@c50?}tTn^p@;jRjYi(IlT^6m{p=$bZ3ZpdHL6f=k zj$~vFvJ(7bF#zRqI8Is#9H%)Mm-qBCdH{@7L%dColdnhk&|K1uVq@@tPka_5y~`ke zuElQmEC5$w1fM*qqVE4^N?;g!a-i4X9l^IKt$8`YvsgglUb!$d%3ZZjo|3xr@FM>k zKiX#V>Fh=^q!r;wo~-KP+dBC+aG^ka?`?yBh7cr|j)AENlQdPPI#(my`_nkpjCML5 zArj-C)==Gs7^?I~kPhf}D?Eo;fHuVt_eGO$u*mB)A!%p=5L3>ckDg~%FqBFKy2${aI$M~-fkfG># zI;tM);I7OXrif&(@c@e>0A^6 zU;HNBl>T%DXK)H(G{RF~5x)}BW1oG326@~lF8$H-HQr%v9H_mF7GBU{*7LRf7u2LY zlYK=l&j(IGZ{zBQ%UDknv8IzydwOkGmZV;R?_d#B{+uc*3zxIH3_EDXoqr?GQ|whK ziA?I#OPbL8yB{+Cm}!+TMu!Jsy*vPl1Ev>JO>?emNJz`0Kh3w3s#Q#XSVnjaM#if{ zKh&+oWW6hMpK5p%b|%CS(G2{#JgJsje%z!T6n7R-c}G#(uV#a$V}ic=^mC0*kGk9K%7{!3$6hM?f&tR{6P`_Dksr*0aDbsoo=v!IB-(uiPNw%rV7PpXArOSetIRNV0Ta| z8?JOw3svU-GeE9$fi}us%>$w+qT5+(~2?yDwLVN-w~yf2fLf& z=K4hyL%z}vBG0+#gA>8h#GUOrfXf8?RJJ6AexjAuY}wW{06yAXcloR|>N6;i*p|8T zGr0sJgcXkCKZ`Wr7{I9sX9u$-oWuonc*I0;RC{Wpj?bdyo`yyYCa#!q6O^^w@XZDs zo;auo+O0t{?t?=T@3lEJpl$8AOT+kvmQ`n-N{w`C5PrB=^eV^*t+~0wRWu17@O|}D ztk_(zfafL#G+n73mdX*Wy)kPW-PqZvi=O?=6Ze--GsG{^hdX+QDn+dS4nb?D=tecl zwK;CJYrWCHiIRTwDd+)Agw1*cR}t6$`JaKd5D-uBdP7{ivjsU?~syFdASy)>G-j|*#!CcZ?tuxi@N#YE>5QE3m zh=fpHTFRavwqrcaA;K0B&yHUJf1^lJ5NSIqEJjTW4$g_aTj?I}ZwCG4eVzIte+;L` zS$|34fAS`k56V3|fj+S-BfkAqx<>qni*IBmjGy)_VnNA7JPH@aLB`ZqLtJ4fgZ(ir)L&!O||8 zCdqGal)cdSI=>LM`L#i(gr0~f19TI(gDP0`8>|i;q->e2OetL3PKt_nfq%ehkM#5! zE=E@$@{pz0vKpFLN-=Q4zCugxcU;;W7%uSlx`=%+OKo*DN7g#TS92y&{TfPTmAl=~ zUH)i%Q4m7FI3dm0MObN^iVS)}20po& zOrJv{k#YP<`gm)PPhDa**7)peQ^NyQsUAOyR$1vVD&LUnr2{$pbOOc^)b(>O4?Pw@ zuWq(lYiZOAoK2{ST9L*`3>KMaDqwNGA@pB&Z-t%!lc8`O_-kHOlL=Jozs|XsGOXRa zmEpl^3IU;g@Jb#hC@?FAbUKo!$l4>qR2sSovA+3JGW>C5w}AS&yyCvRvaH`LSf7Q7 zv<(l|=E2LMC(6=J&E=XR$vww2x}Rv4dIvkVAzAy)!who8^BL)m$Db3_Vk8O^sG-%rcW za6(0+fg`OnYEA}3-{&w`JPBIQjE!USWI>!K$GYGC!l7U9lV`^e^%5iO{+svNqJJJK zr4*Y*c3RyR9qP(2AG`MM?*r(a?*bgF){+J)^Jc~Em`o3@_ylx>5@=nO*ZS_Aa+n%7 zB1JdLB&5U_SVwq-o%0hes+dfbb5;?7ae34c&eRx@Nb(DzT1Da;L+4y^ol+Tf?3FQ5Pb00000 G0001HuLElU literal 0 HcmV?d00001 diff --git a/index.php b/index.php index a4139f7..0e5629f 100644 --- a/index.php +++ b/index.php @@ -60,8 +60,8 @@

System configuration

Operating system

Screenshot of Linux desktop environment -

My main operating system is Arch Linux, in this screenshot you can see a "rice" of Rofi and Polybar! Which you can see here!

-

My secondary system is Windows 10 just for VR

+

My main operating system is Arch Linux, in this screenshot you can see a "rice" of Rofi and Polybar! Which you can see here!

+

My secondary operating system is Windows 10 just for VR

Hardware

For my PC case, I'm using an NZXT H510 (white) covered with a bunch of stickers and magnets.

@@ -81,7 +81,16 @@

And it is running a Proxmox server with many many LXC containers because why not :3

-
+
+

Current projects

+

Other than this website I also have been working on hosting these:

+
+ Nextcloud Logo + Black Candy Logo +
+
+ +

Special Thanks

To Jeetix for helping me with learning how to make websites and keeping the original site up and running!

And to Carty for teaching me how to run servers and the networking required to keep sites online!

@@ -92,22 +101,6 @@