aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorNavan Chauhan <navanchauhan@gmail.com>2023-10-07 15:20:28 -0600
committerNavan Chauhan <navanchauhan@gmail.com>2023-10-07 15:20:28 -0600
commit7f086eb98ea7053d9939bdb8ae3f46cc5796e9c6 (patch)
treef127e238d12fe081e0a17f1804df521990d13300 /templates
parent44545ae5ea46748e34fc14694f1e801d56581c87 (diff)
add boilerplate
Diffstat (limited to 'templates')
-rw-r--r--templates/index.html73
1 files changed, 73 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..06f78bb
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link href="{{ url_for('static', filename='main.css') }}" rel="stylesheet">
+</head>
+<body>
+ <nav class="bg-gray-800">
+ <div class="mx-auto max-w-7xl px-2 sm:px-6 lg:px-8">
+ <div class="relative flex h-16 items-center justify-between">
+ <div class="absolute inset-y-0 left-0 flex items-center sm:hidden">
+ <!-- Mobile menu button-->
+ <button type="button" class="relative inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" aria-controls="mobile-menu" aria-expanded="false">
+ <span class="absolute -inset-0.5"></span>
+ <span class="sr-only">Open main menu</span>
+ <!--
+ Icon when menu is closed.
+
+ Menu open: "hidden", Menu closed: "block"
+ -->
+ <svg class="block h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
+ </svg>
+ <!--
+ Icon when menu is open.
+
+ Menu open: "block", Menu closed: "hidden"
+ -->
+ <svg class="hidden h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
+ <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
+ </svg>
+ </button>
+ </div>
+ <div class="flex flex-1 items-center justify-center sm:items-stretch sm:justify-start">
+ <div class="flex flex-shrink-0 items-center">
+ <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=500" alt="Your Company">
+ </div>
+ <div class="hidden sm:ml-6 sm:block">
+ <div class="flex space-x-4">
+ <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
+ <a href="#" class="bg-gray-900 text-white rounded-md px-3 py-2 text-sm font-medium" aria-current="page">Home</a>
+ <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white rounded-md px-3 py-2 text-sm font-medium">Saved Searches</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Mobile menu, show/hide based on menu state. -->
+ <div class="sm:hidden" id="mobile-menu">
+ <div class="space-y-1 px-2 pb-3 pt-2">
+ <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
+ <a href="#" class="bg-gray-900 text-white block rounded-md px-3 py-2 text-base font-medium" aria-current="page">Home</a>
+ <a href="#" class="text-gray-300 hover:bg-gray-700 hover:text-white block rounded-md px-3 py-2 text-base font-medium">Saved Searches</a>
+ </div>
+ </div>
+ </nav>
+
+ <div>
+ <label for="email" class="block text-sm font-medium leading-6 text-gray-900">Email</label>
+ <div class="relative mt-2 rounded-md shadow-sm">
+ <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3">
+ <svg class="h-5 w-5 text-gray-400" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+ <path d="M3 4a2 2 0 00-2 2v1.161l8.441 4.221a1.25 1.25 0 001.118 0L19 7.162V6a2 2 0 00-2-2H3z" />
+ <path d="M19 8.839l-7.77 3.885a2.75 2.75 0 01-2.46 0L1 8.839V14a2 2 0 002 2h14a2 2 0 002-2V8.839z" />
+ </svg>
+ </div>
+ <input type="email" name="email" id="email" class="block w-full rounded-md border-0 py-1.5 pl-10 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="you@example.com">
+ </div>
+ </div>
+</body>
+</html> \ No newline at end of file