archives/trantor
Archived
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Port the web to bootstrap5

Browse source 
So it is responsive in phones.
This commit is contained in:
Las Zenow 2017-06-08 00:44:35 +00:00
parent 8af2ad3758
commit 6a3da59c75
40 changed files with 1131 additions and 849 deletions
Download patch file Download diff file Expand all files Collapse all files

77
templates/login.html
View file

@ -21,46 +21,67 @@ function checkPasswordMatch() {
}
</script>
<div class="offset1 span4">
<div class="row justify-content-center">
<div class="col-sm-4">
<h3>Log In</h3>
<form id="login" method="POST" action="/login/" enctype="application/x-www-form-urlencoded">
<div class="input-prepend">
<div class="add-on"><i class="icon-user"></i></div>
<input type="text" placeholder="Username" size="16" name="user" autofocus="autofocus">
</div>
<div class="input-prepend">
<div class="add-on"><i class="icon-lock"></i></div>
<input type="password" placeholder="Password" size="16" name="pass">
</div>
<input class="btn btn-primary" type="submit" name="submit" value="Log In"/>
<div class="input-group mb-3">
<span class="input-group-text" id="user">
<svg class="bi" width="1.5em" height="1.5em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#person-fill"/>
</svg>
</span>
<input type="text" class="form-control" placeholder="Username" name="user" autofocus="autofocus" aria-label="Username" aria-describedby="user">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="pass">
<svg class="bi" width="1.5em" height="1.5em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#key-fill"/>
</svg>
</span>
<input type="password" class="form-control" placeholder="Password" name="pass" aria-label="Password" aria-describedby="pass">
</div>
<input class="btn btn-primary" type="submit" name="submit" value="Log In"/>
</form>
</div>
<div class="span2">
<div class="col-sm-2">
<br />
<br />
<h3 class="centered">Or</h3>
<br />
<br />
</div>
<div class="span4">
<div class="col-sm-4">
<h3>Create an Account</h3>
<form id="login" method="POST" action="/create_user/" enctype="application/x-www-form-urlencoded">
<div class="input-prepend">
<div class="add-on"><i class="icon-user"></i></div>
<input type="text" placeholder="Username" size="16" name="user">
</div>
<div class="input-prepend">
<div class="add-on"><i class="icon-lock"></i></div>
<input type="password" placeholder="Password" size="16" name="pass" id="pass">
</div>
<div class="control-group" id="passCheck">
<div class="controls input-prepend">
<div class="add-on"><i class="icon-lock"></i></div>
<input type="password" placeholder="Confirm password" size="16" name="confirmPass" id="confirmPass">
</div>
<span id="passCheckHelp" class="help-inline"></span>
</div>
<input class="btn btn-primary" type="submit" name="submit" value="Create"/>
<div class="input-group mb-3">
<span class="input-group-text" id="user">
<svg class="bi" width="1.5em" height="1.5em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#person-fill"/>
</svg>
</span>
<input type="text" class="form-control" placeholder="Username" name="user" autofocus="autofocus" aria-label="Username" aria-describedby="user">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="pass">
<svg class="bi" width="1.5em" height="1.5em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#key-fill"/>
</svg>
</span>
<input type="password" class="form-control" placeholder="Password" name="pass" aria-label="Password" aria-describedby="pass" id="pass">
</div>
<div class="input-group mb-3">
<span class="input-group-text" id="pass">
<svg class="bi" width="1.5em" height="1.5em" fill="currentColor">
<use xlink:href="/img/bootstrap-icons.svg#key-fill"/>
</svg>
</span>
<input type="password" class="form-control" placeholder="Confirm password" name="confirmPass" aria-label="Password" aria-describedby="confirmPass" id="confirmPass">
</div>
<input class="btn btn-primary" type="submit" name="submit" value="Create" />
</form>
</div>
</div>
{{template "footer.html" .S}}