From ff51bf345d0e51c9ec9e9f9f7e2a31bbf3006148 Mon Sep 17 00:00:00 2001
From: khemmapon <khemmapon@me.com>
Date: Wed, 25 Oct 2017 18:51:49 +0700
Subject: [PATCH 1/2] change color of Hello World text to rainbow color

---
 App.jsx  | 46 ++++++++++++++++++++++++++--------------------
 main.css | 39 +++++++++++++++++++--------------------
 2 files changed, 45 insertions(+), 40 deletions(-)

diff --git a/App.jsx b/App.jsx
index dc3b9e2..54f62bc 100644
--- a/App.jsx
+++ b/App.jsx
@@ -1,13 +1,13 @@
 import React from 'react';
 import './App.css';
 
-document.body.style.backgroundColor = "steelblue";
+document.body.style.backgroundColor = 'steelblue';
 class App extends React.Component {
 	render() {
 		return (
 			<div>
-				<Header/>
-				<Content/>
+				<Header />
+				<Content />
 			</div>
 		);
 	}
@@ -15,32 +15,38 @@ class App extends React.Component {
 
 class Header extends React.Component {
 	render() {
-		return(
+		return (
 			<div>
-				<h1 className="headerOne" style={{ color: '#27ae60', font: '70px Tahoma, Helvetica, Arial, Sans-Serif', textShadow: '0px 2px 3px rgb(114, 220, 159)' }}>Another boring '
-					<span class="amber">H</span>
-					<span class="pink">e</span>
-					<span class="yellow">l</span>
+				<h1
+					className="headerOne"
+					style={{
+						color: '#27ae60',
+						font: '70px Tahoma, Helvetica, Arial, Sans-Serif',
+						textShadow: '0px 2px 3px rgb(114, 220, 159)',
+					}}>
+					Another boring '
+					<span class="violet">H</span>
+					<span class="indigo">e</span>
 					<span class="blue">l</span>
-					<span class="green">o</span>
+					<span class="green">l</span>
+					<span class="yellow">o</span>
 					<span class=""> </span>
-					<span class="lime">W</span>
-					<span class="grey">o</span>
-					<span class="deepOrange">r</span>
-					<span class="pink">l</span>
-					<span class="amber">d</span>
-					<span class="deepOrange">!</span>
-
-
-					' app!</h1>
+					<span class="orange">W</span>
+					<span class="red">o</span>
+					<span class="orange">r</span>
+					<span class="yellow">l</span>
+					<span class="green">d</span>
+					<span class="blue">!</span>
+					' app!
+				</h1>
 			</div>
 		);
 	}
 }
 
 class Content extends React.Component {
-	render(){
-		return(
+	render() {
+		return (
 			<div id="initialDiv">
 				<h2 className="headerTwo">Can we improve it?</h2>
 				<p>Maybe we can together ...</p>
diff --git a/main.css b/main.css
index 876db17..5ab7486 100644
--- a/main.css
+++ b/main.css
@@ -1,35 +1,34 @@
-body, html {
-  padding:0px;
-  margin:0px;
+body,
+html {
+  padding: 0px;
+  margin: 0px;
   font-family: sans-serif;
 }
-.amber{
-  color: #ffc107;
-}
 
-.blue{
-  color: #64b5f6;
+.violet {
+  color: #9400d3;
 }
 
-.deepOrange{
-  color: #ff5722;
+.indigo {
+  color: #4b0082;
 }
 
-.green{
-  color: #4caf50;
+.blue {
+  color: #0000ff;
 }
 
-.grey{
-  color: #eeeeee;
+.green {
+  color: #00ff00;
 }
 
-.lime{
-  color: #cddc39;
+.yellow {
+  color: #ffff00;
 }
-.pink{
-  color: #e91e63;
+
+.orange {
+  color: #ff7f00;
 }
 
-.yellow{
-  color: #ffeb3b;
+.red {
+  color: #ff0000;
 }

From fb08f193de91467cefa3711cad62d8365b87c8fb Mon Sep 17 00:00:00 2001
From: khemmapon <khemmapon@me.com>
Date: Wed, 25 Oct 2017 18:56:20 +0700
Subject: [PATCH 2/2] add name to CONTRIBUTING.md

---
 CONTRIBUTING.md | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 7440a17..3c27486 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -2,4 +2,5 @@
 1. [beven](https://github.com/beven)
 2. [mrclan](https://github.com/mrclan)
 3. [mblascoe](https://github.com/mblascoe)
-4. [pixidust724](https://github.com/pixidust724)
\ No newline at end of file
+4. [pixidust724](https://github.com/pixidust724)
+5. [khemmapon](https://github.com/khemmapon)
\ No newline at end of file