diff --git a/css/main.css b/css/main.css index 0a55df1..b4d3478 100644 --- a/css/main.css +++ b/css/main.css @@ -55,4 +55,55 @@ h1{ } p{ text-align: center; -} \ No newline at end of file + +} +.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; + } \ No newline at end of file diff --git a/img/cat.png b/img/cat.png new file mode 100644 index 0000000..40ba4c3 Binary files /dev/null and b/img/cat.png differ diff --git a/img/filler.png b/img/filler.png new file mode 100644 index 0000000..d77ed6a Binary files /dev/null and b/img/filler.png differ diff --git a/img/jeff.jpg b/img/jeff.jpg new file mode 100644 index 0000000..dc25a56 Binary files /dev/null and b/img/jeff.jpg differ diff --git a/img/mvp.png b/img/mvp.png new file mode 100644 index 0000000..140c5e1 Binary files /dev/null and b/img/mvp.png differ diff --git a/img/oof.png b/img/oof.png new file mode 100644 index 0000000..f9a9964 Binary files /dev/null and b/img/oof.png differ diff --git a/img/placeholder.jpg b/img/placeholder.jpg new file mode 100644 index 0000000..70340a9 Binary files /dev/null and b/img/placeholder.jpg differ diff --git a/img/yeet.png b/img/yeet.png new file mode 100644 index 0000000..18ccda9 Binary files /dev/null and b/img/yeet.png differ diff --git a/index.html b/index.html index c774c31..df5ed3e 100644 --- a/index.html +++ b/index.html @@ -14,6 +14,7 @@

~Meira's Mobile App Chat Room~

+
diff --git a/js/main.js b/js/main.js index bbcb089..bfda43e 100644 --- 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(); + }); \ No newline at end of file diff --git a/profile.html b/profile.html new file mode 100644 index 0000000..8da158d --- /dev/null +++ b/profile.html @@ -0,0 +1,22 @@ + + + + + + Profile + + + + +
+ placeholder +

Hannah Baker

+

Cookie Curator

+

Go Back to Chat App

+

+ 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? +

+
+ + \ No newline at end of file