From 19a7f343bd0fece21c1b76da3d327d6cb0d45fb5 Mon Sep 17 00:00:00 2001
From: VitaliyTr <vs.tratsevskiy@gmail.com>
Date: Fri, 27 Jan 2017 02:15:29 +0700
Subject: [PATCH] fixed graphics page

---
 _i18n/en.yml               |  6 ++++
 graphics/index.html        | 74 ++++++++++++++++++++++++++++++++++++++
 src/scss/_junk-drawer.scss | 26 ++++++++++++++
 3 files changed, 106 insertions(+)
 mode change 100644 => 100755 _i18n/en.yml

diff --git a/_i18n/en.yml b/_i18n/en.yml
old mode 100644
new mode 100755
index b1a1f69..7a053a2
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -21,6 +21,12 @@ pages:
     community-header: Community
     indent-header: Dash Visual Identity
 
+    color-header: Color Scheme
+    color-text: These are recommended usage guidelines for maintaining a consistent design aesthetic for the Dash brand.
+
+    typography-header: Typography
+    typography-text: These are recommended usage guidelines for maintaining a consistent design aesthetic for the Dash brand.
+
   evolution:
     title: Dash Official Website | Dash Crypto Currency
     description: Dash is Digital Cash
diff --git a/graphics/index.html b/graphics/index.html
index 333c57b..679ba62 100755
--- a/graphics/index.html
+++ b/graphics/index.html
@@ -43,4 +43,78 @@ description: pages.graphics.description
 		</div>
 	</section>
 
+	<section class="section">
+		<div class="section__content">
+			<h2>{% t pages.graphics.indent-header %}</h2>
+
+			<div class="row bottom-space">
+
+				<div class="col-md-6">
+					<h2>{% t pages.graphics.color-header %}</h2>
+					<p>{% t pages.graphics.color-text %}</p>
+				</div>
+
+				<div class="col-md-6">
+					<div class="row">
+						<div class="col-xs-6">
+							<div class="color-box color-box_blue"></div>
+							<div class="color-article">
+								<p>RGB: 30,113,184</p>
+								<p>CMYK: 85,50,0,0</p>
+								<p>Hex: #1d71b8</p>
+							</div>
+						</div>
+						<div class="col-xs-6">
+							<div class="color-box color-box_gray"></div>
+							<div class="color-article">
+								<p>RGB: 227,227,227</p>
+								<p>CMYK: 13,9,11,0</p>
+								<p>Hex: #e3e3e3</p>
+							</div>
+						</div>
+					</div>
+					<div class="row">
+						<div class="col-xs-6">
+							<div class="color-box color-box_black"></div>
+							<div class="color-article">
+								<p>RGB: 0,0,0</p>
+								<p>CMYK: 91,79,62,97</p>
+								<p>Hex: #000000</p>
+							</div>
+						</div>
+						<div class="col-xs-6">
+							<div class="color-box color-box_white"></div>
+							<div class="color-article">
+								<p>RGB: 255,255,255</p>
+								<p>CMYK: 0,0,0,0</p>
+								<p>Hex: #ffffff</p>
+							</div>
+						</div>
+					</div>
+
+				</div>
+			</div>
+
+			<div class="row">
+				<div class="col-md-6">
+					<h2>{% t pages.graphics.typography-header %}</h2>
+					<p>{% t pages.graphics.typography-text %}</p>
+				</div>
+				<div class="col-md-6">
+					<div class="row">
+						<div class="col-xs-6">
+							<p>Gunship Bold Italic</p>
+							<span class="text-word-wrap">ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890?!%</span>
+						</div>
+						<div class="col-xs-6">
+							<p>Montserrat Light</p>
+							<span class="text-word-wrap">ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890?!%</span>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+
+
 </div>
diff --git a/src/scss/_junk-drawer.scss b/src/scss/_junk-drawer.scss
index e94983a..c1131ba 100644
--- a/src/scss/_junk-drawer.scss
+++ b/src/scss/_junk-drawer.scss
@@ -359,3 +359,29 @@ a.blog_link {
 		}
 	}
 }
+
+.color-box{
+	width: 44px;
+	height: 44px;
+	float:left;
+	&_blue{
+		background-color: #1d71b8;
+	}
+	&_gray{
+		background-color: #e3e3e3;
+	}
+	&_black{
+		background-color: #000000;
+	}
+	&_white{
+		border: 2px solid #ebebea;
+		background-color: #ffffff;
+	}
+}
+.text-word-wrap{
+	word-wrap: break-word;
+}
+.color-article{
+	float: left;
+	margin-left: 15px;
+}