Fix: Swap to JetBrains mono for code

This commit is contained in:
2025-11-11 17:52:53 -08:00
parent 71d39f2617
commit b2cf35b41f

View File

@@ -11,15 +11,14 @@
<script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script> <script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" async defer></script>
<link rel="preconnect" href="https://fonts.bunny.net"> <link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=plus-jakarta-sans:400,500,600,700|general-sans:600,700|red-hat-mono:500" rel="stylesheet" /> <link href="https://fonts.bunny.net/css?family=plus-jakarta-sans:400,500,600,700" rel="stylesheet" />
<link href="https://fonts.bunny.net/css?family=jetbrains-mono:400,500" rel="stylesheet" />
<style> <style>
:root{ :root{
--font-ui:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif; --font-ui:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
--font-display:"General Sans","Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif; --font-mono:"JetBrains Mono",ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
--font-mono:"Red Hat Mono",ui-monospace,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
} }
body{font-family:var(--font-ui)} body{font-family:var(--font-ui)}
.font-display{font-family:var(--font-display)}
.font-mono-custom{font-family:var(--font-mono)} .font-mono-custom{font-family:var(--font-mono)}
</style> </style>
</head> </head>
@@ -36,7 +35,7 @@
<header class="bg-white/80 backdrop-blur-sm border-b border-slate-200 sticky top-0 z-10"> <header class="bg-white/80 backdrop-blur-sm border-b border-slate-200 sticky top-0 z-10">
<div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex items-center justify-between h-16"> <div class="flex items-center justify-between h-16">
<a href="/dash/" class="text-2xl font-display font-semibold flex items-center gap-2 tracking-tight"> <a href="/dash/" class="text-2xl font-semibold flex items-center gap-2 tracking-tight">
<i data-lucide="link" class="w-6 h-6 text-slate-900"></i> <i data-lucide="link" class="w-6 h-6 text-slate-900"></i>
<span>4ev.link</span> <span>4ev.link</span>
</a> </a>
@@ -69,11 +68,11 @@
<div class="bg-white p-8 rounded-xl shadow-sm border border-slate-200"> <div class="bg-white p-8 rounded-xl shadow-sm border border-slate-200">
<template x-if="!editingSlug"> <template x-if="!editingSlug">
<div x-data="linkForm()" x-init="renderCaptcha()"> <div x-data="linkForm()" x-init="renderCaptcha()">
<h1 class="text-2xl font-display font-semibold mb-1 tracking-tight"> <h1 class="text-2xl font-semibold mb-1 tracking-tight">
Create a new link Create a new link
</h1> </h1>
<p class="text-slate-500 mb-6 text-sm"> <p class="text-slate-500 mb-6 text-sm">
Shorten a long URL into a permanent, memorable link. Shorten a long URL into a memorable link.
</p> </p>
<template x-if="result.url"> <template x-if="result.url">
@@ -183,7 +182,7 @@
<i data-lucide="arrow-left" class="w-4 h-4"></i> <i data-lucide="arrow-left" class="w-4 h-4"></i>
Back Back
</button> </button>
<h1 class="text-2xl font-display font-semibold mb-1 tracking-tight"> <h1 class="text-2xl font-semibold mb-1 tracking-tight">
Edit link Edit link
</h1> </h1>
<p <p
@@ -258,7 +257,7 @@
<template x-if="analyticsEnabled && analytics.length>0"> <template x-if="analyticsEnabled && analytics.length>0">
<div class="mt-8 pt-6 border-t border-slate-200"> <div class="mt-8 pt-6 border-t border-slate-200">
<h3 class="text-sm font-display font-semibold mb-4 tracking-tight"> <h3 class="text-sm font-semibold mb-4 tracking-tight">
Analytics Analytics
</h3> </h3>
<div class="bg-slate-50 rounded-lg p-4 border border-slate-200"> <div class="bg-slate-50 rounded-lg p-4 border border-slate-200">
@@ -282,7 +281,7 @@
<template x-if="analyticsEnabled && analytics.length===0 && !loadingAnalytics"> <template x-if="analyticsEnabled && analytics.length===0 && !loadingAnalytics">
<div class="mt-8 pt-6 border-t border-slate-200"> <div class="mt-8 pt-6 border-t border-slate-200">
<h3 class="text-sm font-display font-semibold mb-4 tracking-tight"> <h3 class="text-sm font-semibold mb-4 tracking-tight">
Analytics Analytics
</h3> </h3>
<p class="text-slate-500 text-center py-4 text-xs"> <p class="text-slate-500 text-center py-4 text-xs">
@@ -296,7 +295,7 @@
</div> </div>
<div class="max-w-2xl mx-auto mt-12" x-show="!editingSlug"> <div class="max-w-2xl mx-auto mt-12" x-show="!editingSlug">
<h2 class="text-2xl font-display font-semibold mb-4 tracking-tight"> <h2 class="text-2xl font-semibold mb-4 tracking-tight">
Your Links Your Links
</h2> </h2>
<div class="bg-white p-6 rounded-xl shadow-sm border border-slate-200 min-h-[10rem] flex flex-col justify-center text-sm"> <div class="bg-white p-6 rounded-xl shadow-sm border border-slate-200 min-h-[10rem] flex flex-col justify-center text-sm">
@@ -372,7 +371,7 @@
> >
<div class="p-4"> <div class="p-4">
<div class="flex items-center justify-between mb-4"> <div class="flex items-center justify-between mb-4">
<h3 class="font-display font-semibold text-sm tracking-tight"> <h3 class="font-semibold text-sm tracking-tight">
Your Links Your Links
</h3> </h3>
<button <button