Skip to content
Snippets Groups Projects
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
No related branches found
No related tags found
No related merge requests found
<?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 class="gr__rc_uab_edu"><head>
<html> <title>User Register</title>
<body> <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>
<form action="/" method="post"> .navbar-inverse {
<div class ="signUpContainer"> background-color: rgb(0,99,65);
<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()"/> </style>
</div>
</form> </head>
</body> <body data-gr-c-s-loaded="true">
</html> <header>
\ No newline at end of file <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 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>
</div>
</div><!-- /.container -->
</footer>
</body></html>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment