From e22eb52c8b591cbfb8c14d5f9030d0c48267d369 Mon Sep 17 00:00:00 2001
From: codecalm <codecalm@gmail.com>
Date: Sat, 14 Nov 2020 21:17:43 +0100
Subject: [PATCH] single pages

---
 src/pages/_data/menu.yml                      |  3 +
 src/pages/_includes/cards/auth-lock.html      | 22 +++++++
 .../_includes/cards/forgot-password.html      |  6 +-
 src/pages/_includes/cards/sign-in.html        | 12 ++--
 src/pages/_includes/cards/sign-up.html        |  2 +-
 src/pages/_includes/terms-of-service.md       | 60 +++++++++++++++++++
 src/pages/_includes/ui/form/input-group.html  |  2 +-
 src/pages/_layouts/single.html                |  2 +-
 src/pages/auth-lock.html                      |  7 +++
 src/pages/terms-of-service.html               | 15 +++++
 src/scss/_variables.scss                      |  2 +-
 src/scss/ui/_forms.scss                       |  2 -
 12 files changed, 120 insertions(+), 15 deletions(-)
 create mode 100644 src/pages/_includes/cards/auth-lock.html
 create mode 100644 src/pages/_includes/terms-of-service.md
 create mode 100644 src/pages/auth-lock.html

diff --git a/src/pages/_data/menu.yml b/src/pages/_data/menu.yml
index 79fc826b1..81b09b146 100644
--- a/src/pages/_data/menu.yml
+++ b/src/pages/_data/menu.yml
@@ -93,6 +93,9 @@ base:
         terms-of-service:
           title: Terms of service
           url: terms-of-service.html
+        auth-lock:
+          title: Lock screen
+          url: auth-lock.html
 
     error:
       title: Error pages
diff --git a/src/pages/_includes/cards/auth-lock.html b/src/pages/_includes/cards/auth-lock.html
new file mode 100644
index 000000000..dd4676195
--- /dev/null
+++ b/src/pages/_includes/cards/auth-lock.html
@@ -0,0 +1,22 @@
+{% assign person = site.data.people[0] %}
+<form class="card card-md" action="{{ site.base }}" method="get" autocomplete="off">
+	<div class="card-body text-center">
+		<div class="mb-4">
+			<h2 class="card-title">Account Locked</h2>
+			<p class="text-muted">Please enter your password to unlock your account</p>
+		</div>
+
+		<div class="mb-4">
+			{% include ui/avatar.html person=person size="xl" class="mb-3" %}
+			<h3>{{ person.full_name }}</h3>
+		</div>
+
+		<div class="mb-4">
+			<input type="password" class="form-control" placeholder="Password&hellip;">
+		</div>
+
+		<div>
+			{% include ui/button.html color="primary" block=true icon="lock-open" text="Unlock" %}
+		</div>
+	</div>
+</form>
\ No newline at end of file
diff --git a/src/pages/_includes/cards/forgot-password.html b/src/pages/_includes/cards/forgot-password.html
index 73fef105c..61bb7f69f 100644
--- a/src/pages/_includes/cards/forgot-password.html
+++ b/src/pages/_includes/cards/forgot-password.html
@@ -1,15 +1,15 @@
 <form class="card card-md" action="{{ site.base }}" method="get">
 	<div class="card-body">
-		<h2 class="mb-5 text-center">Forgot password</h2>
+		<h2 class="card-title text-center mb-4">Forgot password</h2>
 
-		<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
+		<p class="text-muted mb-4">Enter your email address and your password will be reset and emailed to you.</p>
 
 		<div class="mb-3">
 			<label class="form-label">Email address</label>
 			<input type="email" class="form-control" placeholder="Enter email">
 		</div>
 		<div class="form-footer">
-			<button type="submit" class="btn btn-primary w-100">Send me new password</button>
+			{% include ui/button.html text="Send me new password" block=true color="primary" icon="mail" %}
 		</div>
 	</div>
 </form>
diff --git a/src/pages/_includes/cards/sign-in.html b/src/pages/_includes/cards/sign-in.html
index ee3cfd137..a3855799b 100644
--- a/src/pages/_includes/cards/sign-in.html
+++ b/src/pages/_includes/cards/sign-in.html
@@ -1,10 +1,10 @@
-<form class="card card-md" action="{{ site.base }}" method="get">
+<form class="card card-md" action="{{ site.base }}" method="get" autocomplete="off">
 	<div class="card-body">
