GNOME.org
 

[password-resets/feat/passwords-account: 5/10] feat(style): refactored and fixed the html of index


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]