diff --git a/README copy.md b/README copy.md new file mode 100644 index 0000000..932f2a0 --- /dev/null +++ b/README copy.md @@ -0,0 +1,3 @@ +# Week 3 Homework + +Complete the "pages" of your app and make sure you can navigate between them. diff --git a/bulletin.css b/bulletin.css new file mode 100644 index 0000000..9db1b89 --- /dev/null +++ b/bulletin.css @@ -0,0 +1,5 @@ + +body{ +background-color: #a0d8c9; + +}, diff --git a/bulletin.html b/bulletin.html new file mode 100644 index 0000000..afeb3bc --- /dev/null +++ b/bulletin.html @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + +
+
+ back +
+ +
+ + +
+ + + +
+
+ + +

image upload

+
+
+ +
+ +
+ +
+ + + + + + +
+
+ post +
+
+ diff --git a/bulletin1.html b/bulletin1.html new file mode 100644 index 0000000..d47044f --- /dev/null +++ b/bulletin1.html @@ -0,0 +1,100 @@ + + + + + + + + + + + + + + + +
+
+
+ back +
+ +
+ + +
+
+ + +
+ + +
+ + + +
+
+ + +
+
+
+
+
+
+
+
+
+
+ +
+ + + + + + +
+
+ post +
+
+ diff --git a/chat.html b/chat.html new file mode 100644 index 0000000..3e345fe --- /dev/null +++ b/chat.html @@ -0,0 +1,46 @@ + + + + + + + + + + + chat + + +
+
+
+ Back +
+
Message
+
+ + + +
+
+ +
+
+
+
Send
+
+
+
  • +
    +
    +
    +
    +
    • +
    +
    + +
    + + + \ No newline at end of file diff --git a/chat.php b/chat.php new file mode 100644 index 0000000..9c8d672 --- /dev/null +++ b/chat.php @@ -0,0 +1,30 @@ + + + +Chat - Customer Module + + + +
    + + +
    + +
    + + +
    +
    + + + + diff --git a/googlemapdata.html b/googlemapdata.html new file mode 100644 index 0000000..2a99d49 --- /dev/null +++ b/googlemapdata.html @@ -0,0 +1,63 @@ + + + + + + +
    + + + + diff --git a/image/bulletin.png b/image/bulletin.png new file mode 100644 index 0000000..129eb83 Binary files /dev/null and b/image/bulletin.png differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..70d5521 --- /dev/null +++ b/index.css @@ -0,0 +1,4 @@ +body{ +background-color: #a0d8c9; + +}, diff --git a/index.html b/index.html new file mode 100644 index 0000000..d3f708b --- /dev/null +++ b/index.html @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + +
    +
    +
    + back +
    +
    +
    + set + +
    +
    +
    + +
    +
    + + +
    + + + + + + diff --git a/interacte.js b/interacte.js new file mode 100644 index 0000000..5afb620 --- /dev/null +++ b/interacte.js @@ -0,0 +1,51 @@ +(function () { + var Message; + Message = function (arg) { + this.text = arg.text, this.message_side = arg.message_side; + this.draw = function (_this) { + return function () { + var $message; + $message = $($('.message_template').clone().html()); + $message.addClass(_this.message_side).find('.text').html(_this.text); + $('.messages').append($message); + return setTimeout(function () { + return $message.addClass('appeared'); + }, 0); + }; + }(this); + return this; + }; + $(function () { + var getMessageText, message_side, sendMessage; + message_side = 'right'; + getMessageText = function () { + var $message_input; + $message_input = $('.message_input'); + return $message_input.val(); + }; + sendMessage = function (text) { + var $messages, message; + if (text.trim() === '') { + return; + } + $('.message_input').val(''); + $messages = $('.messages'); + message_side = message_side === 'left' ? 'right' : 'left'; + message = new Message({ + text: text, + message_side: message_side + }); + message.draw(); + return $messages.animate({ scrollTop: $messages.prop('scrollHeight') }, 300); + }; + $('.send_message').click(function (e) { + return sendMessage(getMessageText()); + }); + $('.message_input').keyup(function (e) { + if (e.which === 13) { + return sendMessage(getMessageText()); + } + }); + + }); +}.call(this)); \ No newline at end of file diff --git a/map.json b/map.json new file mode 100644 index 0000000..05c8fa1 --- /dev/null +++ b/map.json @@ -0,0 +1,16 @@ +eqfeed_callback({"type":"FeatureCollection","metadata": + {"generated":1488819818000, + "title":"USGS Magnitude 2.5+ Earthquakes, Past Week", + "status":200,"api":"1.5.4","count":230}, + "features":[{"type":"Feature","properties":{"mag":3.4,"place":"53km S of Tanaga Volcano, Alaska","time":1488811126998,"updated":1488819666535,"tz":-600, + "felt":null,"cdi":null,"mmi":null, + "alert":null,"status":"reviewed","tsunami":0, + "sig":178,"net":"ak","code":"15447225","ids":",ak15447225,", + "sources":",ak,","types":",geoserve,origin,phase-data,","nst":null, + "dmin":null,"rms":0.48,"gap":null,"magType":"ml","type":"earthquake", + "title":"M 3.4 - 53km S of Tanaga Volcano, Alaska"}, + "geometry":{"type":"Point", + "coordinates":[40.729679, -73.993918,18.5]}, + "id":"ak15447225"}] + + }); diff --git a/notes.html b/notes.html new file mode 100644 index 0000000..1f9984b --- /dev/null +++ b/notes.html @@ -0,0 +1,62 @@ + + + + + + + + + + + + +
    + + + + + + +
    + + +
    + +
    + + + +
    +
    +

    ideas

    +

    Subheading

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo, quidem, consectetur, officia rem officiis illum aliquam perspiciatis aspernatur quod modi hic nemo qui soluta aut eius fugit quam in suscipit?

    + View Project +
    +
    + + +
    + + +
    +
    + + + +
    +
    +

    notes

    +

    notes

    +

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, quo, minima, inventore voluptatum saepe quos nostrum provident ex quisquam hic odio repellendus atque porro distinctio quae id laboriosam facilis dolorum.

    + more +
    +
    + + +
    + ok +
    + + + diff --git a/open.html b/open.html new file mode 100644 index 0000000..81554b8 --- /dev/null +++ b/open.html @@ -0,0 +1,28 @@ + + + + + + + + + + + + +
    +
    + + +
    +
    + + +
    +
    + + + + diff --git a/post.html b/post.html new file mode 100644 index 0000000..e1b36f4 --- /dev/null +++ b/post.html @@ -0,0 +1,35 @@ + + + + + + + + + + + + +
    + +
    +
    + +
    +
    +
    +
    +

    + draft notes-user test + 3/7/2017 +

    +
    +
    + +
    + ok +
    + + + diff --git a/search.html b/search.html new file mode 100644 index 0000000..e69de29 diff --git a/search.js b/search.js new file mode 100644 index 0000000..4213347 --- /dev/null +++ b/search.js @@ -0,0 +1,10 @@ +fucntion buttonClicked(){ + localStorage.setItem("lastsearch",document.getElementById('searchtext').value; +allsearches.push(currentSearch); +var allsearchesString = JSON.stringify(allsearch); +localStorage.setItem("allsearches",allsearchesString); +} + +function loaded(){ + document.getElementById("searchtext").value = localStorage.getItem("lastsearch"); +} diff --git a/style.css b/style.css new file mode 100644 index 0000000..faa234e --- /dev/null +++ b/style.css @@ -0,0 +1,195 @@ +* { + box-sizing: border-box; +} + +body { + background-color: #edeff2; + font-family: "Calibri", "Roboto", sans-serif; +} + +.chat_window { + position: absolute; + width: calc(100% - 20px); + max-width: 800px; + height: 500px; + border-radius: 10px; + background-color: #fff; + left: 50%; + top: 50%; + transform: translateX(-50%) translateY(-50%); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); + background-color: #f8f8f8; + overflow: hidden; +} + +.top_menu { + background-color: #fff; + width: 100%; + padding: 20px 0 15px; + box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); +} +.top_menu .buttons { + margin: 3px 0 0 20px; + position: absolute; +} +.top_menu .buttons .button { + width: 16px; + height: 16px; + border-radius: 50%; + display: inline-block; + margin-right: 10px; + position: relative; +} +.top_menu .buttons .button.close { + background-color: #f5886e; +} +.top_menu .buttons .button.minimize { + background-color: #fdbf68; +} +.top_menu .buttons .button.maximize { + background-color: #a3d063; +} +.top_menu .title { + text-align: center; + color: #bcbdc0; + font-size: 20px; +} + +.messages { + position: relative; + list-style: none; + padding: 20px 10px 0 10px; + margin: 0; + height: 347px; + overflow: scroll; +} +.messages .message { + clear: both; + overflow: hidden; + margin-bottom: 20px; + transition: all 0.5s linear; + opacity: 0; +} +.messages .message.left .avatar { + background-color: rgba(51, 51, 51, 0.2); + float: left; +} +.messages .message.left .text_wrapper { + background-color: rgba(51, 51, 51, 0.2); + margin-left: 20px; +} +.messages .message.left .text_wrapper::after, .messages .message.left .text_wrapper::before { + right: 100%; + border-right-color: rgba(51, 51, 51, 0.2); +} +.messages .message.left .text { + color: #c48843; +} +.messages .message.right .avatar { + background-color: #c4e4f2; + float: right; +} +.messages .message.right .text_wrapper { + background-color: #c7eafc; + margin-right: 20px; + float: right; +} +.messages .message.right .text_wrapper::after, .messages .message.right .text_wrapper::before { + left: 100%; + border-left-color: #c7eafc; +} +.messages .message.right .text { + color: #45829b; +} +.messages .message.appeared { + opacity: 1; +} +.messages .message .avatar { + width: 60px; + height: 60px; + border-radius: 50%; + display: inline-block; +} +.messages .message .text_wrapper { + display: inline-block; + padding: 20px; + border-radius: 6px; + width: calc(100% - 85px); + min-width: 100px; + position: relative; +} +.messages .message .text_wrapper::after, .messages .message .text_wrapper:before { + top: 18px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.messages .message .text_wrapper::after { + border-width: 13px; + margin-top: 0px; +} +.messages .message .text_wrapper::before { + border-width: 15px; + margin-top: -2px; +} +.messages .message .text_wrapper .text { + font-size: 18px; + font-weight: 300; +} + +.bottom_wrapper { + position: relative; + width: 100%; + background-color: #fff; + padding: 20px 20px; + position: absolute; + bottom: 0; +} +.bottom_wrapper .message_input_wrapper { + display: inline-block; + height: 50px; + border-radius: 25px; + border: 1px solid #bcbdc0; + width: calc(100% - 160px); + position: relative; + padding: 0 20px; +} +.bottom_wrapper .message_input_wrapper .message_input { + border: none; + height: 100%; + box-sizing: border-box; + width: calc(100% - 40px); + position: absolute; + outline-width: 0; + color: gray; +} +.bottom_wrapper .send_message { + width: 140px; + height: 50px; + display: inline-block; + border-radius: 50px; + background-color: #a3d063; + border: 2px solid #a3d063; + color: #fff; + cursor: pointer; + transition: all 0.2s linear; + text-align: center; + float: right; +} +.bottom_wrapper .send_message:hover { + color: #a3d063; + background-color: #fff; +} +.bottom_wrapper .send_message .text { + font-size: 18px; + font-weight: 300; + display: inline-block; + line-height: 48px; +} + +.message_template { + display: none; +} diff --git a/welcome.css b/welcome.css new file mode 100644 index 0000000..fa07b4b --- /dev/null +++ b/welcome.css @@ -0,0 +1,6 @@ +.welcometext{ + color:#68C9B5; +} +body { + background-color: #a0d8c9; +}