-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
ATLAS-146: Improve the styling of the Atlas Login page
- Loading branch information
1 parent
7cfbab5
commit 6df4011
Showing
2 changed files
with
59 additions
and
15 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,17 +1,60 @@ | ||
| <div> | ||
| <h1>Login</h1> | ||
| <% if(error) { %> | ||
| <p style="color:red;"><%= error %></p> | ||
| <% } %> | ||
| <form class="form" action="/login" method="post"> | ||
| <div class="field"> | ||
| <input class="text" type="text" placeholder="Username" name="username"> | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta http-equiv="Content-Type" content="text/html;" charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <title>OpenMRS ID - Sign in</title> | ||
| <link rel="shortcut icon" href="/favicon.ico"> | ||
| <link rel="stylesheet" href="/lib/css/font-awesome.min.css"> | ||
| <link rel="stylesheet" href="/lib/css/bootstrap.min.css"> | ||
| <link rel="stylesheet" href="/css/login.css"> | ||
|
|
||
| <script src="/lib/js/jquery-1.11.1.min.js"></script> | ||
| <script src="/lib/js/bootstrap.min.js"></script> | ||
| <script id="globalnav-script" src="https://id.openmrs.org/globalnav/js/app-optimized.js" type="text/javascript"></script> | ||
|
|
||
| </head> | ||
| <body> | ||
| <div class="nodisp" id="uname">login</div> | ||
| <noscript><h3>JavaScript is required to properly use OpenMRS ID.</h3></noscript> | ||
| <div class="clearfix" id="header"> | ||
| <div class="container"> | ||
| <header class="col-md-5 col-md-offset-1"> | ||
| <a href="/"><img id="logo" src="/images/OpenMRS-logo.png" alt="OpenMRS Community"></a> | ||
| </header> | ||
| <div class="col-md-5 col-xs-5 col-sm-5" id="login-menu"><p>Your OpenMRS ID is the key to participating in our open source community. Use it to access all of the tools and services listed on the links at the top of this page. <a href="http://om.rs/id">Read more on our Wiki.</a> </p></div> | ||
| </div> | ||
| </div> | ||
| <div class="field"> | ||
| <input class="text" type="password" placeholder="Password" name="password"> | ||
| <div id="headline"> | ||
| <div class="container"><h1 class="col-md-8 col-md-offset-1">Sign In with your OpenMRS ID <small>Don't have an OpenMRS ID yet? <a href="https://id.openmrs.org/signup">Sign up</a>.</small></h1></div> | ||
| </div> | ||
| <button class="button" name="submit">Submit</button> | ||
| </form> | ||
| <a href="/"><button class="button">Back</button></a> | ||
| </div> | ||
|
|
||
| <div class="content container" id="content"> | ||
| <div class="col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-0 col-xs-10 col-xs-offset-1" id="main"> | ||
| <div class="panel"> | ||
| <form class="validate" id="login-form" action="/login" method="post"> | ||
| <input id="redirect-to" type="hidden" name="destination"> | ||
| <div class="row-item form-group"> | ||
| <div class="input-wrapper col-md-5"> | ||
| <input class="required" type="text" name="username" placeholder="OpenMRS ID"> | ||
| <label class="error">Forgot?</label> | ||
| </div> | ||
| </div> | ||
| <div class="row-item form-group thin"> | ||
| <div class="input-wrapper col-md-5"> | ||
| <input class="required" type="password" name="password" placeholder="Password"> | ||
| <label class="error">Forgot?</label> | ||
| </div> | ||
| </div> | ||
| <div class="row-item thin"><h5><a href="https://id.openmrs.org/reset">Forgot your password?</a></h5></div> | ||
| <div class="row-item"><input class="btn btn-success col-md-3" type="submit" value="Sign in"></div> | ||
| </form> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-offset-1 col-md-10 col-sm-10 col-sm-offset-0 col-xs-10 col-xs-offset-1" id="sidebar"> | ||
| <div class="sidebarItem"><h2>Need help?</h2><p>If you're having problems accessing or using the OpenMRS Community, please <a href="http://om.rs/helpdesk">open a support with our Help Desk</a>. <strong>Make sure to include your contact info</strong> so that we can respond to your request.</p></div> | ||
| <div class="sidebarItem"><h2>What is OpenMRS ID?</h2><p>OpenMRS ID is your key to participating in our open source community. You can use it for most of our tools and services, including those listed in the links at the top of this page.</p></div> | ||
| </div> | ||
| </div> | ||
| <div class="clear"></div> | ||
| </body> | ||
| </html> |