www/index.html

   1 <!DOCTYPE html>
   2 <!--
   3     Licensed to the Apache Software Foundation (ASF) under one
   4     or more contributor license agreements.  See the NOTICE file
   5     distributed with this work for additional information
   6     regarding copyright ownership.  The ASF licenses this file
   7     to you under the Apache License, Version 2.0 (the
   8     "License"); you may not use this file except in compliance
   9     with the License.  You may obtain a copy of the License at
  10
  11     http://www.apache.org/licenses/LICENSE-2.0
  12
  13     Unless required by applicable law or agreed to in writing,
  14     software distributed under the License is distributed on an
  15     "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  16      KIND, either express or implied.  See the License for the
  17     specific language governing permissions and limitations
  18     under the License.
  19 -->
  20 <html>
  21     <head>
  22                 <meta charset="utf-8" />
  23                 <meta name="format-detection" content="telephone=no" />
  24                 <meta name="msapplication-tap-highlight" content="no" />
  25                 <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
  26                 <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
  27
  28                 <!-- building blocks -->
  29                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/icons/styles/action_icons.css">
  30                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/headers.css">
  31                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/toolbars.css">
  32                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/drawer.css">
  33                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/lists.css">
  34                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/input_areas.css">
  35                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/progress_activity.css">
  36                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/tabs.css">
  37                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/style/action_menu.css">
  38
  39                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/transitions.css">
  40                 <link rel="stylesheet" type="text/css" href="bower_components/Building-Blocks/util.css">
  41
  42                 <link rel="stylesheet" type="text/css" href="css/index.css">
  43                 <title>Friendica Messenger</title>
  44     </head>
  45     <body>
  46                 <section id="inboxPage" data-position="current">
  47                         <section data-type="sidebar">
  48                                 <header>
  49                                         <menu type="toolbar">
  50                                                 <a href="#">done</a>
  51                                         </menu>
  52                                         <h1></h1>
  53                                 </header>
  54                                 <nav>
  55                                         <ul>
  56                                         <li><a href="#">Inbox</a></li>
  57                                         </ul>
  58                                         <ul>
  59                                         <li><a href="#settings">Settings</a></li>
  60                                         </ul>
  61                                 </nav>
  62                         </section>
  63
  64
  65                         <section id="messageListPage" role="region">
  66                                 <header class="fixed">
  67                                         <a href="#"><span class="icon icon-menu">hide sidebar</span></a>
  68                                         <a href="#messageListPage"><span class="icon icon-menu">show sidebar</span></a>
  69                                         <menu type="toolbar">
  70                                                 <a href="#compose"><span class="icon icon-add">add</span></a>
  71                                         </menu>
  72                                         <h1>~F Messenger <em>inbox</em></h1>
  73                                         <progress class="pack-activity" value="0" max="100"></progress>
  74                                 </header>
  75                                 <article class="scrollable header">
  76                                         <section data-type="list">
  77                                                 <ul id="messageList">
  78
  79                                                 </ul>
  80                                         </section>
  81                                 </article>
  82                         </section>
  83                 </section>
  84
  85                 <section id="messagePage" data-position="right" role="region">
  86                         <header class="fixed">
  87                                 <a href="#"><span class="icon icon-back">back</span></a>
  88                                 <h1>Messages <em id='contact_screen_name'>.</em></h1>
  89                                 <progress class="pack-activity" value="0" max="100"></progress>
  90                         </header>
  91                         <article class="scrollable header footer">
  92                                 <section data-type="list" class="fullmessage">
  93                                         <ul id="messages">
  94
  95                                         </ul>
  96                                 </section>
  97                         </article>
  98                         <ul role="tablist" class="bb-tablist">
  99                                 <li class="inputbox">
 100                                         <input class="message_text" type="text"/>
 101                                 </li>
 102                                 <li>
 103                                         <a id="reply_send" href=""><span class="icon action-icon email-send"></span></a>
 104                                 </li>
 105
 106                         </li>
 107                 </section>
 108
 109                 <section id="newMessagePage" data-position="right" role="region">
 110                         <header>
 111                                 <a href="#"><span class="icon icon-back">back</span></a>
 112                                 <menu type="toolbar">
 113                                         <a id="message_send" href=""><span class="icon action-icon email-send">send</span></a>
 114                                 </menu>
 115                                 <h1>New message</h1>
 116                                 <progress class="pack-activity light" value="0" max="100"></progress>
 117                         </header>
 118
 119                         <article class="content">
 120                                 <header><h2>Send new message</h2></header>
 121                                 <form>
 122                                         <p><img class="pack contact_photo" src='img/unknow.png'><input class="message_to" type="text" placeholder="User" list="contacts" /></p>
 123                                         <p><input class="message_reply" type="hidden" /></p>
 124                                         <p><textarea class="message_body"></textarea></p>
 125                                         <datalist id="contacts"></datalist>
 126                                 </form>
 127                         </article>
 128
 129                         <form role="dialog" data-type="action" id="select_contact">
 130                           <menu>
 131                                 <button type="button" class="cancel">Cancel</button>
 132                           </menu>
 133                         </form>
 134
 135                 </section>
 136
 137
 138
 139                 <section id="settingsPage" data-position="right" role="region" class="skin-organic">
 140                         <header>
 141                                 <menu type="toolbar">
 142                                         <a href="#">done</a>
 143                                 </menu>
 144                                 <h1>Settings</h1>
 145                                 <progress class="pack-activity light" value="0" max="100"></progress>
 146                         </header>
 147                         <article class="content">
 148                                 <header><h2>Connection settings</h2></header>
 149                                 <form>
 150                                         <p><input id="host" type="text" placeholder="Host" required="" value="" class="autoupdate" /></p>
 151                                         <p><input id="user" type="text" placeholder="Username" required="" value="" class="autoupdate" /></p>
 152                                         <p><input id="pass" type="password" placeholder="Password" required="" value="" class="autoupdate" /></p>
 153                                 </form>
 154                         </article>
 155                 </section>
 156
 157                 <script type="text/javascript" src="bower_components/zepto/zepto.js"></script>
 158         <script type="text/javascript" src="bower_components/routie/dist/routie.min.js"></script>
 159         <!-- <script type="text/javascript" src="cordova.js"></script> -->
 160         <script type="text/javascript" src="js/index.js"></script>
 161     </body>
 162 </html>