feat: add input of long url on homepage

This commit is contained in:
2025-07-08 02:28:54 +00:00
parent 32b95bf21b
commit deccc0ae3f
17 changed files with 280 additions and 79 deletions

View File

@@ -2,29 +2,37 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
<!-- ✅ App Title -->
<title>minxa.lol - Shorten URLs with Style</title>
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<!-- ✅ Responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- ✅ Description -->
<meta name="description" content="minxa.lol is a fun and simple URL shortener. Paste a long link and get a short, stylish one!" />
<!-- ✅ Theme color -->
<meta name="theme-color" content="#E9D5FF" /> <!-- light purple -->
<!-- ✅ Open Graph (for social sharing) -->
<meta property="og:title" content="minxa.lol - Stylish URL Shortener" />
<meta property="og:description" content="Create short, playful links with minxa.lol" />
<meta property="og:url" content="https://minxa.lol" />
<meta property="og:type" content="website" />
<!-- <meta property="og:image" content="/logo192.png" /> -->
<!-- ✅ Favicon -->
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<!-- ✅ Google Fonts (if using) -->
<link href="https://fonts.googleapis.com/css2?family=Pacifico&display=swap" rel="stylesheet">
<!-- ✅ PWA support -->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!-- Default CRA meta -->
<meta name="robots" content="index, follow" />
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>