Front page
This commit is contained in:
47
CTOAsYouGo/core/templates/core/base.html
Normal file
47
CTOAsYouGo/core/templates/core/base.html
Normal file
@@ -0,0 +1,47 @@
|
||||
{% load compress %}
|
||||
{% load static %}
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title>CTO As You Go</title>
|
||||
<!-- add your CSS and JS files here -->
|
||||
{% compress css %}
|
||||
<link rel="stylesheet" href="{% static 'src/output.css' %}">
|
||||
{% endcompress %}
|
||||
<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<header class="bg-white">
|
||||
<div
|
||||
class="mx-auto flex h-16 max-w-screen-xl items-center gap-8 px-4 sm:px-6 lg:px-8"
|
||||
>
|
||||
<a class="block text-teal-600 dark:text-teal-300" href="/">
|
||||
<span class="sr-only">Home</span>
|
||||
<img src="{% static 'images/logo.png' %}" alt="cto as you go logo">
|
||||
</a>
|
||||
|
||||
<div class="flex flex-1 items-center justify-end md:justify-between">
|
||||
|
||||
<div class="flex items-center gap-4">
|
||||
<div class="sm:flex sm:gap-4">
|
||||
<a
|
||||
class="block rounded-md bg-gray-100 px-5 py-2.5 text-sm font-medium text-teal-600 transition hover:text-teal-600/75 sm:block"
|
||||
href="/why_it_works"
|
||||
>
|
||||
How?
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
28
CTOAsYouGo/core/templates/core/home.html
Normal file
28
CTOAsYouGo/core/templates/core/home.html
Normal file
@@ -0,0 +1,28 @@
|
||||
{% extends 'core/base.html' %}
|
||||
{% load currency_filters %}
|
||||
|
||||
{% block content %}
|
||||
<!-- add your search bar here -->
|
||||
|
||||
<div class="task-cards pt-3">
|
||||
{% for task in tasks %}
|
||||
<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">
|
||||
{{ task.title }}
|
||||
</a>
|
||||
</h3>
|
||||
|
||||
<p class="line-clamp-2 text-sm text-gray-700">
|
||||
From: {{ task.price_from|cents_to_dollars }} To: {{ task.price_to|cents_to_dollars }}
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
10
CTOAsYouGo/core/templates/core/task_details.html
Normal file
10
CTOAsYouGo/core/templates/core/task_details.html
Normal file
@@ -0,0 +1,10 @@
|
||||
{% 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 %}
|
||||
6
CTOAsYouGo/core/templates/core/why_it_works.html
Normal file
6
CTOAsYouGo/core/templates/core/why_it_works.html
Normal file
@@ -0,0 +1,6 @@
|
||||
{% extends 'core/base.html' %}
|
||||
|
||||
{% block content %}
|
||||
<h1>Why it works?</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis volutpat sem, quis ultrices orci imperdiet sit amet.</p>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user