[password-resets/feat/passwords-account: 5/10] feat(style): refactored and fixed the html of index
- From: Claudio Wunder <cwunder src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [password-resets/feat/passwords-account: 5/10] feat(style): refactored and fixed the html of index
- Date: Sun, 22 Nov 2020 16:17:31 +0000 (UTC)
commit dc01731a7880da9d89690ccbd02f5ce4cafe6146
Author: Claudio Wunder <cwunder gnome org>
Date: Sun Nov 22 16:54:23 2020 +0100
feat(style): refactored and fixed the html of index
templates/index.html | 123 +++++++++++++++++++++++++++------------------------
1 file changed, 65 insertions(+), 58 deletions(-)
---
diff --git a/templates/index.html b/templates/index.html
index 9d500c6..0d148fd 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,70 +1,77 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
-
<head>
- <title>GNOME Account Password Reset</title>
-
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
- <meta content="#4a86cf" name="theme-color">
- <meta content="Planet GNOME" name="application-name">
- <link rel="shortcut icon" type="image/png" href="https://static.gnome.org/img/favicon.ico">
- <link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
- <link href="https://static.gnome.org/css/deneb.min.css" media="all" rel="stylesheet" type="text/css">
- <link href="https://static.gnome.org/css/fonts.css" media="all" rel="stylesheet" type="text/css">
-
- <script type="text/javascript" src="https://static.gnome.org/js/jquery-2.1.4.min.js"></script>
- <script type="text/javascript" src="https://static.gnome.org/js/deneb.min.js"></script>
+ <title>GNOME Account Password Reset</title>
+ <meta charset="UTF-8"/>
+ <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport"/>
+ <meta content="#4a86cf" name="theme-color"/>
+ <meta content="GNOME Password Reset" name="application-name"/>
+ <link rel="shortcut icon" type="image/png" href="https://static.gnome.org/img/favicon.ico"/>
+ <link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
+ <link href="https://static.gnome.org/css/deneb.min.css" media="all" rel="stylesheet" type="text/css"/>
+ <link href="https://static.gnome.org/css/fonts.css" media="all" rel="stylesheet" type="text/css"/>
+ <link rel="stylesheet" href="/static/css/custom.css"/>
</head>
-
<body class="gnome-body">
<header class="gnome-header">
- <nav class="navbar navbar-fixed-top navbar-default affix-top">
- <div class="container">
- <div class="navbar-header">
- <a class="gnome-navbar-brand" href="https://www.gnome.org" title="Go to home
page">
- <img alt="GNOME: The Free Software Desktop Project"
src="https://static.gnome.org/img/gnome-logo.svg">
- </a>
- </div>
- </div>
- </nav>
+ <nav class="navbar navbar-fixed-top navbar-default affix-top">
+ <div class="container">
+ <div class="navbar-header">
+ <a class="gnome-navbar-brand" href="https://www.gnome.org" title="Go to home page">
+ <img alt="GNOME: The Free Software Desktop Project"
+ src="https://static.gnome.org/img/gnome-logo.svg"/>
+ </a>
+ </div>
+ </div>
+ </nav>
</header>
-
<div class="gnome-content">
- <div class="container">
- <div class="row">
- <div class="col-lg-auto">
- <h2>This form will help you reset your GNOME Account Password
- in case it was lost. If you don't own a GNOME Account but you actively contribute
code,
- documentation, community engagement please see <a
href="https://wiki.gnome.org/Infrastructure/NewAccounts" target="_blank">following wiki page</a>.
- </h2>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-4 col-centered">
- <form method="post">
- <div class="form-group">
- <label class="col-sm-auto col-form-label" for="username"><h3>Please enter
your GNOME Account username:</h3></label>
- <input class="form-control form-control-lg" type="text" id="username"
name="username" maxlength="20" placeholder="Type in your GNOME Account username" required>
- <button type="submit" class="btn btn-primary btn-lg btn-block"
style="margin-top: 1%">Submit</button>
- </div>
- </form>
- </div>
- </div>
- </div>
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-8 col-centered text-center">
+ <h1>Password Reset</h1>
+ <h3>This form will help you reset your GNOME Account Password
+ in case it was lost. If you don't own a GNOME Account but you actively contribute code,
+ documentation, community engagement please see
+ <a href="https://wiki.gnome.org/Infrastructure/NewAccounts" target="_blank">
+ following wiki page
+ </a>.
+ </h3>
+ </div>
+ </div>
+ <div class="row">
+ <div class="col-lg-4 col-centered">
+ <form method="post">
+ <div class="form-group">
+ <input class="form-control form-control-lg"
+ type="text"
+ id="username"
+ name="username"
+ maxlength="20"
+ placeholder="Type in your GNOME Account username"
+ required=""/>
+ <button type="submit" class="btn btn-primary btn-lg btn-block">
+ Send password recovery e-mail
+ </button>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
</div> <!-- /gnome-content -->
-
<div class="footer m-t-0">
- <div class="container">
- <div class="row">
- <div class="col-xs-12 footnotes">
- <div class="section">
- <p>© <a href="https://www.gnome.org/">The GNOME Project</a>.</p>
- <p>Hosted by <a href="https://www.redhat.com" target="_blank">Red
Hat</a>. Powered by <a href="https://fastapi.tiangolo.com" target="_blank">FastAPI</a>.</p>
- </div>
- </div> <!-- /footnotes -->
- </div>
- </div>
+ <div class="container">
+ <div class="row">
+ <div class="col-xs-12 footnotes">
+ <div class="section">
+ <p>© <a href="https://www.gnome.org/">The GNOME Project</a>.</p>
+ <p>Hosted by <a href="https://www.redhat.com" target="_blank">Red Hat</a>. Powered by <a
+ href="https://fastapi.tiangolo.com" target="_blank">FastAPI</a>.</p>
+ </div>
+ </div> <!-- /footnotes -->
+ </div>
+ </div>
</div> <!-- /footer -->
+<script type="text/javascript" src="https://static.gnome.org/js/jquery-2.1.4.min.js"></script>
+<script type="text/javascript" src="https://static.gnome.org/js/deneb.min.js"></script>
</body>
</html>
\ No newline at end of file
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]