Templates Added

bhardwajaditya · Oct 13, 2018 · 209e963 · 209e963
1 parent 994c187
commit 209e963
Show file tree

Hide file tree

Showing 6 changed files with 192 additions and 2 deletions.
diff --git a/app.py b/app.py
@@ -1,6 +1,6 @@
 import pymongo
 from pymongo import MongoClient
-from flask import Flask, request,make_response
+from flask import Flask, request,make_response,render_template, url_for, request
 import hmac, hashlib
 import base64
 import os
@@ -26,7 +26,7 @@
 
 @app.route('/')
 def index():
-    return '<h1>Welcome to Medisyst!</h1>'
+    return render_template('index.html')
 
 @app.route('/symptoms')
 def symptom():
@@ -40,6 +40,10 @@ def symptom():
         A.append(res)
     return json_response(A)
 
+@app.route('/diagnose')
+def diagnosepage():
+    return render_template('diagnosis.html')
+
 @app.route('/diagnosis')
 def diagnose():
     if(request.method=='GET'):
@@ -119,6 +123,8 @@ def signin():
         return "yes"
     else:
         return "no"
+
+
 
 @app.route('/search')
 def gsearch():

diff --git a/static/cartoon.png b/static/cartoon.png
diff --git a/static/checklist.jpg b/static/checklist.jpg
diff --git a/static/css/style.css b/static/css/style.css
@@ -0,0 +1,49 @@
+body{
+    overflow-x : hidden;
+}
+.bg{
+    background-color:#ffffff;
+}
+
+.navbar-light .navbar-nav .nav-link {
+    color: #000000 
+}
+
+.link1{
+    color:#4c9cdf;
+}
+
+.header {
+    height:20%;
+    margin-top:100px;
+}
+
+.col-md-6 {
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 50%;
+    flex: 0 0 50%;
+    max-width: 50%;
+    max-height : 700px;
+}
+.j1{
+    margin-top:30%;
+}
+.btn1{
+		background-color: #4c9cdf;
+		color: white;
+		margin: 5px;
+	}
+.btn1:hover{
+		background-color:#ffffff;
+		color: black;
+	}
+
+.head2{
+	color: black;
+	font-family: sans-serif;
+	font-size: 1.6em;
+}
+
+.head2:hover{
+	color: black;
+}
diff --git a/templates/diagnosis.html b/templates/diagnosis.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+	<html>
+	<head>
+		<title>MediSyst</title>
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+	<script
+	src="https://code.jquery.com/jquery-3.3.1.min.js"
+	integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+	crossorigin="anonymous"></script>
+
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+
+
+	</head>
+	<body>
+
+	    <nav class="navbar navbar-expand-lg navbar-light bg fixed-top">
+	        <div class="container">
+  <a class="navbar-brand head2" href="#">MediSyst</a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      </ul>
+      <ul class="navbar-nav justify-content-end">
+      <li class="nav-item">
+        <a class="nav-link link1" href="#">Login </a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link link1" href="#">Signup </a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link link1" href="#">Logout </a>
+      </li>
+      </ul>
+
+  </div>
+  </div>
+</nav>
+<br>
+
+
+
+
+	<script type="text/javascript" src="{{ url_for('static', filename='js/script.js') }}"></script>
+
+    </body>
+</html>
diff --git a/templates/index.html b/templates/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+	<html>
+	<head>
+		<title>MediSyst</title>
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+	<script
+	src="https://code.jquery.com/jquery-3.3.1.min.js"
+	integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
+	crossorigin="anonymous"></script>
+
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+	<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+
+
+	</head>
+	<body>
+
+	    <nav class="navbar navbar-expand-lg navbar-light bg fixed-top">
+	        <div class="container">
+  <a class="navbar-brand head2" href="#">MediSyst</a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
+
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav mr-auto">
+      </ul>
+      <ul class="navbar-nav justify-content-end">
+      <li class="nav-item">
+        <a class="nav-link link1" href="#">Login </a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link link1" href="#">Signup </a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link link1" href="#">Logout </a>
+      </li>
+      </ul>
+
+  </div>
+  </div>
+</nav>
+<br>
+<div class="container">
+    <div class="header">
+        <div class="row header">
+            <div class="col-md-6">
+                <div class="j1">
+                <h1><p align="center">Medical Assistant</p></h1>
+                <p align="center">Your answer to all your health needs</p>
+                <p align="center" class="lead">
+				<a class="btn btn1 btn-lg" href="#" role="button">Domestic</a>
+				<a class="btn btn1 btn-lg" href="#" role="button">Industrial</a>
+			</p>
+            </div></div>
+            <div class="col-md-6">
+                <img src="{{ url_for('static', filename='cartoon.png') }}" style="height:85%; margin-left:35%" class="img-fluid">
+            </div>
+        </div>
+    </div>
+    <h1><p align="center">Explore the World of MediSyst</p></h1>
+    <div class="row ">
+
+            <div class="col-md-6">
+                <img src="{{ url_for('static', filename='checklist.jpg') }}" style="height:85%;" class="img-fluid">
+            </div>
+            <div class="col-md-6">
+                <div class="j1">
+                <h1><p align="center">Symptoms analysis</p></h1>
+                <p align="center">Most of us are unaware of the n number of diseases in our body and ignore them most of the time. Now you can check all your issues and their treatment with just few clicks.
+                Click below link to enter the world of medisyst</p>
+                <p align="center" class="lead">
+				<a class="btn btn1 btn-lg" href="#" role="button">Diagnostic Center</a>
+			</p>
+            </div></div>
+        </div>
+    </div>
+</div>
+
+
+	<script type="text/javascript" src="{{ url_for('static', filename='js/script.js') }}"></script>
+
+    </body>
+</html>