diff --git a/images/default-avatar.jpg b/images/default-avatar.jpg new file mode 100644 index 0000000000..56de35037c Binary files /dev/null and b/images/default-avatar.jpg differ diff --git a/images/default.png b/images/default.png new file mode 100644 index 0000000000..08bc283d85 Binary files /dev/null and b/images/default.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000000..989eb36493 --- /dev/null +++ b/index.html @@ -0,0 +1,85 @@ + + + + + + + + Signal for Chrome + + + + + + + + +
+

Signal

+
+
+
+

+ These conversations may be missing SMS messages +

+ + X + +
+
+
+ +
+
+
+ +
+
+ +
+

+ {{ contact_name }} +

+

+ {{ last_message }} +

+ + {{ last_message_timestamp }} + +
+
+
+
+ +
+
+ +
+ Add Files +
+
+
+ +
+
+
+ + + + + diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css new file mode 100644 index 0000000000..d8c1e65644 --- /dev/null +++ b/stylesheets/manifest.css @@ -0,0 +1 @@ +@charset "UTF-8";body{font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;text-align:center;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;hanging-punctuation:first}.title-bar{padding:10px;color:white;background-color:#00badd;border-bottom:1px solid #00a5c4}.title-bar h1{padding:0;font-weight:normal;margin:0.5em 0 0 0}.notifications{position:relative;font-size:12px}.notifications .notification{padding:12px}.notifications .notification p{margin:0}.notifications .notification.info{background-color:whitesmoke;border-bottom:1px solid lightgray}.notifications .notification a.button{position:absolute;cursor:pointer;right:10px;top:11px;background-color:whitesmoke;text-decoration:none;color:gray;border:1px solid lightgray;font-weight:bold;font-size:10px;text-align:center;padding:2px;box-sizing:border-box;display:block;height:18px;width:18px;border-radius:18px}.notifications .notification a.button:hover{background-color:lightgray}@media screen and (min-width: 320px){.search{padding:10px;border-bottom:1px solid whitesmoke}.search input[type=search]{box-sizing:border-box;font-size:12px;outline:0;width:100%;margin:0;letter-spacing:0.25px;padding:4px 8px;border:1px solid lightgray}.gutter .search{display:none}}@media screen and (min-width: 480px){.search{display:none}.gutter .search{display:block}}@media screen and (min-width: 320px){.gutter{width:64px;float:left;border-right:1px solid lightgray;position:relative;box-sizing:border-box;height:458px;overflow:scroll;background-color:white;padding-bottom:80px}.gutter .contact{cursor:pointer;float:left;width:100%;border-bottom:1px solid whitesmoke;color:#333}.gutter .contact:hover{background-color:whitesmoke;margin-top:-1px;border-bottom:1px solid lightgray;border-top:1px solid lightgray}.gutter .contact.active{background-color:#ecfcff;margin-top:-1px;border-bottom:1px solid lightgray;border-top:1px solid lightgray}.gutter .contact .avatar{height:42px;width:42px;border-radius:42px;cursor:pointer;display:inline-block;margin:10px;margin-right:14px;float:left;clear:both;background-color:whitesmoke}.gutter .contact .contact-details{display:none}}@media screen and (min-width: 480px){.gutter{width:240px;height:auto;z-index:100}.gutter .search{padding:10px;border-bottom:1px solid whitesmoke}.gutter .search input[type=search]{box-sizing:border-box;font-size:12px;outline:0;width:100%;margin:0;letter-spacing:0.25px;padding:4px 8px;border:1px solid lightgray}.gutter .search.d6{display:block}.gutter .contact .avatar{height:56px;width:56px}.gutter .contact .contact-details{display:block;position:relative;width:156px;float:left;text-align:left}.gutter .contact .contact-details h3{font-size:13px;margin-bottom:4px}.gutter .contact .contact-details .last-message{color:#999999;letter-spacing:0.15px;-webkit-text-stroke:0.2px;margin:0;font-size:12px}.gutter .contact .contact-details .last-timestamp{position:absolute;top:14px;right:8px;font-size:12px;font-weight:500;color:gray}}.conversation{margin-top:10px;width:100%;padding-right:12px;box-sizing:border-box;display:block;margin-bottom:10px;text-align:left}ul.discussion{display:block;overflow:auto;padding:0}.entry{display:block;width:100%;float:left;margin-bottom:10px}.bubble{border-radius:16px;padding:12px;bottom:10px;width:auto;background-color:whitesmoke}.bubble:first-of-type{margin-top:0}.bubble ul,.bubble li{display:block;margin:0;padding:0}.bubble .message{position:relative;font-size:14px;-webkit-text-stroke:0.35px}.bubble.incoming{float:left;text-align:left;margin-left:12px}.bubble.sent{float:right;clear:right;text-align:right;background-color:#00badd;color:white}@media screen and (min-width: 320px){.send-message-area{position:fixed;bottom:0;background-color:whitesmoke;box-sizing:border-box;float:left;padding:16px;width:100%;border-top:1px solid lightgray;right:0}.send-message-area .send-message{outline:0;border:0;width:100%;padding:0;resize:auto}.message-composer{vertical-align:top;position:relative;background-color:white;margin-bottom:20px;padding:8px;border:1px solid lightgray;font-size:14px;color:gray;padding-bottom:80px}.message-composer .attachments{position:absolute;bottom:0;color:lightgray;width:64px;text-align:center;padding:6px 4px 0 4px;margin-bottom:10px;border-top:1px solid lightgray}.extension-details{font-size:11px;color:#b9b9b9}.extension-details a{color:gray;text-decoration:none}.extension-details ul{padding:0}.extension-details li{display:inline-block}.extension-details li:after{content:" • ";color:lightgray}.extension-details li:last-of-type:after{content:none}}@media screen and (min-width: 480px){.send-message-area{padding-left:258px}}@media screen and (min-width: 822px){.send-message-area{padding-right:258px}} \ No newline at end of file diff --git a/stylesheets/normalize.css b/stylesheets/normalize.css new file mode 100644 index 0000000000..ad634fdcb8 --- /dev/null +++ b/stylesheets/normalize.css @@ -0,0 +1 @@ +/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} \ No newline at end of file