Skip to content

M
myproject
Commit 7ca5270e authored by phatiphan.th.63's avatar phatiphan.th.63
Browse files
Options

homepage

parent d873dcdf
Hide whitespace changes
Inline Side-by-side
Showing with 85 additions and 20 deletions
myapp/templates/account/login.html
View file @ 7ca5270e
......@@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pos food</title>
<title>Login</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
......@@ -38,7 +38,7 @@
<input
for="username" type="text" id="username" name="username"
class="form-control block w-full px-4 py-2 text-xl font-normal text-gray-700 bg-white bg-clip-padding border border-solid border-gray-300 rounded transition ease-in-out m-0 focus:text-gray-700 focus:bg-white focus:border-blue-600 focus:outline-none"
placeholder=""
placeholder="Username"
/>
</div>
......
myapp/templates/account/register.html
View file @ 7ca5270e
......@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Todo list</title>
<title>Register</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
......@@ -45,7 +45,7 @@
<div class="flex items-center w-full max-w-md px-6 mx-auto lg:w-2/6">
<div class="flex-1">
<div class="text-center">
<h2 class="text-4xl font-bold text-center text-gray-700 dark:text-white">Resiter</h2>
<h2 class="text-4xl mt-20 font-bold text-center text-gray-700 dark:text-white">Register</h2>
<p class="mt-3 text-gray-500 dark:text-gray-300">Sign in to access your account</p>
</div>
......@@ -84,7 +84,8 @@
</div>
<div class="mt-6">
<div class="flex justify-between mb-1">
<label for="" class="text-sm text-gray-600 dark:text-gray-200">Repassword</label>
<label for="" class="text-sm text-gray-600 dark:text-gray-200">Repassword</label>]
</div>
</div>
<div>
......@@ -103,7 +104,6 @@
</form>
<p class="mt-6 text-sm text-center text-gray-400">Don&#x27;t have an account yet? <a href="#" class="text-blue-500 focus:outline-none focus:underline hover:underline">Sign up</a>.</p>
</div>
</div>
</div>
......
myapp/templates/base.html
View file @ 7ca5270e
......@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Todo list</title>
<title>POS FOOD</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
......
myapp/templates/contact.html
View file @ 7ca5270e
......@@ -2,8 +2,16 @@
{% block main %}
{% include 'nav.html' %}
<h1>พี่เหน่งช่วยหนูด้วย</h1>
<div class=" ml-20 flex justify-center">
<div class="items-center w-2/5 p-0">
<img src="https://i.pinimg.com/564x/cb/38/bb/cb38bbfea6928cdeb70adee757e2915b.jpg">
</div>
<div class="w-3/5 mr-20">
<h1 class="text-4xl text-blue-900 mt-40 ">About Us</h1>
<h2 class="m-2 text-2xl">Food POS</h2>
<p class="mt-2 ml-4">คือว่าในปัจจุบันเป็นยุคแห่งการใช้เทคโนโลยี เช่น ผู้คนนิยมใช้อุปกรณ์อิเล็กทรอนิกกัน อย่างแผร่หลายเนื่องจากพกพาง่ายและสะดวกต่อการใช้งาน จากปัจจัยที่กลาวมาข้างต้น พวกเราได้มองเห็นปัญหา เช่น ในร้านอาหารต่างๆ เวลาที่จะสั่ง อาหารต้องใช้กระดาษเพื่อ ลิสต์ ออร์เดอร์อาหารที่ต้องการแล้วยื่นให้กับพนักงาน แต่ไม่ใช้ว่าจะมีเพียงแค่ 1 โต๊ะที่จะสั่งอาหาร จึงทำให้เกิดความล่าช้า และเสียเวลา แล้วเราไม่รู้ด้วยว่า บิลที่เราบออร์เดอร์แล้ว มาก่อนมาหลัง พวกเราจึงได้พัฒนา
(Web Application)นี้ขึ้นมา</p>
</div>
</div>
{% endblock %}
\ No newline at end of file
myapp/templates/header.html 0 → 100644
View file @ 7ca5270e
{% extends 'base.html' %}
{% block main %}
<nav class="bg-white border-gray-200 dark:bg-gray-700">
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4 md:px-6 py-2.5">
<span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">Food Shop</span>
<div class="flex items-center">
</div>
</div>
</nav>
{% endblock %}
\ No newline at end of file
myapp/templates/home.html
View file @ 7ca5270e
......@@ -4,7 +4,9 @@
{% include 'nav.html' %}
<div class="mt-20 ml-20">
<img src="https://cdn0.iconfinder.com/data/icons/kameleon-free-pack-rounded/110/Food-Dome-512.png">
</div>
{% endblock %}
\ No newline at end of file
myapp/templates/login.html 0 → 100644
View file @ 7ca5270e
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Univ Web Project Login</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<!-- component -->
<section class="bg-gray-50 dark:bg-white">
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
<div class="w-full bg-white rounded-lg shadow dark:border md:mt-0 sm:max-w-md xl:p-0 dark:bg-white-800 dark:border-gray-700">
<div class="p-6 space-y-4 md:space-y-6 sm:p-8">
<h1 class="text-xl font-bold leading-tight tracking-tight text-gray-900 md:text-2xl dark:text-black">
Sign in to your account
</h1>
<form method="post" class="space-y-4 md:space-y-6" action="/login">
{% csrf_token %}
<div>
<label for="username" class="block mb-2 text-sm font-medium text-gray-900 dark:text-black">Username</label>
<input type="text" name="username" id="username" class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-200 dark:border-gray-600 dark:placeholder-gray-400 dark:text-black dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Username">
</div>
<div>
<label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-black">Password</label>
<input type="password" name="password" id="password" placeholder="••••••••" class="bg-gray-50 border border-gray-300 text-black-900 sm:text-sm rounded-lg focus:ring-primary-600 focus:border-primary-600 block w-full p-2.5 dark:bg-gray-200 dark:border-gray-600 dark:placeholder-gray-400 dark:text-black dark:focus:ring-blue-500 dark:focus:border-blue-500">
</div>
<a href="#" class="text-sm font-medium text-primary-600 hover:underline dark:text-primary-500">Forgot password?</a>
</div>
<div class="flex items-center justify-center">
<button type="submit" class="shadow-xl text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">Login</button>
<button class="shadow-xl text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"><a href="/index">Home</a></button>
</div>
</form>
</div>
</div>
</div>
</section>
</body>
</html>
\ No newline at end of file
myapp/templates/nav.html
View file @ 7ca5270e
<nav class="bg-gray-500 border-gray-200 dark:bg-gray-900">
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4 md:px-6 py-2.5">
<nav class="bg-white border-gray-200 dark:bg-blue-400">
<div class="flex bg-blue-400 flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4 md:px-6 py-2.5">
<span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">Food Shop</span>
<div class="flex items-center">
<div class="bg-blue-400 flex items-center">
{% if user.is_authenticated %}
<span class="text-white m-l-5">Welcome {{ user.username }}</span>
<a href="/logout" class="text-sm m-5 font-medium text-blue-600 dark:text-blue-500 hover:underline">Logout</a>
{% else %}
<a href="/login" class="text-sm m-5 font-medium text-blue-600 dark:text-blue-500 hover:underline">Login</a>
<a href="/register" class="text-sm font-medium text-blue-600 dark:text-blue-500 hover:underline">Register</a>
<a href="/login" class="text-sm m-5 font-medium text-white-600 dark:text-white hover:underline">Login</a>
<a href="/register" class="text-sm font-medium text-white-600 dark:text-white hover:underline">Register</a>
{% endif %}
</div>
</div>
</nav>
<nav class="bg-gray-50 dark:bg-gray-200">
<div class="py-3 px-4 mx-auto max-w-screen-xl md:px-6">
<nav class="bg-gray-300 dark:bg-gray-200">
<div class="py-3 px-4 mx-auto max-w-screen-xl md:px-6">
<div class="flex items-center">
<ul class="flex flex-row mt-0 mr-6 space-x-8 text-sm font-medium">
<li>
<a href="/" class="text-gray-900 dark:text-black hover:underline" aria-current="page">หน้าหลัก</a>
</li>
<li>
<a href="/" class="text-gray-900 dark:text-black hover:underline">อาหารแนะนำ</a>
<a href="/" class="text-gray-900 dark:text-black hover:underline">รายการอาหาร</a>
</li>
<li>
<a href="/contact" class="text-gray-900 dark:text-black hover:underline">ติดต่อเรา</a>
<a href="/contact" class="text-gray-900 dark:text-black hover:underline">เกี่ยวกับเรา</a>
</li>
</ul>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment