From 1656b981cdb8b006456897087ff898f7c1ee8852 Mon Sep 17 00:00:00 2001
From: nicholas llerandi <nicholasllerandi@gmail.com>
Date: Sat, 27 Apr 2019 20:29:40 -0400
Subject: [PATCH 1/5] allquestions-styling

---
 .../src/components/questions/AllQuestions.js  | 69 ++++++++++++++++---
 1 file changed, 60 insertions(+), 9 deletions(-)

diff --git a/client/src/components/questions/AllQuestions.js b/client/src/components/questions/AllQuestions.js
index 25b7815..acd8ded 100644
--- a/client/src/components/questions/AllQuestions.js
+++ b/client/src/components/questions/AllQuestions.js
@@ -1,8 +1,10 @@
 import React, {Component} from "react";
 import {Link} from "react-router-dom";
+import styled from 'styled-components'
 
-// Styled Components
-import {Card} from '../../elements'
+// Styled Components / Utils
+import {lighterblack, black, blue} from '../../utils'
+// import {Card} from '../../elements'
 
 class AllQuestions extends Component {
     render() {
@@ -13,13 +15,24 @@ class AllQuestions extends Component {
                 {questions.map(question => {
                     return (
                         <Card key={question._id}>
-                            <Link to={`/questions/${question._id}`}>
-                                {question.title}
-                            </Link> -
-                            {question.user ? 
-                                <Link to={`/users/${question.user._id}/${question.user.name}`}> {question.user.name}</Link> :
-                                'User deleted profile :('
-                            }
+                            <div className='likes'>
+                                <div className='likes_value'>{question.likes.length}</div>
+                                <div>likes</div>
+                            </div>
+
+                            <div className='summary'>
+                                <h3>
+                                    <Link to={`/questions/${question._id}`}>
+                                        {question.title}
+                                    </Link>
+                                </h3>
+                                <div className='started'>
+                                    {question.user ? 
+                                        <Link to={`/users/${question.user._id}/${question.user.name}`}> {question.user.name}</Link> :
+                                        'User deleted profile :('
+                                    }
+                                </div>
+                            </div>
                         </Card>
                     )
                 })}
@@ -28,4 +41,42 @@ class AllQuestions extends Component {
     }
 }
 
+const Card = styled.div`    
+    display: flex;
+    padding: 12px 8px;
+    border-bottom: 1px solid ${lighterblack};
+    color: ${black};
+
+    .likes {
+        padding-right: 30px;
+
+        &_value {
+            text-align: center;
+        }
+    }
+
+    .summary {
+        flex: 1 auto;
+        width: auto;
+        float: none;
+        margin: 0;
+        overflow: hidden;
+
+        h3 {
+            font-weight: 400;
+            margin: 0 0 .35em 0;
+            line-height: 1.3;
+        }
+    }
+
+    a {
+        text-decoration: none;
+        color: ${black};
+    }
+
+    a:hover {
+        color: ${blue}
+    }
+`;
+
 export default AllQuestions;
\ No newline at end of file

From 766e93f601e1e11365e98ffc05dc7f6bf52b1946 Mon Sep 17 00:00:00 2001
From: nicholas llerandi <nicholasllerandi@gmail.com>
Date: Sat, 27 Apr 2019 21:12:37 -0400
Subject: [PATCH 2/5] added mainbar and sidebar

---
 client/src/App.js                             | 19 +++++----
 client/src/Global.js                          | 12 ++++++
 client/src/components/homepage/Homepage.js    |  2 +-
 .../src/components/questions/AllQuestions.js  | 41 ++++++++++++++-----
 4 files changed, 56 insertions(+), 18 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index 00eb03b..7a8cfae 100755
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -45,13 +45,18 @@ class App extends Component {
                     <div className="App">
                         <Navbar/>
                         <main>
-                            <Route exact path="/" component={Homepage}/>
-                            <Route exact path="/register" component={Register}/>
-                            <Route exact path="/login" component={Login}/>
-                            <Route exact path="/ask" component={Ask}/>
-                            <Route exact path="/questions/:id" component={Question}/>
-                            <Route exact path="/users/:id/:name" component={Profile}/>
-                            <Route exact path="/users/:id/:name/edit" component={ProfileEdit}/>
+                            <div className='mainbar'>
+                                <Route exact path="/" component={Homepage}/>
+                                <Route exact path="/register" component={Register}/>
+                                <Route exact path="/login" component={Login}/>
+                                <Route exact path="/ask" component={Ask}/>
+                                <Route exact path="/questions/:id" component={Question}/>
+                                <Route exact path="/users/:id/:name" component={Profile}/>
+                                <Route exact path="/users/:id/:name/edit" component={ProfileEdit}/>
+                            </div>
+                            <div className='sidebar'>
+                                Here is the sidebar
+                            </div>
                         </main>
                         <Footer/>
                         <GlobalStyle/>
diff --git a/client/src/Global.js b/client/src/Global.js
index 239ca17..50b8883 100644
--- a/client/src/Global.js
+++ b/client/src/Global.js
@@ -24,6 +24,18 @@ const GlobalStyle = createGlobalStyle`
         width: 90%;
         height: 100%;
         margin: 0 auto;
+
+        .mainbar {
+            width: 75%;
+            float: left;
+        }
+
+        .sidebar {
+            width: 25%;
+            height: 50rem;
+            background: lightgrey;
+            float: right;
+        }
     }
 `;
 
diff --git a/client/src/components/homepage/Homepage.js b/client/src/components/homepage/Homepage.js
index 8a4f454..25ab524 100644
--- a/client/src/components/homepage/Homepage.js
+++ b/client/src/components/homepage/Homepage.js
@@ -20,7 +20,7 @@ class Homepage extends Component {
         const {questions} = this.props.questionReducer;
 
         return (
-            <div className="Landing">
+            <div className="RecentQuestions">
                 <Heading>Recent Questions</Heading>
                 <Link to="/ask">
                     <Button>Ask a Question</Button>
diff --git a/client/src/components/questions/AllQuestions.js b/client/src/components/questions/AllQuestions.js
index acd8ded..5b0b3de 100644
--- a/client/src/components/questions/AllQuestions.js
+++ b/client/src/components/questions/AllQuestions.js
@@ -4,6 +4,8 @@ import styled from 'styled-components'
 
 // Styled Components / Utils
 import {lighterblack, black, blue} from '../../utils'
+import {darken} from 'polished'
+
 // import {Card} from '../../elements'
 
 class AllQuestions extends Component {
@@ -27,8 +29,11 @@ class AllQuestions extends Component {
                                     </Link>
                                 </h3>
                                 <div className='started'>
-                                    {question.user ? 
-                                        <Link to={`/users/${question.user._id}/${question.user.name}`}> {question.user.name}</Link> :
+                                    {question.user ? (
+                                        <Link to={`/users/${question.user._id}/${question.user.name}`}>
+                                            {question.user.name}
+                                        </Link>
+                                    ) :
                                         'User deleted profile :('
                                     }
                                 </div>
@@ -66,16 +71,32 @@ const Card = styled.div`
             font-weight: 400;
             margin: 0 0 .35em 0;
             line-height: 1.3;
-        }
-    }
 
-    a {
-        text-decoration: none;
-        color: ${black};
-    }
+            a {
+                text-decoration: none;
+                color: ${black};
+            }
 
-    a:hover {
-        color: ${blue}
+            a:hover {
+                color: ${blue}
+            }
+        }
+
+        .started {
+            width: auto;
+            line-height: inherit;
+            padding-top: 4px;
+            float: right;
+            
+            a {
+                text-decoration: none;
+                color: ${blue};
+                
+                &:hover {
+                    color: ${darken(0.2, blue)};
+                }
+            }
+        }
     }
 `;
 

From 31e728a266b28b51c933287963757d5e62b36897 Mon Sep 17 00:00:00 2001
From: nicholas llerandi <nicholasllerandi@gmail.com>
Date: Tue, 30 Apr 2019 07:58:03 -0400
Subject: [PATCH 3/5] AllQuestions-styling

---
 client/src/App.js              |  7 ++++++-
 client/src/Global.js           | 10 +++++++++-
 client/src/elements/Buttons.js |  4 ++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index 7a8cfae..f271f68 100755
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -55,7 +55,12 @@ class App extends Component {
                                 <Route exact path="/users/:id/:name/edit" component={ProfileEdit}/>
                             </div>
                             <div className='sidebar'>
-                                Here is the sidebar
+                                <div className='ad'>
+                                    I'm an ad
+                                </div>
+                                <div className='ad'>
+                                    I'm also an ad
+                                </div>
                             </div>
                         </main>
                         <Footer/>
diff --git a/client/src/Global.js b/client/src/Global.js
index 50b8883..7cd45ce 100644
--- a/client/src/Global.js
+++ b/client/src/Global.js
@@ -1,5 +1,6 @@
 import {createGlobalStyle} from 'styled-components'
 import {normalize} from 'polished'
+import {elevation} from './utils'
 
 const GlobalStyle = createGlobalStyle`
     ${normalize()}
@@ -33,8 +34,15 @@ const GlobalStyle = createGlobalStyle`
         .sidebar {
             width: 25%;
             height: 50rem;
-            background: lightgrey;
             float: right;
+
+            .ad {
+                padding: 1rem;
+                margin: 1rem;
+                height: 11rem;
+                border: 1px solid #d6d9dc; 
+                ${elevation[1]};
+            }
         }
     }
 `;
diff --git a/client/src/elements/Buttons.js b/client/src/elements/Buttons.js
index f53a941..ea3e9d1 100644
--- a/client/src/elements/Buttons.js
+++ b/client/src/elements/Buttons.js
@@ -23,6 +23,10 @@ export const Button = styled.button`
 
 const SignUpButton = styled(Button)`
     background: ${green};
+    
+    &:hover {
+        background: ${darken(0.2, green)};
+    }
 `;
 
 Button.SignUp = SignUpButton;
\ No newline at end of file

From 11d6394dff99b2ced5746f862c9f451a89edfb36 Mon Sep 17 00:00:00 2001
From: nicholas llerandi <nicholasllerandi@gmail.com>
Date: Tue, 30 Apr 2019 08:04:30 -0400
Subject: [PATCH 4/5] AllQuestions-styling

---
 client/src/components/homepage/Homepage.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/homepage/Homepage.js b/client/src/components/homepage/Homepage.js
index 25ab524..8d07e90 100644
--- a/client/src/components/homepage/Homepage.js
+++ b/client/src/components/homepage/Homepage.js
@@ -21,7 +21,7 @@ class Homepage extends Component {
 
         return (
             <div className="RecentQuestions">
-                <Heading>Recent Questions</Heading>
+                <Heading>Recent Questions TEST</Heading>
                 <Link to="/ask">
                     <Button>Ask a Question</Button>
                 </Link>

From 7d339537a3c5835ecec905e349745ae1ba292414 Mon Sep 17 00:00:00 2001
From: nicholas llerandi <nicholasllerandi@gmail.com>
Date: Tue, 30 Apr 2019 20:01:36 -0400
Subject: [PATCH 5/5] Setup-grid-system#76

---
 client/src/App.js                          |  4 +--
 client/src/Global.js                       | 31 +++++++++++++---------
 client/src/components/homepage/Homepage.js |  2 +-
 client/src/utils/Colors.js                 |  2 +-
 4 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index f271f68..bb670ee 100755
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -55,10 +55,10 @@ class App extends Component {
                                 <Route exact path="/users/:id/:name/edit" component={ProfileEdit}/>
                             </div>
                             <div className='sidebar'>
-                                <div className='ad'>
+                                <div className='ad ad--1'>
                                     I'm an ad
                                 </div>
-                                <div className='ad'>
+                                <div className='ad ad--2'>
                                     I'm also an ad
                                 </div>
                             </div>
diff --git a/client/src/Global.js b/client/src/Global.js
index 7cd45ce..c685b4b 100644
--- a/client/src/Global.js
+++ b/client/src/Global.js
@@ -4,23 +4,28 @@ import {elevation} from './utils'
 
 const GlobalStyle = createGlobalStyle`
     ${normalize()}
-    html {
-        box-sizing: border-box;
+
+    * {
+        margin: 0;
+        padding: 0;
     }
 
     *, *:before, *:after {
         box-sizing: inherit;
     }
 
+    html {
+        box-sizing: border-box;
+    }
+
     body {
-        margin: 0;
         padding: 90px 0 0;
         font-family: Arial, Helvetica, sans-serif;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
     }
 
-    main {
+    .App {
         max-width: 1264px;
         width: 90%;
         height: 100%;
@@ -33,18 +38,18 @@ const GlobalStyle = createGlobalStyle`
 
         .sidebar {
             width: 25%;
-            height: 50rem;
             float: right;
-
-            .ad {
-                padding: 1rem;
-                margin: 1rem;
-                height: 11rem;
-                border: 1px solid #d6d9dc; 
-                ${elevation[1]};
-            }
         }
     }
+
+    .ad {
+        padding: 1rem;
+        margin: 1rem;
+        height: 11rem;
+        width: 15rem;
+        border: 1px solid #d6d9dc; 
+        ${elevation[1]};
+    }
 `;
 
 export default GlobalStyle
\ No newline at end of file
diff --git a/client/src/components/homepage/Homepage.js b/client/src/components/homepage/Homepage.js
index 8d07e90..25ab524 100644
--- a/client/src/components/homepage/Homepage.js
+++ b/client/src/components/homepage/Homepage.js
@@ -21,7 +21,7 @@ class Homepage extends Component {
 
         return (
             <div className="RecentQuestions">
-                <Heading>Recent Questions TEST</Heading>
+                <Heading>Recent Questions</Heading>
                 <Link to="/ask">
                     <Button>Ask a Question</Button>
                 </Link>
diff --git a/client/src/utils/Colors.js b/client/src/utils/Colors.js
index 0c603bb..a0a9339 100644
--- a/client/src/utils/Colors.js
+++ b/client/src/utils/Colors.js
@@ -1,4 +1,4 @@
-export const green = '#92EEC4'
+export const green = '#5EC5B6'
 export const blue = '#85DAEF'
 export const lightblue = '#8EEEEF'
 export const black = '#242729'