make css and readme

Relates #36
GSG-G7 · Aug 22, 2019 · 4360874 · 4360874
1 parent 602d976
commit 4360874
Show file tree

Hide file tree

Showing 8 changed files with 41 additions and 27 deletions.
diff --git a/public/assets/background.jpeg b/public/assets/background.jpeg
diff --git a/public/assets/banner.jpg b/public/assets/banner.jpg
diff --git a/public/assets/bg.jpg b/public/assets/bg.jpg
diff --git a/public/css/style.css b/public/css/style.css
@@ -8,7 +8,7 @@
 
 body {
   background-color: #000;
-  background-image: linear-gradient( rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.6) ), url('../assets/bg.jpg');
+  background-image: linear-gradient(#1e2731,  rgba(0, 0, 0, 0.5) ), url('../assets/banner.jpg');
   background-size: cover;
   background-position: top center;
 }
@@ -18,7 +18,7 @@ body {
   font-size: 2rem;
   padding: 2rem;
   text-align: center;
-  color: #0f0f0f;
+  color: #CD5A91;
 }
 
 .home__form {
@@ -40,7 +40,7 @@ body {
   font-size: 18px;
   opacity: 0.5;
   letter-spacing: 2px;
-  color: #831ac4;
+  color:#CD5A91;
 }
 
 .home__main__add {
@@ -54,7 +54,7 @@ body {
   text-decoration: none;
   font-weight: 700;
   text-transform: capitalize;
-  background: #831ac4;
+  background: #CD5A91;
 }
 
 .home__results {
@@ -68,25 +68,25 @@ body {
   width: 30%;
   margin: 1rem;
   text-align: center;
-  border: 2px solid #831ac4;
+  border: 2px solid #808080;
   border-radius: 10px;
 }
 .list__title {
-  background: #9727dd;
+  background: #CD5A91;
   text-align: center;
   color: #ffffff;
   font-family: sans-serif;
   text-transform: capitalize;
   width: 100%;
-  border-radius: 10px 10px 0 0;
+  border-radius: 9px 9px 0 0;
   padding: 0.6rem;
 }
 .list__form {
   width: 80%;
   border: none;
   border-radius: 5px;
   text-align: center;
-  margin: 5px auto;
+  margin: 15px auto;
 }
 .list__form input {
   width: 100%;
@@ -100,17 +100,27 @@ body {
 }
 .item__add{
   cursor: pointer;
-  background: #c41aaa;
-  color: #ffffff
+  background: #AE4D7B;
+  color: #ffffff;
 }
 .list__item {
   display: block;
-  width: 100%;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-}
-.home__main {
-  min-height: 67.6vh;
+  border-top: 1px solid #2f2e2e;
+  border-radius: 5px; 
+  background: #DFE1E6;
+  color: #000000;
+  margin: 5px;
+  padding: 6px 8px 2px;
+  opacity: 0.7;
+}
+.item__pcontent{
+  text-align: left;
+  padding: 3px;
+}
+.item__username{
+  font-weight: bold;
+  color: #AE4D7B;
+  text-align: right;
 }
 .footer {
   width: 100%;

diff --git a/src/models/config/db_build.sql b/src/models/config/db_build.sql
@@ -23,9 +23,12 @@ CREATE TABLE items (
 INSERT INTO lists (name) VALUES ('Project 1'),('Project 2'),('Project 3');
 INSERT INTO users (name) VALUES ('Mai'),('Mohammed'),('Imad'),('Fadi');
 INSERT INTO items (name, content, list_id, user_id) 
-VALUES ('Item 1', 'Description text', 1, 1),
-('Item 2', 'Description text', 1, 2),
-('Item 3', 'Description text', 1, 3),
-('Item 4', 'Description text', 2, 1);
+VALUES ('Item 1', 'Description text Description textDescription text', 1, 1),
+('Item 2', 'Description text Description textDescription text ', 1, 2),
+('Item 3', 'Description text Description textDescription text', 1, 3),
+('Item 4', 'Description text Description textDescription text', 1, 3),
+('Item 22', 'Description text Description textDescription text', 2, 4),
+('Item 44', 'Description text Description textDescription text', 3, 4),
+('Item 4', 'Description text Description textDescription text', 2, 1);
 
 COMMIT;
diff --git a/src/models/config/test_db_build.sql b/src/models/config/test_db_build.sql
@@ -23,9 +23,10 @@ CREATE TABLE items (
 INSERT INTO lists (name) VALUES ('Project 1'),('Project 2'),('Project 3');
 INSERT INTO users (name) VALUES ('Mai'),('Mohammed'),('Imad'),('Fadi');
 INSERT INTO items (name, content, list_id, user_id) 
-VALUES ('Item 1', 'Description text', 1, 1),
-('Item 2', 'Description text', 1, 2),
-('Item 3', 'Description text', 1, 3),
-('Item 4', 'Description text', 2, 1);
+VALUES ('Item 1', 'Description text Description textDescription text', 1, 1),
+('Item 2', 'Description text Description textDescription text ', 1, 2),
+('Item 3', 'Description text Description textDescription text', 1, 3),
+('Item 22', 'Description text Description textDescription text', 2, 4),
+('Item 4', 'Description text Description textDescription text', 2, 1);
 
 COMMIT;
diff --git a/src/views/500.hbs b/src/views/500.hbs
@@ -1,4 +1,4 @@
 <h1 class="error-header">{{title}}</h1>
-<img class="error-img" src="https://image.freepik.com/free-vector/glitch-error-404-page_23-2148105404.jpg" alt=""
+<img class="error-img" src="https://blog.hubspot.com/hubfs/HTTP-500-Internal-Server-Error.jpg" alt=""
   srcset="">
 {{err}}
diff --git a/src/views/home.hbs b/src/views/home.hbs
@@ -25,8 +25,8 @@
             {{#each this.list}}
                 <div class="list__item">
                     <h2 class="item__title">{{this.title}}</h2>
-                    <p class="item__content">{{this.content}}</p>
-                    <span class="item__user">{{this.username}}</span>
+                    <p class="item__pcontent">{{this.content}}</p>
+                    <p class="item__username">{{this.username}}</p>
                 </div>
             {{/each}}