feature/completed navbar/header functionality
This commit is contained in:
Joaquin committed
1 parent
02a8374a58
commit
7fa75457c9
10 files changed
+140
-109
No files matched your search
+5
-32
@@ -5,37 +5,8 @@
|
|||||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-white dark:bg-gray-900">
|
<body class="bg-white dark:bg-gray-900">
|
||||||
<header>
|
<%- include("./partials/headerStart") %>
|
||||||
<nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
|
||||||
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
|
|
||||||
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
|
|
||||||
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
|
|
||||||
</a>
|
|
||||||
<button data-collapse-toggle="navbar-solid-bg" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-solid-bg" aria-expanded="false">
|
|
||||||
<span class="sr-only">Open main menu</span>
|
|
||||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
|
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
|
|
||||||
<ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent dark:bg-gray-800 md:dark:bg-transparent dark:border-gray-700">
|
|
||||||
<li>
|
|
||||||
<a href="/landing" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Home</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="/aboutUs" class="block py-2 px-3 md:p-0 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent" aria-current="page">About Us</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="mailto:rcalculator@gmail.com" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact us</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
<section class="bg-white dark:bg-gray-900 py-12 md:py-20">
|
<section class="bg-white dark:bg-gray-900 py-12 md:py-20">
|
||||||
<div class="max-w-screen-lg mx-auto px-4 text-center">
|
<div class="max-w-screen-lg mx-auto px-4 text-center">
|
||||||
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">About RCalculator</h1>
|
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">About RCalculator</h1>
|
||||||
@@ -70,14 +41,16 @@
|
|||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<footer>
|
<footer>
|
||||||
<div class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
<div class="fixed bottom-0 left-0 z-50 hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<p>© 2025 RCalculator. All rights reserved.</p>
|
<p>© 2025 RCalculator. All rights reserved.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<%- include("./partials/navBar") %>
|
|
||||||
</footer>
|
</footer>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
<!--fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-white border-t border-gray-200 dark:bg-gray-400-->
|
||||||
+15
-10
@@ -1,18 +1,23 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
<head>
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||||
<title>Document</title>
|
<title>Document</title>
|
||||||
</head>
|
</head>
|
||||||
|
<body>
|
||||||
<body>
|
<%- include("./partials/header") %>
|
||||||
<header>
|
<main>
|
||||||
<%- include("./partials/navBar") %>
|
|
||||||
</header>
|
|
||||||
The Assets Page
|
The Assets Page
|
||||||
</body>
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="fixed bottom-0 left-0 z-50 hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<p>© 2025 RCalculator. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%- include("./partials/navBar") %>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
</html>
|
</html>
|
||||||
+11
-3
@@ -9,10 +9,18 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<%- include("./partials/header") %>
|
||||||
|
<main>
|
||||||
|
The Dashboard Page
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<p>© 2025 RCalculator. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<%- include("./partials/navBar") %>
|
<%- include("./partials/navBar") %>
|
||||||
</header>
|
</footer>
|
||||||
The Home Page
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
+8
-3
@@ -9,10 +9,15 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
|
||||||
<%- include("./partials/navBar") %>
|
|
||||||
</header>
|
|
||||||
The Index Page
|
The Index Page
|
||||||
|
<footer>
|
||||||
|
<div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<p>© 2025 RCalculator. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%- include("./partials/navBar") %>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
+4
-30
@@ -5,35 +5,7 @@
|
|||||||
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@3.3.2/dist/tailwind.min.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="bg-white dark:bg-gray-900">
|
<body class="bg-white dark:bg-gray-900">
|
||||||
<header>
|
<%- include("./partials/headerStart") %>
|
||||||
<nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
|
||||||
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
|
|
||||||
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
|
|
||||||
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
|
|
||||||
</a>
|
|
||||||
<button data-collapse-toggle="navbar-solid-bg" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-solid-bg" aria-expanded="false">
|
|
||||||
<span class="sr-only">Open main menu</span>
|
|
||||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
|
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<div class="hidden w-full md:block md:w-auto" id="navbar-solid-bg">
|
|
||||||
<ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-transparent dark:bg-gray-800 md:dark:bg-transparent dark:border-gray-700">
|
|
||||||
<li>
|
|
||||||
<a href="/landing" class="block py-2 px-3 md:p-0 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:dark:text-blue-500 dark:bg-blue-600 md:dark:bg-transparent" aria-current="page">Home</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="/aboutUs" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">About Us</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="mailto:rcalculator@gmail.com" class="block py-2 px-3 md:p-0 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Contact us</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
<main>
|
<main>
|
||||||
<section class="bg-center bg-no-repeat bg-cover bg-[url('/images/bg1.jpg')] bg-gray-400 bg-blend-multiply">
|
<section class="bg-center bg-no-repeat bg-cover bg-[url('/images/bg1.jpg')] bg-gray-400 bg-blend-multiply">
|
||||||
<div class="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56">
|
<div class="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56">
|
||||||
@@ -53,10 +25,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
<footer>
|
||||||
|
<div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<p>© 2025 RCalculator. All rights reserved.</p>
|
<p>© 2025 RCalculator. All rights reserved.</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
|
||||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
|
||||||
|
|||||||
+11
-4
@@ -1,6 +1,5 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
@@ -9,10 +8,18 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<%- include("./partials/header") %>
|
||||||
<%- include("./partials/navBar") %>
|
<main>
|
||||||
</header>
|
|
||||||
The More Page
|
The More Page
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<p>© 2025 RCalculator. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%- include("./partials/navBar") %>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -0,0 +1,26 @@
|
|||||||
|
<header>
|
||||||
|
<nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
|
||||||
|
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||||
|
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
|
||||||
|
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
|
||||||
|
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
|
||||||
|
</a>
|
||||||
|
<div class="hidden w-full lg:block lg:w-auto" id="navbar-solid-bg">
|
||||||
|
<ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 lg:space-x-8 rtl:space-x-reverse lg:flex-row lg:mt-0 lg:border-0 lg:bg-transparent dark:bg-gray-800 lg:dark:bg-transparent dark:border-gray-700">
|
||||||
|
<li>
|
||||||
|
<a href="/home" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Dashboard</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/assets" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Assets</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/plans" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Plans</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/more" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">More</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
@@ -0,0 +1,32 @@
|
|||||||
|
<header>
|
||||||
|
<nav class="bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
|
||||||
|
<div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
|
||||||
|
<a href="#" class="flex items-center space-x-3 rtl:space-x-reverse">
|
||||||
|
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/png/rekor.png" class="h-8" alt="Flowbite Logo" />
|
||||||
|
<span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">RCalculator</span>
|
||||||
|
</a>
|
||||||
|
<button data-collapse-toggle="navbar-solid-bg" type="button"
|
||||||
|
class="inline-flex items-center justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
|
||||||
|
aria-controls="navbar-solid-bg" aria-expanded="false">
|
||||||
|
<span class="sr-only">Open main menu</span>
|
||||||
|
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none" viewBox="0 0 17 14">
|
||||||
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M1 1h15M1 7h15M1 13h15" />
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<div class="hidden w-full lg:block lg:w-auto" id="navbar-solid-bg">
|
||||||
|
<ul class="flex flex-col font-medium mt-4 rounded-lg bg-gray-50 lg:space-x-8 rtl:space-x-reverse lg:flex-row lg:mt-0 lg:border-0 lg:bg-transparent dark:bg-gray-800 lg:dark:bg-transparent dark:border-gray-700">
|
||||||
|
<li>
|
||||||
|
<a href="/landing" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Home</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="/aboutUs" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">About Us</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="mailto:rcalculator@gmail.com" class="block py-2 px-3 lg:p-0 text-gray-900 rounded hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-blue-700 dark:text-white lg:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent">Contact us</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
@@ -1,37 +1,30 @@
|
|||||||
<div class="fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-white border-t border-gray-200 dark:bg-gray-400">
|
<div class="fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 text-gray-500 dark:text-gray-400 text-sm">
|
||||||
<form method="GET" class="h-16">
|
<div class="grid h-16 max-w-lg grid-cols-4 mx-auto font-medium">
|
||||||
<div class="grid h-full max-w-lg grid-cols-4 mx-auto font-medium">
|
<a href="/home" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
||||||
<button formaction="/home" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
|
||||||
<path fill-rule="evenodd" d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z" clip-rule="evenodd"/>
|
<path fill-rule="evenodd" d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z" clip-rule="evenodd"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="text-sm text-black">Home</span>
|
<span class="text-gray-500 dark:text-gray-400 text-sm">Dashboard</span>
|
||||||
</button>
|
</a>
|
||||||
<button formaction="/assets" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
<a href="/assets" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
||||||
<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
|
||||||
<rect width="30" height="30" fill="url(#pattern0_102_91)"/>
|
<path d="M10.464 8.746c.227-.18.497-.311.786-.394v2.795a2.252 2.252 0 0 1-.786-.393c-.394-.313-.546-.681-.546-1.004 0-.323.152-.691.546-1.004ZM12.75 15.662v-2.824c.347.085.664.228.921.421.427.32.579.686.579.991 0 .305-.152.671-.579.991a2.534 2.534 0 0 1-.921.42Z" />
|
||||||
<defs>
|
<path fill-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM12.75 6a.75.75 0 0 0-1.5 0v.816a3.836 3.836 0 0 0-1.72.756c-.712.566-1.112 1.35-1.112 2.178 0 .829.4 1.612 1.113 2.178.502.4 1.102.647 1.719.756v2.978a2.536 2.536 0 0 1-.921-.421l-.879-.66a.75.75 0 0 0-.9 1.2l.879.66c.533.4 1.169.645 1.821.75V18a.75.75 0 0 0 1.5 0v-.81a4.124 4.124 0 0 0 1.821-.749c.745-.559 1.179-1.344 1.179-2.191 0-.847-.434-1.632-1.179-2.191a4.122 4.122 0 0 0-1.821-.75V8.354c.29.082.559.213.786.393l.415.33a.75.75 0 0 0 .933-1.175l-.415-.33a3.836 3.836 0 0 0-1.719-.755V6Z" clip-rule="evenodd" />
|
||||||
<pattern id="pattern0_102_91" patternContentUnits="objectBoundingBox" width="1" height="1">
|
|
||||||
<use xlink:href="#image0_102_91" transform="scale(0.0104167)"/>
|
|
||||||
</pattern>
|
|
||||||
<image id="image0_102_91" width="96" height="96" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
</svg>
|
||||||
<span class="text-sm text-black">Assets</span>
|
<span class="text-gray-500 dark:text-gray-400 text-sm">Assets</span>
|
||||||
</button>
|
</a>
|
||||||
<button formaction="/plans" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
<a href="/plans" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
|
||||||
<path d="M13.09 3.294c1.924.95 3.422 1.69 5.472.692a1 1 0 0 1 1.438.9v9.54a1 1 0 0 1-.562.9c-2.981 1.45-5.382.24-7.25-.701a38.739 38.739 0 0 0-.622-.31c-1.033-.497-1.887-.812-2.756-.77-.76.036-1.672.357-2.81 1.396V21a1 1 0 1 1-2 0V4.971a1 1 0 0 1 .297-.71c1.522-1.506 2.967-2.185 4.417-2.255 1.407-.068 2.653.453 3.72.967.225.108.443.216.655.32Z"/>
|
<path d="M13.09 3.294c1.924.95 3.422 1.69 5.472.692a1 1 0 0 1 1.438.9v9.54a1 1 0 0 1-.562.9c-2.981 1.45-5.382.24-7.25-.701a38.739 38.739 0 0 0-.622-.31c-1.033-.497-1.887-.812-2.756-.77-.76.036-1.672.357-2.81 1.396V21a1 1 0 1 1-2 0V4.971a1 1 0 0 1 .297-.71c1.522-1.506 2.967-2.185 4.417-2.255 1.407-.068 2.653.453 3.72.967.225.108.443.216.655.32Z"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="text-sm text-black">Plans</span>
|
<span class="text-gray-500 dark:text-gray-400 text-sm">Plans</span>
|
||||||
</button>
|
</a>
|
||||||
<button formaction="/more" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
<a href="/more" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
|
||||||
<svg height="30" width="30" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 17 14">
|
<svg height="30" width="30" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 17 14">
|
||||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="text-sm text-black">More</span>
|
<span class="text-gray-500 dark:text-gray-400 text-sm">More</span>
|
||||||
</button>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
+11
-3
@@ -9,10 +9,18 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<%- include("./partials/header") %>
|
||||||
<%- include("./partials/navBar") %>
|
<main>
|
||||||
</header>
|
|
||||||
The Plans Page
|
The Plans Page
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="fixed bottom-0 left-0 z-50 sm:hidden lg:block w-full h-16 bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<p>© 2025 RCalculator. All rights reserved.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<%- include("./partials/navBar") %>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in new issue
Block a user