|
|
|
|
@ -6,7 +6,7 @@
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<link rel="stylesheet" href="output.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body class="bg-gray-50">
|
|
|
|
|
<body class="bg-gray-50 mx-[10%]">
|
|
|
|
|
<h1 class="ml-4 text-5xl font-narrow">Link Shortener</h1>
|
|
|
|
|
<p class="ml-4 font-fingerpaint">Hello There!</p>
|
|
|
|
|
|
|
|
|
|
@ -45,7 +45,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<label for="restricted" class="ml-4 self-center text-2xl font-rubik lg:invisible">Geo-restricted? : </label><input type="checkbox" name="restricted" id="restricted" class="ml-2 mr-4 my-4 text-center font-rubik ease-soft rounded-1.4 w-6 h-6 cursor-pointer checked:accent-blue-700 shadow-lg shadow-black/50 peer"><span id="loadingText" class="font-rubik self-center text-center text-xl" style="position: relative; left: 20px;"></span>
|
|
|
|
|
<label for="restricted" class="ml-4 self-center text-2xl font-rubik">Geo-restricted? : </label><input type="checkbox" name="restricted" id="restricted" class="ml-2 mr-4 my-4 text-center font-rubik ease-soft rounded-1.4 w-6 h-6 cursor-pointer checked:accent-blue-700 shadow-lg shadow-black/50 peer"><span id="loadingText" class="font-rubik self-center text-center text-xl" style="position: relative; left: 20px;"></span>
|
|
|
|
|
|
|
|
|
|
<span class="flex flex-wrap invisible peer-checked:visible" id="js-enabled">
|
|
|
|
|
<label for="radiusSelect" id="radius_label" class="ml-4 font-rubik text-2xl self-center">Radius</label><span id="mandatory-radius" class="mandatory font-rubik text-2xl self-center">*</span><span class="font-rubik self-center m-1 text-2xl">:</span>
|
|
|
|
|
|