-		<h2 class="mb-5 text-center">Login to your account</h2>
+		<h2 class="card-title text-center mb-4">Login to your account</h2>
 
 		<div class="mb-3">
 			<label class="form-label">Email address</label>
-			<input type="email" class="form-control" placeholder="Enter email" autocomplete="off">
+			<input type="email" class="form-control" placeholder="Enter email">
 		</div>
 		<div class="mb-2">
 			<label class="form-label">
@@ -30,9 +30,9 @@
 	{% include ui/hr.html text="or" %}
 
 	<div class="card-body">
-		<div class="btn-list">
-			{% include ui/button.html color="white" block=true icon="brand-github" icon-color="github" text="Login with Github" %}
-			{% include ui/button.html color="white" block=true icon="brand-twitter" icon-color="twitter" text="Login with Twitter" %}
+		<div class="row">
+			<div class="col">{% include ui/button.html color="white" block=true icon="brand-github" icon-color="github" text="Login with Github" %}</div>
+			<div class="col">{% include ui/button.html color="white" block=true icon="brand-twitter" icon-color="twitter" text="Login with Twitter" %}</div>
 		</div>
 	</div>
 </form>
diff --git a/src/pages/_includes/cards/sign-up.html b/src/pages/_includes/cards/sign-up.html
index c7188086c..65e4ed154 100644
--- a/src/pages/_includes/cards/sign-up.html
+++ b/src/pages/_includes/cards/sign-up.html
@@ -1,6 +1,6 @@
 <form class="card card-md" action="{{ site.base }}" method="get">
 	<div class="card-body">
-		<h2 class="mb-5 text-center">Create new account</h2>
+		<h2 class="card-title text-center mb-4">Create new account</h2>
 
 		<div class="mb-3">
 			<label class="form-label">Name</label>
diff --git a/src/pages/_includes/terms-of-service.md b/src/pages/_includes/terms-of-service.md
new file mode 100644
index 000000000..875b76c37
--- /dev/null
+++ b/src/pages/_includes/terms-of-service.md
@@ -0,0 +1,60 @@
+We (the folks at Tabler) run a website hosting platform called [tabler.io](https://tabler.io) and would love for you to use it. Tabler.io's basic service is free, and we offer paid upgrades for advanced features. Our service is designed to give you as much control and ownership over what goes on your website as possible. However, be responsible in what you publish. In particular, make sure that none of the prohibited items (like spam, viruses, or serious threats of violence) appear in your content.
+
+---
+
+The following terms and conditions govern all use of the tabler.io website and all content, services, and products available at or through the website. Our Services are offered subject to your acceptance without modification of all of the terms and conditions contained herein and all other operating rules, policies (including, without limitation, [Tabler's Privacy Policy](https://tabler.io/privacy-policy.html) and procedures that may be published from time to time by Tabler (collectively, the "Agreement"). You agree that we may automatically upgrade our Services, and these terms will apply to any upgrades.
+
+Please read this Agreement carefully before accessing or using our Services. By accessing or using any part of our services, you agree to become bound by the terms and conditions of this agreement. If you do not agree to all the terms and conditions of this agreement, then you may not access or use any of our services. If these terms and conditions are considered an offer by Tabler, acceptance is expressly limited to these terms.
+
+Our Services are not directed to users younger than 16, and access and use of our Services is only offered to users 16 years of age or older. If you are under 16 years old, please do not register to use our Services. Any person who registers as a user or provides their personal information to our Services represents that they are 16 years of age or older. Use of our Services requires a tabler.io account. You agree to provide us with complete and accurate information when you register for an account. You will be solely responsible and liable for any activity that occurs under your username. You are responsible for keeping your password secure.
+
+### 1\. tabler.io.
+
+    
+*   **Responsibility of Contributors.** If you post material to tabler.io, post links on tabler.io, or otherwise make (or allow any third party to make) material available (any such material, "Content"), you are entirely responsible for the content of, and any harm resulting from, that Content or your conduct. That is the case regardless of what form the Content takes, which includes, but is not limited to text, photo, video, audio, or code. By using tabler.io, you represent and warrant that your Content and conduct do not violate these terms. By submitting Content to Tabler for inclusion on your account, you grant Tabler a world-wide, royalty-free, and non-exclusive license to reproduce, modify, adapt and publish the Content solely for the purpose of displaying, distributing, and promoting your changelog. If you delete Content, Tabler will use reasonable efforts to remove it from tabler.io, but you acknowledge that caching or references to the Content may not be made immediately unavailable. Without limiting any of those representations or warranties, Tabler has the right (though not the obligation) to, in Tabler's sole discretion, (i) reclaim your username or website's URL due to prolonged inactivity, (ii) refuse or remove any content that, in Tabler's reasonable opinion, violates any tabler policy or is in any way harmful or objectionable, or (iii) terminate or deny access to and use of Tabler.io to any individual or entity for any reason. Tabler will have no obligation to provide a refund of any amounts previously paid.
+    
+*   **HTTPS.** We offer free HTTPS on all tabler.io accounts by default. 
+    
+    
+
+### 2\. Responsibility of Visitors.
+
+Tabler has not reviewed, and cannot review, all of the material, including computer software, posted to our Services, and cannot therefore be responsible for that material's content, use or effects. By operating our Services, Tabler does not represent or imply that it endorses the material there posted, or that it believes such material to be accurate, useful, or non-harmful. You are responsible for taking precautions as necessary to protect yourself and your computer systems from viruses, worms, Trojan horses, and other harmful or destructive content. Our Services may contain content that is offensive, indecent, or otherwise objectionable, as well as content containing technical inaccuracies, typographical mistakes, and other errors. Our Services may also contain material that violates the privacy or publicity rights, or infringes the intellectual property and other proprietary rights, of third parties, or the downloading, copying or use of which is subject to additional terms and conditions, stated or unstated. Tabler disclaims any responsibility for any harm resulting from the use by visitors of our Services, or from any downloading by those visitors of content there posted.
+
+### 3\. Content Posted on Other Websites.
+
+We have not reviewed, and cannot review, all of the material, including computer software, made available through the websites and webpages to which Tabler links, and that link to Tabler. Tabler does not have any control over those non-tabler websites, and is not responsible for their contents or their use. By linking to a non-tabler website, Tabler does not represent or imply that it endorses such website. You are responsible for taking precautions as necessary to protect yourself and your computer systems from viruses, worms, Trojan horses, and other harmful or destructive content. Tabler disclaims any responsibility for any harm resulting from your use of non-tabler websites and webpages.
+
+### 5\. Copyright Infringement and DMCA Policy.
+
+As Tabler asks others to respect its intellectual property rights, it respects the intellectual property rights of others. If you believe that material located on or linked to by tabler.io violates your copyright, you are encouraged to notify Tabler in accordance with Tabler's Digital Millennium Copyright Act ("DMCA") Policy. Tabler will respond to all such notices, including as required or appropriate by removing the infringing material or disabling all links to the infringing material. Tabler will terminate a visitor's access to and use of the Website if, under appropriate circumstances, the visitor is determined to be a repeat infringer of the copyrights or other intellectual property rights of Tabler or others. In the case of such termination, Tabler will have no obligation to provide a refund of any amounts previously paid to Tabler.
+
+### 6\. Intellectual Property.
+
+This Agreement does not transfer from Tabler to you any Tabler or third party intellectual property, and all right, title, and interest in and to such property will remain (as between the parties) solely with Tabler. Tabler, tabler.io, the tabler.io logo, and all other trademarks, service marks, graphics and logos used in connection with tabler.io or our Services, are trademarks or registered trademarks of Tabler or Tabler's licensors. Other trademarks, service marks, graphics and logos used in connection with our Services may be the trademarks of other third parties. Your use of our Services grants you no right or license to reproduce or otherwise use any Tabler or third-party trademarks.
+
+### 7\. Changes.
+
+We are constantly updating our Services, and that means sometimes we have to change the legal terms under which our Services are offered. If we make changes that are material, we will let you know by posting on our changelog, or by sending you an email or other communication before the changes take effect. The notice will designate a reasonable period of time after which the new terms will take effect. 
+
+
+### 8\. Disclaimer of Warranties.
+
+Our Services are provided "as is." Tabler and its suppliers and licensors hereby disclaim all warranties of any kind, express or implied, including, without limitation, the warranties of merchantability, fitness for a particular purpose and non-infringement. Neither Tabler nor its suppliers and licensors, makes any warranty that our Services will be error free or that access thereto will be continuous or uninterrupted.
+
+### 9\. License.
+
+By using Tabler, You are acknowledging that You have read and have agreed to [Tabler's License](https://tabler.io/license.html), so please read them carefully.
+
+### 10\. General Representation and Warranty.
+
+You represent and warrant that (i) your use of our Services will be in strict accordance with the Tabler Privacy Policy, with this Agreement, and with all applicable laws and regulations (including without limitation any local laws or regulations in your country, state, city, or other governmental area, regarding online conduct and acceptable content, and including all applicable laws regarding the transmission of technical data exported from the United States or the country in which you reside) and (ii) your use of our Services will not infringe or misappropriate the intellectual property rights of any third party.
+
+
+### 12\. Refund Policy.
+
+Payments for Tabler are not refundable for any reason.
+
+### 13\. Translation.
+
+These Terms of Service were originally written in English (US). We may translate these terms into other languages. In the event of a conflict between a translated version of these Terms of Service and the English version, the English version will control.
\ No newline at end of file
diff --git a/src/pages/_includes/ui/form/input-group.html b/src/pages/_includes/ui/form/input-group.html
index ec13660b9..c860ba983 100644
--- a/src/pages/_includes/ui/form/input-group.html
+++ b/src/pages/_includes/ui/form/input-group.html
@@ -8,7 +8,7 @@
 		{% endif %}
 	</span>
 	{% endif %}
-	<input type="{{ include.type | default: 'text' }}" class="form-control{% if include.input-class %} {{ include.input-class }}{% endif %}" {% if include.placeholder %} placeholder="{{ include.placeholder }}" {% endif %}{% if include.value %} value="{{ include.value }}"{% endif %}>
+	<input type="{{ include.type | default: 'text' }}" class="form-control{% if include.input-class %} {{ include.input-class }}{% endif %}" {% if include.placeholder %} placeholder="{{ include.placeholder }}" {% endif %}{% if include.value %} value="{{ include.value }}"{% endif %} autocomplete="off">
 	{% if include.append %}
 	<span class="input-group-text">
 		{% if include.append == "checkbox" or include.append == "radio" %}
diff --git a/src/pages/_layouts/single.html b/src/pages/_layouts/single.html
index df580da91..bd58974f7 100644
--- a/src/pages/_layouts/single.html
+++ b/src/pages/_layouts/single.html
@@ -3,7 +3,7 @@ layout: base
 body-class: border-top-wide border-primary d-flex flex-column
 ---
 
-<div class="flex-fill d-flex flex-column justify-content-center">
+<div class="flex-fill d-flex flex-column justify-content-center py-4">
 	<div class="container-{{ page.container-size | default: 'tight' }} py-6">
 		<div class="text-center mb-4">
 			<a href="{{ site.base }}"><img src="{{ site.base }}/static/logo.svg" height="36" alt=""></a>
diff --git a/src/pages/auth-lock.html b/src/pages/auth-lock.html
new file mode 100644
index 000000000..6bea94807
--- /dev/null
+++ b/src/pages/auth-lock.html
@@ -0,0 +1,7 @@
+---
+title: Forgot password
+layout: single
+menu: base.authentication.auth-lock
+---
+
+{% include cards/auth-lock.html show-header="1" %}
diff --git a/src/pages/terms-of-service.html b/src/pages/terms-of-service.html
index e69de29bb..d402a166e 100644
--- a/src/pages/terms-of-service.html
+++ b/src/pages/terms-of-service.html
@@ -0,0 +1,15 @@
+---
+title: Terms of service
+layout: single
+container-size: narrow
+---
+
+<div class="card card-md">
+	<div class="card-body">
+		<h3 class="card-title">{{ page.title }}</h3>
+		<div class="markdown">
+			{% capture license %}{% include terms-of-service.md %}{% endcapture %}
+			{{ license | markdownify }}
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index fc17f14f6..c810c23dc 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -249,7 +249,7 @@ $size-values: (
 
 
 $container-variations: (
-  tight: 35rem,
+  tight: 30rem,
   narrow: 45rem,
 ) !default;
 
diff --git a/src/scss/ui/_forms.scss b/src/scss/ui/_forms.scss
index 4a9dfbd1d..d697127d6 100644
--- a/src/scss/ui/_forms.scss
+++ b/src/scss/ui/_forms.scss
@@ -23,8 +23,6 @@ Form label
   float: right;
   font-weight: $font-weight-normal;
   color: $text-muted;
-  line-height: 1.5rem;
-  font-size: $small-font-size;
 }
 
 /**