From 3d579886473457d237f9a3e38e1a4d79401fe62c Mon Sep 17 00:00:00 2001 From: Isaac Shea Date: Sat, 30 May 2020 21:11:13 +1000 Subject: [PATCH] Completed Sign Up CSS, and more - Completed the CSS for the Sign Up Page - Added About Us, TOS and Privacy Pages - Rewrote the TOS and partially rewrote the Privacy to in accordance with the new site & mdoern information --- aboutus.html | 84 +++++++++++++++++++++ css/global.css | 80 ++++++++++++++++++++ css/page-specific/login.css | 21 ++++-- index.html | 4 +- js/signup.js | 31 ++++++++ privacy.html | 123 +++++++++++++++++++++++++++++++ signup.html | 65 ++++++++++++++--- tos.html | 141 ++++++++++++++++++++++++++++++++++++ 8 files changed, 530 insertions(+), 19 deletions(-) create mode 100644 aboutus.html create mode 100644 js/signup.js create mode 100644 privacy.html create mode 100644 tos.html diff --git a/aboutus.html b/aboutus.html new file mode 100644 index 0000000..6b9775c --- /dev/null +++ b/aboutus.html @@ -0,0 +1,84 @@ + + + + + + + + + + About Us | STiBaRC + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ + +
+

About STiBaRC

+
+
+ +
+

I was going to come up with some really cool story, but then I realised I know nothing about the history of STiBaRC, lol. Uh, don't mind me. - Isaac

