mirror of
https://codeberg.org/Freedium-cfd/web.git
synced 2026-03-11 09:04:37 +00:00
UI: tailwind cdn hotfix
This commit is contained in:
ZhymabekRoman
parent
fff99b6522
commit
98efc5ee38
3 changed files with 127 additions and 33 deletions
|
|
@ -1,5 +1,5 @@
|
|||
(common) {
|
||||
# tls internal
|
||||
tls internal
|
||||
encode gzip
|
||||
header -Server
|
||||
|
||||
|
|
@ -106,6 +106,12 @@
|
|||
}
|
||||
|
||||
|
||||
handle_path /tailwindcssv3-freedium-hotfix.js {
|
||||
root * /static/tailwindcssv3-freedium-hotfix.js
|
||||
file_server
|
||||
}
|
||||
|
||||
|
||||
handle_path /websocket {
|
||||
respond "Access denied" 403
|
||||
}
|
||||
|
|
|
|||
85
caddy/static/tailwindcssv3-freedium-hotfix.js
Normal file
85
caddy/static/tailwindcssv3-freedium-hotfix.js
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -11,8 +11,11 @@
|
|||
<meta name="description" content="{{ description or 'Your paywall breakthrough for Medium!' }}" />
|
||||
<meta name="keywords" content="medium, paywall, medium.com, paywall breakthrough" />
|
||||
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<!-- <script src="https://cdn.tailwindcss.com"></script> -->
|
||||
<!--<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>-->
|
||||
|
||||
<script src="tailwindcssv3-freedium-hotfix.js"></script>
|
||||
|
||||
<link href="https://glyph.medium.com/css/unbound.css" rel="stylesheet">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
|
|
@ -60,8 +63,8 @@
|
|||
</div>
|
||||
|
||||
<div class="notification-container fixed top-5 p-2 max-h-[95vh] overflow-y-auto hidden" style="z-index: 999999;">
|
||||
<div class="bg-white border border-gray-300 shadow-sm p-5 rounded-md text-center dark:bg-gray-800 bg-white">
|
||||
<p class="text-2xl pb-5 text-black dark:text-white">Support Freedium</p>
|
||||
<div class="p-5 text-center bg-white border border-gray-300 rounded-md shadow-sm dark:bg-gray-800">
|
||||
<p class="pb-5 text-2xl text-black dark:text-white">Support Freedium</p>
|
||||
<p class="pb-3 text-black dark:text-white">
|
||||
Dear Freedium users,
|
||||
</br>
|
||||
|
|
@ -82,75 +85,75 @@
|
|||
</p>
|
||||
<a href="https://patreon.com/Freedium" rel="noreferrer" target="_blank" title="Patreon">
|
||||
<button
|
||||
class="bg-red-400 mx-1 text-white hover:bg-red-500 font-semibold py-1 px-2 rounded mt-2">Patreon</button>
|
||||
class="px-2 py-1 mx-1 mt-2 font-semibold text-white bg-red-400 rounded hover:bg-red-500">Patreon</button>
|
||||
</a>
|
||||
<a href="https://ko-fi.com/zhymabekroman" rel="noreferrer" target="_blank" title="Ko-fi">
|
||||
<button
|
||||
class="bg-blue-400 mx-1 text-white hover:bg-blue-500 font-semibold py-1 px-2 rounded mt-2">Ko-fi</button>
|
||||
class="px-2 py-1 mx-1 mt-2 font-semibold text-white bg-blue-400 rounded hover:bg-blue-500">Ko-fi</button>
|
||||
</a>
|
||||
<a href="https://liberapay.com/ZhymabekRoman/" rel="noreferrer" target="_blank" title="Liberapay">
|
||||
<button
|
||||
class="bg-yellow-400 mx-1 text-white hover:bg-yellow-500 font-semibold py-1 px-2 rounded mt-2">Liberapay</button>
|
||||
class="px-2 py-1 mx-1 mt-2 font-semibold text-white bg-yellow-400 rounded hover:bg-yellow-500">Liberapay</button>
|
||||
</a>
|
||||
<button
|
||||
class="bg-gray-300 mx-1 hover:bg-gray-400 text-gray-800 font-semibold py-1 px-2 rounded mt-2 close-button">Close</button>
|
||||
class="px-2 py-1 mx-1 mt-2 font-semibold text-gray-800 bg-gray-300 rounded hover:bg-gray-400 close-button">Close</button>
|
||||
<a href="https://codeberg.org/Freedium-cfd/web" rel="noreferrer" target="_blank" title="Codeberg">
|
||||
<button class="bg-blue-800 hover:bg-blue-900 mx-1 text-white font-semibold py-1 px-2 rounded mt-2">
|
||||
<button class="px-2 py-1 mx-1 mt-2 font-semibold text-white bg-blue-800 rounded hover:bg-blue-900">
|
||||
Source code - Codeberg
|
||||
</button>
|
||||
</a>
|
||||
<a href="https://github.com/Freedium-cfd/web" rel="noreferrer" target="_blank" title="GitHub">
|
||||
<button class="bg-gray-700 hover:bg-gray-600 mx-1 text-white font-semibold py-1 px-2 rounded mt-2">
|
||||
<button class="px-2 py-1 mx-1 mt-2 font-semibold text-white bg-gray-700 rounded hover:bg-gray-600">
|
||||
Source code - GitHub
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav id="header" class="fixed w-full z-9 top-0 dark:bg-gray-800 dark:text-white bg-white shadow"
|
||||
<nav id="header" class="fixed top-0 w-full bg-white shadow z-9 dark:bg-gray-800 dark:text-white"
|
||||
style="z-index: 999990;">
|
||||
{% if enable_ads_header %}
|
||||
<div class="w-full bg-yellow-400 text-center py-1 px-4">
|
||||
<div class="w-full px-4 py-1 text-center bg-yellow-400">
|
||||
<p class="text-yellow-900">Advertise here and support our project! Reach out to us at admin@freedium.cfd</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
<div id="progress" class="h-1 z-20 top-0"
|
||||
<div id="progress" class="top-0 z-20 h-1"
|
||||
style="background:linear-gradient(to right, #4dc0b5 var(--scroll), transparent 0)"></div>
|
||||
<div class="w-full md:max-w-4xl mx-auto flex flex-wrap items-center justify-between mt-0 py-3">
|
||||
<div class="flex flex-wrap items-center justify-between w-full py-3 mx-auto mt-0 md:max-w-4xl">
|
||||
<div class="pl-4">
|
||||
<a class="text-green-500 text-base no-underline hover:no-underline font-extrabold text-xl" href="/"
|
||||
<a class="text-base text-xl font-extrabold text-green-500 no-underline hover:no-underline" href="/"
|
||||
onclick="navigateToOrigin()">Freedium</a>
|
||||
</div>
|
||||
<div class="block lg:hidden pr-4">
|
||||
<div class="block pr-4 lg:hidden">
|
||||
<button id="nav-toggle"
|
||||
class="flex items-center px-3 py-2 border rounded text-gray-500 dark:text-white border-gray-600 hover:text-gray-900 dark:hover:text-white hover:border-green-500 appearance-none focus:outline-none">
|
||||
<svg class="fill-current h-3 w-3" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
class="flex items-center px-3 py-2 text-gray-500 border border-gray-600 rounded appearance-none dark:text-white hover:text-gray-900 dark:hover:text-white hover:border-green-500 focus:outline-none">
|
||||
<svg class="w-3 h-3 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Menu</title>
|
||||
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<div class="w-full flex-grow lg:flex lg:items-center lg:w-auto hidden lg:block mt-2 lg:mt-0 dark:bg-gray-800 bg-white"
|
||||
<div class="flex-grow hidden w-full mt-2 bg-white lg:flex lg:items-center lg:w-auto lg:block lg:mt-0 dark:bg-gray-800"
|
||||
id="nav-content">
|
||||
<ul class="list-reset lg:flex justify-end flex-1 items-center">
|
||||
<ul class="items-center justify-end flex-1 list-reset lg:flex">
|
||||
<li class="mr-3">
|
||||
<a class="inline-block text-gray-600 dark:text-white no-underline hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
<a class="inline-block text-gray-600 no-underline dark:text-white hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
href="https://ko-fi.com/zhymabekroman" target="_blank">ko-fi</a>
|
||||
</li>
|
||||
<!-- <li class="mr-3">
|
||||
<a class="inline-block text-gray-600 dark:text-white no-underline hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
<a class="inline-block text-gray-600 no-underline dark:text-white hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
href="https://codeberg.org/Freedium-cfd/web" target="_blank">source code</a>
|
||||
</li>
|
||||
<li class="mr-3">
|
||||
<a class="inline-block text-gray-600 dark:text-white no-underline hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
<a class="inline-block text-gray-600 no-underline dark:text-white hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
href="https://romans-status-page.vercel.app/status/freedium" target="_blank">status page</a>
|
||||
</li> -->
|
||||
<li class="mr-3">
|
||||
<a class="inline-block text-gray-600 dark:text-white no-underline hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
<a class="inline-block text-gray-600 no-underline dark:text-white hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
href="https://liberapay.com/ZhymabekRoman/" target="_blank" rel="noreferrer">librepay</a>
|
||||
</li>
|
||||
<li class="mr-3">
|
||||
<a class="inline-block text-gray-600 dark:text-white no-underline hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
<a class="inline-block text-gray-600 no-underline dark:text-white hover:text-gray-900 dark:hover:text-white hover:text-underline"
|
||||
href="https://patreon.com/Freedium" target="_blank" rel="noreferrer">patreon</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -158,12 +161,12 @@
|
|||
</div>
|
||||
</nav>
|
||||
|
||||
<body class="dark:bg-gray-800 bg-white">{{ body_template }}</body>
|
||||
<body class="bg-white dark:bg-gray-800">{{ body_template }}</body>
|
||||
<div id="problemModal"
|
||||
class="modal hidden fixed inset-0 w-full h-full flex items-center justify-center overflow-y-auto bg-black bg-opacity-50"
|
||||
class="fixed inset-0 flex items-center justify-center hidden w-full h-full overflow-y-auto bg-black bg-opacity-50 modal"
|
||||
style="z-index: 999999">
|
||||
<div class="modal-container w-11/12 md:max-w-xl mx-auto rounded shadow-lg max-h-screen">
|
||||
<div class="modal-content bg-white dark:bg-gray-800 text-black dark:text-white my-8 py-4 text-left px-6">
|
||||
<div class="w-11/12 max-h-screen mx-auto rounded shadow-lg modal-container md:max-w-xl">
|
||||
<div class="px-6 py-4 my-8 text-left text-black bg-white modal-content dark:bg-gray-800 dark:text-white">
|
||||
<h1 class="text-3xl font-bold">Reporting a Problem</h1>
|
||||
<div class="mt-3">
|
||||
<p>
|
||||
|
|
@ -176,18 +179,18 @@
|
|||
</div>
|
||||
<form action="#" method="POST" class="mt-4" id="problem-form">
|
||||
<div class="mb-4">
|
||||
<label for="problem-description" class="block text-gray-700 dark:text-white font-bold mb-2">Problem
|
||||
<label for="problem-description" class="block mb-2 font-bold text-gray-700 dark:text-white">Problem
|
||||
Description</label>
|
||||
<textarea id="problem-description" name="problem-description"
|
||||
placeholder="Describe your problem here..."
|
||||
class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline"
|
||||
class="w-full px-3 py-2 leading-tight text-gray-700 border rounded shadow appearance-none focus:outline-none focus:shadow-outline"
|
||||
rows="4" required></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<button type="submit"
|
||||
class="m-2 bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Submit</button>
|
||||
class="px-4 py-2 m-2 font-bold text-white bg-blue-500 rounded hover:bg-blue-700 focus:outline-none focus:shadow-outline">Submit</button>
|
||||
<button type="button"
|
||||
class="m-2 modal-close bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">Cancel</button>
|
||||
class="px-4 py-2 m-2 font-bold text-white bg-gray-500 rounded modal-close hover:bg-gray-700 focus:outline-none focus:shadow-outline">Cancel</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue