Merge pull request #14 from tmccoy99/css3.0

Css3.0
amh4 · Jan 20, 2023 · c600fee · c600fee
2 parents b01a917 + 011bb7f
commit c600fee
Show file tree

Hide file tree

Showing 38 changed files with 337 additions and 78 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/public/.DS_Store b/public/.DS_Store
diff --git a/public/account.css b/public/account.css
@@ -0,0 +1,52 @@
+body {
+  background-color: lightblue;
+  font-family: 'Courier New', Courier, monospace;
+  text-align: center;
+}
+
+.container{
+  border: 4px solid white;
+  border-radius: 25px;
+  padding: 30px;
+  margin-top: 50px;
+  margin-left: 100px;
+  margin-right: 100px;
+}
+
+.approve_button{
+  display: inline-block;
+}
+
+.reject_button{
+  display: inline-block;
+}
+
+ul{  
+  padding:0;  
+  background:white;  
+  font-family: 'Courier New', Courier, monospace;
+  font-size:15px;  
+  text-transform:uppercase;
+  text-align: right;
+}
+
+li{  
+  display:inline-block;
+}
+
+a{  
+  display:block;  
+  padding:10px;  
+  color:black;  
+  text-decoration:none;
+}
+
+h1 {
+  color: white;
+  text-align: center;
+}
+
+h2 {
+  color: white;
+  text-align: center;
+}
diff --git a/public/addaspace.css b/public/addaspace.css
@@ -0,0 +1,43 @@
+
+body {
+  background-color: lightblue;
+  font-family: 'Courier New', Courier, monospace;
+  text-align: center;
+}
+
+.addform{
+  border: 4px solid white;
+  border-radius: 25px;
+  padding: 30px;
+  margin: 20px
+}
+
+ul{  
+  padding:0;  
+  background:white;  
+  font-family: 'Courier New', Courier, monospace;
+  font-size:15px;  
+  text-transform:uppercase;
+  text-align: right;
+}
+
+li{  
+  display:inline-block;
+}
+
+a{  
+  display:block;  
+  padding:10px;  
+  color:black;  
+  text-decoration:none;
+}
+
+h1 {
+  color: white;
+  text-align: center;
+}
+
+h2 {
+  color: white;
+  text-align: center;
+}
diff --git a/public/addavail.css b/public/addavail.css
@@ -0,0 +1,53 @@
+body {
+  background-color: lightblue;
+  font-family: 'Courier New', Courier, monospace;
+  text-align: center;
+}
+
+.add_avail_form{
+  border: 4px solid white;
+  border-radius: 25px;
+  padding: 30px;
+  margin-top: 50px;
+  margin-left: 100px;
+  margin-right: 100px;
+}
+
+.add_another_space{
+  border: 4px solid white;
+  border-radius: 25px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding-bottom: 20px;
+  display: inline-block;
+}
+
+ul{  
+  padding:0;  
+  background:white;  
+  font-family: 'Courier New', Courier, monospace;
+  font-size:15px;  
+  text-transform:uppercase;
+  text-align: right;
+}
+
+li{  
+  display:inline-block;
+}
+
+a{  
+  display:block;  
+  padding:10px;  
+  color:black;  
+  text-decoration:none;
+}
+
+h1 {
+  color: white;
+  text-align: center;
+}
+
+h2 {
+  color: white;
+  text-align: center;
+}
diff --git a/public/bookings.css b/public/bookings.css
@@ -0,0 +1,45 @@
+body {
+  background-color: lightblue;
+  font-family: 'Courier New', Courier, monospace;
+  text-align: center;
+}
+
+.container{
+  border: 4px solid white;
+  border-radius: 25px;
+  padding: 30px;
+  margin-top: 50px;
+  margin-left: 100px;
+  margin-right: 100px;
+}
+
+
+ul{  
+  padding:0;  
+  background:white;  
+  font-family: 'Courier New', Courier, monospace;
+  font-size:15px;  
+  text-transform:uppercase;
+  text-align: right;
+}
+
+li{  
+  display:inline-block;
+}
+
+a{  
+  display:block;  
+  padding:10px;  
+  color:black;  
+  text-decoration:none;
+}
+
+h1 {
+  color: white;
+  text-align: center;
+}
+
+h2 {
+  color: white;
+  text-align: center;
+}
diff --git a/public/homepage.css b/public/homepage.css
@@ -0,0 +1,56 @@
+
+body {
+  background-color: lightblue;
+  font-family: 'Courier New', Courier, monospace;
+  text-align: center;
+}
+
+ul{  
+  padding:0;  
+  background:white;  
+  font-family: 'Courier New', Courier, monospace;
+  font-size:15px;  
+  text-transform:uppercase;
+  text-align: right;
+}
+
+li{  
+  display:inline-block;
+}
+
+a{  
+  display:block;  
+  padding:10px;  
+  color:black;  
+  text-decoration:none;
+}
+
+h1 {
+  color: white;
+  text-align: center;
+}
+
+h2 {
+  color: white;
+  text-align: center;
+}
+
+.container {
+  display: grid; 
+  grid-template-columns: auto; 
+  grid-template-rows: auto; 
+  gap: 100px 0px; 
+  grid-template-areas: 
+    ". . ."
+    ". . ."
+    ". . ."; 
+  text-align: center;
+  padding: 20px;
+}
+
+.add-another-space{
+  border: 2px;
+  border-radius: 20px;
+  border-color: white;
+}
+
diff --git a/public/images/.DS_Store b/public/images/.DS_Store
diff --git a/public/images/image1.png b/public/images/image1.png
diff --git a/public/images/image10.png b/public/images/image10.png
diff --git a/public/images/image11.png b/public/images/image11.png
diff --git a/public/images/image12.png b/public/images/image12.png
diff --git a/public/images/image13.png b/public/images/image13.png
diff --git a/public/images/image14.png b/public/images/image14.png
diff --git a/public/images/image15.png b/public/images/image15.png
diff --git a/public/images/image16.png b/public/images/image16.png
diff --git a/public/images/image17.png b/public/images/image17.png
diff --git a/public/images/image18.png b/public/images/image18.png
diff --git a/public/images/image19.png b/public/images/image19.png
diff --git a/public/images/image2.png b/public/images/image2.png
diff --git a/public/images/image20.png b/public/images/image20.png
diff --git a/public/images/image21.png b/public/images/image21.png
diff --git a/public/images/image22.png b/public/images/image22.png
diff --git a/public/images/image3.png b/public/images/image3.png
diff --git a/public/images/image4.png b/public/images/image4.png
diff --git a/public/images/image5.png b/public/images/image5.png
diff --git a/public/images/image6.png b/public/images/image6.png
diff --git a/public/images/image7.png b/public/images/image7.png
diff --git a/public/images/image8.png b/public/images/image8.png
diff --git a/public/images/image9.png b/public/images/image9.png
diff --git a/public/style.css b/public/style.css
@@ -36,20 +36,24 @@ h2 {
 }
 
 .container {
-  display: grid; 
+  display: inline; 
   grid-template-columns: auto; 
   grid-template-rows: auto; 
   gap: 100px 0px; 
-  grid-template-areas: 
+  /* grid-template-areas: 
     ". . ."
     ". . ."
     ". . ."; 
-  text-align: center;
+  text-align: center; */
   padding: 20px;
 }
 
 .add-another-space{
   border: 2px;
   border-radius: 20px;
   border-color: white;
+}
+.drag1{
+  height: 10px;
+  width: 20px;
 }
diff --git a/views/account_page.erb b/views/account_page.erb
@@ -1,39 +1,40 @@
 <html>
   <head>
-    <link rel="stylesheet" type="text/css" href="<%= url("/style.css")%>">
+    <link rel="stylesheet" type="text/css" href="<%= url("/account.css")%>">
   </head>
   <body>
       <div class="navigation">
         <ul>
           <li><a href="/">Home</a></li>
-          <li><a href="/log-out">Logout</a></li>
+          <li><a href="/bookings">Your Bookings</a></li>
           <li><a href="/account">Manage Account</a></li>
-
+          <li><a href="/log-out">Logout</a></li>
         </ul>
-        </div>
-    <h1>Account Management</h1>
-
-<div class="float-container">
-      <div class="float-child">
-        <a href="/bookings">Your Bookings</a><br>
       </div>
 
-    <div class="float-child">
-      <% @requests.each do |request| %>
-      <%= request.title %>
-      <%= request.description %>
-      $<%= request.daily_rate %> per day
+    <h1>Account Management</h1>
 
+  <% @requests.each do |request| %>
+    <div class="container">
+    <%= request.title %>
+    <%= request.description %>
+    $<%= request.daily_rate %> per day
+    <br>
+    <br>
+    <div class="approve_button">
       <form action="/approve-reject/<%= request.id %>&<%= true %>" method="post">
         <label>Approve</label>
         <input type="submit" name="approve" value="Approve">
       </form>
-       <form action="/approve-reject/<%= request.id %>&<%= false %>" method="post">
-        <label>Reject</label>
-        <input type="submit" name="reject" value="Reject">
-      </form>
-      <% end %>
+      </div>
+
+      <div class="reject_button">
+        <form action="/approve-reject/<%= request.id %>&<%= false %>" method="post">
+          <label>Reject</label>
+          <input type="submit" name="reject" value="Reject">
+        </form>
+      </div>
     </div>
-  </div>
+    <% end %>
   </body>
 </html>