From 3a8faf8170078c7d2983a8422c2dd39c77d1a54c Mon Sep 17 00:00:00 2001
From: Chun-MingChen <nick830314@gmail.com>
Date: Sun, 7 Oct 2018 23:57:16 +0800
Subject: [PATCH 1/3] Add favicon

---
 .../public/favicon.ico                          | Bin 0 -> 17542 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/react-bootstrap-table2-example/public/favicon.ico

diff --git a/packages/react-bootstrap-table2-example/public/favicon.ico b/packages/react-bootstrap-table2-example/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..8fc5cecac4430bbf902619d075d39674a19b114e
GIT binary patch
literal 17542
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

literal 0
HcmV?d00001


From 7a31729ebb7803599b9c4f4fcace29ab0045edb1 Mon Sep 17 00:00:00 2001
From: Chun-MingChen <nick830314@gmail.com>
Date: Mon, 8 Oct 2018 00:07:44 +0800
Subject: [PATCH 2/3] Introduce logo to <Welcome />

---
 .../examples/welcome.js                         | 13 +++++++++++--
 .../public/images/logo-color-square.svg         |  1 +
 .../stories/stylesheet/welcome/_index.scss      | 17 +++++++++++++++++
 3 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 packages/react-bootstrap-table2-example/public/images/logo-color-square.svg

diff --git a/packages/react-bootstrap-table2-example/examples/welcome.js b/packages/react-bootstrap-table2-example/examples/welcome.js
index 41f3547..18a643e 100644
--- a/packages/react-bootstrap-table2-example/examples/welcome.js
+++ b/packages/react-bootstrap-table2-example/examples/welcome.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import Typed from 'typed.js';
 
+const PROJECT_NAME = 'react-bootstrap-table2';
+
 export default class Welcome extends React.Component {
   componentDidMount() {
     // type.js config
@@ -21,13 +23,20 @@ export default class Welcome extends React.Component {
     return (
       <div>
         <div className="welcome">
-          <h1 className="welcome-title">react-bootstrap-table2</h1>
+          <div className="welcome-title">
+            <span className="welcome-title-logo">
+              <img src="images/logo-color-square.svg" alt={ `${PROJECT_NAME}-logo` } />
+            </span>
+            <h1>
+              {PROJECT_NAME}
+            </h1>
+          </div>
           <span
             className="welcome-sub-title"
             ref={ (el) => { this.el = el; } }
           />
         </div>
-        <a href="https://github.com/react-bootstrap-table/react-bootstrap-table2" className="github-corner" aria-label="View source on Github">
+        <a href={ `https://github.com/react-bootstrap-table/${PROJECT_NAME}` } className="github-corner" aria-label="View source on Github">
           <svg width="80" height="80" viewBox="0 0 250 250" style={ { fill: '#009688', color: '#fff', position: 'absolute', top: '0', border: '0', right: '0' } } aria-hidden="true">
             <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
             <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style={ { transformOrigin: '130px 106px' } } className="octo-arm" />
diff --git a/packages/react-bootstrap-table2-example/public/images/logo-color-square.svg b/packages/react-bootstrap-table2-example/public/images/logo-color-square.svg
new file mode 100644
index 0000000..bc897b9
--- /dev/null
+++ b/packages/react-bootstrap-table2-example/public/images/logo-color-square.svg
@@ -0,0 +1 @@
+<svg id="layer_1" data-name="layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><defs><style>.cls-1{fill:#059ae6;}.cls-2{fill:#0058b7;}</style></defs><title>logo square</title><polygon class="cls-1" points="22.76 59 22.76 64.35 49.24 51.13 49.24 43.88 44.45 41.5 44.45 48.17 22.76 59"/><polygon class="cls-2" points="22.76 20.87 22.76 47.98 27.55 45.59 27.55 23.83 44.45 15.39 44.45 23.02 33.06 28.71 33.06 31.9 49.24 39.97 49.24 34.62 40.58 30.3 49.24 25.98 49.24 7.65 22.76 20.87"/></svg>
\ No newline at end of file
diff --git a/packages/react-bootstrap-table2-example/stories/stylesheet/welcome/_index.scss b/packages/react-bootstrap-table2-example/stories/stylesheet/welcome/_index.scss
index 1d7949c..360ded8 100644
--- a/packages/react-bootstrap-table2-example/stories/stylesheet/welcome/_index.scss
+++ b/packages/react-bootstrap-table2-example/stories/stylesheet/welcome/_index.scss
@@ -1,3 +1,5 @@
+$logo-size: 96px;
+
 .welcome {
   margin-top: 70px;
   text-align: center;
@@ -5,7 +7,22 @@
 
   &-title {
     color: $grey-900;
+    width: 100%;
+
+    display: inline-flex;
+    justify-content: center;
+    align-content: center;
+
+    &-logo {
+      position: relative;
+      top: -8px;
+      right: -12px;
+
+      width: $logo-size;
+      height: $logo-size;
+    }
   }
+
   &-sub-title {
     font-size: 30px;
     color: $grey-500;

From ca5a41a8b3e5d1ace93a212133c95fe161cbe8c9 Mon Sep 17 00:00:00 2001
From: Chun-MingChen <nick830314@gmail.com>
Date: Mon, 8 Oct 2018 00:12:43 +0800
Subject: [PATCH 3/3] Change primary of github avatar to main color of logo

---
 packages/react-bootstrap-table2-example/examples/welcome.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-bootstrap-table2-example/examples/welcome.js b/packages/react-bootstrap-table2-example/examples/welcome.js
index 18a643e..ca0dade 100644
--- a/packages/react-bootstrap-table2-example/examples/welcome.js
+++ b/packages/react-bootstrap-table2-example/examples/welcome.js
@@ -37,7 +37,7 @@ export default class Welcome extends React.Component {
           />
         </div>
         <a href={ `https://github.com/react-bootstrap-table/${PROJECT_NAME}` } className="github-corner" aria-label="View source on Github">
-          <svg width="80" height="80" viewBox="0 0 250 250" style={ { fill: '#009688', color: '#fff', position: 'absolute', top: '0', border: '0', right: '0' } } aria-hidden="true">
+          <svg width="80" height="80" viewBox="0 0 250 250" style={ { fill: '#0058B7', color: '#fff', position: 'absolute', top: '0', border: '0', right: '0' } } aria-hidden="true">
             <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" />
             <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style={ { transformOrigin: '130px 106px' } } className="octo-arm" />
             <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" className="octo-body" />