API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 22nd, 2017
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>SeenIt</title>
  6. <link rel="stylesheet" href="style/site.css">
  7. <link rel="stylesheet" href="style/post.css">
  8. <link rel="stylesheet" href="style/header.css">
  9. <link rel="stylesheet" href="style/menu.css">
  10. <link rel="stylesheet" href="style/notifications.css">
  11. <link rel="stylesheet" href="style/submit.css">
  12. <link rel="stylesheet" href="style/comments.css">
  13. <script src = "scripts/jquery-3.1.1.min.js"></script>
  14. <script src="node_modules/handlebars/dist/handlebars.min.js"></script>
  15. <script src="node_modules/sammy/lib/min/sammy-0.7.6.min.js"></script>
  16. <script src="scripts/seenit.js"></script>
  17. </head>
  18. <body>
  19.  
  20. <div id="container">
  21. <header>
  22. <span class="logo">☃</span><span class="header">SeenIt</span>
  23. <div id="profile"><span></span>|<a href="#">logout</a></div>
  24. </header>
  25.  
  26. <div class="content">
  27. <div id="menu">
  28. <div class="title">Navigation</div>
  29. <a class="nav" href="#/Catalog">Catalog</a>
  30. <a class="nav" href="#/Submit">Submit Link</a>
  31. <a class="nav" href="#/MyPosts">My Posts</a>
  32. </div>
  33.  
  34. <section id="viewWelcome">
  35. <div class="welcome">
  36. <div class="signup">
  37. <form id="loginForm">
  38. <h2>Sign In</h2>
  39. <label>Username:</label>
  40. <input name="username" type="text">
  41. <label>Password:</label>
  42. <input name="password" type="password">
  43. <input id="btnLogin" value="Sign In" type="submit">
  44. </form>
  45. <form id="registerForm">
  46. <h2>Register</h2>
  47. <label>Username:</label>
  48. <input name="username" type="text">
  49. <label>Password:</label>
  50. <input name="password" type="password">
  51. <label>Repeat Password:</label>
  52. <input name="repeatPass" type="password">
  53. <input id="btnRegister" value="Sign Up" type="submit">
  54. </form>
  55. </div>
  56.  
  57. <div class="about">
  58. <h1>Welcome to SeenIt</h1>
  59. <p>
  60. Share interesting links and discuss great content. It's what's happening now.
  61. </p>
  62. <p>Sign in or sign up in a second.</p>
  63. </div>
  64. </div>
  65. </section>
  66.  
  67. <section id="viewCatalog">
  68. <div class="posts">
  69. <article class="post">
  70. <div class="col rank">
  71. <span>1</span>
  72. </div>
  73. <div class="col thumbnail">
  74. <a href="https://softuni.bg/">
  75. <img src="https://media.licdn.com/mpr/mpr/shrink_200_200/AAEAAQAAAAAAAAMDAAAAJGY2Mjg3Y2I4LWU1ZTktNDJlNC1iM2M4LTc2MDlhNmVhNThhNQ.png">
  76. </a>
  77. </div>
  78. <div class="post-content">
  79. <div class="title">
  80. <a href="https://softuni.bg/">
  81. SoftUni
  82. </a>
  83. </div>
  84. <div class="details">
  85. <div class="info">
  86. submitted 1 day ago by Kiril
  87. </div>
  88. <div class="controls">
  89. <ul>
  90. <li class="action"><a class="commentsLink" href="#">comments</a></li>
  91. <li class="action"><a class="editLink" href="#">edit</a></li>
  92. <li class="action"><a class="deleteLink" href="#">delete</a></li>
  93. </ul>
  94. </div>
  95.  
  96. </div>
  97. </div>
  98. </article>
  99.  
  100. <article class="post">
  101. <div class="col rank">
  102. <span>2</span>
  103. </div>
  104. <div class="col thumbnail">
  105. <a href="https://www.sli.do/">
  106. <img src="https://www.sli.do/assets/images/2-step.png">
  107. </a>
  108. </div>
  109. <div class="post-content">
  110. <div class="title">
  111. <a href="https://www.sli.do/">
  112. Sli.Do
  113. </a>
  114. </div>
  115. <div class="details">
  116. <div class="info">
  117. submitted 3 days ago by Viktor
  118. </div>
  119. <div class="controls">
  120. <ul>
  121. <li class="action"><a class="commentsLink" href="#">comments</a></li>
  122. <li class="action"><a class="editLink" href="#">edit</a></li>
  123. <li class="action"><a class="deleteLink" href="#">delete</a></li>
  124. </ul>
  125. </div>
  126.  
  127. </div>
  128. </div>
  129. </article>
  130.  
  131. <article class="post">
  132. <div class="col rank">
  133. <span>3</span>
  134. </div>
  135. <div class="col thumbnail">
  136. <a href="https://www.cnbc.com/2017/06/28/progress-buys-mobile-backend-start-up-kinvey-for-49-million.html">
  137. <img src="https://pbs.twimg.com/profile_images/464099715865276417/nXvsGPVO.png">
  138. </a>
  139. </div>
  140. <div class="post-content">
  141. <div class="title">
  142. <a href="https://www.cnbc.com/2017/06/28/progress-buys-mobile-backend-start-up-kinvey-for-49-million.html">
  143. Progress Software buys Kinvey
  144. </a>
  145. </div>
  146. <div class="details">
  147. <div class="info">
  148. submitted 4 hours ago by Nakov
  149. </div>
  150. <div class="controls">
  151. <ul>
  152. <li class="action"><a class="commentsLink" href="#">comments</a></li>
  153. <li class="action"><a class="editLink" href="#">edit</a></li>
  154. <li class="action"><a class="deleteLink" href="#">delete</a></li>
  155. </ul>
  156. </div>
  157.  
  158. </div>
  159. </div>
  160. </article>
  161. <!-- TODO: more posts will come here -->
  162. </div>
  163. </section>
  164.  
  165. <section id="viewSubmit">
  166. <div class="submitArea">
  167. <h1>Submit Link</h1>
  168. <p>Please, fill out the form. A thumbnail image is not required.</p>
  169. </div>
  170. <div class="submitArea formContainer">
  171. <form id="submitForm" class="submitForm">
  172. <label>Link URL:</label>
  173. <input name="url" value="" type="text">
  174. <label>Link Title:</label>
  175. <input name="title" value="" type="text">
  176. <label>Link Thumbnail Image (optional):</label>
  177. <input name="image" value="" type="text">
  178. <label>Comment (optional):</label>
  179. <textarea name="comment"></textarea>
  180. <input id="btnSubmitPost" value="Submit" type="submit">
  181. </form>
  182. </div>
  183. </section>
  184.  
  185. <section id="viewMyPosts">
  186. <div class="post post-content">
  187. <h1>Your Posts</h1>
  188. </div>
  189. <div class="posts">
  190. <article class="post">
  191. <div class="col rank">
  192. <span>1</span>
  193. </div>
  194. <div class="col thumbnail">
  195. <a href="http://sammyjs.org/docs/api/0.7.4/all#Sammy.RenderContext-load">
  196. <img src="src/RuditoFreshStep.jpg">
  197. </a>
  198. </div>
  199. <div class="post-content">
  200. <div class="title">
  201. <a href="http://sammyjs.org/docs/api/0.7.4/all#Sammy.RenderContext-load">
  202. Sammy Docs
  203. </a>
  204. </div>
  205. <div class="details">
  206. <div class="info">
  207. submitted 5 days ago by pesho
  208. </div>
  209. <div class="controls">
  210. <ul>
  211. <li class="action"><a class="commentsLink" href="#">comments</a></li>
  212. <li class="action"><a class="editLink" href="#">edit</a></li>
  213. <li class="action"><a class="deleteLink" href="#">delete</a></li>
  214. </ul>
  215. </div>
  216.  
  217. </div>
  218. </div>
  219. <div class="clear"></div>
  220. </article>
  221. </div>
  222. </section>
  223.  
  224. <section id="viewEdit">
  225. <div class="submitArea">
  226. <h1>Edit Link</h1>
  227. <p>Please, fill out the form. A thumbnail image/description is not required.</p>
  228. </div>
  229. <div class="submitArea formContainer">
  230. <form id="editPostForm" class="submitForm">
  231. <label>Link URL:</label>
  232. <input name="url" type="text"
  233. value="https://www.cnbc.com/2017/06/28/progress-buys-mobile-backend-start-up-kinvey-for-49-million.html">
  234. <label>Link Title:</label>
  235. <input name="title" type="text" value="Progress Software buys Kinvey">
  236. <label>Link Thumbnail Image (optional):</label>
  237. <input name="image" type="text"
  238. value="https://pbs.twimg.com/profile_images/464099715865276417/nXvsGPVO.png">
  239. <label>Comment (optional):</label>
  240. <textarea name="description">No desc</textarea>
  241. <input id="btnEditPost" type="submit" value="Edit Post">
  242. </form>
  243. </div>
  244. </section>
  245.  
  246. <section id="viewComments">
  247. <div class="post">
  248. <div class="col thumbnail">
  249. <a href="http://sammyjs.org/docs/api/0.7.4/all#Sammy.RenderContext-load">
  250. <img src="src/RuditoFreshStep.jpg">
  251. </a>
  252. </div>
  253. <div class="post-content">
  254. <div class="title">
  255. <a href="http://sammyjs.org/docs/api/0.7.4/all#Sammy.RenderContext-load">
  256. Sammy Docs
  257. </a>
  258. </div>
  259. <div class="details">
  260. <p>Very helpful and complete info. Even includes a detailed tutorial.</p>
  261. <div class="info">
  262. submitted 5 days ago by pesho
  263. </div>
  264. <div class="controls">
  265. <ul>
  266. <li class="action"><a class="editLink" href="#">edit</a></li>
  267. <li class="action"><a class="deleteLink" href="#">delete</a></li>
  268. </ul>
  269. </div>
  270.  
  271. </div>
  272. </div>
  273. <div class="clear"></div>
  274. </div>
  275. <div class="post post-content">
  276. <form id="commentForm">
  277. <label>Comment</label>
  278. <textarea name="content" type="text"></textarea>
  279. <input type="submit" value="Add Comment" id="btnPostComment">
  280. </form>
  281. </div>
  282. <article class="post post-content">
  283. <p>Thanks, just what I needed.</p>
  284. <div class="info">
  285. submitted 5 days ago by Gosho | <a href="#" class="deleteLink">delete</a>
  286. </div>
  287. </article>
  288. <article class="post post-content">
  289. <p>Tutorial is kinda outdated, but it works.</p>
  290. <div class="info">
  291. submitted 4 days ago by Kiril | <a href="#" class="deleteLink">delete</a>
  292. </div>
  293. </article>
  294. <article class="post post-content">
  295. <p>Beats React any day! So must easier and less boilerplate.</p>
  296. <div class="info">
  297. submitted 3 days ago by Nakov | <a href="#" class="deleteLink">delete</a>
  298. </div>
  299. </article>
  300. </section>
  301.  
  302. </div>
  303.  
  304.  
  305. <footer>SeenIt SPA © 2017</footer>
  306. </div>
  307.  
  308. <div id="notifications">
  309. <div id="loadingBox" class="notification"><span>Loading …</span></div>
  310. <div id="infoBox" class="notification"><span>Info</span></div>
  311. <div id="errorBox" class="notification"><span>Error</span></div>
  312. </div>
  313. </body>
  314. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!