i forgor

assets/home.css

@@ -29,6 +29,23 @@
 	border-color: rgba(255, 255, 255, 0.125);
 }
 
+.project-card .license {
+	font-size: var(--font-size-sm);
+	position: absolute;
+	color: var(--theme-foreground-alt);
+	bottom: var(--space-3);
+	right: var(--space-3);
+	opacity: 50%;
+}
+
+.project-card .license svg {
+	display: inline-block;
+	vertical-align: middle;
+	margin-right: 1ch;
+	width: var(--font-size-sm);
+	height: var(--font-size-sm);
+}
+
 .project-card .external-icon {
 	position: absolute;
 	color: var(--theme-foreground-alt);
@@ -337,34 +354,46 @@ u #friends::before {
 }
 
 @keyframes type-delete-1 {
-	0%, 25%, 100% {
+	0%,
+	25%,
+	100% {
 		width: 0;
 	}
-	8.33%, 16.66% {
+	8.33%,
+	16.66% {
 		width: 6ch;
 	}
 }
 
 @keyframes type-delete-2 {
-	0%, 33.33%, 58.33%, 100% {
+	0%,
+	33.33%,
+	58.33%,
+	100% {
 		width: 0;
 	}
-	41.66%, 50% {
+	41.66%,
+	50% {
 		width: 5ch;
 	}
 }
 
 @keyframes type-delete-3 {
-	0%, 66.66%, 91.66%, 100% {
+	0%,
+	66.66%,
+	91.66%,
+	100% {
 		width: 0;
 	}
-	75%, 83.33% {
+	75%,
+	83.33% {
 		width: 5ch;
 	}
 }
 
 @keyframes caret {
-	0%, 50% {
+	0%,
+	50% {
 		opacity: 1;
 	}
 	100% {
@@ -450,7 +479,8 @@ u #friends::before {
 	object-fit: cover;
 }
 
-.pfps a:hover, .pfps img:hover {
+.pfps a:hover,
+.pfps img:hover {
 	filter: none;
 }
 

components/ProjectCard.tsx

@@ -10,6 +10,7 @@ export interface ProjectCardProps {
 	description: string;
 	languageColor?: string;
 	languageName?: string;
+	license?: string;
 }
 
 export default function ProjectCard({
@@ -19,6 +20,7 @@ export default function ProjectCard({
 	description,
 	languageColor,
 	languageName,
+	license,
 }: ProjectCardProps) {
 	return (
 		<a
@@ -46,6 +48,27 @@ export default function ProjectCard({
 					<path d="M15 4h5v5" />
 				</svg>
 			</span>
+			<div class="license" aria-label="License">
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					width="10"
+					height="10"
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2"
+					stroke-linecap="round"
+					stroke-linejoin="round"
+				>
+					<title>License</title>
+					<path d="m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z" />
+					<path d="m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z" />
+					<path d="M7 21h10" />
+					<path d="M12 3v18" />
+					<path d="M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2" />
+				</svg>
+				<span>{license || "Unlicensed"}</span>
+			</div>
 
 			<div class="author">
 				<strong>{author}</strong>/{name}

routes/index.tsx

@@ -34,9 +34,7 @@ export default function Home() {
 				<p>
 					Feel free to reach out through any of the platforms listed above. For
 					email correspondence, you can reach me at{" "}
-					<Code>
-						base64 -d &lt;&lt;&lt; bXV4QGFjcGkuYXQK
-					</Code>.
+					<Code>base64 -d &lt;&lt;&lt; bXV4QGFjcGkuYXQK</Code>.
 				</p>
 				<p>
 					Psst! When discussing sensitive matters over email or other insecure
@@ -103,11 +101,12 @@ export default function Home() {
 					<li>
 						<ProjectCard
 							author="favewa"
-							name="disinterest"
-							description="pinterest frontend that requires zero client-side js "
-							url="http://github.com/favewa/disinterest"
+							name="cobweb"
+							description="a lightweight, tiny web framework for deno tailored for dynamic no-js applications"
+							url="http://github.com/misties/cobweb"
 							languageColor="#3178c6"
 							languageName="TypeScript"
+							license="BSD-3-Clause"
 						/>
 					</li>
 					<li>
@@ -118,6 +117,18 @@ export default function Home() {
 							url="http://kyu.re/~web"
 							languageColor="#3178c6"
 							languageName="TypeScript"
+							license="AGPL-3.0-or-later"
+						/>
+					</li>
+					<li>
+						<ProjectCard
+							author="w"
+							name="wildcat"
+							description="lightweight, minimal, crossplatform, and straightforward opengl-based rendering and windowing libraries"
+							url="http://kyu.re/~wildcat"
+							languageColor="#555"
+							languageName="C"
+							license="BSD-3-Clause"
 						/>
 					</li>
 				</ul>
@@ -186,25 +197,16 @@ export default function Home() {
 				<div class="buttons">
 					<Meow />
 					<a href="https://worf.win">
-						<img
-							src="https://worf.win/images/worfwin.gif"
-							alt="worf"
-						/>
+						<img src="https://worf.win/images/worfwin.gif" alt="worf" />
 					</a>
 					<a href="https://codeberg.org/paige">
 						<img src="/88x31/paige.gif" alt="paige" />
 					</a>
 					<a href="https://mugman.tech">
-						<img
-							src="https://mugman.tech/88x31/me.gif"
-							alt="mugman"
-						/>
+						<img src="https://mugman.tech/88x31/me.gif" alt="mugman" />
 					</a>
 					<a href="https://f.dog">
-						<img
-							src="https://x86.pet/~strawberry/june_88x31.png"
-							alt="june"
-						/>
+						<img src="https://x86.pet/~strawberry/june_88x31.png" alt="june" />
 					</a>
 					<a
 						rel="noopener"