Changed the typography & fixed the private form

views/users/settings.html.php

@@ -1,44 +1,48 @@
-<h2> Settings </h2>
-
-<div style='float:left'>Name</div><?php if (!isset($user->Name)): ?> <div style='float:right'><a href='#name' rel='prettyPhoto'>Set</a></div><?php endif; ?>
-<div style="clear:both" />
+<script type = "text/javascript">
+function subForm() {
+	$("#private").submit();
+}
+</script>
+<h2 class="ribbon full"> Settings <span> All your settings in one place</span></h2>
+<div class="triangle-ribbon"></div>
+<br class="cl" />
+<div style='float:left'><h5>Name</h5></div><?php if (!isset($user->Name)): ?> <div style='float:right'><a href='#name' rel='prettyPhoto'>Set</a></div><?php endif; ?>
+<div style="clear:both"></div>
 <hr />
 <div style='float:left'>Your real name</div><div style='float:right'><?= isset($user->Name) ? $user->Name : "Not Set"; ?> </div>
 <br class = "cl"/>
 <br />
-<div style='float:left'>Username</div><div style='float:right'><a href="#username" rel='prettyPhoto'>Change</a></div>
-<div style="clear:both" />
+<div style='float:left'><h5>Username</h5></div><div style='float:right'><a href="#username" rel='prettyPhoto'>Change</a></div>
+<div style="clear:both"></div>
 <hr />
 <div style='float:left'>How you're known on the site</div><div style='float:right'><?= $user->username ?> </div>
 <br class = "cl"/>
 <br />
-<div style='float:left'>E-Mail Address</div><div style='float:right'><a href="#email" rel="prettyPhoto" >Change</a></div>
-<div style="clear:both" />
+<div style='float:left'><h5>E-Mail Address</h5></div><div style='float:right'><a href="#email" rel="prettyPhoto" >Change</a></div>
+<div style="clear:both" ></div>
 <hr />
 <div style='float:left'>The Address we'll contact you at</div><div style='float:right'><?= isset($user->email) ? $user->email : "Not Set"; ?> </div>
 <br class = "cl"/>
 <br />
-<div style='float:left'>Password</div><div style='float:right'><a href="#password" rel="prettyPhoto">Change</a></div>
-<div style="clear:both" />
+<div style='float:left'><h5>Password</h5></div><div style='float:right'><a href="#password" rel="prettyPhoto">Change</a></div>
+<div style="clear:both"></div>
 <hr />
 <div style='float:left'>The password you login with</div>
 <br class = "cl"/>
 <br />
 
 <?php //Eventually change this to submit onClick with javascript so we can get rid of the submit button :TODO: ?>
-<?= $this->form->create($user->settings); ?>
-<div style='float:left'>Privacy Mode</div>
-<div style="clear:both" />
+<?= $this->form->create(null, array('id' => 'private')); ?>
+<div style='float:left'><h5>Privacy Mode</h5></div>
+<div style="clear:both" ></div>
 <hr />
-<div style='float:left'>Only allow friends to see your posts?</div><div style='float:right'><?= $this->form->checkbox('private'); ?> </div>
- </div>
- <?= $this->form->submit('Save Settings'); ?>
+<div style='float:left'>Only allow friends to see your posts?</div><div style='float:right'><?= $this->form->checkbox('private', array('id' => 'checkPriv', 'checked' => ($user->private) ? "true" : "false", 'style' => 'width:20px', 'onclick' => '' )); ?> </div>
 <?= $this->form->end(); ?> 
 <br class = "cl"/>
 <br />
 
-<div style='float:left'>Linked Accounts</div><div style='float:right'>Change</div>
-<div style="clear:both" />
+<div style='float:left'><h5>Linked Accounts</h5></div><div style='float:right'>Change</div>
+<div style="clear:both"></div>
 <hr />
 <div style='float:left'>Your OpenID</div><div style='float:right'>Not Set</div>
 <br class = "cl"/>
@@ -76,8 +80,5 @@
 </div>
 
 
-<div style="clear:both" />
-</div>
-</div>
-<br class="cl">
-</div>
+<div style="clear:both"></div>
+<br class="cl">