From 47665eff1869f66e07c46730fdcfff1205d9771c Mon Sep 17 00:00:00 2001
From: Federico Miras <miras.federico@gmail.com>
Date: Mon, 18 Jun 2018 15:25:31 -0300
Subject: [PATCH] change logo from react to DCL and format popup

---
 src/App.css   |  7 +------
 src/App.js    | 11 +++++------
 src/index.css |  1 +
 src/index.js  | 10 +++++-----
 src/logo.svg  | 36 ++++++++++++++++++++++++++++++------
 5 files changed, 42 insertions(+), 23 deletions(-)

diff --git a/src/App.css b/src/App.css
index c5c6e8a..bbf7166 100644
--- a/src/App.css
+++ b/src/App.css
@@ -9,7 +9,7 @@
 
 .App-header {
   background-color: #222;
-  height: 150px;
+  height: 50px;
   padding: 20px;
   color: white;
 }
@@ -21,8 +21,3 @@
 .App-intro {
   font-size: large;
 }
-
-@keyframes App-logo-spin {
-  from { transform: rotate(0deg); }
-  to { transform: rotate(360deg); }
-}
diff --git a/src/App.js b/src/App.js
index 203067e..db3349e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,6 +1,6 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
+import React, { Component } from 'react'
+import logo from './logo.svg'
+import './App.css'
 
 class App extends Component {
   render() {
@@ -8,14 +8,13 @@ class App extends Component {
       <div className="App">
         <header className="App-header">
           <img src={logo} className="App-logo" alt="logo" />
-          <h1 className="App-title">Welcome to React</h1>
         </header>
         <p className="App-intro">
           To get started, edit <code>src/App.js</code> and save to reload.
         </p>
       </div>
-    );
+    )
   }
 }
 
