not yet

2023-07-01 20:29:27 +10:00
parent 7645d83c51
commit dce21d4ad0
10 changed files with 7306 additions and 0 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<!-- 
+    {% assets 'css' %}
+      <link rel="stylesheet" href="{{ ASSET_URL }}">
+    {% endassets %} -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">
+    
+    {% assets 'js' %}
+      <script type="text/javascript" src="{{ ASSET_URL }}"></script>
+    {% endassets %}
+    
+    <title>Flask + htmx</title>
+  </head>
+  <body class="bg-blue-100">
+    {% block content %}
+    {% endblock content %}
+  </body>
+</html>
--- a/templates/page1.html
+++ b/templates/page1.html
@@ -0,0 +1,32 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="w-small w-2/3 mx-auto py-10 text-gray-600">
+  <input
+    type="text"
+    name="search"
+    hx-post="/search"
+    hx-trigger="keyup changed delay:250ms"
+    hx-indicator=".htmx-indicator"
+    hx-target="#todo-results"
+    placeholder="Search"
+    class="bg-white h-10 px-5 pr-10 rounded-full text-2xl focus:outline-none"
+  >
+  <span class="htmx-indicator">Searching...</span>
+</div>
+ suppss
+
+
+<table class="border-collapse w-small w-2/3 mx-auto">
+  <thead>
+    <tr>
+      <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">#</th>
+      <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Title</th>
+      <th class="p-3 font-bold uppercase bg-gray-200 text-gray-600 border border-gray-300 hidden lg:table-cell">Completed</th>
+    </tr>
+  </thead>
+  <tbody id="todo-results">
+    
+  </tbody>
+</table>
+{% endblock content %}