Commit 01864770 authored by Kristian Tan's avatar Kristian Tan

Added sections for different html elements

parent 13d04c55
...@@ -7,3 +7,24 @@ body{ ...@@ -7,3 +7,24 @@ body{
text-align: center; text-align: center;
background-color: aqua; background-color: aqua;
} }
.container{
display: flex;
flex-direction: row;
background-color: red;
}
.device_list{
width: 25%;
background-color: red;
}
.spacer{
width: 10%;
background-color: green;
}
.smart_meter{
width: 65%;
background-color: coral;
}
\ No newline at end of file
...@@ -9,7 +9,9 @@ ...@@ -9,7 +9,9 @@
</div> </div>
<body> <body>
<h1>Device Listing and Status</h1> <div class="container">
<div class="device_list">
<h3>Device Listing and Status</h3>
{% for pin in pins %} {% for pin in pins %}
<p>The {{ pins[pin].name }} <p>The {{ pins[pin].name }}
...@@ -24,6 +26,14 @@ ...@@ -24,6 +26,14 @@
{% if message %} {% if message %}
<h2>{{ message }}</h2> <h2>{{ message }}</h2>
{% endif %} {% endif %}
</div>
<div class="spacer"></div>
<div class="smart_meter"></div>
</div>
</body> </body>
</html> </html>
\ No newline at end of file
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