From bb3842fc10246d81012640fb9a4de30afae117f9 Mon Sep 17 00:00:00 2001
From: wiz <j@wiz.biz>
Date: Sun, 11 Oct 2020 19:23:52 +0900
Subject: [PATCH] Add basic Terms of Service page

---
 frontend/src/app/app-routing.module.ts        |  5 +++
 frontend/src/app/app.module.ts                |  2 +
 .../terms-of-service.component.html           | 40 +++++++++++++++++++
 .../terms-of-service.component.scss           |  1 +
 .../terms-of-service.component.ts             |  9 +++++
 5 files changed, 57 insertions(+)
 create mode 100644 frontend/src/app/components/terms-of-service/terms-of-service.component.html
 create mode 100644 frontend/src/app/components/terms-of-service/terms-of-service.component.scss
 create mode 100644 frontend/src/app/components/terms-of-service/terms-of-service.component.ts

diff --git a/frontend/src/app/app-routing.module.ts b/frontend/src/app/app-routing.module.ts
index 662a96179..adeafc2af 100644
--- a/frontend/src/app/app-routing.module.ts
+++ b/frontend/src/app/app-routing.module.ts
@@ -15,6 +15,7 @@ import { StatusViewComponent } from './components/status-view/status-view.compon
 import { DashboardComponent } from './dashboard/dashboard.component';
 import { LatestBlocksComponent } from './components/latest-blocks/latest-blocks.component';
 import { ApiDocsComponent } from './components/api-docs/api-docs.component';
+import { TermsOfServiceComponent } from './components/terms-of-service/terms-of-service.component';
 
 const routes: Routes = [
   {
@@ -59,6 +60,10 @@ const routes: Routes = [
         path: 'api',
         component: ApiDocsComponent,
       },
+      {
+        path: 'terms-of-service',
+        component: TermsOfServiceComponent
+      },
       {
         path: 'address/:id',
         children: [],
diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index 9997ff97e..5a6bdc57a 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -45,6 +45,7 @@ import { DashboardComponent } from './dashboard/dashboard.component';
 import { FontAwesomeModule, FaIconLibrary } from '@fortawesome/angular-fontawesome';
 import { faChartArea, faCogs, faCubes, faDatabase, faInfoCircle, faList, faSearch, faTachometerAlt, faThList, faTv } from '@fortawesome/free-solid-svg-icons';
 import { ApiDocsComponent } from './components/api-docs/api-docs.component';
+import { TermsOfServiceComponent } from './components/terms-of-service/terms-of-service.component';
 
 @NgModule({
   declarations: [
@@ -78,6 +79,7 @@ import { ApiDocsComponent } from './components/api-docs/api-docs.component';
     FeesBoxComponent,
     DashboardComponent,
     ApiDocsComponent,
+    TermsOfServiceComponent,
   ],
   imports: [
     BrowserModule,
diff --git a/frontend/src/app/components/terms-of-service/terms-of-service.component.html b/frontend/src/app/components/terms-of-service/terms-of-service.component.html
new file mode 100644
index 000000000..b3f4b75a8
--- /dev/null
+++ b/frontend/src/app/components/terms-of-service/terms-of-service.component.html
@@ -0,0 +1,40 @@
+<div class="container-xl">
+  <div class="text-center">
+    <br />
+    <img src="./resources/mempool-logo-bigger.png" height="67.5" width="251">
+    <br /><br />
+
+    <h2>Terms of Service</h2>
+    <h6>Updated: October 11, 2020</h6>
+
+    <br><br>
+
+    <div class="text-left">
+
+        <h5>By using this website or accessing its API, you agree to these Terms of Service:</h5>
+
+        <br>
+
+        <h4>NO WARRANTY</h4>
+
+        <p>This website is operated in the hope that it will be useful, but all services and data are provided on an "AS IS, AS AVAILABLE" basis, WITHOUT ANY WARRANTY OR REPRESENTATIONS; express or implied, without even the implied warranties of MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, CONTINUOUS AVAILABILITY, or UNINTERRUPTED SERVICE. It is your responsibility to verify all data obtained from this website or its API service in relation to inaccuracies and omissions.</p>
+
+        <br>
+
+        <h4>NO LIABILITY</h4>
+
+        <p>Under no circumstance will the developers or operators of this website be held liable for any damages or losses, whether direct, indirect, or any other nature, that are deemed or alleged to have resulted from or been caused by this website or its contents, including, but without limitation to, errors, inaccuracies or ambiguity in this website or its contents, failures, malfunctions, delays or interruptions in operation or transmission, any persons use or misuse of this website or its content, any errors or omissions in content, damage for loss of business, loss of profits, business interruption, loss of business information, or any other pecuniary or consequential loss or damage.</p>
+
+        <br>
+
+        <h4>PRIVACY POLICY</h4>
+
+        <p>The operators of this website may collect your IP address as part of basic webserver logs and a self-hosted statistics application, but this data will never be sold or shared with third parties. Please use Tor when accessing this website to protect your privacy.</p>
+
+    </div>
+
+    <br><br>
+
+  </div>
+
+</div>
diff --git a/frontend/src/app/components/terms-of-service/terms-of-service.component.scss b/frontend/src/app/components/terms-of-service/terms-of-service.component.scss
new file mode 100644
index 000000000..8d1c8b69c
--- /dev/null
+++ b/frontend/src/app/components/terms-of-service/terms-of-service.component.scss
@@ -0,0 +1 @@
+ 
diff --git a/frontend/src/app/components/terms-of-service/terms-of-service.component.ts b/frontend/src/app/components/terms-of-service/terms-of-service.component.ts
new file mode 100644
index 000000000..c45547be5
--- /dev/null
+++ b/frontend/src/app/components/terms-of-service/terms-of-service.component.ts
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-terms-of-service',
+  templateUrl: './terms-of-service.component.html'
+})
+export class TermsOfServiceComponent {
+  constructor() { }
+}