mockups/user/profile/linkname/profile.html
changeset 58 cee78a1ae672
equal deleted inserted replaced
57:e30229fd9add 58:cee78a1ae672
       
     1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
       
     2 <html>
       
     3  <head>
       
     4   <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
       
     5   <link rel="stylesheet" href="/svn/trunk/mockups/content/css/mockups.css" type="text/css"/>
       
     6   <title>User Profile</title>
       
     7  </head>
       
     8 
       
     9  <body>
       
    10 
       
    11   <div id="login">
       
    12    <b>logged.in.user@gmail.com</b>
       
    13    <span title=" Google Account displayed once user signs in " class="popup">
       
    14 <small>*</small>
       
    15    </span>
       
    16    | <a href="http://code.google.com/p/soc/issues/list">Report bugs</a> | 
       
    17    <a href="/">Sign out</a>
       
    18   </div>
       
    19 
       
    20   <div id="header">
       
    21    <div id="logo">
       
    22 <a href="/"><img src="/svn/trunk/mockups/content/images/logo-custom.gif" alt="Google Open Source Programs"/></a>
       
    23    <span title=" TODO: logo updated in site sponsor interface " class="popup">
       
    24 <small>*</small>
       
    25    </span>
       
    26    </div>
       
    27 
       
    28    <div id="title">
       
    29 User Profile for <i>Givenname Surname</i>
       
    30    <span title=" Display name not shown until entered and saved the first time " class="popup">
       
    31 <small>*</small>
       
    32    </span>
       
    33 <a href="mailto:logged.in.user@gmail.com">&lt;logged.in.user@gmail.com&gt;</a>
       
    34    </div>
       
    35    <div id="breadcrumbs">
       
    36     <span class="item">
       
    37 <a href="/svn/trunk/mockups/sitehome.html">Google Open Source Programs</a>
       
    38     </span>
       
    39 &gt;
       
    40     <span class="item">
       
    41 <a href="/svn/trunk/mockups/user/profile/linkname/profile.html">User (Sign in)</a>
       
    42     </span>
       
    43 &gt;
       
    44     <span class="item">
       
    45 <a class="selected" href="/svn/trunk/mockups/user/profile/linkname/profile.html">Profile</a>
       
    46     </span>
       
    47    </div>
       
    48   </div>
       
    49 
       
    50   <div id="side" dir="ltr">
       
    51    <div id="menu">
       
    52     <ul>
       
    53      <li>
       
    54 <a href="/svn/trunk/mockups/sitehome.html">Google Open Source Programs</a>
       
    55       <ul>
       
    56        <li>
       
    57 <a href="/svn/trunk/mockups/user/profile/linkname/profile.html">User (Sign out)</a>
       
    58    <span title=" changes to (Sign out) after user signs in " class="popup">
       
    59 <small>*</small>
       
    60    </span>
       
    61         <ul>
       
    62          <li>
       
    63 <a class="selected" href="/svn/trunk/mockups/user/profile/linkname/profile.html">Profile</a>
       
    64    <span title=" Profile sidebar menu item present after user signs in " class="popup">
       
    65 <small>*</small>
       
    66    </span>
       
    67          </li>
       
    68          <li>
       
    69 <a href="/svn/trunk/mockups/user/roles/linkname/roles.html">Roles</a>
       
    70    <span title=" Roles sidebar menu item present after user signs in " class="popup">
       
    71 <small>*</small>
       
    72    </span>
       
    73          </li>
       
    74         </ul>
       
    75        </li>
       
    76       </ul>
       
    77       <ul>
       
    78        <li>
       
    79 <a href="/svn/trunk/mockups/program/home/gsoc2009/gsoc2009home.html">Google Summer of Code</a>
       
    80         <ul>
       
    81          <li>
       
    82 <a href="/svn/trunk/mockups/program/community/gsoc2009/gsoc2009comm.html">Community</a>
       
    83          </li>
       
    84          <li>
       
    85 <a href="/svn/trunk/mockups/program/docs/faqs/gsoc2009/gsoc2009faqs.html">Program FAQs</a>
       
    86          </li>
       
    87          <li>
       
    88 <a href="/svn/trunk/mockups/program/docs/tos/gsoc2009/gsoc2009tos.html">Terms of Service</a>
       
    89          </li>
       
    90         </ul>
       
    91        </li>
       
    92        <li>
       
    93 <a href="/svn/trunk/mockups/program/home/ghop2008/ghop2008home.html">Google Highly Open Participation</a>
       
    94         <ul>
       
    95          <li>
       
    96 <a href="/svn/trunk/mockups/program/community/ghop2008/">Community</a>
       
    97          </li>
       
    98          <li>
       
    99 <a href="/svn/trunk/mockups/program/docs/faqs/ghop2008/">Program FAQs</a>
       
   100          </li>
       
   101          <li>
       
   102 <a href="/svn/trunk/mockups/program/docs/rules/ghop2008/ghop2008rules.html">Contest Rules</a>
       
   103          </li>
       
   104         </ul>
       
   105        </li>
       
   106       </ul>
       
   107      </li>
       
   108     </ul>
       
   109    </div>
       
   110 
       
   111    <div id="search">
       
   112     <form id="searchbox_015986126177484454297:pfmwlvdl42y" action="http://www.google.com/cse">
       
   113      <input type="hidden" name="cx" value="015986126177484454297:pfmwlvdl42y" />
       
   114      <input type="hidden" name="cof" value="FORID:0" />
       
   115      <div class="header">
       
   116 Search Google Open Source:
       
   117      </div>
       
   118      <input name="q" type="text" size="20" />
       
   119      <input type="submit" name="sa" value="Search" />
       
   120      <br/>
       
   121     </form>
       
   122     <script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_015986126177484454297:pfmwlvdl42y">
       
   123     </script></form>
       
   124    </div>
       
   125 
       
   126    <div id="badge">
       
   127 <a href="http://code.google.com/p/soc/" target="_blank">Powered by Melange</a>
       
   128    <span title=" TODO: need a Melange logo " class="popup">
       
   129 <small>*</small>
       
   130    </span>
       
   131    </div>
       
   132   </div>
       
   133 
       
   134   <div id="body">
       
   135    <div style="line-height: 140%;">
       
   136 <p class="todo">
       
   137 This is the landing page after a user signs in using the
       
   138 <a href="http://code.google.com/appengine/docs/users/loginurls.html">Google
       
   139 Account login facility provided by Google App Engine</a>.
       
   140 </p>
       
   141 
       
   142 Please use this form to set basic site-wide settings for your participation
       
   143 in Google Open Source Programs.
       
   144    </div>
       
   145 <br>
       
   146    <div style="line-height: 140%;">
       
   147     <form method="post" action="profile_save.html" name="user_profile">
       
   148      <table class="profile">
       
   149       <tbody>
       
   150        <tr>
       
   151         <th>
       
   152 Display name:
       
   153         </th>
       
   154         <td>
       
   155 <input size="40" name="displayname" value="Givenname Surname">
       
   156         </td>
       
   157         <td class="explain">
       
   158 Human-readable name displayed throughout the site for this user.  UTF-8
       
   159 characters are permitted.
       
   160         </td>
       
   161        </tr>
       
   162        <tr>
       
   163         <th class="error">
       
   164 Linkname:
       
   165         </th>
       
   166         <td class="error_outline">
       
   167 <input size="40" name="linkname" value="logged_dot_in_dot_user_at_gmail_dot_com">
       
   168 <br>
       
   169 Please select another linkname: <i>(list of potential error messages)</i>
       
   170          <ul>
       
   171           <li>
       
   172 <i>logged_dot_in_dot_user_at_gmail_dot_com</i> is already in use.
       
   173           </li>
       
   174           <li>
       
   175 <i>logged_dot_in_dot_user_at_gmail_dot_com</i> is too long.
       
   176           </li>
       
   177           <li>
       
   178 <i>logged_dot_in_dot_user_at_gmail_dot_com</i> contains invalid characters.
       
   179           </li>
       
   180           <li>
       
   181 Etc.
       
   182           </li>
       
   183          </ul>
       
   184         </td>
       
   185         <td class="explain">
       
   186 Short nickname, used in site URLs referring to this user's content.  This
       
   187 linkname is must only contain alphanumeric <code>[A-Za-z0-9]</code>
       
   188 characters or the underscore <code>_</code> (no spaces or other punctuation).
       
   189 Also, it must be unique.  If some other user is already using a given linkname,
       
   190 it will be unavailable and a different linkname will need to be selected.
       
   191         </td>
       
   192        </tr>
       
   193        <tr>
       
   194         <td colspan="3">
       
   195 <b><i>TODO</i></b>: site-wide privacy settings go here...
       
   196         </td>
       
   197        </tr>
       
   198        <tr>
       
   199         <td colspan="3">
       
   200  <input type="checkbox" name="agreetoterms" value="agree" checked>
       
   201  I have read and agree to the <i>Google Open Source Programs</i>
       
   202  <a href="/svn/trunk/mockups/site/docs/tos/tos.html">Terms of Service</a>.
       
   203         </td>
       
   204        </tr>
       
   205        <tr>
       
   206         <td></td>
       
   207         <td class="submit">
       
   208 <br>
       
   209 <input type="submit" name="save_changes" value="Save Changes" />
       
   210 <br>
       
   211         </td>
       
   212         <td></td>
       
   213        </tr>
       
   214       </tbody>
       
   215      </table>
       
   216     </form>
       
   217    </div>
       
   218  </div>
       
   219 
       
   220   <div id="footer" dir="ltr">
       
   221    <div class="text">
       
   222 &copy;2008 Google -
       
   223 <a href="http://www.google.com/">Google Home</a> -
       
   224 <a href="http://www.google.com/privacy.html">Privacy Policy</a>
       
   225    </div>
       
   226   </div>
       
   227 
       
   228   <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
       
   229   </script>
       
   230 
       
   231   <script type="text/javascript">
       
   232 _uacct="UA-4291635-1"; // code.google.com site-wide tracking
       
   233 _uanchor=1;
       
   234 _uff=0;
       
   235 urchinTracker();
       
   236   </script>
       
   237 
       
   238  </body>
       
   239 </html>