css changes and profile added

met18001 · Mar 3, 2020 · 22be340 · 22be340
1 parent 8cb9b63
commit 22be340
Show file tree

Hide file tree

Showing 11 changed files with 81 additions and 2 deletions.
diff --git a/css/main.css b/css/main.css
@@ -55,4 +55,55 @@ h1{
 }
 p{
 text-align: center;
-}
+
+}
+.button{
+
+}
+.user{
+display: -webkit-box;
+display: flex;
+-webkit-box-align: center;
+align-items: center;
+-webkit-box-pack: center;
+justify-content: center;
+-webkit-box-orient: vertical;
+-webkit-box-direction: normal;
+        flex-direction: column;
+}
+h2{
+    text-align: center;
+    margin: .5em;
+}
+h3{
+    margin-top: 4px;
+    margin-bottom: 6px;
+    font-style: italic;
+}
+#pic{
+    max-width: 300px;
+    max-height: 300px;
+}
+a:link {
+    color:coral;
+    text-decoration: none;
+  }
+
+  /* visited link */
+  a:visited {
+    color: white; 
+    text-decoration: none;
+  }
+
+  /* mouse over link */
+  h1:hover{
+    color: coral;
+    background-color: lightseagreen;
+    text-decoration: none;
+  }
+
+  /* selected link */
+  a:active {
+    color: coral;
+    text-decoration: none;
+  }
diff --git a/img/cat.png b/img/cat.png
diff --git a/img/filler.png b/img/filler.png
diff --git a/img/jeff.jpg b/img/jeff.jpg
diff --git a/img/mvp.png b/img/mvp.png
diff --git a/img/oof.png b/img/oof.png
diff --git a/img/placeholder.jpg b/img/placeholder.jpg
diff --git a/img/yeet.png b/img/yeet.png
diff --git a/index.html b/index.html
@@ -14,6 +14,7 @@
     <body>
 
         <header><h1>~Meira's Mobile App Chat Room~</h1></header>
+        <a href="http://https://github.uconn.edu/pages/met18001/mobile-app-chat-app/profile.html"><img src="img/mvp.png" alt=""></a>
 
 
         <div id="chatBox">

diff --git a/js/main.js b/js/main.js
@@ -51,13 +51,18 @@ function makeAndDisplaymMessage(sender,dateStamp,text){
 
 document.querySelector("#sendBtn").addEventListener('click', function(){
 
-   makeAndDisplaymMessage("me","now", document.querySelector("#newMsg").value);
+  makeAndDisplaymMessage("me","now", document.querySelector("#newMsg").value);
   document.querySelector("#newMsg").value = "";
   document.querySelector("#newMsg").focus();
   let src = 'img/notif.mp3';
   let audio = new Audio(src);
   audio.play();
   window.navigator.vibrate(200);
+
+  let curr_date = new Date();
+  let month = curr_date.getMonth() + 1;
+  let date_str = month.toString() + "/" + curr_date.getDate().toString() + "/" + curr_date.getFullYear().toString();
+
   });
 
 
diff --git a/profile.html b/profile.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Profile</title>
+    <link href="https://fonts.googleapis.com/css?family=Advent+Pro&display=swap" rel="stylesheet">
+    <link href="css/main.css" rel="stylesheet">
+</head>
+<body>
+<div class="user">
+    <img src="img/mvp.png" alt="placeholder" id="pic">
+    <h2>Hannah Baker </h2>
+    <h3>Cookie Curator</h3>
+    <h1 class="button"> <a href="https://github.uconn.edu/pages/met18001/mobile-app-chat-app/index.html">Go Back to Chat App</a></h1>
+    <p>
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Deserunt numquam, consequatur eos error ducimus quisquam nam ut quasi sint adipisci sit molestiae, ad dolorum iste possimus deleniti rerum ipsum repudiandae.
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui amet a non quas blanditiis animi, unde modi aliquid voluptatem voluptatibus ipsam repudiandae ea maxime perferendis esse dolores molestias at minus?
+    </p>
+</div>
+</body>
+</html>