-export default App;
+export default App
diff --git a/src/index.css b/src/index.css
index b4cc725..7d60625 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,5 @@
 body {
+  width: 150px;
   margin: 0;
   padding: 0;
   font-family: sans-serif;
diff --git a/src/index.js b/src/index.js
index f64c8f1..5761000 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,8 +1,8 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import React from 'react'
+import ReactDOM from 'react-dom'
 
-import App from "./App";
+import App from './App'
 
-import "./index.css";
+import './index.css'
 
-ReactDOM.render(<App />, document.getElementById("root"));
+ReactDOM.render(<App />, document.getElementById('root'))
diff --git a/src/logo.svg b/src/logo.svg
index 6b60c10..6c72702 100644
--- a/src/logo.svg
+++ b/src/logo.svg
@@ -1,7 +1,31 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
-    <g fill="#61DAFB">
-        <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
-        <circle cx="420.9" cy="296.5" r="45.7"/>
-        <path d="M520.5 78.1z"/>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="52px" viewBox="0 0 52 52" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>logo</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icons" fill-rule="nonzero">
+            <g id="logo">
+                <g>
+                    <g id="Group-9" transform="translate(0.000000, 1.000000)">
+                        <path d="M50.83,27.574 C50.908,26.716 50.96,25.884 50.96,25 C50.96,11.22 39.78,0.04 26,0.04 C12.22,0.04 1.04,11.22 1.04,25 C1.04,25.104 50.44,26.274 50.83,27.574" id="Fill-1" fill="#D7D1C7"></path>
+                        <path d="M0.936,25.052 C0.936,38.832 12.116,50.012 25.896,50.012 C39.676,50.012 49.43796,41.536 50.856,28.172 C50.86692,28.06852 0.936,24.194 0.936,25.052" id="Fill-3" fill="#BFB5AF"></path>
+                        <path d="M16.328,6.54 C19.08504,6.54 21.32,8.77496 21.32,11.532 C21.32,14.28904 19.08504,16.524 16.328,16.524 C13.57096,16.524 11.336,14.28904 11.336,11.532 C11.336,8.77496 13.57096,6.54 16.328,6.54" id="Fill-5" fill="#F47E33"></path>
+                        <path d="M16.328,7.58 C14.144,7.58 12.376,9.348 12.376,11.532 C12.376,13.716 14.144,15.484 16.328,15.484 C18.512,15.484 20.28,13.716 20.28,11.532 C20.28,9.348 18.486,7.58 16.328,7.58 M16.328,17.564 C13,17.564 10.296,14.86 10.296,11.532 C10.296,8.204 13,5.5 16.328,5.5 C19.656,5.5 22.36,8.204 22.36,11.532 C22.36,14.86 19.63,17.564 16.328,17.564" id="Fill-7" fill="#35312E"></path>
+                        <path d="M32.552,6.306 C36.87424,6.306 40.378,9.80976 40.378,14.132 C40.378,18.45424 36.87424,21.958 32.552,21.958 C28.22976,21.958 24.726,18.45424 24.726,14.132 C24.726,9.80976 28.22976,6.306 32.552,6.306" id="Fill-9" fill="#F47E33"></path>
+                        <polyline id="Fill-11" fill="#BFB5AF" points="18.538 30.876 24.882 22.868 26.234 23.648 28.834 24.61 30.68 23.648 36.582 17.356 38.636 20.112 39.624 19.306 40.924 19.306 44.2 23.882 46.54 23.492 50.752 28.276"></polyline>
+                        <polyline id="Fill-13" fill="#BFB5AF" points="22.698 26.898 19.266 25 14.274 26.3 11.986 18.734 7.878 18.734 3.926 25.676 1.04 25.78"></polyline>
+                        <path d="M11.336,28.354 C11.336,28.354 9.464,33.814 9.464,33.918 C9.464,34.438 10.296,34.854 11.336,34.854 C12.376,34.854 13.208,34.438 13.208,33.918 C13.182,33.84 11.336,28.354 11.336,28.354" id="Fill-15" fill="#F47E33"></path>
+                        <path d="M7.02,26.248 C7.02,26.248 5.174,31.682 5.174,31.786 C5.174,32.306 6.006,32.722 7.02,32.722 C8.034,32.722 8.866,32.306 8.866,31.786 C8.866,31.682 7.02,26.248 7.02,26.248" id="Fill-17" fill="#F47E33"></path>
+                        <path d="M40.898,26.82 C40.898,28.926 30.888,28.926 30.888,26.82 C30.888,24.714 33.124,22.998 35.88,22.998 C38.636,22.998 40.898,24.688 40.898,26.82" id="Fill-19" fill="#D8A780"></path>
+                        <path d="M45.89,32.02 C45.89,34.126 35.88,34.126 35.88,32.02 C35.88,29.914 38.116,28.198 40.872,28.198 C43.654,28.172 45.89,29.888 45.89,32.02" id="Fill-21" fill="#D8A780"></path>
+                        <path d="M35.88,38.208 C35.88,40.314 25.87,40.314 25.87,38.208 C25.87,36.102 28.106,34.386 30.862,34.386 C33.618,34.386 35.88,36.102 35.88,38.208" id="Fill-23" fill="#D8A780"></path>
+                        <path d="M26.286,48.946 C15.964,48.946 7.124,42.472 3.614,33.372 C4.316,33.372 5.044,33.398 5.798,33.398 C6.162,33.502 6.578,33.554 7.02,33.554 C7.384,33.554 7.696,33.528 8.008,33.45 C8.164,33.45 8.346,33.45 8.502,33.476 C8.45,33.632 8.45,33.684 8.45,33.736 C8.45,34.906 9.698,35.738 11.388,35.738 C13.052,35.738 13.988,34.698 14.066,33.58 C14.326,33.606 14.872,33.866 15.132,33.892 C22.152,34.646 22.62,35.92 22.62,35.972 C22.646,36.076 22.464,36.622 21.06,37.584 C18.044,39.664 17.004,40.886 17.29,42.186 C17.628,43.746 19.656,44.136 22.724,44.708 C23.582,44.864 24.57,45.072 25.584,45.28 C26.702,45.54 27.872,45.774 28.99,45.982 C31.07,46.398 33.176,46.814 34.84,47.334 C32.214,48.4 29.302,48.946 26.286,48.946" id="Fill-25" fill="#D7D1C7"></path>
+                    </g>
+                    <path d="M46.93,23.374 L44.694,23.764 L41.47,19.292 L40.43,19.292 C41.08,18.044 41.444,16.64 41.444,15.158 C41.444,10.27 37.466,6.292 32.578,6.292 C27.69,6.292 23.686,10.244 23.686,15.132 C23.686,19.188 26.442,22.62 30.16,23.686 L30.03,23.816 L28.756,24.466 L26.676,23.712 L24.622,22.516 L21.736,26.156 L19.422,24.882 L14.976,26.026 L12.74,18.694 L7.28,18.694 L3.302,25.662 L2.08,25.688 C2.236,12.636 12.922,2.08 26,2.08 C39.182,2.08 49.92,12.818 49.92,26 L49.92,26.754 L46.93,23.374 Z M34.84,39.078 C34.476,39.338 33.124,39.754 30.888,39.754 C28.652,39.754 27.3,39.338 26.936,39.078 C27.04,37.622 28.808,36.426 30.888,36.426 C32.968,36.426 34.736,37.622 34.84,39.078 L34.84,39.078 Z M40.898,30.212 C42.978,30.212 44.746,31.408 44.85,32.864 C44.486,33.124 43.108,33.54 40.898,33.54 C38.688,33.54 37.31,33.124 36.946,32.864 C37.05,31.408 38.818,30.212 40.898,30.212 L40.898,30.212 Z M39.832,27.664 C39.468,27.924 38.09,28.34 35.88,28.34 C33.67,28.34 32.292,27.924 31.928,27.664 C32.032,26.208 33.8,25.012 35.88,25.012 C37.96,25.012 39.728,26.208 39.832,27.664 L39.832,27.664 Z M38.246,18.85 L36.686,16.744 L31.85,21.918 C28.444,21.554 25.792,18.668 25.792,15.158 C25.792,11.414 28.834,8.372 32.578,8.372 C36.322,8.372 39.364,11.414 39.364,15.158 C39.364,16.51 38.948,17.784 38.246,18.85 L38.246,18.85 Z M37.128,47.164 C35.178,46.202 32.214,45.63 29.094,45.006 C28.002,44.798 26.858,44.564 25.766,44.33 C24.752,44.096 23.764,43.914 22.88,43.758 C21.476,43.498 19.786,43.16 19.24,42.848 C19.422,42.562 19.994,41.886 22.022,40.508 C22.75,40.014 24.96,38.506 24.362,36.582 C23.816,34.788 20.982,33.696 15.21,33.072 C14.69,33.02 14.144,32.968 13.572,32.916 C13.286,32.058 12.87,30.836 12.272,29.068 L11.284,26.182 L10.296,29.068 C9.958,30.03 9.698,30.81 9.464,31.486 C9.204,30.654 8.736,29.302 7.93,26.962 L7.02,24.024 L6.032,26.91 C4.68,30.862 4.29,32.032 4.186,32.474 L2.99,32.474 C2.574,30.966 2.288,29.38 2.158,27.768 L4.55,27.69 L8.502,20.774 L11.232,20.774 L13.598,28.548 L19.162,27.118 L20.436,27.82 L17.732,31.226 L19.37,32.526 L25.142,25.22 L25.818,25.61 L28.938,26.754 L30.29,26.052 C30.03,26.598 29.874,27.196 29.874,27.82 C29.874,28.444 30.264,29.77 33.228,30.264 C34.164,30.42 34.866,31.226 34.866,32.188 L34.866,35.568 C34.45,35.282 33.982,35.022 33.462,34.84 L33.488,34.84 C32.344,34.476 31.278,33.93 30.94,32.812 C30.68,33.722 29.952,34.242 29.016,34.606 C26.598,35.256 24.856,37.076 24.856,39.234 C24.856,40.014 25.454,41.86 30.888,41.86 C36.348,41.86 36.92,40.014 36.92,39.234 L36.92,35.152 C37.284,35.282 37.7,35.386 38.194,35.464 C39.13,35.62 39.832,36.426 39.832,37.388 L39.832,39.728 C39.832,40.274 40.222,40.768 40.768,40.82 C41.392,40.872 41.912,40.378 41.912,39.78 L41.912,37.388 C41.912,36.426 42.614,35.62 43.55,35.464 C46.514,34.97 46.904,33.67 46.904,33.02 C46.904,31.278 45.76,29.77 44.07,28.912 L44.096,28.912 C44.07,28.912 44.044,28.886 43.992,28.886 C43.706,28.73 43.368,28.626 43.056,28.522 C42.588,28.288 42.172,27.976 41.886,27.586 C41.756,25.74 40.378,24.18 38.402,23.426 L38.376,23.426 C38.246,23.374 38.116,23.348 37.986,23.296 C36.998,22.932 36.14,22.386 35.854,21.424 C35.542,22.49 34.632,23.036 33.462,23.4 C33.384,23.426 33.28,23.452 33.202,23.504 L36.452,20.046 L38.402,22.672 L39.962,21.424 L40.352,21.424 L43.732,26.078 L46.124,25.662 L49.634,29.64 C48.49,37.232 43.732,43.68 37.128,47.164 L37.128,47.164 Z M10.634,34.736 C10.79,34.268 11.05,33.488 11.336,32.63 C11.622,33.488 11.882,34.268 12.038,34.736 C11.882,34.788 11.622,34.84 11.336,34.84 C11.05,34.84 10.79,34.788 10.634,34.736 L10.634,34.736 Z M6.344,32.526 C6.5,32.058 6.734,31.304 7.02,30.498 C7.306,31.33 7.566,32.084 7.696,32.552 C7.228,32.552 6.786,32.526 6.344,32.526 L6.344,32.526 Z M26,49.92 C15.834,49.92 7.124,43.55 3.666,34.58 C4.342,34.58 5.07,34.606 5.798,34.606 C6.162,34.71 6.552,34.762 6.994,34.762 C7.332,34.762 7.67,34.736 7.956,34.658 C8.112,34.658 8.268,34.658 8.45,34.684 C8.398,34.84 8.398,34.892 8.398,34.944 C8.398,36.088 9.62,36.92 11.31,36.92 C12.948,36.92 14.144,36.14 14.196,35.048 C14.456,35.074 14.742,35.1 15.002,35.126 C21.918,35.88 22.386,37.128 22.386,37.18 C22.412,37.284 22.256,37.83 20.852,38.766 C17.914,40.794 16.9,42.016 17.16,43.29 C17.472,44.824 19.474,45.214 22.516,45.786 C23.374,45.942 24.336,46.124 25.324,46.358 C26.416,46.592 27.586,46.826 28.704,47.06 C30.732,47.476 32.812,47.892 34.476,48.386 C31.85,49.374 28.99,49.92 26,49.92 L26,49.92 Z M26,0 C11.674,0 0,11.674 0,26 C0,40.326 11.674,52 26,52 C40.326,52 52,40.326 52,26 C52,11.674 40.326,0 26,0 L26,0 Z" id="Fill-27" fill="#35312E"></path>
+                </g>
+            </g>
+        </g>
     </g>
-</svg>
+</svg>
\ No newline at end of file