theme/default/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3 <head>
   4 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
   5 <title>Stoi.ca - Profile</title>
   6 <link href="stoica-display.css" rel="stylesheet" type="text/css" />
   7 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="ie6.css" /><![endif]-->
   8 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]-->
   9 </head>
  10
  11 <body>
  12 <div id="wrap">
  13         <div id="header">
  14                         <ul id="nav">
  15                                 <li><a href="#">Settings</a></li>
  16                                 <li><a href="#">Help</a></li>
  17                                 <li><a href="#">Logout</a></li>
  18                         </ul>
  19                         <a href="#"><img src="images/logo-stoica.png" alt="stoi.ca" id="logo" /></a>
  20         </div>
  21                 <form id="status_form">
  22                         <p>
  23                         <label for="status_update" id="status_label">What's up evan?</label>
  24                         <textarea id="status_textarea"></textarea>
  25                         <input type="submit" value="Send" id="status_submit" />
  26                         </p>
  27                 </form>
  28
  29         <!-- Start Content -->
  30                 <div id="content">
  31                         <ul id="nav_views">
  32                                 <li><a href="#">Public</a></li>
  33                                 <li><a href="#">Personal</a></li>
  34                                 <li class="current"><a href="#">Profile</a></li>
  35                         </ul>
  36
  37
  38                         <!-- Start Profile -->
  39                         <div id="profile">
  40
  41                                 <div id="profile_avatar">
  42                                         <img src="http://stoi.ca/avatar/1-96-20080528104616.png" alt="evan"  class="avatar"/>
  43                                         <p class="action_subscription"><a href="#">Unsubscribe</a></p>
  44                                 </div>
  45
  46                                 <div id="profile_information">
  47                                         <h1>Evan Prodromou</h1>
  48                                         <p class="location">Montreal, Canada</p>
  49                                         <p class="description">hacktrepreneur, originally from San Francisco, Wikitravel, Keiki, Vinismo, certifica</p>
  50                                         <p class="website"><a href="#">http://www.vinismo.com</a></p>
  51
  52
  53
  54                                         <div id="statistics">
  55                                                 <h2>Statistics</h2>
  56                                                 <dl>
  57                                                         <dt>Subscriptions</dt>
  58                                                                 <dd>6</dd>
  59                                                         <dt>Subscribers</dt>
  60                                                                 <dd>11</dd>
  61                                                         <dt>Notices</dt>
  62                                                                 <dd>49</dd>
  63                                                 </dl>
  64                                         </div>
  65                                 </div>
  66
  67
  68                                 <h2>Currently</h2>
  69                                 <p class="notice_current">At ArtJava; too many people at our house, but Station C seems too far away. Trying to finish remote subscription code for laconica.</p>
  70
  71                                 <div id="subscriptions">
  72                                         <h2>Subscriptions</h2>
  73                                                 <ul id="subscriptions_avatars">
  74                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  75                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  76                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  77                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  78                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  79                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  80                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  81                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  82                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  83                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  84                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  85                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  86                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  87                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  88                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  89                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  90                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  91                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  92                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  93                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  94                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  95                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  96                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  97                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
  98                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
  99                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
 100                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
 101                                                         <li><a href="#"><img src="http://stoi.ca/avatar/3-24.png" alt=""  /></a></li>
 102                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
 103                                                         <li><a href="#"><img src="http://stoi.ca/avatar/4-24-20080528103617.png" alt=""  /></a></li>
 104                                                 </ul>
 105                                                 <p id="subscriptions_viewall"><a href="#">View All</a></p>
 106                                         </div>
 107                         </div>
 108                         <!-- End Profile -->
 109
 110                         <!-- Start Notices -->
 111                         <ul id="notices">
 112                                 <li class="notice_single">
 113                                         <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
 114                                         <p class="nickname"><a href="#">evan</a><p>
 115                                         <p>At ArtJava; too many people at our house, but Station C seems too far away. Trying to finish remote subscription code for laconica.</p>
 116                                         <p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
 117                                 </li>
 118                                 <li class="notice_single">
 119                                         <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
 120                                         <p class="nickname"><a href="#">evan</a><p>
 121                                         <p>Starting a new week with new challenges. Committed to getting Stoica launched by next Monday.</p>
 122                                         <a href="#">http://www.stoi.ca</a>
 123                                   <p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
 124                                 </li>
 125                                 <li class="notice_single">
 126                                         <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
 127                                         <p class="nickname"><a href="#">evan</a><p>
 128                                         <p>Got up late, feeling sick today. Gonna go spread my germs at Station C. Got up late, feeling sick today. Gonna go spread my germs at Station C.</p>
 129                                         <p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
 130                                 </li>
 131                                 <li class="notice_single">
 132                                         <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
 133                                         <p class="nickname"><a href="#">evan</a><p>
 134                                         <p>Starting a new week with new challenges. Committed to getting Stoica launched by next Monday.</p>
 135                                         <a href="#">http://www.stoi.ca</a>
 136                                   <p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
 137                                 </li>
 138                                 <li class="notice_single">
 139                                         <a href="#"><img src="http://stoi.ca/avatar/1-48-20080528104616.png" alt="evan" class="avatar" /></a>
 140                                         <p class="nickname"><a href="#">evan</a><p>
 141                                         <p>Got up late, feeling sick today. Gonna go spread my germs at Station C. Got up late, feeling sick today. Gonna go spread my germs at Station C.</p>
 142                                         <p class="time"><a href="#">June 4, 2008 &#8212; 16:05</a></p>
 143                                 </li>
 144                         </ul>
 145
 146                         <div id="pagination">
 147                                 <ul id="nav_pagination">
 148                                         <li class="before"><a href="#">&laquo; Before</a></li>
 149                                         <li class="after"><a href="#">After &raquo;</a></li>
 150                                 </ul>
 151                         </div>
 152             <!-- End Notices -->
 153         </div>
 154                 <!-- End content -->
 155
 156                         <ul id="nav_sub">
 157                                 <li><a href="#">About</a></li>
 158                                 <li><a href="#">Privacy</a></li>
 159                                 <li><a href="#">Source</a></li>
 160                         </ul>
 161                 <div id="footer">
 162                         <img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Creative Commons Logo"  id="cc" />
 163                         <p>Unless otherwise specified, contents of this site are copyright by the contributors and available under the Creative Commons <a href="#">Attribution 3.0. Contributors</a> should be attributed by full name or nickname.</p>
 164                 </div>
 165
 166 </div>
 167 <!-- End Wrap -->
 168 </body>
 169 </html>