MonumentDetection/ContinualLearningFastAPI
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Welcome to Monuments Prediction</title>7 <!-- Bootstrap CSS -->8 <link rel="stylesheet" type="text/css" href="/static/assets/plugins/bootstrap/css/bootstrap.min.css">9 <link rel="stylesheet" type="text/css" href="/static/assets/font-awesome/css/font-awesome.min.css">10 <link rel="stylesheet" type="text/css" href="/static/assets/plugins/animatecss/css/animate.min.css">11 <link rel="stylesheet" type="text/css" href="/static/assets/css/styles.css">12</head>13<body>14 <nav class="navbar navbar-expand-md navbar-dark bg-dark navbar-style-6 font-title py-3" style="background-image: url('{{ url_for("static", path="assets/img/backgrounds/monuments2.jpg") }}');">15 <div class="container">16 <a class="navbar-brand" href="{{ url_for('monuments') }}"><b>Monument Detection</b></a>17 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent6" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">18 <span class="navbar-toggler-icon"></span>19 </button>20 21 <div class="collapse navbar-collapse" id="navbarSupportedContent6">22 <ul class="navbar-nav ml-auto">23 <li class="nav-item active mx-2">24 <a class="nav-link" href="{{ url_for('monuments') }}">Home <span class="sr-only">(current)</span></a>25 </li>26 <li class="nav-item mx-2">27 <a class="nav-link" href="#">Contact</a>28 </li>29 </ul>30 </div>31 </div>32 </nav>33 <br>34 35 <div class="container mt-5">36 <h5 class=" text-center"><i>Prediction Result</i></h5>37 <h6 class=" text-center"><i>Confidence Score {{ confidence_score }}</i></h6>38 39 40 <!-- Display the predicted image -->41 {% if image_content %}42 <div class="row justify-content-center mt-4">43 <div class="col-md-8">44 <img src="data:image/png;base64,{{ image_content }}" class="img-fluid rounded" alt="Predicted Image">45 </div>46 <div class="">47 </div>48 </div>49 {% endif %}50 51 52 <!-- Display additional prediction information -->53 54 <!-- Next Image Button -->55 <div class="row justify-content-center mt-4">56 <div class="col-md-6 text-center">57 <a href="{{url_for('index')}}" class="btn btn-primary">Next Image</a>58 </div>59 </div>60 </div>61 <br>62 <!-- Component Footer 10 start -->63 <footer class="footer-style-6 p-3 bg-hue-dark cwhite background-cover" style="background-image: url('{{ url_for("static", path="assets/img/backgrounds/monuments2.jpg") }}');">64 <div class="row">65 <div class="col-12 col-lg-3 my-1 text-center py-2">66 <span class="font-title h5"><b>Monument </b>Detection</span><br>67 <small class="lighter my-3 op-7 inline">Major Project</small>68 <ul class="py-2 px-0">69 <li class="inline"><a href="#" class=" circle btn-outline-primary btn m-1 inline"><i class="fa fa-google"></i></a></li>70 <li class="inline"><a href="#" class=" circle btn-outline-primary btn m-1 inline"><i class="fa fa-twitter"></i></a></li>71 <li class="inline"><a href="#" class=" circle btn-outline-primary btn m-1 inline"><i class="fa fa-instagram"></i></a></li>72 </ul>73 </div>74 <div class="col-12 col-lg-6 my-1 text-left py-2 font-title">75 <div class="row">76 <div class="col-4">77 <h6 class="uppercase py-1">Categories</h6>78 <ul class="py-1 px-0">79 <li><a href="#">Stupas</a></li>80 <li><a href="#">shikhar</a></li>81 <li><a href="#">mosque</a></li>82 <li><a href="#">Monastery</a></li>83 </ul>84 </div>85 <div class="col-4">86 <h6 class="uppercase py-1">Features</h6>87 <ul class="py-1 px-0">88 <li><a href="#">Monument Detection</a></li>89 <li><a href="#">ML</a></li>90 </ul>91 </div>92 <div class="col-4">93 <h6 class="uppercase py-1">Technologies</h6>94 <ul class="py-1 px-0">95 <li><a href="#">Django</a></li>96 <li><a href="#">pytorch</a></li>97 <li><a href="#">Machine Learning</a></li>98 </ul>99 </div>100 </div>101 </div>102 <div class="col-12 col-lg-3 my-1 text-left py-2">103 <h6 class="uppercase py-1">About</h6>104 <small class="lighter my-3 op-7 inline font-body">This is a responsive website that detects monuments from the given image provided by the user.</small>105 </div>106 <div class="col-12 ">107 <div class="mline bg-light"></div>108 </div>109 <div class="col-6 py-2">110 <small class="lighter op-7"></small>111 </div>112 </div>113 </footer>114 115 <!-- Bootstrap JS and Popper.js -->116 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>117 <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>118 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>119</body>120</html>121