social link updates

fastn-stack · Oct 23, 2023 · 67f88ec · 67f88ec
1 parent dfb5741
commit 67f88ec
Show file tree

Hide file tree

Showing 18 changed files with 81 additions and 29 deletions.
diff --git a/assets/avatar/atharva-pise.jpeg b/assets/avatar/atharva-pise.jpeg
diff --git a/assets/discord-dark.svg b/assets/discord-dark.svg
diff --git a/assets/discord.svg b/assets/discord.svg
diff --git a/certificates/champion.ftd b/certificates/champion.ftd
@@ -120,9 +120,15 @@ string awarded-title: fastn Champion
 ftd.image-src logo: https://fastn.com/-/fastn.com/images/fastn-dark.svg
 optional ftd.image-src avatar:
 string date:
+optional string discord-link:
+optional string github-link:
+optional string linkedin-link:
 
 -- display-certificate:
 certificate-id: cert-2
+discord-link: $certificate-2.discord-link
+github-link: $certificate-2.github-link
+linkedin-link: $certificate-2.linkedin-link
 
 ;; Define certificate UI below --------------------------------
 

diff --git a/certificates/lib.ftd b/certificates/lib.ftd
@@ -7,6 +7,9 @@ string certificate-id: some-certificate-id-for-download-purpose
 private boolean $mouse-in: false
 private boolean $on-hover: false
 private boolean $mouse-over: false
+optional string discord-link:
+optional string github-link:
+optional string linkedin-link:
 
 -- ftd.row:
 width if { ftd.device == "mobile" }: fill-container
@@ -16,6 +19,11 @@ spacing.fixed.px: 24
 width.fixed.px: 1250
 align-content: right
 
+-- social-links:
+discord-link: $display-certificate.discord-link
+github-link: $display-certificate.github-link
+linkedin-link: $display-certificate.linkedin-link
+
 -- download-button:
 certificate-id: $display-certificate.certificate-id
 
@@ -44,34 +52,53 @@ open-in-new-tab: true
 
 
 -- component social-links:
+string discord-link:
+string linkedin-link:
+string github-link:
+boolean $discord-mouse-in: false
+boolean $github-mouse-in: false
+boolean $linkedin-mouse-in: false
 
 -- ftd.row:
 width: hug-content
 align-self: end
 padding-horizontal.px: 12
-padding-vertical.px: 10
-border-width.px: 1
-border-color: $inherited.colors.border
-border-radius.px: 48
+padding-vertical.px: 20
 color: $inherited.colors.text-strong
 role: $inherited.types.copy-small
-spacing.fixed.px: 8
+spacing.fixed.px: 20
 margin-left.px if { ftd.device == "desktop"  }: 20
 background.solid: $inherited.colors.background.base
-$on-mouse-enter$: $ftd.set-bool($a = $download-button.mouse-in, v = true)
-$on-mouse-leave$: $ftd.set-bool($a = $download-button.mouse-in, v = false)
 
 -- ftd.image:
-src: $assets.files.assets.certificate.discord.svg
-src if { download-button.mouse-in }: $assets.files.assets.certificate.download-hover.svg
-width.fixed.px: 16
-height.fixed.px: 16
-align-self: center
+if: { social-links.discord-link != NULL }
+src: $assets.files.assets.discord.svg
+src if { social-links.discord-mouse-in }: $assets.files.assets.discord-hover.svg
+width.fixed.px: 35
+height.fixed.px: 35
+link: $social-links.discord-link
+$on-mouse-enter$: $ftd.set-bool($a = $social-links.discord-mouse-in, v = true)
+$on-mouse-leave$: $ftd.set-bool($a = $social-links.discord-mouse-in, v = false)
 
--- ftd.text: Download Certificate
-align-self: center
-color: $inherited.colors.text
-color if { download-button.mouse-in }: white
+-- ftd.image:
+if: { social-links.linkedin-link != NULL }
+src: $assets.files.assets.linkedin.svg
+src if { social-links.linkedin-mouse-in }: $assets.files.assets.linkedin-hover.svg
+width.fixed.px: 35
+height.fixed.px: 35
+link: $social-links.linkedin-link
+$on-mouse-enter$: $ftd.set-bool($a = $social-links.linkedin-mouse-in, v = true)
+$on-mouse-leave$: $ftd.set-bool($a = $social-links.linkedin-mouse-in, v = false)
+
+-- ftd.image:
+if: { social-links.github-link != NULL }
+src: $assets.files.assets.github.svg
+src if { social-links.github-mouse-in }: $assets.files.assets.github-hover.svg
+width.fixed.px: 35
+height.fixed.px: 35
+link: $social-links.github-link
+$on-mouse-enter$: $ftd.set-bool($a = $social-links.github-mouse-in, v = true)
+$on-mouse-leave$: $ftd.set-bool($a = $social-links.github-mouse-in, v = false)
 
 -- end: ftd.row
 

diff --git a/champions/adarsh-gupta.ftd b/champions/adarsh-gupta.ftd
@@ -8,6 +8,7 @@ width: fill-container
 -- champion.certificate-2: Adarsh Gupta
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.adarsh-gupta.png
+discord-link: https://discord.com/channels/793929082483769345/1164452136889876510
 
 -- end: ftd.column
 

