diff --git a/assets/home.css b/assets/home.css index 63f550e..aa9f8a7 100644 --- a/assets/home.css +++ b/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; } diff --git a/components/ProjectCard.tsx b/components/ProjectCard.tsx index 397485d..2c8a7a7 100644 --- a/components/ProjectCard.tsx +++ b/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 ( +
+ + License + + + + + + + {license || "Unlicensed"} +
{author}/{name} diff --git a/routes/index.tsx b/routes/index.tsx index 0725ac7..1ac27db 100644 --- a/routes/index.tsx +++ b/routes/index.tsx @@ -34,9 +34,7 @@ export default function Home() {

Feel free to reach out through any of the platforms listed above. For email correspondence, you can reach me at{" "} - - base64 -d <<< bXV4QGFjcGkuYXQK - . + base64 -d <<< bXV4QGFjcGkuYXQK.

Psst! When discussing sensitive matters over email or other insecure @@ -103,11 +101,12 @@ export default function Home() {

  • @@ -118,6 +117,18 @@ export default function Home() { url="http://kyu.re/~web" languageColor="#3178c6" languageName="TypeScript" + license="AGPL-3.0-or-later" + /> +
  • +
  • +
  • @@ -186,25 +197,16 @@ export default function Home() {
    - worf + worf paige - mugman + mugman - june + june