Combine two templates into one and make the page look nicer

This commit is contained in:
leigh-mil 2018-11-30 09:30:04 -05:00
parent 8e3aec9fbb
commit 32b61467c4
5 changed files with 26 additions and 10 deletions

View File

@ -147,9 +147,9 @@ def about():
@bp.route("/csp-environment-access") @bp.route("/csp-environment-access")
def csp_environment_access(): def csp_environment_access():
return render_template("csp_environment_access.html") return render_template("mock_csp.html", text="console for this environment")
@bp.route("/jedi-csp-calculator") @bp.route("/jedi-csp-calculator")
def jedi_csp_calculator(): def jedi_csp_calculator():
return render_template("jedi_csp_calculator.html") return render_template("mock_csp.html", text="service and price calculator")

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 MiB

View File

@ -1,4 +0,0 @@
<p align="center">
<img src="static/icons/cloud.svg" alt="Cloud" width="100" />
</p>
<h3 align="center">You are now being taken to the Cloud Service Provider's console for this environment!</h3>

View File

@ -1,4 +0,0 @@
<p align="center">
<img src="static/icons/cloud.svg" alt="Cloud" width="100" />
</p>
<h3 align="center">You are now being taken to the Cloud Service Provider's service and price calculator!</h3>

24
templates/mock_csp.html Normal file
View File

@ -0,0 +1,24 @@
<div class="csp_container" align="center" >
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="100" height="100">
<path fill="white" id="cloud_icon" d="M11.5 15H5c-2.757 0-5-2.243-5-5 0-2.204 1.446-4.126 3.511-4.769C4.395 3.277 6.335 2 8.5 2c2.773 0 5.058 2.034 5.434 4.727C15.205 7.548 16 8.972 16 10.5c0 2.481-2.019 4.5-4.5 4.5zm-3-11c-1.493 0-2.819.962-3.3 2.394-.115.342-.407.596-.762.664C3.025 7.326 2 8.563 2 10c0 1.654 1.346 3 3 3h6.5c1.379 0 2.5-1.121 2.5-2.5 0-.972-.553-1.835-1.441-2.254-.339-.16-.561-.495-.573-.869C11.918 5.483 10.387 4 8.5 4z"/>
</svg>
<p align="center" >You are now being taken to the Cloud Service Provider's {{ text }}!</p>
</div>
<style>
p {
font-family: "Source Sans Pro", sans-serif;
margin: 1.6rem 0;
font-size: 1.8rem;
font-weight: 700;
}
body {
background-image: url(static/img/cloud_background.jpg);
background-size: cover;
}
.csp_container {
align: center;
padding-top: 10rem;
}
</style>