Skip to content
Browse files

add registration form. and add bio in profile form

  • Loading branch information...
1 parent fc5170e commit 7ccc6a151c8816f73f7360f9ef69a1d2a101f5a5 @swznd swznd committed Dec 27, 2012
Showing with 53 additions and 20 deletions.
  1. +53 −20 index.html
View
73 index.html
@@ -165,30 +165,35 @@
<div role="tabpanel">
<!-- Profile Section -->
- <section id="view-profile" role="region" class="view section active" data-mirror="mirror-profile">
+ <section id="view-profile" role="region" class="view section" data-mirror="mirror-profile">
<header>
+ <button id="cancel-profile" class="cancel-navigation negative"><span class="icon icon-close">Exit</span></button>
<menu type="toolbar">
<button id="submit-profile" role="menuitem" disabled>Save</button>
</menu>
<h1>Profile</h1>
- </header>
-
- <article class="body padding">
- <div class="inner">
- <form id="event-form" action="#" class="full">
- <p>
- <input data-cancelable placeholder="First Name" name="firstname" class="textfield" type="text" x-inputmode="latin-prose" value="" id="firstname" required="required">
- <button type="reset">Clear</button>
- </p>
-
- <p>
- <input data-cancelable placeholder="Last Name" name="lastname" class="textfield" type="text" x-inputmode="latin-prose" value="" id="lastname" required="required">
- <button type="reset">Clear</button>
- </p>
- </form>
- </div>
- </article>
- </section>
+ </header>
+
+ <article class="body full padding">
+ <div class="inner">
+ <form id="profile-form" action="#" class="full">
+ <p>
+ <input data-cancelable placeholder="First Name" name="firstname" class="textfield" type="text" x-inputmode="latin-prose" value="" id="firstname" required="required">
+ <button type="reset">Clear</button>
+ </p>
+ <p>
+ <input data-cancelable placeholder="Last Name" name="lastname" class="textfield" type="text" x-inputmode="latin-prose" value="" id="lastname" required="required">
+ <button type="reset">Clear</button>
+ </p>
+ <p>
+ <textarea placeholder="Bio" id="bio"></textarea>
+ <button type="reset">Clear</button>
+ </p>
+ <input type="submit" style="display:none" id="submit-profile-button">
+ </form>
+ </div>
+ </article>
+ </section>
</div>
</li>
@@ -211,14 +216,42 @@
<iframe src="http://localhost/projecte/api/iframe/persona" mozbrowser></iframe>
</article>
</section>
+
+ <!-- Register Section -->
+ <section id="view-register" role="region" class="view transition transition-bottom" data-mirror="mirror-register">
+ <header>
+ <button id="cancel-register" class="cancel-navigation negative"><span class="icon icon-close">Exit</span></button>
+ <menu type="toolbar">
+ <button id="submit-register" role="menuitem" disabled>Submit</button>
+ </menu>
+ <h1>Register</h1>
+ </header>
+
+ <article class="body full padding">
+ <div class="inner">
+ <form id="register-form" action="#" class="full">
+ <p>
+ <input data-cancelable placeholder="First Name" name="firstname" class="textfield" type="text" x-inputmode="latin-prose" value="" id="register-firstname" required="required">
+ <button type="reset">Clear</button>
+ </p>
+ <p>
+ <input data-cancelable placeholder="Last Name" name="lastname" class="textfield" type="text" x-inputmode="latin-prose" value="" id="register-lastname" required="required">
+ <button type="reset">Clear</button>
+ </p>
+ <input type="submit" style="display:none" id="submit-register-button">
+ </form>
+ </div>
+ </article>
+ </section>
</div>
<div class="cache" id="cache">
<div id="mirror-events-list" class="view" style="background-image: -moz-element(#view-events-list);"></div>
<div id="mirror-event-add" class="view" style="background-image: -moz-element(#view-event-add);"></div>
<div id="mirror-event-latlong-add" class="view" style="background-image: -moz-element(#view-event-latlong-add);"></div>
<div id="mirror-profile" class="view" style="background-image: -moz-element(#view-profile);"></div>
- <div id="mirror-login" class="view" style="background-image: -moz-element(#view-login);"></div>
+ <div id="mirror-login" class="view" style="background-image: -moz-element(#view-login);"></div>
+ <div id="mirror-register" class="view" style="background-image: -moz-element(#view-register);"></div>
</div>
</body>

0 comments on commit 7ccc6a1

Please sign in to comment.
Something went wrong with that request. Please try again.