added styles to all pages

SophiaAramburu · Jan 25, 2023 · ab32f3f · ab32f3f
1 parent 472b8ac
commit ab32f3f
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 28 deletions.
diff --git a/client/package.json b/client/package.json
@@ -2,7 +2,7 @@
     "name": "barscapes",
     "version": "0.1.0",
     "private": true,
-    "dependencies": {    
+    "dependencies": {                                                 
       "@testing-library/jest-dom": "^5.16.5",
       "@testing-library/react": "^13.4.0",
       "@testing-library/user-event": "^13.5.0",
@@ -15,7 +15,7 @@
       "react-router-dom": "^6.2.1",
       "react-scripts": "^5.0.1",
       "web-vitals": "^2.1.4"
-    },    
+    },        
     "scripts": {
       "start": "react-scripts start",
       "build": "react-scripts build",

diff --git a/client/src/components/Header.js b/client/src/components/Header.js
@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom"
-import Logo from '../assets/images/header.jpg'
+// import Logo from '../assets/images/header.jpg'
 
 export default function Header() {
 
@@ -35,8 +35,8 @@ export default function Header() {
 
   </div>
 
-  <div className="card bg-white card-rounded w-50">
-      <img src={ Logo } alt="Logo" width="1000px" background-size="cover" /></div>
+  {/* <div className="card bg-white card-rounded w-50"> */}
+      {/* <img src={ Logo } alt="Logo" width="1000px" background-size="cover" /></div> */}
 
 </nav>
 

diff --git a/client/src/pages/comment.js b/client/src/pages/comment.js
@@ -3,10 +3,10 @@ import drunkBee from '../assets/images/drunkbee.png'
 export default function Comment() {
   return (
 
-    <div class="top-buzz-container bg-yellow-200">
-       <img class ="mx-auto" src={drunkBee} alt="Drunk bee" width="150" height="200"/>
-
-      <h3 class= "top-buzz-section-header bg-yellow-200 text-center bg-black font-sans md:font-serif text-5xl tracking-widest animate-pulse"> Latest Buzzes</h3>
+    <div class="top-buzz-container bg-yellow-200"><br></br>
+       <img class ="mx-auto outline" src={drunkBee} alt="Drunk bee" width="300" height="350"/>
+       <br></br><br></br>
+      <h3 class= "top-buzz-section-header bg-yellow-200 text-center bg-black font-sans md:font-serif underline text-6xl tracking-widest animate-pulse"> Latest Buzzes</h3>
 
       <br></br>
 
@@ -46,8 +46,9 @@ export default function Comment() {
       <div class= "buzz-text-view border-solid border-2 border-red-400 w-3/5 mx-auto bg-black" >
       <p class= "buzz-text text-center tracking-wide md:font-serif text-white bg-black text-2xl"> Y'all need to come get Tangnay, she too lit!!</p><br></br>
       <p class= "buzz-details-text text-center md:font-serif text-white bg-black text-1xl" > 📍Austin, TX </p></div><br></br>
-
-      <div class="font-serif text-3xl border-dashed px-96"><button type="button">Create a Buzz!</button></div>
+<br></br>
+      <div class="font-serif text-4xl border-dashed px-72 pb-32 animate-pulse text-center">
+        <button type="button">Create a Buzz!</button></div>
 
 </div>
   )

diff --git a/client/src/pages/create-account.js b/client/src/pages/create-account.js
@@ -7,19 +7,18 @@ export default function Signup() {
   return (
     <div class="create-account bg-yellow-200 container">
 
-
       <form>
     <br></br><br></br>
-    <img class ="mx-auto flex-wrap" src={drunkBee} alt="Drunk bee" width="300" height="350"/><br></br>
-      <div class="input-1 text-2xl font md:font-serif pl-7 pt-34 text-center border-solid ring-white">
+    <img class ="mx-auto outline" src={drunkBee} alt="Drunk bee" width="300" height="350"/><br></br>
+      <div class="input-1 text-2xl font md:font-serif pl-7 pt-34 text-center font-bold">
         <label>
           First Name:
           <input class ="bg-black text-white pl-7"type="text" name="name" placeholder="" />
         </label> 
       </div>
 
       <br></br><br></br>
-      <div class="input-2 text-2xl md:font-serif pl-7 text-center">
+      <div class="input-2 text-2xl md:font-serif pl-7 text-center font-bold">
 
 
         <label>
@@ -30,7 +29,7 @@ export default function Signup() {
 
       <br></br><br></br>
 
-      <div class="input-3 text-2xl md:font-serif pl-7 text-center">
+      <div class="input-3 text-2xl md:font-serif pl-7 text-center font-bold">
 
         <label>
           Email:
@@ -40,7 +39,7 @@ export default function Signup() {
 
       <br></br><br></br>
 
-      <div class="input-4 text-2xl md:font-serif pl-7 text-center">
+      <div class="input-4 text-2xl md:font-serif pl-7 text-center font-bold">
 
         <label>
           Password:
@@ -50,7 +49,7 @@ export default function Signup() {
 
       <br></br><br></br>
 
-      <div class="input-5 text-2xl md:font-serif pl-7 text-center">
+      <div class="input-5 text-2xl md:font-serif pl-7 text-center font-bold">
 
         <label>
           Confirm Password:
@@ -61,9 +60,9 @@ export default function Signup() {
       <br></br><br></br>
 
       </form>
-
+      <div class="log-in text-3xl md:font-serif pb-24 underline animate-pulse text-center font-bold">
       <button class="button text-2xl md:font-serif text-center" type="button"><Link to="/pages/comment">Click here to submit!</Link></button>
-
+</div>
     </div>
   )
 }
diff --git a/client/src/pages/login.js b/client/src/pages/login.js
@@ -6,27 +6,25 @@ import drunkBee from '../assets/images/drunkbee.png'
 export default function Signup() {
   return (
     <div class="create-account bg-yellow-200"><br></br>
-      <img class ="mx-auto flex-wrap" src={drunkBee} alt="Drunk bee" width="300" height="350"/><br></br>
+      <img class ="mx-auto outline" src={drunkBee} alt="Drunk bee" width="300" height="350"/><br></br>
       <form>
 
       <br></br>
-      <div class="input-3 text-4xl md:font-serif text-center">
+      <div class="input-3 text-3xl md:font-serif text-center font-bold">
         <label>
-          Email:
+          Email: <br></br>
           <input class ="bg-black text-white" type="text" name="name" placeholder="" />
         </label>
       </div>
-      <br></br>
 
-      <div class="input-4 text-4xl md:font-serif text-center p-32">
+      <div class="input-4 text-3xl md:font-serif text-center p-32 font-bold">
         <label>
-          Password:
+          Password: <br></br>
           <input class ="bg-black text-white" type="text" name="name" placeholder="" />
         </label>
       </div>
 
-      <br></br>
-      <div class="log-in text-4xl md:font-serif">
+      <div class="log-in text-3xl md:font-serif pb-24 underline animate-pulse text-center font-bold">
         <label>
           <button type="button"><Link to="/pages/comment"><em>Log In</em></Link></button>
         </label>