diff --git a/raspberry-backend/templates/index_v3.html b/raspberry-backend/templates/index_v3.html index f947b78e0a5f08bda5ffe6950b3c1faf3af9e7f4..a21cf0c87f563556885ffdd80c9d03ff4ad2f898 100644 --- a/raspberry-backend/templates/index_v3.html +++ b/raspberry-backend/templates/index_v3.html @@ -13,7 +13,8 @@ </head> <body class="sb-nav-fixed"> <nav class="sb-topnav navbar navbar-expand navbar-dark bg-dark"> - <a class="navbar-brand" href="index.html">High Energy Ventilator</a><!--<button class="btn btn-link btn-sm order-1 order-lg-0" id="sidebarToggle" href="#"><i class="fas fa-bars"></i></button> !--> + <a class="navbar-brand" href=""> <img src="{{ url_for('static', filename='img/cern-hev-logo.png') }}" id="logo"> +</a><!--<button class="btn btn-link btn-sm order-1 order-lg-0" id="sidebarToggle" href="#"><i class="fas fa-bars"></i></button> !--> <!-- <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0"> @@ -37,21 +38,19 @@ <div id="layoutSidenav"> <div id="layoutSidenav_nav"> <nav class="sb-sidenav accordion sb-sidenav-dark" id="sidenavAccordion"> - <img src="{{ url_for('static', filename='img/cern-hev-logo.png') }}" style="width:160px"> - <div class="sb-sidenav-menu"> <div class="nav"> - <a> <div class = "sb-nav-link-icon"><img src="../static/img/fan-solid.svg" style="width:60px;height:60px;"></img> Main </div></a> - <a> <div class = "sb-nav-link-icon"><img src="../static/img/chart-area-solid.svg" style="width:60px;height:60px;"></img> Info </div></a> - <a> <div class = "sb-nav-link-icon"><img src="../static/img/sliders-h-solid.svg" style="width:60px;height:60px;"></img> Modes </div></a> + <a> <div class = "sb-nav-link-icon"><img src="../static/img/fan-solid.svg" style="width:100px;height:100px;"></img></div></a> + <a> <div class = "sb-nav-link-icon"><img src="../static/img/chart-area-solid.svg" style="width:100px;height:100px;"></img></div></a> + <a> <div class = "sb-nav-link-icon"><img src="../static/img/sliders-h-solid.svg" style="width:100px;height:100px;"></img></div></a> </nav> </div> - <div id="layoutSidenav_content"> + <div id="layoutSidenav_content" class="br-red mx-0 my-0 mr-0"> <main> - <div class="container-fluid"> + <div class="container-fluid br-red"> <!--<h1 class="mt-4">Info</h1> !--> <div class = "row"> <div class = "col-md-7 py-0"> @@ -83,7 +82,7 @@ <div class = "col-md-5 py-0 px-0 mr-0"> <div class="row"> - <div class="col-xl-5b px-0 py-0"> + <div class="col-xl-5b px-1 py-0"> <div class="card bg-primary text-white"> <div class="card-header d-flex align-items-center justify-content-between"> <a class="small text-white stretched-link" href="#">Temperature</a> @@ -91,7 +90,7 @@ <div class="card-body"><span class = "reading" id="temperature"></span> ℃</div> </div> </div> - <div class="col-xl-5b px-0 py-0"> + <div class="col-xl-5b px-1 py-0"> <div class="card bg-primary text-white mb-4"> <div class="card-header d-flex align-items-center justify-content-between"> <a class="small text-white stretched-link" href="#">Pressure</a> @@ -102,7 +101,7 @@ </div> <div class="row"> - <div class="col-xl-5b col-md-8 px-0 py-0"> + <div class="col-xl-5b col-md-8 px-1 py-0"> <div class="card bg-primary text-white mb-4"> <div class="card-header d-flex align-items-center justify-content-between"> <a class="small text-white stretched-link" href="#">Temperature</a> @@ -110,7 +109,7 @@ <div class="card-body"><span class = "reading" id = "temperature2"></span> ℃</div> </div> </div> - <div class="col-xl-5b px-0 py-0 col-md-8"> + <div class="col-xl-5b px-1 py-0 col-md-8"> <div class="card bg-primary text-white mb-4"> <div class="card-header d-flex align-items-center justify-content-between"> <a class="small text-white stretched-link" href="#">Pressure</a> @@ -121,7 +120,7 @@ </div> <div class="row"> - <div class="col-xl-5b col-md-8 px-0 py-0"> + <div class="col-xl-5b col-md-8 px-1 py-0"> <div class="card bg-primary text-white mb-4"> <div class="card-header d-flex align-items-center justify-content-between"> <a class="small text-white stretched-link" href="#">Reading 5</a> @@ -129,7 +128,7 @@ <div class="card-body"><span class = "reading" id = "temperature3">00</span> ℃</div> </div> </div> - <div class="col-xl-5b px-0 py-0 col-md-8"> + <div class="col-xl-5b px-1 py-0 col-md-8"> <div class="card bg-primary text-white mb-4"> <div class="card-header d-flex align-items-center justify-content-between"> <a class="small text-white stretched-link" href="#">Reading 6</a>