PageRenderTime 40ms CodeModel.GetById 16ms RepoModel.GetById 1ms app.codeStats 0ms

/foundations/default/layout/profile.php

https://github.com/michaelchisari/appleseed
PHP | 224 lines | 205 code | 19 blank | 0 comment | 0 complexity | 5c12b689545628ac96837c044fc164aa MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. 

  4. <head>
    5. 

  5. 	
    6. 

  6. 	<!-- Meta -->
    7. 

  7. 	<meta charset="utf-8" />
    8. 

  8. 

  9. 	<!-- Title -->
    10. 

  10. 	<title><?php echo __("Layout"); ?></title>
    11. 

  11. 	
    12. 

  12. 	<!-- Links -->
    13. 

  13. 	<link rel="stylesheet" href="/themes/default/style/html5reset-1.4.1.css" /> 
    14. 

  14. 	<link rel="stylesheet" href="/themes/default/style/fonts-min.css" /> 
    15. 

  15. 	<link rel="stylesheet" href="/themes/default/style/960.css" /> 
    16. 

  16. 	<link rel="stylesheet" href="/themes/default/style/default.css" /> 
    17. 

  17. 	<link rel="stylesheet" href="/themes/default/style/theme.css" /> 
    18. 

  18. 	
    19. 

  19. 	<!-- Javascript --> 
    20. 

  20. 	<!--[if IE]>
    21. 

  21. 	<script src="/themes/default/style/html5.js"></script>
    22. 

  22. 	<![endif]-->
    23. 

  23. 	
    24. 

  24.     <!-- Load JLoader framework -->
    25. 

  25.    	<script type="text/javascript" src="/libraries/javascript/jloader.init.js"></script>
    26. 

  26.    	<script type="text/javascript" src="/foundations/default/default.js"></script>
    27. 

  27.    	
    28. 

  28.    	<!-- Load JQuery -->
    29. 

  29.    	<script type="text/javascript" src="/libraries/external/JQuery-1.4.2/jquery-1.4.2.min.js"></script>
    30. 

  30.    	
    31. 

  31.    	<!-- Load JQuery::UI -->
    32. 

  32.    	<script type="text/javascript" src="/libraries/external/JQuery-1.4.2/plugins/jquery-ui-1.8.2.custom.min.js"></script>
    33. 

  33.    	
    34. 

  34.    	<!-- Load JQuery::Validation -->
    35. 

  35.    	<script type="text/javascript" src="/libraries/external/JQuery-1.4.2/plugins/jquery.validate.js"></script>
    36. 

  36.    	
    37. 

  37.    	<!-- Load JQuery::Preload -->
    38. 

  38.    	<script type="text/javascript" src="/libraries/external/JQuery-1.4.2/plugins/jquery.preload-min.js"></script>
    39. 

  39.    	
    40. 

  40. </head>
    41. 

  41. 

  42. <body id="appleseed">
    43. 

  43. 

  44. 	<!-- System Message -->
    45. 

  45. 	<div id="system-message"> 
    46. 

  46. 		<p> Appleseed is early beta software, expect bugs along the way, and send feedback to <a href="mailto:feedback@appleseedproject.org">feedback@appleseedproject.org</a> </p> 
    47. 

  47. 	</div> 
    48. 

  48. 	
    49. 

  49. 	<div class="clear"></div>
    50. 

  50. 

  51. 	<!-- System Message -->
    52. 

  52. 	<header id="appleseed-header">
    53. 

  53. 		<div id="appleseed-header-content" class="container_16">
    54. 

  54. 			<div id="header-search" class="grid_5"> 
    55. 

  55. 				<input type="text" name="search" placeholder="Search..." class="search"><input type="submit" name="search" value="" class="search-submit">
    56. 

  56. 			</div>
    57. 

  57. 			<div id="header-notifications" class="grid_2">
    58. 

  58. 				<a href="#"><span class="new-friend notify"></span><span class="new-friend-count">2</span></a>
    59. 

  59. 				<a href="#"><span class="new-mail"></span><span class="new-mail-count none"></span></a>
    60. 

  60. 				<a href="#"><span class="new-notification "></span><span class="new-notification-count none"></span></a>
    61. 

  61. 				<a href="#"><span class="new-approval notify"></span><span class="new-approval-count">1</span></a>
    62. 

  62. 			</div>
    63. 

  63. 			<div id="header-current" class="grid_6"> 
    64. 

  64. 				<span class="current-remote"></span>
    65. 

  65. 				<img class="current-icon" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs223.snc3/21036_243577049405_510304405_3041527_5461526_n.jpg">
    66. 

  66. 				<span class="current-identity"><a href="#">michael.chisari@developer.appleseedproject.org</a></span>
    67. 

  67. 			</div>
    68. 

  68. 			<div id="header-links" class="grid_3">
    69. 

  69. 				<a class="links-news" href="#">News</a>
    70. 

  70. 				<a class="links-profile" href="#">Mail</a>
    71. 

  71. 				<a class="links-options" href="#">Options</a>
    72. 

  72. 				<a class="links-logout" href="#">Logout</a>
    73. 

  73. 			</div>
    74. 

  74. 		</div>
    75. 

  75. 	</header>
    76. 

  76. 	
    77. 

  77. 	<div id="appleseed-logo"></div>
    78. 

  78. 	
    79. 

  79. 	<div id="appleseed-container" class="container_16">
    80. 

  80. 	
    81. 

  81.     	<div id="appleseed-profile" class="container_16">
    82. 

  82.     		<div id="appleseed-profile-status" class="container_16">
    83. 

  83.     			<div id="status-container" class="grid_12 push_4">
    84. 

  84.     				<span id="status-name">Michael Chisari</span><span id="status-current">can't. stop.  thinkin' about tomorrow!</span>
    85. 

  85.     				<!-- <span id="status-name">Michael Chisari</span><span id="status-current">can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow! can't. stop.  thinkin' about tomorrow!</span> -->
    86. 

  86. 					<abbr title="Thursday, August 26, 2010 at 4:19pm" data-date="Thu, 26 Aug 2010 14:19:57 -0700" class="timestamp">4 minutes ago</abbr>
    87. 

  87. 					<a href="#" class="edit">Edit</a>
    88. 

  88.     			</div>
    89. 

  89.     		</div>
    90. 

  90. 	       	<div id="appleseed-profile-menu" class="container_16">
    91. 

  91. 	       		<div id="profile-tabs" class="grid_9 push_4">
    92. 

  92. 	       			<nav>
    93. 

  93. 	       				<ul>
    94. 

  94. 	       					<li><a href="#">News</a></li>
    95. 

  95. 	       					<li><a href="#">Mail</a></li>
    96. 

  96. 	       					<li><a href="#">Options</a></li>
    97. 

  97. 	       					<li><a href="#">Wall</a></li>
    98. 

  98. 							<li><a href="#">Info</a></li>
    99. 

  99. 							<li class="selected"><a href="#">Friends</a></li>
    100. 

  100. 							<li><a href="#">Journals</a></li>
    101. 

  101. 							<li><a href="#">Photos</a></li>
    102. 

  102. 							<li><a href="#">Events</a></li>
    103. 

  103. 							<li><a href="#">Groups</a></li>
    104. 

  104. 							<li class="more"><a href="#">+</a></li>
    105. 

  105. 		       			</ul>
    106. 

  106. 		       		</nav>
    107. 

  107. 		       	</div>
    108. 

  108. 		       	<div id="profile-search" class="grid_3 push_4">
    109. 

  109. 					<input type="text" name="search" placeholder="Search..." class="search local"><input type="submit" name="search" value="" class="search-submit local">
    110. 

  110. 				</div>
    111. 

  111. 			</div>
    112. 

  112.        
    113. 

  113. 			<div id="appleseed-profile-main" class="grid_16">
    114. 

  114. 				<div id="appleseed-profile-info" class="grid_4 alpha">
    115. 

  115. 					<div id="profile-photo"><img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs223.snc3/21036_243577049405_510304405_3041527_5461526_n.jpg"></div>
    116. 

  116. 					<div id="profile-contact">
    117. 

  117. 						<ul>
    118. 

  118. 							<li><button type="submit" name="Task" value="Friend">Add as a friend</button></li> 
    119. 

  119. 							<li><button type="submit" name="Task" value="Message">Send a message</button></li> 
    120. 

  120. 							<li><button type="submit" name="Task" value="Block">Block this person</button></li> 
    121. 

  121. 						</ul>
    122. 

  122. 					</div>
    123. 

  123. 					<div id="profile-summary">
    124. 

  124. 						<section id="summary-information">
    125. 

  125. 							<h1>Michael's Information</h1>
    126. 

  126. 							
    127. 

  127. 							<h2>Full name</h2>
    128. 

  128. 							<p>Michael Chisari</p>
    129. 

  129. 

  130. 							<h2>Location</h2>
    131. 

  131. 							<p>Chicago, IL</p>
    132. 

  132. 

  133. 							<h2>Birthday</h2>
    134. 

  134. 							<p>September 12</p>
    135. 

  135. 

  136. 							<h2>Gender</h2>
    137. 

  137. 							<p>Male</p>
    138. 

  138. 

  139. 							<h2>Age</h2>
    140. 

  140. 							<p>30</p>
    141. 

  141. 						</section>
    142. 

  142. 					</div>
    143. 

  143. 					<div id="profile-mutual">
    144. 

  144. 						<section id="mutual-friends">
    145. 

  145. 							<h1>Mutual Friends</h1>
    146. 

  146. 							<ul>
    147. 

  147. 								<li>
    148. 

  148. 									<img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs171.snc4/37875_736751926255_18401167_41412055_2880695_s.jpg">
    149. 

  149. 								</li>
    150. 

  150. 								<li>
    151. 

  151. 									<img src="http://photos-b.ak.fbcdn.net/photos-ak-ash1/v282/95/19/662764663/s662764663_1045718_3113.jpg">
    152. 

  152. 								</li>
    153. 

  153. 								<li>
    154. 

  154. 									<img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs316.snc3/28457_10150199647515293_527500292_13078983_3735516_s.jpg">
    155. 

  155. 								</li>
    156. 

  156. 							</ul>
    157. 

  157. 						</section>
    158. 

  158. 					</div>
    159. 

  159. 				</div>
    160. 

  160. 				<div id="appleseed-profile-content" class="grid_12 omega">
    161. 

  161. 					<nav class='pagination'>
    162. 

  162. 						<ol>
    163. 

  163. 							<li class='first'><a href="#"><span>First Page</span></a></li>
    164. 

  164. 							<li class='prev'><a href="#"><span>Previous Page</span></a></li>
    165. 

  165. 							<li class='page selected'><a href="#"><span>1</span></a></li>
    166. 

  166. 							<li class='page'><a href="#"><span>2</span></a></li>
    167. 

  167. 							<li class='next'><a href="#"><span>Next Page</span></a></li>
    168. 

  168. 							<li class='last'><a href="#"><span>Last Page</span></a></li>
    169. 

  169. 						</ol>
    170. 

  170.   					</nav>
    171. 

  171. 					<section id="profile-friends">
    172. 

  172. 						<h1>Michael's Friends <span class="profile-friends-count additional-info">246 friends</span> </h1>
    173. 

  173. 						<p>Lorem Ipsum <a href="">is simply dummy text</a> of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
    174. 

  174. 						<ul>
    175. 

  175. 							<li>
    176. 

  176. 								<img class="friends-icon" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs316.snc3/28457_10150199647515293_527500292_13078983_3735516_s.jpg">
    177. 

  177. 								<div class="friends-info">
    178. 

  178. 									<span class="friends-fullname">Charlie Donna</span>
    179. 

  179. 									<span class="friends-location">Chicago, IL</span>
    180. 

  180. 									<p class="friends-status">When some people left Avatar, they had feelings of depression and disconnectedness. This was because they  couldn't stand the fact that they didn't live on the paradise world of Pandora... this is how i feel about Toronto  because of Scott Pilgrim vs The World</p>
    181. 

  181. 									<span class="friends-mutual-count">7 mutual friends</span>
    182. 

  182. 									<a href="#" class="friends-identity">charlesdonna@appleseedproject.org</a>
    183. 

  183. 								</div>
    184. 

  184. 							</li>
    185. 

  185. 							<li>
    186. 

  186. 								<img class="friends-icon" src="http://photos-b.ak.fbcdn.net/photos-ak-ash1/v282/95/19/662764663/s662764663_1045718_3113.jpg">
    187. 

  187. 								<div class="friends-info">
    188. 

  188. 									<span class="friends-fullname">Flint Arthur</span>
    189. 

  189. 									<span class="friends-location">Baltimore, MD</span>
    190. 

  190. 									<p class="friends-status">Reading Eastern Standard Tribe .epub on the train with Android Lust .mp3, on way to meatspace show. Vinyl boots. Tweeting. #cyberpunk</p>
    191. 

  191. 									<span class="friends-mutual-count">36 mutual friends</span>
    192. 

  192. 									<a href="#" class="friends-identity">flint@appleseedproject.org</a>
    193. 

  193. 								</div>
    194. 

  194. 							</li>
    195. 

  195. 							<li>
    196. 

  196. 								<img class="friends-icon" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc4/hs171.snc4/37875_736751926255_18401167_41412055_2880695_s.jpg">
    197. 

  197. 								<div class="friends-info">
    198. 

  198. 									<span class="friends-fullname">Adrienne Ruhf</span>
    199. 

  199. 									<span class="friends-location">Chicago, IL</span>
    200. 

  200. 									<p class="friends-status"></p>
    201. 

  201. 									<span class="friends-mutual-count">32 mutual friends</span>
    202. 

  202. 									<a href="#" class="friends-identity">adjlaru@appleseedproject.org</a>
    203. 

  203. 								</div>
    204. 

  204. 							</li>
    205. 

  205. 						</ul>
    206. 

  206. 					</section>
    207. 

  207. 				</div>
    208. 

  208. 			</div>
    209. 

  209. 		</div>
    210. 

  210.         
    211. 

  211.     </div>
    212. 

  212. 

  213. 	<div class="clear"></div>
    214. 

  214.     
    215. 

  215.     <footer id="appleseed-footer" class="container_16">
    216. 

  216.     
    217. 

  217.     	<p> <a href="http://opensource.appleseedproject.org">Appleseed Social Networking Software</a> is Copyright &copy; 2004-2011 by Michael Chisari under the GNU General Public License. All Rights Reserved. </p>
    218. 

  218.     	
    219. 

  219.     </footer>
    220. 

  220.     
    221. 

  221. 	<div class="clear"></div>
    222. 

  222. 	
    223. 

  223. </body>
    224. 

  224. </html>
    225. 

  225.