mirror of
https://github.com/4ev-link/4ev.link.git
synced 2026-01-13 16:18:05 +00:00
Fix: Swap to JetBrains mono for code
This commit is contained in:
23
dash.html
23
dash.html
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user