1
0
Fork 0
Browse Source

add artwork status bar to home page.

pull/7/head
Craig Oates 4 years ago
parent
commit
1ded49cfcf
  1. BIN
      app/static/images/error.png
  2. BIN
      app/static/images/logo.png
  3. BIN
      app/static/images/off.png
  4. BIN
      app/static/images/on.png
  5. 28
      app/static/styles/main.css
  6. 36
      app/templates/home.html

BIN
app/static/images/error.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
app/static/images/logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
app/static/images/off.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
app/static/images/on.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

28
app/static/styles/main.css

@ -32,6 +32,34 @@ main div .header h1 {
font-size: 20px; font-size: 20px;
} }
main div .status-bar {
display: flex;
margin: 5px;
flex-wrap: wrap;
justify-content: space-evenly;
padding: 20px;
border-top: 2px solid #424242;
border-bottom: 2px solid #424242;
}
.meter {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
main div .status-bar .meter img {
width: 30px;
height: 30px;
}
.meter p {
padding: 0px;
margin: 0px;
}
main div h2 { main div h2 {
font-size: 16px; font-size: 16px;
} }

36
app/templates/home.html

@ -7,9 +7,41 @@
<img src="{{ url_for('static', filename='images/logo.png') }}" alt="logo"/> <img src="{{ url_for('static', filename='images/logo.png') }}" alt="logo"/>
<h1>Return to Ritherdon Project</h1> <h1>Return to Ritherdon Project</h1>
</div> </div>
<div class="status-bar"> <h2>Artwork Status</h2>
<div class="status-bar">
<div class="meter">
<img src="{{ url_for('static', filename='images/off.png') }}" alt="logo"/>
<p>Factory 1</p>
</div>
<div class="meter">
<img src="{{ url_for('static', filename='images/off.png') }}" alt="logo"/>
<p>Factory 2</p>
</div>
<div class="meter">
<img src="{{ url_for('static', filename='images/off.png') }}" alt="logo"/>
<p>Factory 3</p>
</div>
<div class="meter">
<img src="{{ url_for('static', filename='images/off.png') }}" alt="logo"/>
<p>Gallery 1</p>
</div>
<div class="meter">
<img src="{{ url_for('static', filename='images/off.png') }}" alt="logo"/>
<p>Gallery 2</p>
</div>
<div class="meter">
<img src="{{ url_for('static', filename='images/off.png') }}" alt="logo"/>
<p>Gallery 3</p>
</div>
</div> </div>
<h2>About the Project</h2> <h2>About the Project</h2>