SignUp.html 3.84 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
{% extends "auth/base.html" %}
<html class="gr__rc_uab_edu">
{% block title %} User Registration {% endblock %}
{% block head %}
  {{ super() }}
<script src="/register/static/scripts/application.js"></script>
  <style type="text/css">
    .important { color: #336699; }
  </style>
    <link rel="shortcut icon" type="image/x-icon" href="/public/favicon.ico">
11
<link rel="stylesheet" media="all" href="/register/static/style/application.css">
12
<link rel="stylesheet" media="all" href="/register/static/style/app2.css">
13
14
15
16
17
18
19
20

<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.navbar-inverse {
  background-color: rgb(0,99,65);
}

</style>
21
{% endblock %}
22

23
24


25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<body data-gr-c-s-loaded="true">
<header>
    {% block body %}
  <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>
48
49
50
    </div>
  </nav>
</header>
51
<div class="container content" role="main" style="width: 625px">
52

53
54
55
56
57
58
    <div style="position:relative;">
  <img alt="logo" height="100" style="margin-bottom: 20px" src="/register/static/img/cheaha-logo-a605de0aecd3006b82a5ee30a6d0cb8cd9bf8b7e836296cc293eac746a4c2b11.png">
  <a href="https://tinyurl.com/cheahaAL" target="_blank">
    <div style="float:left;position:absolute;display:block;left:310px;top:-6px;padding:10px 20px;"> </div>
  </a>
</div>
59

60
    <h2>Hello, {{ user }}!</h2>
61

62
    <form action="." method="post">
63
      <div class="signUpContainer">
64
65
66
67
68
69
70
71
72
73
74
75
76
77
          <label><b>{{ form.fullname.label }}<br></b></label>
          {{ form.fullname(class_="form-control", placeholder="Enter Full Name") }}
          {{ form.submit(class_="btn btn-primary btn-block" ) }}

          {% with messages = get_flashed_messages() %}
            {% if messages %}
            {% for message in messages %}
            <div>
                <strong style="color: #be051b; text-align: center;">{{ message }}</strong>
            </div>
      {% endfor %}
   {% endif %}
{% endwith %}

78
79
80
      </div>
    </form>
    </div>
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
{% if loading %}
            <div class="joyride-tip-guide" data-index="0" style="visibility: visible; display: block; top: 77.5px; left: 570px;"><span class="joyride-nub" style="display: none;"></span><div class="joyride-content-wrapper" role="dialog"><ol>
        <h4>
          Your account is pending creation...

        </h4>
                <br><p>
                    This can take between 5-10 min.
                </p>
      </ol>

                <img src="/register/static/img/loading.gif" style="width: 35px; height: auto"> Pending...
            </div></div>

    <div class="joyride-modal-bg" style="display: block;"></div>
{% endif %}
{% endblock %}
</body>
{% block footer %}
100
101
102
103
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6 col-sm-6">
	    <a href="https://osc.github.io/Open-OnDemand/">
104
	      <img class="footer-logo" alt="Powered by Open OnDemand" height="40" style="margin-bottom: 20px" src="/register/static/img/OpenOnDemand_powered_by_RGB-cb3aad5ff5350c7994f250fb334ddcc72e343233ce99eb71fda93beddd76a847.svg">
105
106
107
108
109
        </a>
      </div>
    </div>
  </div><!-- /.container -->

110
111
{% endblock %}
</html>
112