Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-08-10 05:12:28 +04:00
Code Issues Projects Releases Wiki Activity

error pages, login, register, forgot passsword, single page

Browse Source
This commit is contained in:
chomik
2018-02-23 01:50:17 +01:00
parent 23e1ad554e
commit e019fa159b
22 changed files with 163 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/400.html
+5
View File
@@ -0,0 +1,5 @@
---
title: Page 400
layout: error
error: error-400
---
src/401.html
+5
View File
@@ -0,0 +1,5 @@
---
title: Page 401
layout: error
error: error-401
---
src/403.html
+5
View File
@@ -0,0 +1,5 @@
---
title: Page 403
layout: error
error: error-403
---
src/404.html
+2 -3
View File
@@ -1,6 +1,5 @@
---
title: Page 404
layout: error
---
{% include page-error.html error="error-404" %}
error: error-404
---
src/500.html
+5
View File
@@ -0,0 +1,5 @@
---
title: Page 500
layout: error
error: error-500
---
src/503.html
+5
View File
@@ -0,0 +1,5 @@
---
title: Page 503
layout: error
error: error-503
---
src/_data/menu.yml
+50 -6
View File
@@ -41,16 +41,60 @@ components:
icon: fe fe-shopping-cart
url: blog.html
pages:
name: Pages
icon: fe fe-file
subpages:
profile:
name: Profile
icon: fe fe-user
url: profile.html
login:
name: Login
url: login.html
register:
name: Register
url: register.html
forgot-password:
name: Forgot password
url: forgot-password.html
400:
name: 400 error
url: 400.html
401:
name: 401 error
url: 104.html
403:
name: 403 error
url: 403.html
404:
name: 404 error
url: 404.html
500:
name: 500 error
url: 500.html
503:
name: 503 error
url: 503.html
empty:
name: Empty page
url: empty.html
forms:
name: Forms
icon: fe fe-check-square
url: form-elements.html
profile:
name: Profile
icon: fe fe-user
url: profile.html
gallery:
name: Gallery
icon: fe fe-image
@@ -58,6 +102,6 @@ gallery:
docs:
name: Docs
name: Documentation
icon: fe fe-file-text
url: docs/index.html
src/_includes/cards/forgot.html
+6 -7
View File
@@ -1,7 +1,6 @@
<form class="card" action="" method="get">
<form class="card" action="" method="post">
<div class="card-body">
<div class="card-body p-6">
<div class="card-title">Forgot password</div>
<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
@@ -13,7 +12,7 @@
<button type="submit" class="btn btn-primary btn-block">Send me new password</button>
</div>
</div>
<div class="card-footer">
<a href="login.html"><i class="mdi mdi-arrow-left"></i> Back to login form</a>
</div>
</form>
</form>
<div class="text-center text-muted">
Forget it, <a href="{{ site.base }}/login.html">send me back</a> to the sign in screen.
</div>
src/_includes/cards/login.html
+16 -11
View File
@@ -1,27 +1,32 @@
<form class="card" action="" method="get">
<form class="card" action="" method="post">
<div class="card-body">
<div class="card-title">Sign In</div>
<div class="card-body p-6">
<div class="card-title">Login to your account</div>
<div class="form-group">
<label class="form-label" for="exampleInputEmail1">Email address</label>
<label class="form-label">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<label class="form-label" for="exampleInputPassword1">
<label class="form-label">
Password
<a href="./forgot-password.html" class="pull-right small">I forgot password</a>
<a href="{{ site.base }}/forgot-password.html" class="pull-right small">I forgot password</a>
</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input">
Remember me
<div class="form-group">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" />
<span class="custom-control-label">Remember me</span>
</label>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
</div>
</div>
</form>
</form>
<div class="text-center text-muted">
Don't have account yet? <a href="{{ site.base }}/register.html">Sign up</a>
</div>
src/_includes/cards/register.html
+12 -9
View File
@@ -1,7 +1,5 @@
<form class="card" action="" method="get">
<div class="card-body">
<form class="card" action="" method="post">
<div class="card-body p-6">
<div class="card-title">Create new account</div>
<div class="form-group">
@@ -16,14 +14,19 @@
<label class="form-label">Password</label>
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" class="form-check-input">
Agree the <a href="terms.html">terms and policy</a>
<div class="form-group">
<label class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" />
<span class="custom-control-label">Agree the <a href="terms.html">terms and policy</a></span>
</label>
</div>
<div class="form-footer">
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
</div>
</div>
</form>
</form>
<div class="text-center text-muted">
Already have account? <a href="{{ site.base }}/login.html">Sign in</a>
</div>
src/_includes/footer-sub.html
+9 -9
View File
@@ -5,32 +5,32 @@
<div class="row">
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="{{ site.base }}">Advertise</a></li>
<li><a href="{{ site.base }}">Help Center</a></li>
<li><a href="#">First link</a></li>
<li><a href="#">Second link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="{{ site.base }}">Invite friends</a></li>
<li><a href="{{ site.base }}">Tag photos</a></li>
<li><a href="#">Third link</a></li>
<li><a href="#">Fourth link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="{{ site.base }}">Stock photos</a></li>
<li><a href="{{ site.base }}">Photobooks</a></li>
<li><a href="#">Fifth link</a></li>
<li><a href="#">Sixth link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="{{ site.base }}">Press Kit</a></li>
<li><a href="{{ site.base }}">Contact</a></li>
<li><a href="#">Other link</a></li>
<li><a href="#">Last link</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A consequatur corporis debitis dolore doloribus esse.
Premium and Open Source dashboard template with responsive and high quality UI. For Free!
</div>
</div>
</div>
src/_includes/header.html
+1 -2
View File
@@ -3,8 +3,7 @@
<div class="container">
<div class="navbar p-0">
<a class="navbar-brand" href="{{ site.base }}/index.html">
<img src="{{ site.base }}/assets/images/logo.svg" class="navbar-brand-img" alt="tabler.io">
<span class="d-none d-lg-inline-block">tabler</span>
<img src="{{ site.base }}/assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
</a>
<div class="nav order-lg-2">
<div class="nav-item">
src/_includes/page-error.html
+4 -4
View File
@@ -1,7 +1,7 @@
{% assign error = site.data.errors[include.error] %}
<div class="display-1 text-danger mb-5"><i class="si si-exclamation"></i> {{ error.name }}</div>
<h1 class="h1 mb-3">Oops.. You just found an error page..</h1>
<h2 class="h4 text-muted mb-7">{{ error.description }}&hellip;</h2>
<div class="display-3 text-primary mb-5"><i class="si si-exclamation"></i> {{ error.name }}</div>
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
<p class="h4 text-muted font-weight-normal mb-7">{{ error.description }}&hellip;</p>
<a class="btn btn-primary" href="javascript:history.back()">
<i class="si si-arrow-left mr-2"></i> Go back
<i class="fe fe-arrow-left mr-2"></i>Go back
</a>
src/_layouts/error.html
+9 -1
View File
@@ -4,6 +4,14 @@ layout: base
<div class="page-content">
<div class="container text-center">
{{ content }}
{% assign error = site.data.errors[page.error] %}
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> {{ error.name }}</div>
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
<p class="h4 text-muted font-weight-normal mb-7">{{ error.description }}&hellip;</p>
<a class="btn btn-primary" href="javascript:history.back()">
<i class="fe fe-arrow-left mr-2"></i>Go back
</a>
</div>
</div>
src/_layouts/single.html
+5 -3
View File
@@ -6,10 +6,12 @@ layout: base
<div class="container">
<div class="row">
<div class="col {{ page.col-class | default: 'col-login' }} mx-auto">
<div class="text-center mb-6">
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
</div>
{{ content }}
</div>
</div>
</div>
</div>
{% include footer.html %}
</div>
src/assets/brand/tabler.sketch
BIN
View File
Binary file not shown.
src/assets/brand/tabler.svg
+20
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

src/assets/brand/tabler@1x.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.5 KiB

src/assets/brand/tabler@2x.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

src/assets/scss/dashboard/_form.scss
+2
View File
@@ -44,6 +44,8 @@ textarea {
}
.custom-control-label {
vertical-align: middle;
&:before {
border: 1px solid $input-border-color;
background-color: #fff;
src/empty.html
+1
View File
@@ -1,3 +1,4 @@
---
title: Empty page
layout: default
---
src/profile.html
+1 -1
View File
@@ -1,7 +1,7 @@
---
title: Profile
layout: default
menu: profile
menu: pages.profile
---
<div class="container">