add logo and favicon

satyam-seth · Dec 23, 2020 · 47b410e · 47b410e
1 parent 1c42cde
commit 47b410e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 2 deletions.
diff --git a/App/static/images/icon.png b/App/static/images/icon.png
diff --git a/App/templates/base.html b/App/templates/base.html
@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link href="{{url_for('static',filename='css/bootstrap.min.css')}}" rel="stylesheet">
     <link href="{{url_for('static',filename='css/style.css')}}" rel="stylesheet">
+    <link rel="shortcut icon" href="{{url_for('static',filename='images/icon.png')}}" type="image/x-icon">
     <title>Diabetes Predictor</title>
 </head>
 <body>

diff --git a/App/templates/home.html b/App/templates/home.html
@@ -5,7 +5,7 @@
             <div class="container py-5">
                 <div class="row">
                   <div class="col-md-6 offset-md-3">
-                    <p class="text-center h1 alert alert-secondary shadow">Diabetes Predictor</p>
+                    <p class="text-center h2 alert alert-secondary shadow">Diabetes Predictor</p>
                     <form action="/predict" method="POST" class="text-white">
                         <div class="mb-3">
                           <label for="InputPregnancies" class="form-label">Number of Pregnancies</label>

diff --git a/App/templates/navbar.html b/App/templates/navbar.html
@@ -1,6 +1,11 @@
 <nav class="navbar navbar-expand-lg navbar-light shadow-lg">
     <div class="container-fluid">
-      <a class="navbar-brand" href="#"><span style="font-size: 4vh;"><b>Diabetes Predictor</b></span></a>
+      <a class="navbar-brand" href="/">
+        <span style="font-size: 3.7vh;">
+          <img src="{{url_for('static',filename='images/icon.png')}}" width="35px" alt="logo">
+          <b>Diabetes Predictor</b>
+        </span>
+      </a>
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
       </button>