Commit c5a1aa6f authored by Ishan Patel's avatar Ishan Patel Committed by Krish Moodbidri
Browse files

Added bootstrap elements to basic flask app, edited UI and cleaned up html code

- Update bootstrap_signup_page.html
- Added directories for externall css implementation
- Cleaned up html page to match out theme.
- Edited form field and fixed name, UI format.
- Html class fixes for user_reg page.
parent 4ea527c1
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 196.2 35.7" style="enable-background:new 0 0 196.2 35.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CF0A2C;}
.st1{fill:#FFFFFF;}
</style>
<g>
<path d="M73.8,32.9h1.7v-7.6h-1.7v-2.4h4.9V25h0.1c0.8-1.6,2.4-2.5,4.2-2.5c3.3,0,4.4,1.7,4.4,4.9v5.5h1.7v2.4h-6.8v-2.4h1.6v-5.4
c0-1.3-0.7-2.5-2.2-2.5c-1.9,0-2.7,1.7-2.7,3.3v4.5h1.6v2.4h-6.8C73.8,35.2,73.8,32.9,73.8,32.9z"/>
<path d="M91.4,32.8h2.2V20.5h-2.2V18h9.5c1.7,0,8.9,0.3,8.9,8.6c0,5.8-3.7,8.7-9.3,8.7h-9L91.4,32.8L91.4,32.8z M97.3,32.8h2.9
c3.8,0,5.7-2.4,5.7-6.1s-1.8-6.1-5.7-6.1h-2.9V32.8z"/>
<path d="M114.6,30.1c0,2,1.1,3.2,3.1,3.2c1.2,0,2.1-0.5,2.4-1.8h3.3c-0.6,3-3,4.2-5.9,4.2c-4.3,0-6.7-2.6-6.7-6.7
c0-3.9,2.7-6.4,6.6-6.4c3,0,5.4,1.7,5.9,4.8c0.2,1,0.2,1.9,0.2,2.8h-8.9V30.1z M120.1,27.8c0-1.8-0.9-2.9-2.7-2.9
c-1.8,0-2.8,1.3-2.8,2.9H120.1z"/>
<path d="M125.2,32.9h1.7v-7.6h-1.7v-2.4h4.9V25h0.1c0.8-1.6,2.4-2.5,4.2-2.5c1.9,0,3.2,0.6,4.1,2.3c0.8-1.6,2.3-2.3,4-2.3
c2.7,0,4.6,1.1,4.7,4v6.4h1.7v2.4H142v-2.4h1.6v-5.4c0-1.4-0.5-2.5-2.1-2.5c-1.9,0-2.7,1.5-2.7,3.2v4.7h1.6v2.4h-6.7v-2.4h1.6v-5.4
c0-1.3-0.7-2.5-2.2-2.5c-1.9,0-2.7,1.7-2.7,3.3v4.5h1.6v2.4h-6.8L125.2,32.9L125.2,32.9z"/>
<path d="M158.3,33.5L158.3,33.5c-1.1,1.7-2.3,2.2-4.2,2.2c-2.3,0-4.3-1.3-4.3-4c0-4.1,4.1-4.2,7.2-4.2h1.2v-1
c0-1.5-1.1-1.9-2.4-1.9c-1.4,0-2.2,0.6-2.3,2h-3.3c0.2-3.6,3.1-4.1,6-4.1c4,0,5.3,1.7,5.3,5.4v5h1.6v2.4h-4.9L158.3,33.5
L158.3,33.5z M156.6,29.6c-1.8,0-3.4,0.3-3.4,2c0,1.2,0.8,1.7,1.9,1.7c2.1,0,3.3-1.5,3.2-3.7C158.3,29.6,156.6,29.6,156.6,29.6z"/>
<path d="M165.1,32.9h1.7v-7.6h-1.7v-2.4h4.9V25h0.1c0.8-1.6,2.4-2.5,4.2-2.5c3.3,0,4.4,1.7,4.4,4.9v5.5h1.7v2.4h-6.8v-2.4h1.6v-5.4
c0-1.3-0.7-2.5-2.2-2.5c-1.9,0-2.7,1.7-2.7,3.3v4.5h1.6v2.4h-6.8V32.9z"/>
<path d="M194.5,32.9h1.7v2.4h-4.9v-2.1h-0.1c-1.1,1.7-2.2,2.4-4.4,2.4c-3.6,0-5.4-3-5.4-6.4c0-4.6,2.3-6.8,5.6-6.8
c2.1,0,3.3,1,3.8,2.2h0.1V20h-1.7v-2.4h5.2L194.5,32.9L194.5,32.9z M191.2,28.9c0-2-0.9-3.9-3.1-3.9c-2.3,0-2.9,2-2.9,4.1
c0,2.7,1.1,4.1,2.6,4.1C190.4,33.2,191.2,31.5,191.2,28.9z"/>
</g>
<g>
<path class="st0" d="M63.4,17.7c-2.9,0-5.4,1.3-7,3.4c0.1,0,0.2,0.1,0.3,0.1l3.4,1.6c0.9-0.8,2.1-1.3,3.3-1.3
c2.8,0,5.1,2.3,5.1,5.1s-2.3,5.1-5.1,5.1c-1.3,0-2.4-0.5-3.3-1.3L56.7,32c-0.1,0.1-0.2,0.1-0.3,0.1c1.6,2.1,4.2,3.4,7,3.4
c5,0,9-4,9-9S68.3,17.7,63.4,17.7z"/>
</g>
<path class="st0" d="M55.8,23c-0.9-0.5-1.7,0-1.7,1.1v5.2c0,1,0.8,1.5,1.7,1.1l5.9-2.8c0.9-0.5,0.9-1.2,0-1.7L55.8,23z"/>
<path d="M41.3,33.9H3.8c-2.1,0-3.8-1.7-3.8-3.8v-6.8c0-2.1,1.7-3.8,3.8-3.8h37.5c2.1,0,3.8,1.7,3.8,3.8v6.8
C45.1,32.2,43.4,33.9,41.3,33.9z"/>
<g>
<path class="st1" d="M5.4,26.7c0-2.4,1.5-4.1,4.1-4.1s4.1,1.7,4.1,4.1s-1.5,4.1-4.1,4.1C6.9,30.8,5.4,29,5.4,26.7z M11.9,26.7
c0-1.7-0.7-2.9-2.4-2.9s-2.4,1.3-2.4,2.9c0,1.7,0.7,2.9,2.4,2.9S11.9,28.4,11.9,26.7z"/>
<path class="st1" d="M14.4,29.5h1.1v-5.6h-1.1v-1.1h4.2c1.2,0,2.8,0.2,2.8,2.4c0,2-1.2,2.5-2.8,2.5h-1.5v1.8h1.3v1.1h-4
C14.4,30.6,14.4,29.5,14.4,29.5z M17.1,26.5H18c0.9,0,1.7-0.2,1.7-1.3c0-1.4-0.9-1.3-1.8-1.3h-0.8C17.1,23.9,17.1,26.5,17.1,26.5z"
/>
<path class="st1" d="M22.4,29.5h1v-5.6h-1v-1.1h7.1v2.3h-1.4v-1.2H25V26h1.2v-1h1.3v3.2h-1.3v-1.1H25v2.3h3.1V28h1.4v2.6h-7.1V29.5
z"/>
<path class="st1" d="M30.9,29.5h1v-5.6h-1v-1.1h3.3l3,5.8l0,0v-4.7h-1v-1.1h3.5v1.1h-1v6.7h-2.2l-3.2-6l0,0v4.9h1v1.1h-3.5v-1.1
H30.9z"/>
</g>
<g>
<path d="M0,3.6c0-0.3,0-0.4,0-1h1.1l0,1c0.6-0.9,1.6-1.1,2.1-1.1c1.3,0,2.5,0.9,2.5,3.1c0,2.2-1.3,3.2-2.7,3.2
C2.1,8.9,1.5,8.5,1.2,8v3H0V3.6z M2.8,8.1c0.3,0,0.9-0.1,1.3-0.6C4.5,6.9,4.6,6,4.6,5.6c0-1.1-0.3-2.2-1.7-2.2
c-1.8,0-1.8,1.9-1.8,2.4C1.1,6.6,1.2,8.1,2.8,8.1z"/>
<path d="M9.7,2.5c2.4,0,3,1.9,3,3.2c0,1.8-1,3.2-3,3.2c-2,0-3-1.4-3-3.1C6.7,4.2,7.4,2.5,9.7,2.5z M9.7,8c0.9,0,1.8-0.6,1.8-2.4
c0-1.5-0.7-2.3-1.8-2.3C9,3.3,7.9,3.8,7.9,5.6C7.9,6.9,8.4,8,9.7,8z"/>
<path d="M14.3,2.6l1.5,4.8l1.5-4.8h1.5l1.4,4.7l1.5-4.7h1.2l-2.1,6h-1.3l-1.4-5l-1.6,5h-1.3l-2-6H14.3z"/>
<path d="M24.3,5.9C24.2,7.1,24.8,8,26,8c0.7,0,1.3-0.4,1.4-1.2h1.1c0,0.3-0.1,0.8-0.5,1.3c-0.3,0.3-0.9,0.8-2.1,0.8
c-1.9,0-2.8-1.2-2.8-3.1c0-1.2,0.2-2.2,1.2-2.8c0.6-0.4,1.3-0.4,1.6-0.4c2.7,0,2.6,2.4,2.6,3.4H24.3z M27.4,5.1
c0-0.6-0.1-1.8-1.5-1.8c-0.7,0-1.6,0.4-1.6,1.8H27.4z"/>
<path d="M29.9,3.9c0-0.4,0-0.8-0.1-1.2H31l0,1.2C31.2,3,32,2.7,32.5,2.6c0.3,0,0.6,0,0.8,0v1.1c-0.1,0-0.1,0-0.2,0
c-0.1,0-0.2,0-0.3,0c-1.3,0-1.6,0.8-1.6,1.8v3.2h-1.1V3.9z"/>
<path d="M34.9,5.9c0,1.2,0.5,2.2,1.7,2.2c0.7,0,1.3-0.4,1.4-1.2h1.1c0,0.3-0.1,0.8-0.5,1.3c-0.3,0.3-0.9,0.8-2.1,0.8
c-1.9,0-2.8-1.2-2.8-3.1c0-1.2,0.2-2.2,1.2-2.8c0.6-0.4,1.3-0.4,1.6-0.4c2.7,0,2.6,2.4,2.6,3.4H34.9z M38.1,5.1
c0-0.6-0.1-1.8-1.5-1.8c-0.7,0-1.6,0.4-1.6,1.8H38.1z"/>
<path d="M44.8,0h1.1v7.7c0,0.1,0,0.6,0,1h-1.1l0-1c-0.1,0.2-0.2,0.4-0.5,0.6c-0.5,0.3-1.1,0.4-1.5,0.4c-0.8,0-2.6-0.4-2.6-3.1
c0-2.3,1.3-3.3,2.7-3.3c1.3,0,1.7,0.8,1.9,1V0z M44.3,3.9c-0.2-0.3-0.7-0.6-1.3-0.6c-1.7,0-1.7,2-1.7,2.4C41.4,6.8,41.6,8,43,8
c1.8,0,1.8-2,1.8-2.4C44.8,4.7,44.6,4.2,44.3,3.9z"/>
<path d="M51.7,3.5c0.2-0.3,0.6-1,2-1c0.6,0,1.4,0.1,1.9,0.8c0.3,0.3,0.7,0.9,0.7,2.3c0,1.2-0.3,1.8-0.6,2.2c-0.5,0.7-1.3,1-2.1,1
c-0.3,0-0.8,0-1.3-0.4c-0.3-0.2-0.5-0.4-0.6-0.6l0,0.9h-1.1l0-1.1V0h1.1V3.5z M53.4,3.2c-1.7,0-1.7,2-1.7,2.4c0,0.4,0,2.3,1.7,2.3
c1.4,0,1.7-1.4,1.7-2.3C55.1,5,54.9,3.2,53.4,3.2z"/>
<path d="M60.2,8.7l-0.9,2.2h-1.2l0.9-2.3l-2.5-6h1.3l1.9,4.7l1.9-4.7h1.2L60.2,8.7z"/>
</g>
</svg>
This diff is collapsed.
<!DOCTYPE html>
<html>
<body>
<html class="gr__rc_uab_edu"><head>
<title>User Register</title>
<link rel="shortcut icon" type="image/x-icon" href="/public/favicon.ico">
<link rel="stylesheet" media="all" href="/static/style/application.css">
<h1>Sign up Form</h1>
<h2>Hello, {{ user }}!</h2>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.navbar-inverse {
background-color: rgb(0,99,65);
}
<form action="/" method="post">
<div class ="signUpContainer">
</style>
</head>
<body data-gr-c-s-loaded="true">
<header>
<nav class="navbar navbar-inverse navbar-static-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-9" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="/register">Research Computing</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9">
<ul class="nav navbar-nav">
</ul>
<div class="navbar-right">
<ul class="nav navbar-nav">
<li>
<a target="_blank" href="https://docs.uabgrid.uab.edu/wiki/Cheaha_GettingStarted">
<i class="fas fa-info-circle fa-fw"></i> Online Documentation
</a></li>
<li>
</li></ul>
</div>
</div>
</div>
</nav>
</header>
<div class="container content" role="main" style="
width: 800;
">
<div class="col-md-12">
<img class="header-logo" height="100" style="margin-bottom: 20px" <img="" src="/static/img/cheaha-logo-a605de0aecd3006b82a5ee30a6d0cb8cd9bf8b7e836296cc293eac746a4c2b11.png">
<h1>Welcome</h1>
<h2>Hello user</h2>
<form action="/" method="post">
<div class="signUpContainer">
<label for="name"><b>Full Name:<br></b></label>
<input type="text" placeholder="Enter Full Name" name="name" />
<input type="submit" value="submit" onclick="return empty()"/>
<input class="form-control" type="text" placeholder="Enter Full Name" name="name">
<label for="email"><b>Email:<br></b></label>
<input class="form-control" type="text" placeholder="Enter Email Address" name="email">
<label for="institution"><b>Institution:<br></b></label>
<input class="form-control" type="text" placeholder="Enter Institution" name="institution">
<label for="sponsor"><b>Sponsor or Affiliation:<br></b></label>
<input class="form-control" type="text" placeholder="Enter Sponsor or Affiliation" name="sponsor">
<input class="btn btn-primary btn-block" type="submit" value="submit" onclick="return empty()">
</div>
</form>
</div>
</div>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-sm-6">
<a href="https://osc.github.io/Open-OnDemand/">
<img class="footer-logo" alt="Powered by Open OnDemand" height="40" style="margin-bottom: 20px" src="/static/img/OpenOnDemand_powered_by_RGB-cb3aad5ff5350c7994f250fb334ddcc72e343233ce99eb71fda93beddd76a847.svg">
</a>
</div>
</form>
</body>
</html>
\ No newline at end of file
</div>
</div><!-- /.container -->
</footer>
</body></html>
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