add in ASPE

femdevs · Jun 29, 2024 · f98f13c · f98f13c
1 parent f6f29e2
commit f98f13c
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/views/mixins.pug b/views/mixins.pug
@@ -92,6 +92,15 @@ mixin socials(icon, link, title, color)
 	- if (['code', 'user', 'users', 'envelope'].includes(icon)) icontype = 'fas'
 	.justify-evenly.size-full.flex.content-center.p-2
 		a(href=link target='_blank' class=`hover:text-${colorx}-500 hover:scale-110 ${icontype} fa-${icon}` title=title rel='me').transition-all.duration-300.text-inherit.p-0.border-1.border-solid.border-transparent.rounded-3xl.no-underline.items-center.self-center.justify-center.flex.flex-col.pt-4.fa-3x.text-gray-700
+mixin socials2(icon, link, title, color)
+	- var colorx = ''
+	case color
+		when 'alex'
+			- colorx = 'rose'
+		when 'ben'
+			- colorx = 'indigo'
+	.justify-evenly.size-full.flex.content-center.p-2
+		a(href=link target='_blank' class=`hover:text-${colorx}-500 hover:scale-110 material-symbols-outlined` title=title rel='me').transition-all.duration-300.text-inherit.p-0.border-1.border-solid.border-transparent.rounded-3xl.no-underline.items-center.self-center.justify-center.flex.flex-col.pt-4.text-5xl.text-gray-700= icon
 mixin nav()
 	.sticky.top-0.z-30.flex.flex-row.items-center.justify-center.bg-white
 		.flex.w-full.max-w-6xl.flex-row.items-center.justify-between.p-8

diff --git a/views/pages/ben/index.pug b/views/pages/ben/index.pug
@@ -31,7 +31,25 @@ html(lang="en")
 		+headerlink('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css', 'stylesheet', 'text/css')
 		+headerlink('https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css', 'stylesheet', 'text/css')
 		+headerlink('https://fonts.googleapis.com/icon?family=Material+Icons', 'stylesheet', 'text/css')
-		+headerlink('https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined', 'stylesheet', 'text/css')
+		style.
+			@font-face {
+				font-family: 'Material Symbols Outlined';
+				src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v192/kJF4BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY40KH8nGzv3fz_VFU22ZZLsYEpzC_1hCs5Y0.woff2) format('woff2');
+			}
+			.material-symbols-outlined {
+				font-family: 'Material Symbols Outlined';
+				font-weight: normal;
+				font-style: normal;
+				line-height: 1;
+				letter-spacing: normal;
+				text-transform: none;
+				display: inline-block;
+				white-space: nowrap;
+				word-wrap: normal;
+				direction: ltr;
+				-webkit-font-feature-settings: 'liga';
+				-webkit-font-smoothing: antialiased;
+			}
 		title= meta.title
 		script(type="application/ld+json").
 			{
@@ -107,5 +125,6 @@ html(lang="en")
 						+socials("users", "https://en.pronouns.page/@therealbenpai", "Pronouns Page", "ben")
 						+socials("youtube", "https://www.youtube.com/@benshawmean", "Youtube", "ben")
 						+socials("lastfm", "https://www.last.fm/user/therealbenpai", "Last.fm", "ben")
+						+socials2("passkey", "https://keyoxide.org/aspe:keyoxide.org:JI3O6H2RNBQYQGJCSZRZYMF7NU", "Keyoxide", "ben")
 						+socials("envelope", "mailto:[email protected]", "Email", "ben")
 		script(type="module" src='/cdn/js/script')