+
+ +
+ +
+ + + + + \ No newline at end of file diff --git a/css/global.css b/css/global.css index 5afaed6..fde0a76 100644 --- a/css/global.css +++ b/css/global.css @@ -264,6 +264,74 @@ border: none; } + /* Checkboxes */ + label { + display: flex; + flex-direction: row; + position: relative; + padding-left: 30px; + margin-bottom: 8px; + margin-right 20px; + + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .label input { + position: absolute; + opacity: 0; + height: 0; + width: 0; + + cursor: pointer; + } + + .label input:checked ~ .checkmark { + background-color: var(--primaryLight); + } + + .label input ~ .checkmark .material-icons { + display: none; + } + + .label input:checked ~ .checkmark .material-icons { + display: block; + } + + .checkmark { + position: absolute; + top: -25%; + left: 0; + height: 25px; + width: 25px; + border-radius: 50%; + + border: 1px solid var(--white); + background-color: var(--primaryLight); + + display: flex; + align-items: center; + justify-content: center; + } + + .checkmark .material-icons { + vertical-align: middle; + font-size: 15px; + } + + .checkmark:after { + content: ""; + position: absolute; + display: none; + } + + .label input:checked ~ .checkmark:after { + display: block; + } + /* Buttons */ .button{ display: inline-block; @@ -412,6 +480,18 @@ } +/* Footer */ +.footer-container { + width: 100%; + height: 150px; + + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + + /* Misc */ .divider { height: 1px; diff --git a/css/page-specific/login.css b/css/page-specific/login.css index 7633828..386c443 100644 --- a/css/page-specific/login.css +++ b/css/page-specific/login.css @@ -34,16 +34,15 @@ h4 { .postconfirmation { padding-bottom: 2rem; + height: auto; } -.footer-container { - width: 100%; - height: 150px; - +.preconfirmation, .confirmation, .postconfirmation { + display: none; +} + +.preconfirmation.visible, .confirmation.visible, .postconfirmation.visible { display: flex; - flex-direction: column; - align-items: center; - justify-content: center; } /* Profile Editor */ @@ -92,6 +91,14 @@ h4 { margin-top: 0.5rem; } +.real-name, .email, .birthday { + display: none; +} + +.real-name.visible, .email.visible, .birthday.visible { + display: block; +} + /* Inputs */ .input-item { display: flex; diff --git a/index.html b/index.html index 86a65c5..42050b3 100644 --- a/index.html +++ b/index.html @@ -63,8 +63,8 @@

Welcome to STiBaRC

- - + Sign Up + About Us
diff --git a/js/signup.js b/js/signup.js new file mode 100644 index 0000000..c4c2eab --- /dev/null +++ b/js/signup.js @@ -0,0 +1,31 @@ +/* PROFILE CONFIGURATION */ +function ToggleEmail() { + var email = document.getElementById("email") + email.classList.toggle("visible"); +} + +function ToggleRealName() { + var realName = document.getElementById("real-name") + realName.classList.toggle("visible"); +} + +function ToggleBirthday() { + var birthday = document.getElementById("birthday") + birthday.classList.toggle("visible"); +} + + +/* NAVIGATION */ +function SignUp() { + var signUpDiv = document.getElementById("signUpDiv") + var confirmDiv = document.getElementById("confirmDiv") + signUpDiv.classList.toggle("visible") + confirmDiv.classList.toggle("visible") +} + +function EmailConfirmed() { + var confirmDiv = document.getElementById("confirmDiv") + var configureDiv = document.getElementById("configureDiv") + confirmDiv.classList.toggle("visible") + configureDiv.classList.toggle("visible") +} \ No newline at end of file diff --git a/privacy.html b/privacy.html new file mode 100644 index 0000000..b14ba05 --- /dev/null +++ b/privacy.html @@ -0,0 +1,123 @@ + + + + + + + + + + Privacy | STiBaRC + + + + + + + + + + + + + + + + + + +
+ +
+
+
+ + +
+

Privacy

+
+
+ +
+ +

Last Updated 05.30.2020

+ +

Definitions

+

STiBaRC is a service that can be accessed using the STiBaRC website (stibarc.com), official STiBaRC apps for computers and mobile devices, and third-party software via the STiBaRC API. This service, and any other services created under the STiBaRC branding (such as STiBaRC Records), will be referred to as "the Service". STiBaRC is also the name of the organization that maintains the service, which will be referred to as "the Team". "The Site" refers to stibarc.com and any of its subdomains (such as records.stibarc.com). "The User" refers to any users of the Service. "Official STiBaRC Software" refers to the website and official STiBaRC apps. "Third-party STiBaRC Software" refers to software created by a third party that can be used to access the Service.

+ +
+ +

Use of Information

+

The Team has access to the information the User inputs using the Service, including through Official STiBaRC Softwar and Third-party STiBaRC Software. Information that is not public will not be sold, rented, or given to anyone. +
+ The Team may contact the User using the email address provided on their profile to notify them of events that require action, such as data leaks. The Team will not send automated emails. +
+ The Team does not use the User's personal information to make automated decisions.

+ +
+ +

Children Under 13

+

The Service is not directed to persons under 13 years of age. The User must be at least 13 years of age to create an account or otherwise submit information to the Service.

+ +
+ +

Data Collected

+

When the User creates an account, the Service collects the given username, password, name (if provided), email address, birthday, a "bio" and preferences regarding whether this information should be displayed publicly on their profile. If the User donates to STiBaRC, this fact will be stored as part of their profile. The User's IP adress is also collected as part of standard server logs.

+ +
+ +

Security

+

All user data is stored separately from the website, on a database not accessibly to the outside world. All access to the database is logged and reviewed frequently. +
+ In the event that an unauthorized intrusion is detected, all affected Users will be notified appropriately and quickly. +
+ Information not publicly displayed is not accessible to anybody, even through use of the API, except to the associated User and the Service.

+ +
+ +

Cookies

+

The Service may use cookies on the Site and other Official STiBaRC Software. A cookie is a piece of data stored on the device of the User that allows the website to identify a repeat visitor to the Site and improve their access. Use of cookies is not linked to personally identifiable information. +
+ Cookies may also be used by third parties (see "Tracking"). The Team does not have access to these cookies.

+ +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/signup.html b/signup.html index bfef69b..1b9c8f1 100644 --- a/signup.html +++ b/signup.html @@ -18,6 +18,9 @@ + + + @@ -38,7 +41,7 @@
-