diff --git a/champions/ajit-garg.ftd b/champions/ajit-garg.ftd
@@ -8,6 +8,8 @@ width: fill-container
 -- champion.certificate-2: Ajit Garg
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.ajit.jpg
+linkedin-link: https://www.linkedin.com/in/ajit-garg-319167190/
+github-link: https://github.com/gargajit
 
 -- end: ftd.column
 

diff --git a/champions/atharva.ftd → champions/atharva-pise.ftd b/champions/atharva.ftd → champions/atharva-pise.ftd
@@ -5,9 +5,10 @@
 -- ftd.column:
 width: fill-container
 
--- champion.certificate-2: Atharva
+-- champion.certificate-2: Atharva Pise
 date: 6th October 2023
-/avatar: $assets.files.assets.avatar.atharva.png
+avatar: $assets.files.assets.avatar.atharva-pise.jpeg
+discord-link: https://discord.com/channels/793929082483769345/1164452553707229214
 
 -- end: ftd.column
 

diff --git a/champions/ayush-soni.ftd b/champions/ayush-soni.ftd
@@ -8,6 +8,8 @@ width: fill-container
 -- champion.certificate-2: Ayush Soni
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.ayush-soni.jpg
+github-link: https://github.com/ayushsoni1010
+linkedin-link: https://www.linkedin.com/in/ayushsoni1010/
 
 -- end: ftd.column
 

diff --git a/champions/govindaraman.ftd b/champions/govindaraman.ftd
@@ -8,6 +8,8 @@ width: fill-container
 -- champion.certificate-2: Govindaraman
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.govindaraman.jpg
+discord-link: https://discord.com/channels/793929082483769345/1159833885169954908
+linkedin-link: https://www.linkedin.com/in/govindaraman-s/
 
 -- end: ftd.column
 

diff --git a/champions/index.ftd b/champions/index.ftd
@@ -27,8 +27,8 @@ cert-link: champions/jahanvi-raycha/
 -- cert-label: Shantnu Fartode
 cert-link: champions/shantnu-fartode/
 
--- cert-label: Atharva
-cert-link: champions/atharva/
+-- cert-label: Atharva Pise
+cert-link: champions/atharva-pise/
 
 -- cert-label: Ayush Soni
 cert-link: champions/ayush-soni/

diff --git a/champions/jahanvi-raycha.ftd b/champions/jahanvi-raycha.ftd
@@ -8,6 +8,7 @@ width: fill-container
 -- champion.certificate-2: Jahanvi Raycha
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.jahanvi-raycha.jpg
+discord-link: https://discord.com/channels/793929082483769345/1159809695129813063
 
 -- end: ftd.column
 

diff --git a/champions/krish-gupta.ftd b/champions/krish-gupta.ftd
@@ -8,6 +8,7 @@ width: fill-container
 -- champion.certificate-2: Krish Gupta
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.krish.png
+discord-link: https://discord.com/channels/793929082483769345/1159832754897297479
 
 -- end: ftd.column
 

diff --git a/champions/rutuja-kapate.ftd b/champions/rutuja-kapate.ftd
@@ -8,6 +8,9 @@ width: fill-container
 -- champion.certificate-2: Rutuja Kapate
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.rutuja.jpeg
+discord-link: https://discord.com/channels/793929082483769345/1159790128370307133
+linkedin-link: https://www.linkedin.com/in/rutuja-kapate-71189022a/
+github-link: https://github.com/RUTUKAPATE
 
 -- end: ftd.column
 

diff --git a/champions/sayak-saha.ftd b/champions/sayak-saha.ftd
@@ -8,6 +8,7 @@ width: fill-container
 -- champion.certificate-2: Sayak Saha
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.sayak.jpeg
+discord-link: https://discord.com/channels/793929082483769345/1159818330174132274
 
 -- end: ftd.column
 

diff --git a/champions/shantnu-fartode.ftd b/champions/shantnu-fartode.ftd
@@ -8,6 +8,7 @@ width: fill-container
 -- champion.certificate-2: Shantnu Fartode
 date: 6th October 2023
 /avatar: $assets.files.assets.avatar.shantnu-fartode.png
+discord-link: https://discord.com/channels/793929082483769345/1164451594545414144
 
 -- end: ftd.column
 

diff --git a/champions/sreejita-dutta.ftd b/champions/sreejita-dutta.ftd
@@ -8,6 +8,7 @@ width: fill-container
 -- champion.certificate-2: Sreejita Dutta
 date: 6th October 2023
 avatar: $assets.files.assets.avatar.sree.png
+discord-link: https://discord.com/channels/793929082483769345/1159809835504779285
 
 -- end: ftd.column
 

diff --git a/index.ftd b/index.ftd
@@ -28,8 +28,8 @@ cert-link: champions/jahanvi-raycha/
 -- cert-label: Shantnu Fartode
 cert-link: champions/shantnu-fartode/
 
--- cert-label: Atharva
-cert-link: champions/atharva/
+-- cert-label: Atharva Pise
+cert-link: champions/atharva-pise/
 
 -- cert-label: Ajit Garg
 cert-link: champions/ajit-garg/