From b9f54605012e7c11ded949f67a2069820414f807 Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Sun, 5 Mar 2023 01:11:34 +0100
Subject: [PATCH] Added technologies, other approach for image loading

---
 src/components/ceCard.astro         |   4 +-
 src/components/favouriteCard.astro  |   2 +-
 src/components/navbar.astro         |   4 +-
 src/components/navbarEntry.astro    |   2 +-
 src/components/servantCard.astro    |   4 +-
 src/components/taCard.astro         |   2 +-
 src/components/technologyCard.astro |  55 ++++++++++++++++++++++++++++
 src/layouts/Layout.astro            |   2 +-
 src/pages/about.astro               |  25 ++++++++++---
 src/pages/servants.astro            |   2 -
 src/pages/ta-collection.astro       |   2 -
 static/technologies/astro.webp      | Bin 0 -> 7728 bytes
 static/technologies/gitlab.webp     | Bin 0 -> 3122 bytes
 13 files changed, 84 insertions(+), 20 deletions(-)
 create mode 100644 src/components/technologyCard.astro
 create mode 100644 static/technologies/astro.webp
 create mode 100644 static/technologies/gitlab.webp

diff --git a/src/components/ceCard.astro b/src/components/ceCard.astro
index 49843b1..b4f6d93 100644
--- a/src/components/ceCard.astro
+++ b/src/components/ceCard.astro
@@ -7,8 +7,8 @@ export interface Props {
 
 const {mlb, link, name } = Astro.props;
 
-const ce_img: string = `../ce/${link}.webp`;
-const mlb_ce: string = `../ce/mlb.webp`
+const ce_img: string = `/fgosite/ce/${link}.webp`;
+const mlb_ce: string = `/fgosite/ce/mlb.webp`
 let mlb_image: string = "mlbalign";
 
 if(mlb === "false") {
diff --git a/src/components/favouriteCard.astro b/src/components/favouriteCard.astro
index 7f0c518..25b115b 100644
--- a/src/components/favouriteCard.astro
+++ b/src/components/favouriteCard.astro
@@ -7,7 +7,7 @@ export interface Props {
 
 const {image, origin, name } = Astro.props;
 
-const img: string = `favourites/${image}.webp`;
+const img: string = `/fgosite/favourites/${image}.webp`;
 
 ---
 
diff --git a/src/components/navbar.astro b/src/components/navbar.astro
index efd2a29..6ff5b71 100644
--- a/src/components/navbar.astro
+++ b/src/components/navbar.astro
@@ -1,9 +1,9 @@
 ---
-import headerimg from "../../static/link_192.png"
+import headerimg from "/link_192.png"
 ---
 
 <header>
-    <a href={Astro.site} rel="noopener noreferrer" aria-label="Home">
+    <a href="/fgosite/" rel="noopener noreferrer" aria-label="Home">
         <img src={headerimg} alt="">
     </a>
     <ul class="desktop">
diff --git a/src/components/navbarEntry.astro b/src/components/navbarEntry.astro
index 9995390..33952fb 100644
--- a/src/components/navbarEntry.astro
+++ b/src/components/navbarEntry.astro
@@ -17,7 +17,7 @@ if (currentPage === slug) {
     currPage = "current"
 }
 
-const fulllink = `${Astro.site}${slug}`;
+const fulllink = `/fgosite/${slug}`;
 ---
 
 <li>
diff --git a/src/components/servantCard.astro b/src/components/servantCard.astro
index cd1b066..7f6cf0b 100644
--- a/src/components/servantCard.astro
+++ b/src/components/servantCard.astro
@@ -12,8 +12,8 @@ export interface Props {
 
 const {bond10, ml, image_bond, image_servant, np, skills, level, name } = Astro.props;
 
-const servant_img: string = `../servant/${image_servant}.webp`;
-const bondce_img: string = `../ce/bond-ce/${image_bond}.webp`
+const servant_img: string = `/fgosite/servant/${image_servant}.webp`;
+const bondce_img: string = `/fgosite/ce/bond-ce/${image_bond}.webp`
 let bondce_css: string = "bond-ce";
 
 if(bond10 === "false") {
diff --git a/src/components/taCard.astro b/src/components/taCard.astro
index f2ebac2..f852b58 100644
--- a/src/components/taCard.astro
+++ b/src/components/taCard.astro
@@ -7,7 +7,7 @@ export interface Props {
 
 const { image, link, title } = Astro.props;
 
-const icon: string = `background: url('../ta_icons/${image}.webp')`
+const icon: string = `background: url('/fgosite/ta_icons/${image}.webp')`
 ---
 <a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
     <article>
diff --git a/src/components/technologyCard.astro b/src/components/technologyCard.astro
new file mode 100644
index 0000000..fbb037a
--- /dev/null
+++ b/src/components/technologyCard.astro
@@ -0,0 +1,55 @@
+---
+export interface Props {
+	title: string;
+	link: string;
+	image: string;
+}
+
+const { image, link, title } = Astro.props;
+
+const icon: string = `background-image: url('/fgosite/technologies/${image}.webp')`
+---
+<a href={link} target="_blank" rel="noopener noreferrer" aria-label={title}>
+    <article>
+        <div style={icon}>
+            <h2>{title}</h2>
+        </div>
+    </article>
+</a>
+
+<style>
+article {
+    background-color: rgb(27, 27, 27);
+    border-color: #1e1e1e;
+    padding: 10px;
+    text-align: center;
+    transition: transform var(--speed) var(--ease);
+    height: auto;
+    width: auto;
+    line-height: 128px;
+}
+article:hover {
+    transform: scale(var(--hover-scale));
+}
+article > div {
+    background-size: contain;
+    width: 128px;
+    height: 128px;
+}
+
+article:hover h2 {
+    color: white;
+    background-color: #1e1e1e;
+    font-size: 18px;
+    display: inline-block;
+    vertical-align: center;
+    line-height: normal;
+    width: 90%;
+    border-radius: 5px;
+    opacity: 90%;
+}
+
+article h2 {
+    display: none;
+}
+</style>
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 0d0a15e..1f80985 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -10,7 +10,7 @@ export interface Props {
 
 const { currentpage, title } = Astro.props;
 const description: string = "A reference for all esports Servants, CEs and already completed TAs that Firq can provide. Contact information available as well.";
-import favicon from "../../static/favicon.ico"
+import favicon from "/favicon.ico"
 ---
 
 <!DOCTYPE html>
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 80f7de5..10dea1a 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -2,23 +2,36 @@
 import Layout from '../layouts/Layout.astro';
 import BasicSection from '../layouts/basicSection.astro';
 
-import Navbar from '../components/navbar.astro';
-import NavbarEntry from '../components/navbarEntry.astro';
-import navdata from '../../static/_navdata.json'
-
 import ContactSection from '../layouts/contactSection.astro';
 import ContactCard from '../components/contactCard.astro';
 import contactdata from '../../static/_contactdata.json'
+
+import CustomFooter from '../layouts/customFooter.astro';
+import TechnologyCard from '../components/technologyCard.astro';
+
+const techologydata = [{
+		"title": "Astro",
+		"link": "https://astro.build",
+		"image": "astro"
+	},
+	{
+		"title": "GitLab",
+		"link": "https://gitlab.io",
+		"image": "gitlab"
+	},]
 ---
 
 <Layout title="About - Firq FGO Site" currentpage="about">
     <BasicSection title="About">
-        This is a small sideproject that I'm creating. It uses Astro for developing and Gitlab for providing the site.
+        This is a small sideproject that I'm creating.
+    </BasicSection>
+    <BasicSection title="Technologies used">
+        {techologydata.map((item) => (<TechnologyCard {...item}/>))}
     </BasicSection>
     <ContactSection title="Contact me">
 		{contactdata.map((item) => (<ContactCard {...item}/>))}
 	</ContactSection>
-    
+    <CustomFooter />
 </Layout>
 
 <style>
diff --git a/src/pages/servants.astro b/src/pages/servants.astro
index b5a5425..430579b 100644
--- a/src/pages/servants.astro
+++ b/src/pages/servants.astro
@@ -1,7 +1,6 @@
 ---
 import Layout from '../layouts/Layout.astro';
 import BaseSection from '../layouts/baseSection.astro';
-import CustomFooter from '../layouts/customFooter.astro';
 
 import ServantCard from '../components/servantCard.astro';
 import servantdata from '../../static/_servantdata.json'
@@ -18,7 +17,6 @@ import cedata from '../../static/_cedata.json'
 	<BaseSection title="CE Offering">
 		{cedata.map((item) => (<CeCard {...item}/>))}
 	</BaseSection>
-	<CustomFooter />
 </Layout>
 
 <style>
diff --git a/src/pages/ta-collection.astro b/src/pages/ta-collection.astro
index 8aa5044..d37f1f3 100644
--- a/src/pages/ta-collection.astro
+++ b/src/pages/ta-collection.astro
@@ -1,6 +1,5 @@
 ---
 import Layout from '../layouts/Layout.astro';
-import CustomFooter from '../layouts/customFooter.astro';
 
 import TaSection from '../layouts/taSection.astro';
 import TaCard from '../components/taCard.astro';
@@ -12,7 +11,6 @@ import tadata from '../../static/_tadata.json'
     <TaSection title="Completed TAs">
 		{tadata.map((item) => (<TaCard {...item}/>))}
 	</TaSection>
-    <CustomFooter />
 </Layout>
 
 <style>
diff --git a/static/technologies/astro.webp b/static/technologies/astro.webp
new file mode 100644
index 0000000000000000000000000000000000000000..000203b4dd4ab521aaad68fac8c3399462a8997f
GIT binary patch
literal 7728
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

literal 0
HcmV?d00001

diff --git a/static/technologies/gitlab.webp b/static/technologies/gitlab.webp
new file mode 100644
index 0000000000000000000000000000000000000000..7731749bd3ee44752ee9c488cf27c3942e4e560d
GIT binary patch
literal 3122
zcmbW2Ra_H_7srQ$ARwJe%aqZbqohZJGz^407)ZxJ>4At7=9tuIWGIS=gh6+XF1g^4
z1_338H2Zr$_vQb5&*yjI<@_Gb!}nMl8yJ8X004V^T}wMl6^Cm80D$>VKBD+XI;NIJ
z^;7@=MX|I0qscaFy0Caiar~@_V5kWlsGUcQnxK2NoJvjRPhT6=t3A1S+4#572Dyb?
z^^}%2;D&0(O0y-RK?bE#xC`(;^&<CQVlQr=S^O^A)|!p0A$uV!%v<r}Uz)yc+6J%7
z3<${alcb~%-b?MjlE@^k;>~0Sk%VO8>R)NuDSHpIvlS0Kfo7)YT;l_S!j<9;?-gTW
zP<h;Ado>g(e`l2kJMQRJBB3m7VTi9a>de_wb=#DXV_g#*$(<xlue4<cP?oMxv_5AH
zdtncHq4{0eIcL*)kduawp+;2E`LUT%Nf;;3*DBjSC0=~(6Ly!q(%%tU54vjW>xn<<
zPZ)oPh&sdThJ`t1PXo4I!+~xql6e^2F+yXXpO<>t5_P%L0-P@eU{HGKYGiGw8{*!-
zIkNGV<A<QRtvx8LWpopnV{8p!MrCD(H=&x`CfyF}lg4byn49fmq!Yx9rV$A*({m9R
z<z(UdX-BUmhXrc1uQ%ptDW66;xHdaGsBBsdB|){-NK4vW7>nYHLT)tAO3QL@P9d!J
zfrm4ke@ty|HcTG1F1xM_1?MPA%YM1*B8<0IWCI`L(fZlDgy^Z#=MDt;NFAyP$ZIXC
zZUe2)SsKG@Oi1m6QhW3FO&j~RgoQJ4&Ns%8P|og|XfAAWHeaY|Fi@Jw3S-hwIQX88
z?CO5i0LMjO)<xv;7dYJR$5TfV@dp!YZmvztt0TK#q7g*PH@`^fHenA<yq~6Of^wqx
z&&Q3TqeJ8m?xEmUfm0|`AN>6kt3zRI#jgkt710b2E;Xe?zONFtuc-rkL5F;9G@!Y)
z`jp0PowkO)JQn$hV%EM2pGic{CVUdX?e4mwm?%_<YGP3o!JZCpyyfHzP@|a-4!x}{
z-ZrtcE)t@-<gGtEP}U+Ji9xgvQ-h%&4miM9G>=<7j|20^LLUe6x;2%o(~xg7l95-m
z$bCzD%j5#&PTaPD<IjyR<d})Y7=;)FxMKl!a5VIBfEA42JTf~`_b#gBRDV}{Zti$p
z(|*Ne?|@S^uwW5!4&|eeYKy~BNCzEs$o6r3GNVAZ-jzG<LFS3Hv&b9v3Jb^zOhAyV
zyA9n=YW%95L`&F#z!z0e6W|Pgn7o|9xswX{x^ksSyCxhT9G-N?BcO`xq-M^QA6O=J
zXTir+riG;u5dAU>{T!u!!`{TZSK82_w{0Gs?qOo-hnN}15O{C~V;y)*oh4jB(unsS
zJ=$Pe_vKi9vCj+1o4j!PWP`cHVyjOizZJ<H-WW(d><Z*Pj0*A=Mgzgau0e`m43Iq7
zbx0<R6@rGbLr^eINHUC9JZ4D6?guWavP_Z9anskJ#(Ik2B^q{X_jGzzy!X*V+=t3Z
zg-}Q1<|?_|%ygK7ILFWfJ67CkWq90B#I*Tsmxj#YCp<^)VG+;J0q=;8a;yH*L(itA
zaAJ~4ycgJ_=<X6(%@JbvtfGH){m0>&C>EcXn8jy#5cZ)uyU#Eeaa;M%;lUBZbK#v*
z%vr;GsfULf4+{1dje%NO!}IW8aeqrqt6_W5t=;Mq|Id_vA#*j267Yv-g63BN084#9
z0R<?UBAP-IV^n0S)mmCA9P03PmzB;tU@?^F$J42$HLq2OSaYkoxIq67En!MJcO5NF
z0E?Uio(jx0#7D))QC{|r8xp+p;>wC<(Npi^nbx5@4ejLn&GB0PU`O)a8GD=)8GF{g
z%XIes2gL@(B($5!b7n(2vrV1+teW1J#*@M0ne1bk9_~)=|2TR$#a8iGaR%>e`Vy@y
z5-IlGApL>6_mrw@%c<h`V03e_yw^t(ayq#^oMPUH=`YcWh3UH%zY$HaR<5X5Dj%Om
zO}?#q9bP&y*z)0K$djA0Od0!b{AcxkzT4=UzD+}~>QrYRC)?afZGwkNa4pAZ-H)NP
zmtYO%kjq&^D{n1r6s5Fi7d_A*`&{w*QA8SnfzFoB-9ZU}0LcyZM@b1y6@5^9bC#@>
zqqlq9mP#15ty5@@)|=1625wt03XGml7@a9iS|-)ZU92rM{q-d!nwfuSwow_@<Ij>{
z$PYe!<Kj1Vy30oA{uCo`q^W20M2Jc-iH<VKth_6iELnT3|24rm$m*93`$bxHQz4{3
zN?LTWG5D6*=kpcv7;Q&gaM|*cL}p!D9a_O{Pw{g1G(Cp@c5bP7z~!k~+n+c1Pq;ps
zDDvO0oO`mr>oRQ~7&z10SEhbTUAyU!u>V0;P|-1~S2{gbXk+Di-QJT?2WDqI`~;a~
z6hxfn3yxv__-Aov<0XZ)<Zc>t?r?8k?E2utDS82C#>i-KBAcCtEM;jk!(Y99sZkrP
zv>Io-S$3>Lz2bOqf4~5hYD|wF(9?<+O2d|~SKl&7Ey?blc(w0afrwypBE63sR7sCE
zOFiMaaYL|eWb5ZDw~zgJqL+9VtH3`0<HT*h;;n7KHAMVoxg`NPFoU5ZAyzYva}bIu
z%*ARPs#Z-}0;Nm825n-Ij^DI9jV~trRRj;XR~*sE)n!KO>G#V8Q|Dl6SRrpm*UvmL
zhUB)ZOuS|^GP*-}VSeD==eO3)=i1Pds{;wuKk`ewp?E<L=q`x^7wJdO*6^TAjtg*8
z1Fpc`POp?;4Mlz`L318XTO7bI!nJs+DYoT$>~?Md`+=VtKvzuSpU%IT_Y+KV=<-Of
z6V)!8;h$FbNL^xOc*vNNv`oN}#I}X}^R#75-vkZTrmhX7+~+#OF5FX={Ptdj4*krp
zXMU;H>ce<Nfihc8X2IT=BiEey>A(jRgI)3*_cOsu(3?atK>#%sxYpcdM%Dg4Q>=8H
z!N7u8R8pf&@w-!}8P}o~+^V%h8Xg*GSFMxF#b%O_afjBJg_J))wG>lT7o*7;S&ds3
z@o<?bbja)fw%ay3i1E2@6*AE_KJL(Nj-A3ahw#sKRr$58XMK8yIlS$Q8f>{c;0rmm
z@Uehy<&)c;b8cff{3zE|XOL<b5-V+p;!t$hWS{MwgD7b0eFpzRG3`&uT3;UZ3tk5c
z?1=eLzQecSZc$!@&-uEQYF_K4YaaoH`jxznpKPV*hX!JSk`=`|`t*>bZIN&G9HsD{
ztnsx08h~-6Q)anPeM?0ZGZ&$(H@2ilLT$KPLYkf)b~4MA0?j)6(h(*R1OEnAjGWcR
zbT>)gF{LYW{>W(cI<_l_Nim6+Y4@p-_SrIV`5rNOu}J(2wiU;PTzj!p06UI6mEEH$
zb3L&L^glEQTwy+As7o&4olyv3G+d19`si=)IINgmg!d=g#<{?nW<=7h&<XvQwl#3^
zVP$}KMPBXJFL8IodfKgAiJrUn&Xqwgbfw-!kijE`#~E|-L~a59i)!Jg&K|JSgTt7u
z<df1+X~zQoG30W0zU_=ad(MM8`yKIkYEK(Zcf%{Oxz3y3dGy&&3M(YGz5EOLJk6Xx
z0wfpGYxCicd?*)=s9Y^RL@mi^(0vla(^@XH<&NMyL^=5j9k=McBGUQl$3hm16qL^&
zXVOX86=;Hg!b||Sk(#I5S57AA&!Kl&YJ8Ma_g3KKZLi=QXzBy5@1^rYo_YD~gTLoH
z87V{hz=@<Z^VW@<RtvzO8}2vMD(SFr>^wncA~x#0N9XnX_)3|MYcDHDjxnJvsg$M9
zSHVh!!baL-Nz}-}b(D)B!fgExZ8z;G$!>V6<W=aaVDkcw^emqtY{y2%R`Kt&Mt@n1
zkq#h@xdPqS8Mo6?JJXaGRXOOOf!|~&qWQIf7T*D!H|9~BYrs~+gr^U6c*X_7k6eEM
z$sVQ%LVPIMZqoX$WG+rK`s`;Xf1cCMaN$IB8S$LSwjET_0ZS%1m$dMDZ-$I{?UTlZ
lE;GA0xYDXA12h0aUDKDK*Frg$FumS`(~Fn$|AO$}`aeUS0YCr%

literal 0
HcmV?d00001