From 8015626170c192e8aa668bb58c252e80b8350e55 Mon Sep 17 00:00:00 2001
From: SleepWalker <mybox@udf.su>
Date: Sun, 22 May 2016 18:56:52 +0300
Subject: [PATCH] #98: site rules

---
 src/index.scss                |  2 ++
 src/pages/rules/RulesPage.jsx | 64 +++++++++++++++++++++++++++++++++++
 src/pages/rules/rules.scss    | 50 +++++++++++++++++++++++++++
 src/routes.js                 |  4 +++
 4 files changed, 120 insertions(+)
 create mode 100644 src/pages/rules/RulesPage.jsx
 create mode 100644 src/pages/rules/rules.scss

diff --git a/src/index.scss b/src/index.scss
index ccfa515..77594b2 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -12,6 +12,8 @@ body,
 body {
     font-family: $font-family-base;
     background: $light;
+    color: #444;
+    font-size: 16px;
 }
 
 b {
diff --git a/src/pages/rules/RulesPage.jsx b/src/pages/rules/RulesPage.jsx
new file mode 100644
index 0000000..f9f91a2
--- /dev/null
+++ b/src/pages/rules/RulesPage.jsx
@@ -0,0 +1,64 @@
+import React from 'react';
+
+import styles from './rules.scss';
+
+const rules = [
+    {
+        title: 'Main provisions',
+        items: [
+            'Ely.by - custom project, created by man under the pseudonym ErickSkrauch and unrelated to the company Mojang.',
+            'Developer carefully read the Mojang Account EULA and quite confidently declares that it does not violate, implementing alternative service for Minecraft. The EULA says that users may redistribute any modifications to the client, without charging a fee for it. This is what we are doing here.',
+            'Ely.by not steal your passwords and keep them safe in a hash with salt.',
+            'We have the right to withdraw from your order any nickname in the case of "clogging" nicks players.'
+        ]
+    },
+    {
+        title: 'Skin system',
+        items: [
+            (<span>
+                Ready patches on the downloads page only change the query to load skins, and in any case should not be spy the player.
+                However, if you are in doubt, you can manually implement the patch, following our <a href="/">skins system documentation</a>.
+            </span>),
+            'The system skins is absolutely free service, and it will remain such forever. You can freely use it in their projects without asking for any permission and nowhere specifically registering.',
+            'In our protocol download skins, we conduct statistics of all skin download requests. We get information about that for a nickname with which version and what time has been loaded skin. In fact, there are no critical data, but you have the right to know.'
+        ]
+    },
+    {
+        title: 'Skins catalog',
+        items: [
+            'Any skin, loaded to the site, enters the public skins catalog. This means that any user will be able to wear it or download skins from our catalog.',
+            'Any skin you uploaded to Ely.by becomes the property of the project. This means that we are entitled to take measures for its removal or retention in a public skins catalog. However, we will always try to walk you to the meeting in the absence of a compelling reason on our part to fulfill any request regarding your skin.'
+        ]
+    },
+    {
+        title: 'General site rules',
+        items: [
+            'We indifferent to your style of communication as long as it starts to interfere with the administration. Keep this in mind.',
+            'Use of multi account not prohibited. Nevertheless, on the site you can change nickname - this is done in the settings.',
+            'Advertising of any affiliate and referral programs, store stolen keys (ie all except official), as well as online casinos, all drugs, alcoholic beverages, etc. strictly punished by blocking the account instantly.',
+            <b>If you register on the site, taking the nickname, which holds the license Minecraft, owner will be able to demand the restoration of control over nickname and you within 3 days should necessary change the nickname.</b>
+        ]
+    }
+];
+
+export default function RulesPage() {
+    return (
+        <div className={styles.rules}>
+            {rules.map((block, key) => (
+                <div className={styles.rulesSection} key={key}>
+                    <h2 className={styles.rulesSectionTitle}>{block.title}</h2>
+
+                    <div className={styles.rulesBody}>
+                        <ol className={styles.rulesList}>
+                            {block.items.map((item, key) => (
+                                <li className={styles.rulesItem} key={key}>{item}</li>
+                            ))}
+                        </ol>
+                    </div>
+                </div>
+            ))}
+        </div>
+    );
+}
+
+RulesPage.displayName = 'RulesPage';
diff --git a/src/pages/rules/rules.scss b/src/pages/rules/rules.scss
new file mode 100644
index 0000000..82cc907
--- /dev/null
+++ b/src/pages/rules/rules.scss
@@ -0,0 +1,50 @@
+.rules {
+    max-width: 620px;
+    margin: 55px auto 0;
+}
+
+.rulesSection {
+    margin-bottom: 30px;
+}
+
+.rulesSectionTitle {
+    line-height: 50px;
+    height: 50px;
+
+    font-size: 20px;
+    color: #fff;
+    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3);
+    padding: 0;
+    margin: 0;
+    text-align: center;
+
+    background: #5b9aa9;
+}
+
+.rulesBody {
+    padding: 25px 15px;
+    background: #fff;
+}
+
+.rulesList {
+    padding: 0;
+    margin: 0;
+    padding-left: 40px;
+}
+
+.rulesItem {
+    list-style: decimal;
+    line-height: 1.35;
+    margin: 10px 0;
+
+    a {
+        color: #444;
+        border-bottom: 1px dotted #aaa;
+        text-decoration: none;
+        transition: .25s
+    }
+
+    a:hover {
+        border-bottom-color: #444
+    }
+}
diff --git a/src/routes.js b/src/routes.js
index 05043e8..31fe3da 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -5,6 +5,8 @@ import RootPage from 'pages/root/RootPage';
 import IndexPage from 'pages/index/IndexPage';
 import AuthPage from 'pages/auth/AuthPage';
 
+import RulesPage from 'pages/rules/RulesPage';
+
 import ProfilePage from 'pages/profile/ProfilePage';
 import ProfileChangePasswordPage from 'pages/profile/ChangePasswordPage';
 import ProfileChangeUsernamePage from 'pages/profile/ChangeUsernamePage';
@@ -44,6 +46,8 @@ export default function routesFactory(store) {
         <Route path="/" component={RootPage}>
             <IndexRoute component={IndexPage} {...startAuthFlow} />
 
+            <Route path="rules" component={RulesPage} />
+
             <Route path="oauth" component={OAuthInit} {...startAuthFlow} />
 
             <Route path="auth" component={AuthPage}>