restructure

master
michael 2022-10-28 17:52:47 -07:00
parent 52fe136f3f
commit 405b9f7f91
7 changed files with 92 additions and 40 deletions

View File

@ -58,9 +58,19 @@ def ratio_pyro():
freq_plot = fig.to_html() freq_plot = fig.to_html()
return render_template( return render_template(
'results.html', 'pyrometry-results.html',
img_orig_b64=img_orig_b64, img_orig_b64=img_orig_b64,
img_res_b64=img_res_b64, img_res_b64=img_res_b64,
legend=key, legend=key,
freq_plot=freq_plot freq_plot=freq_plot
) )
@app.route('/projected_area')
def projected_area():
return render_template('projected-area.html')
@app.route('/projected_area_results')
def projected_area_results():
return render_template('projected-area-results.html')

60
static/app.css Normal file
View File

@ -0,0 +1,60 @@
* {
font-family: sans-serif;
}
html {
margin: 0px;
padding: 0px;
}
.navbar {
display: flex;
flex-direction: row;
align-items: center;
padding: 0px 2rem;
background-color: #e0e0e0;
border-radius: 1rem;
}
.navbar-links {
display: flex;
flex-direction: row;
align-items: center;
margin-left: auto;
}
.navbar-link {
display: flex;
margin-left: 3rem;
}
.form {
display: flex;
flex-direction: column;
}
.img-table-heading {
padding: 4px 10px;
}
.img-table-cell {
padding: 10px 20px;
}
.img-out {
width: 32rem;
}
.legend {
border-spacing: 0px;
border-collapse: collapse;
}
.legend-heading {
padding: 4px;
}
.legend-cell {
border-width: 0px;
padding: 0px 20px;
}

View File

@ -1,4 +0,0 @@
.form {
display: flex;
flex-direction: column;
}

View File

@ -1,15 +1,17 @@
<!DOCTYPE html> <!DOCTYPE html>
<head> <head>
<title>Pyrometry Application</title> <title>Pyrometry Application</title>
<link rel="app.css"> <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
</head> </head>
<body> <body>
<div class="navbar">
<h3>Pyrometry Toolkit</h3>
<div class="navbar-links">
<a class="navbar-link" href="/">Ratio Pyrometry</a>
<a class="navbar-link" href="/projected_area">Projected Area</a>
</div>
</div>
<br>
{% block content required %} {% block content required %}
{% endblock %} {% endblock %}
</body> </body>
<style>
* {
font-family: sans-serif;
}
</style>

View File

@ -0,0 +1,6 @@
{% extends "base.html" %}
{% block content %}
{% endblock %}

View File

@ -0,0 +1,6 @@
{% extends "base.html" %}
{% block content %}
{% endblock %}

View File

@ -39,32 +39,4 @@
<strong>Temperature Distribution</strong> <strong>Temperature Distribution</strong>
{{freq_plot}} {{freq_plot}}
<style>
.img-table-heading {
padding: 4px 10px;
}
.img-table-cell {
padding: 10px 20px;
}
.img-out {
width: 32rem;
}
.legend {
border-spacing: 0px;
border-collapse: collapse;
}
.legend-heading {
padding: 4px;
}
.legend-cell {
border-width: 0px;
padding: 0px 20px;
}
</style>
{% endblock %} {% endblock %}