Half way there

CTOAsYouGo/core/templates/core/home.html

@@ -1,18 +1,17 @@
 {% extends 'core/base.html' %}
 {% load currency_filters %}
-
 {% block content %}
     <!-- add your search bar here -->
 
     <div class="task-cards pt-3">
         {% for task in tasks %}
+        <a href="/task/{{ task.id }}">
 <article class="rounded-xl border-2 border-gray-200 bg-slate-100 mb-3 ml-3 mr-3">
+
   <div class="flex items-start gap-4 p-4 sm:p-6 lg:p-8 ">
     <div>
-      <h3 class="font-medium sm:text-lg">
-        <a href="/task/{{ task.id }}" class="hover:underline">
+      <h3 class="font-medium sm:text-lg hover:underline">
           {{ task.title }}
-        </a>
       </h3>
 
       <p class="line-clamp-2 text-sm text-gray-700">
@@ -23,6 +22,7 @@
     </div>
   </div>
 </article>
+</a>
         {% endfor %}
     </div>
 {% endblock %}

CTOAsYouGo/core/templates/core/task_detail.html

@@ -0,0 +1,47 @@
+{% extends 'core/base.html' %}
+{% load currency_filters %}
+{% block content %}
+  <article>
+    <h1 class="font-bold rounded-xl border-2 border-gray-200 bg-slate-100 mb-3 ml-3 mr-3 p-4 text-lg">{{ task.title }}</h1>
+<section class="rounded-xl border-2 border-gray-200 bg-slate-100 mb-3 ml-3 mr-3 p-4">
+    <p>{{ task.description }}</p>
+    
+    <p>From: {{ task.price_from|cents_to_dollars }} To: {{ task.price_to|cents_to_dollars }}</p>
+</section>
+
+
+<section class="rounded-xl border-2 border-gray-200 bg-slate-100 mb-3 ml-3 mr-3 p-4">
+  <form class="">
+  <div class="flex flex-wrap -mx-3 mb-6">
+    <div class="w-full md:w-1/2 px-3 mb-6 md:mb-0">
+      <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-first-name">
+        First Name
+      </label>
+      <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-red-500 rounded py-3 px-4 mb-3 leading-tight focus:outline-none focus:bg-white" id="grid-first-name" type="text" placeholder="Jane">
+      <p class="text-red-500 text-xs italic">Please fill out this field.</p>
+    </div>
+  </div>
+  <div class="flex flex-wrap -mx-3 mb-6">
+    <div class="w-full md:w-1/2 px-3">
+      <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-last-name">
+        Last Name
+      </label>
+      <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" id="grid-last-name" type="text" placeholder="Doe">
+    </div>
+  </div>
+  <div class="flex flex-wrap -mx-3 mb-2">
+    <div class="w-full md:w-1/3 px-3 mb-6 md:mb-0">
+      <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
+        City
+      </label>
+      <input class="appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white focus:border-gray-500" id="grid-city" type="text" placeholder="Albuquerque">
+    </div>
+  </div>
+</form>
+</section>
+
+
+
+</article>
+
+{% endblock %}

CTOAsYouGo/core/templates/core/task_details.html

@@ -1,10 +0,0 @@
-{% extends 'core/base.html' %}
-
-{% block content %}
-    <!-- add your task details here -->
-
-    <h2>{{ task.title }}</h2>
-    <p>{{ task.description }}</p>
-    <p>{{ task.price_from }} - {{ task.price_to }}</p>
-    <a href="/task/{{ task.id }}/create_request">Create a request</a>
-{% endblock %}