repsheet_visualizer 0.2.1 → 0.2.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (302) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +2 -0
  3. data/Gemfile.lock +1 -1
  4. data/lib/repsheet_visualizer/application/app.rb +13 -3
  5. data/lib/repsheet_visualizer/application/backend.rb +5 -1
  6. data/lib/repsheet_visualizer/application/public/css/application.css +64 -0
  7. data/lib/repsheet_visualizer/application/public/javascripts/application.js +10 -0
  8. data/lib/repsheet_visualizer/application/views/activity.erb +7 -5
  9. data/lib/repsheet_visualizer/application/views/actors.erb +8 -66
  10. data/lib/repsheet_visualizer/application/views/breakdown.erb +7 -25
  11. data/lib/repsheet_visualizer/application/views/whitelist.erb +82 -0
  12. data/lib/repsheet_visualizer/application/views/worldview.erb +10 -10
  13. data/lib/repsheet_visualizer/version.rb +1 -1
  14. data/redesign/actor.html +228 -0
  15. data/redesign/chart-flot.html +698 -0
  16. data/redesign/chart-morris.html +528 -0
  17. data/redesign/chart-sparkline.html +702 -0
  18. data/redesign/css/App.css +3436 -0
  19. data/redesign/css/Login.css +88 -0
  20. data/redesign/css/bootstrap.min.css +9 -0
  21. data/redesign/css/custom.css +0 -0
  22. data/redesign/css/font-awesome.min.css +395 -0
  23. data/redesign/fonts/FontAwesome.otf +0 -0
  24. data/redesign/fonts/fontawesome-webfont.eot +0 -0
  25. data/redesign/fonts/fontawesome-webfont.svg +414 -0
  26. data/redesign/fonts/fontawesome-webfont.ttf +0 -0
  27. data/redesign/fonts/fontawesome-webfont.woff +0 -0
  28. data/redesign/fonts/glyphicons-halflings-regular.eot +0 -0
  29. data/redesign/fonts/glyphicons-halflings-regular.svg +228 -0
  30. data/redesign/fonts/glyphicons-halflings-regular.ttf +0 -0
  31. data/redesign/fonts/glyphicons-halflings-regular.woff +0 -0
  32. data/redesign/form-extended.html +1052 -0
  33. data/redesign/form-regular.html +863 -0
  34. data/redesign/form-validation.html +678 -0
  35. data/redesign/img/avatars/avatar-1.jpg +0 -0
  36. data/redesign/img/avatars/avatar-2.jpg +0 -0
  37. data/redesign/img/avatars/avatar-large-1.jpg +0 -0
  38. data/redesign/img/avatars/avatar-large-2.jpg +0 -0
  39. data/redesign/img/gallery/zoom.png +0 -0
  40. data/redesign/img/jquery/handle-vertical.png +0 -0
  41. data/redesign/img/jquery/handle.png +0 -0
  42. data/redesign/img/layout/sidebar-bg.png +0 -0
  43. data/redesign/img/loaders/ajax-loader.gif +0 -0
  44. data/redesign/img/logos/logo-login.png +0 -0
  45. data/redesign/img/logos/logo.png +0 -0
  46. data/redesign/img/mockup.png +0 -0
  47. data/redesign/img/photos/blur-lg.jpg +0 -0
  48. data/redesign/img/photos/blur-sm.jpg +0 -0
  49. data/redesign/img/photos/clock-lg.jpg +0 -0
  50. data/redesign/img/photos/clock-sm.jpg +0 -0
  51. data/redesign/img/photos/lens-lg.jpg +0 -0
  52. data/redesign/img/photos/lens-sm.jpg +0 -0
  53. data/redesign/img/photos/map.png +0 -0
  54. data/redesign/img/photos/rust-lg.jpg +0 -0
  55. data/redesign/img/photos/rust-sm.jpg +0 -0
  56. data/redesign/img/pricing/label-editable.png +0 -0
  57. data/redesign/img/pricing/label-red.png +0 -0
  58. data/redesign/img/pricing/label-yellow.png +0 -0
  59. data/redesign/index.html +328 -0
  60. data/redesign/js/App.js +372 -0
  61. data/redesign/js/Login.js +17 -0
  62. data/redesign/js/demos/buttons.js +7 -0
  63. data/redesign/js/demos/calendar.js +142 -0
  64. data/redesign/js/demos/charts/flot/area.js +73 -0
  65. data/redesign/js/demos/charts/flot/chart1.js +77 -0
  66. data/redesign/js/demos/charts/flot/chart2.js +70 -0
  67. data/redesign/js/demos/charts/flot/chart3.js +71 -0
  68. data/redesign/js/demos/charts/flot/chart4.js +69 -0
  69. data/redesign/js/demos/charts/flot/donut.js +49 -0
  70. data/redesign/js/demos/charts/flot/horizontal.js +56 -0
  71. data/redesign/js/demos/charts/flot/line.js +76 -0
  72. data/redesign/js/demos/charts/flot/pie.js +50 -0
  73. data/redesign/js/demos/charts/flot/scatter.js +62 -0
  74. data/redesign/js/demos/charts/flot/stacked-area.js +86 -0
  75. data/redesign/js/demos/charts/flot/stacked-horizontal.js +60 -0
  76. data/redesign/js/demos/charts/flot/stacked-vertical.js +75 -0
  77. data/redesign/js/demos/charts/flot/vertical.js +70 -0
  78. data/redesign/js/demos/charts/morris/area.js +28 -0
  79. data/redesign/js/demos/charts/morris/bar.js +29 -0
  80. data/redesign/js/demos/charts/morris/donut.js +26 -0
  81. data/redesign/js/demos/charts/morris/line.js +30 -0
  82. data/redesign/js/demos/dashboard.js +26 -0
  83. data/redesign/js/demos/form-extended.js +61 -0
  84. data/redesign/js/demos/popups.js +16 -0
  85. data/redesign/js/demos/pricing.js +10 -0
  86. data/redesign/js/demos/sliders.js +77 -0
  87. data/redesign/js/libs/bootstrap.js +1999 -0
  88. data/redesign/js/libs/bootstrap.min.js +6 -0
  89. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png +0 -0
  90. data/redesign/js/libs/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png +0 -0
  91. data/redesign/js/libs/css/ui-lightness/images/ui-bg_flat_10_000000_40x100.png +0 -0
  92. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png +0 -0
  93. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png +0 -0
  94. data/redesign/js/libs/css/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png +0 -0
  95. data/redesign/js/libs/css/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png +0 -0
  96. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png +0 -0
  97. data/redesign/js/libs/css/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png +0 -0
  98. data/redesign/js/libs/css/ui-lightness/images/ui-icons_222222_256x240.png +0 -0
  99. data/redesign/js/libs/css/ui-lightness/images/ui-icons_228ef1_256x240.png +0 -0
  100. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ef8c08_256x240.png +0 -0
  101. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffd27a_256x240.png +0 -0
  102. data/redesign/js/libs/css/ui-lightness/images/ui-icons_ffffff_256x240.png +0 -0
  103. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css +294 -0
  104. data/redesign/js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.min.css +7 -0
  105. data/redesign/js/libs/jquery-1.9.1.min.js +5 -0
  106. data/redesign/js/libs/jquery-ui-1.9.2.custom.min.js +6 -0
  107. data/redesign/js/libs/jquery.min.map +1 -0
  108. data/redesign/js/libs/raphael-2.1.2.min.js +11 -0
  109. data/redesign/js/plugins/autosize/jquery.autosize.min.js +7 -0
  110. data/redesign/js/plugins/datatables/DT_bootstrap.js +148 -0
  111. data/redesign/js/plugins/datatables/img/Sorting icons.psd +0 -0
  112. data/redesign/js/plugins/datatables/img/back_disabled.png +0 -0
  113. data/redesign/js/plugins/datatables/img/back_enabled.png +0 -0
  114. data/redesign/js/plugins/datatables/img/back_enabled_hover.png +0 -0
  115. data/redesign/js/plugins/datatables/img/datatable-row-openclose.png +0 -0
  116. data/redesign/js/plugins/datatables/img/favicon.ico +0 -0
  117. data/redesign/js/plugins/datatables/img/forward_disabled.png +0 -0
  118. data/redesign/js/plugins/datatables/img/forward_enabled.png +0 -0
  119. data/redesign/js/plugins/datatables/img/forward_enabled_hover.png +0 -0
  120. data/redesign/js/plugins/datatables/img/sort_asc.png +0 -0
  121. data/redesign/js/plugins/datatables/img/sort_asc_disabled.png +0 -0
  122. data/redesign/js/plugins/datatables/img/sort_both.png +0 -0
  123. data/redesign/js/plugins/datatables/img/sort_desc.png +0 -0
  124. data/redesign/js/plugins/datatables/img/sort_desc_disabled.png +0 -0
  125. data/redesign/js/plugins/datatables/jquery.dataTables.min.js +155 -0
  126. data/redesign/js/plugins/datepicker/bootstrap-datepicker.js +1258 -0
  127. data/redesign/js/plugins/datepicker/datepicker.css +481 -0
  128. data/redesign/js/plugins/datepicker/less/datepicker.less +122 -0
  129. data/redesign/js/plugins/fileupload/bootstrap-fileupload.css +132 -0
  130. data/redesign/js/plugins/fileupload/bootstrap-fileupload.js +169 -0
  131. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.css +31 -0
  132. data/redesign/js/plugins/fileupload/bootstrap-fileupload.min.js +7 -0
  133. data/redesign/js/plugins/flot/jquery.flot.js +2599 -0
  134. data/redesign/js/plugins/flot/jquery.flot.orderBars.js +186 -0
  135. data/redesign/js/plugins/flot/jquery.flot.pie.js +750 -0
  136. data/redesign/js/plugins/flot/jquery.flot.resize.js +57 -0
  137. data/redesign/js/plugins/flot/jquery.flot.stack.js +184 -0
  138. data/redesign/js/plugins/flot/jquery.flot.tooltip.min.js +14 -0
  139. data/redesign/js/plugins/fullcalendar/fullcalendar.css +589 -0
  140. data/redesign/js/plugins/fullcalendar/fullcalendar.js +6110 -0
  141. data/redesign/js/plugins/fullcalendar/fullcalendar.min.js +7 -0
  142. data/redesign/js/plugins/fullcalendar/fullcalendar.print.css +32 -0
  143. data/redesign/js/plugins/fullcalendar/gcal.js +107 -0
  144. data/redesign/js/plugins/howl/howl.js +70 -0
  145. data/redesign/js/plugins/howl/howl.min.js +2 -0
  146. data/redesign/js/plugins/icheck/jquery.icheck.js +462 -0
  147. data/redesign/js/plugins/icheck/jquery.icheck.min.js +11 -0
  148. data/redesign/js/plugins/icheck/skins/all.css +61 -0
  149. data/redesign/js/plugins/icheck/skins/flat/_all.css +540 -0
  150. data/redesign/js/plugins/icheck/skins/flat/aero.css +54 -0
  151. data/redesign/js/plugins/icheck/skins/flat/aero.png +0 -0
  152. data/redesign/js/plugins/icheck/skins/flat/aero@2x.png +0 -0
  153. data/redesign/js/plugins/icheck/skins/flat/blue.css +54 -0
  154. data/redesign/js/plugins/icheck/skins/flat/blue.png +0 -0
  155. data/redesign/js/plugins/icheck/skins/flat/blue@2x.png +0 -0
  156. data/redesign/js/plugins/icheck/skins/flat/flat.css +54 -0
  157. data/redesign/js/plugins/icheck/skins/flat/flat.png +0 -0
  158. data/redesign/js/plugins/icheck/skins/flat/flat@2x.png +0 -0
  159. data/redesign/js/plugins/icheck/skins/flat/green.css +54 -0
  160. data/redesign/js/plugins/icheck/skins/flat/green.png +0 -0
  161. data/redesign/js/plugins/icheck/skins/flat/green@2x.png +0 -0
  162. data/redesign/js/plugins/icheck/skins/flat/grey.css +54 -0
  163. data/redesign/js/plugins/icheck/skins/flat/grey.png +0 -0
  164. data/redesign/js/plugins/icheck/skins/flat/grey@2x.png +0 -0
  165. data/redesign/js/plugins/icheck/skins/flat/orange.css +54 -0
  166. data/redesign/js/plugins/icheck/skins/flat/orange.png +0 -0
  167. data/redesign/js/plugins/icheck/skins/flat/orange@2x.png +0 -0
  168. data/redesign/js/plugins/icheck/skins/flat/pink.css +54 -0
  169. data/redesign/js/plugins/icheck/skins/flat/pink.png +0 -0
  170. data/redesign/js/plugins/icheck/skins/flat/pink@2x.png +0 -0
  171. data/redesign/js/plugins/icheck/skins/flat/purple.css +54 -0
  172. data/redesign/js/plugins/icheck/skins/flat/purple.png +0 -0
  173. data/redesign/js/plugins/icheck/skins/flat/purple@2x.png +0 -0
  174. data/redesign/js/plugins/icheck/skins/flat/red.css +54 -0
  175. data/redesign/js/plugins/icheck/skins/flat/red.png +0 -0
  176. data/redesign/js/plugins/icheck/skins/flat/red@2x.png +0 -0
  177. data/redesign/js/plugins/icheck/skins/flat/yellow.css +54 -0
  178. data/redesign/js/plugins/icheck/skins/flat/yellow.png +0 -0
  179. data/redesign/js/plugins/icheck/skins/flat/yellow@2x.png +0 -0
  180. data/redesign/js/plugins/icheck/skins/futurico/futurico.css +54 -0
  181. data/redesign/js/plugins/icheck/skins/futurico/futurico.png +0 -0
  182. data/redesign/js/plugins/icheck/skins/futurico/futurico@2x.png +0 -0
  183. data/redesign/js/plugins/icheck/skins/line/_all.css +740 -0
  184. data/redesign/js/plugins/icheck/skins/line/aero.css +74 -0
  185. data/redesign/js/plugins/icheck/skins/line/blue.css +74 -0
  186. data/redesign/js/plugins/icheck/skins/line/green.css +74 -0
  187. data/redesign/js/plugins/icheck/skins/line/grey.css +74 -0
  188. data/redesign/js/plugins/icheck/skins/line/line.css +74 -0
  189. data/redesign/js/plugins/icheck/skins/line/line.png +0 -0
  190. data/redesign/js/plugins/icheck/skins/line/line@2x.png +0 -0
  191. data/redesign/js/plugins/icheck/skins/line/orange.css +74 -0
  192. data/redesign/js/plugins/icheck/skins/line/pink.css +74 -0
  193. data/redesign/js/plugins/icheck/skins/line/purple.css +74 -0
  194. data/redesign/js/plugins/icheck/skins/line/red.css +74 -0
  195. data/redesign/js/plugins/icheck/skins/line/yellow.css +74 -0
  196. data/redesign/js/plugins/icheck/skins/minimal/_all.css +600 -0
  197. data/redesign/js/plugins/icheck/skins/minimal/aero.css +60 -0
  198. data/redesign/js/plugins/icheck/skins/minimal/aero.png +0 -0
  199. data/redesign/js/plugins/icheck/skins/minimal/aero@2x.png +0 -0
  200. data/redesign/js/plugins/icheck/skins/minimal/blue.css +60 -0
  201. data/redesign/js/plugins/icheck/skins/minimal/blue.png +0 -0
  202. data/redesign/js/plugins/icheck/skins/minimal/blue@2x.png +0 -0
  203. data/redesign/js/plugins/icheck/skins/minimal/green.css +60 -0
  204. data/redesign/js/plugins/icheck/skins/minimal/green.png +0 -0
  205. data/redesign/js/plugins/icheck/skins/minimal/green@2x.png +0 -0
  206. data/redesign/js/plugins/icheck/skins/minimal/grey.css +60 -0
  207. data/redesign/js/plugins/icheck/skins/minimal/grey.png +0 -0
  208. data/redesign/js/plugins/icheck/skins/minimal/grey@2x.png +0 -0
  209. data/redesign/js/plugins/icheck/skins/minimal/minimal.css +60 -0
  210. data/redesign/js/plugins/icheck/skins/minimal/minimal.png +0 -0
  211. data/redesign/js/plugins/icheck/skins/minimal/minimal@2x.png +0 -0
  212. data/redesign/js/plugins/icheck/skins/minimal/orange.css +60 -0
  213. data/redesign/js/plugins/icheck/skins/minimal/orange.png +0 -0
  214. data/redesign/js/plugins/icheck/skins/minimal/orange@2x.png +0 -0
  215. data/redesign/js/plugins/icheck/skins/minimal/pink.css +60 -0
  216. data/redesign/js/plugins/icheck/skins/minimal/pink.png +0 -0
  217. data/redesign/js/plugins/icheck/skins/minimal/pink@2x.png +0 -0
  218. data/redesign/js/plugins/icheck/skins/minimal/purple.css +60 -0
  219. data/redesign/js/plugins/icheck/skins/minimal/purple.png +0 -0
  220. data/redesign/js/plugins/icheck/skins/minimal/purple@2x.png +0 -0
  221. data/redesign/js/plugins/icheck/skins/minimal/red.css +60 -0
  222. data/redesign/js/plugins/icheck/skins/minimal/red.png +0 -0
  223. data/redesign/js/plugins/icheck/skins/minimal/red@2x.png +0 -0
  224. data/redesign/js/plugins/icheck/skins/minimal/yellow.css +60 -0
  225. data/redesign/js/plugins/icheck/skins/minimal/yellow.png +0 -0
  226. data/redesign/js/plugins/icheck/skins/minimal/yellow@2x.png +0 -0
  227. data/redesign/js/plugins/icheck/skins/polaris/polaris.css +60 -0
  228. data/redesign/js/plugins/icheck/skins/polaris/polaris.png +0 -0
  229. data/redesign/js/plugins/icheck/skins/polaris/polaris@2x.png +0 -0
  230. data/redesign/js/plugins/icheck/skins/square/_all.css +600 -0
  231. data/redesign/js/plugins/icheck/skins/square/aero.css +60 -0
  232. data/redesign/js/plugins/icheck/skins/square/aero.png +0 -0
  233. data/redesign/js/plugins/icheck/skins/square/aero@2x.png +0 -0
  234. data/redesign/js/plugins/icheck/skins/square/blue.css +60 -0
  235. data/redesign/js/plugins/icheck/skins/square/blue.png +0 -0
  236. data/redesign/js/plugins/icheck/skins/square/blue@2x.png +0 -0
  237. data/redesign/js/plugins/icheck/skins/square/green.css +60 -0
  238. data/redesign/js/plugins/icheck/skins/square/green.png +0 -0
  239. data/redesign/js/plugins/icheck/skins/square/green@2x.png +0 -0
  240. data/redesign/js/plugins/icheck/skins/square/grey.css +60 -0
  241. data/redesign/js/plugins/icheck/skins/square/grey.png +0 -0
  242. data/redesign/js/plugins/icheck/skins/square/grey@2x.png +0 -0
  243. data/redesign/js/plugins/icheck/skins/square/orange.css +60 -0
  244. data/redesign/js/plugins/icheck/skins/square/orange.png +0 -0
  245. data/redesign/js/plugins/icheck/skins/square/orange@2x.png +0 -0
  246. data/redesign/js/plugins/icheck/skins/square/pink.css +60 -0
  247. data/redesign/js/plugins/icheck/skins/square/pink.png +0 -0
  248. data/redesign/js/plugins/icheck/skins/square/pink@2x.png +0 -0
  249. data/redesign/js/plugins/icheck/skins/square/purple.css +60 -0
  250. data/redesign/js/plugins/icheck/skins/square/purple.png +0 -0
  251. data/redesign/js/plugins/icheck/skins/square/purple@2x.png +0 -0
  252. data/redesign/js/plugins/icheck/skins/square/red.css +60 -0
  253. data/redesign/js/plugins/icheck/skins/square/red.png +0 -0
  254. data/redesign/js/plugins/icheck/skins/square/red@2x.png +0 -0
  255. data/redesign/js/plugins/icheck/skins/square/square.css +60 -0
  256. data/redesign/js/plugins/icheck/skins/square/square.png +0 -0
  257. data/redesign/js/plugins/icheck/skins/square/square@2x.png +0 -0
  258. data/redesign/js/plugins/icheck/skins/square/yellow.css +60 -0
  259. data/redesign/js/plugins/icheck/skins/square/yellow.png +0 -0
  260. data/redesign/js/plugins/icheck/skins/square/yellow@2x.png +0 -0
  261. data/redesign/js/plugins/magnific/jquery.magnific-popup.js +2026 -0
  262. data/redesign/js/plugins/magnific/jquery.magnific-popup.min.js +4 -0
  263. data/redesign/js/plugins/magnific/magnific-popup.css +396 -0
  264. data/redesign/js/plugins/morris/morris.css +1 -0
  265. data/redesign/js/plugins/morris/morris.min.js +1 -0
  266. data/redesign/js/plugins/parsley/parsley.js +1363 -0
  267. data/redesign/js/plugins/select2/select2-spinner.gif +0 -0
  268. data/redesign/js/plugins/select2/select2.css +615 -0
  269. data/redesign/js/plugins/select2/select2.js +3217 -0
  270. data/redesign/js/plugins/select2/select2.min.js +22 -0
  271. data/redesign/js/plugins/select2/select2.png +0 -0
  272. data/redesign/js/plugins/select2/select2x2.png +0 -0
  273. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.css +98 -0
  274. data/redesign/js/plugins/simplecolorpicker/jquery.simplecolorpicker.js +211 -0
  275. data/redesign/js/plugins/sparkline/jquery.sparkline.min.js +5 -0
  276. data/redesign/js/plugins/tableCheckable/jquery.tableCheckable.js +122 -0
  277. data/redesign/js/plugins/textarea-counter/jquery.textarea-counter.js +163 -0
  278. data/redesign/js/plugins/timepicker/bootstrap-timepicker.css +121 -0
  279. data/redesign/js/plugins/timepicker/bootstrap-timepicker.js +893 -0
  280. data/redesign/page-404.html +446 -0
  281. data/redesign/page-500.html +453 -0
  282. data/redesign/page-blank.html +417 -0
  283. data/redesign/page-calendar.html +491 -0
  284. data/redesign/page-gallery.html +736 -0
  285. data/redesign/page-invoice.html +705 -0
  286. data/redesign/page-login-social.html +111 -0
  287. data/redesign/page-login.html +82 -0
  288. data/redesign/page-pricing.html +707 -0
  289. data/redesign/page-settings.html +665 -0
  290. data/redesign/page-support.html +825 -0
  291. data/redesign/table-advanced.html +1297 -0
  292. data/redesign/table-basic.html +777 -0
  293. data/redesign/table-responsive.html +720 -0
  294. data/redesign/ui-buttons.html +901 -0
  295. data/redesign/ui-icons.html +1392 -0
  296. data/redesign/ui-popups.html +781 -0
  297. data/redesign/ui-portlets.html +887 -0
  298. data/redesign/ui-sliders.html +520 -0
  299. data/redesign/ui-tabs.html +663 -0
  300. data/redesign/ui-typography.html +687 -0
  301. data/script/fill +5 -0
  302. metadata +292 -3
data/redesign/ui-popups.html ADDED
@@ -0,0 +1,781 @@
1
+ <!DOCTYPE html>
2
+ <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
3
+ <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
4
+ <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
5
+ <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
6
+ <head>
7
+
8
+ <title>Popups & Notifications - Canvas Admin</title>
9
+ <meta charset="utf-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
11
+ <meta name="description" content="">
12
+ <meta name="author" content="" />
13
+
14
+ <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,800italic,400,600,800" type="text/css">
15
+ <link rel="stylesheet" href="./css/font-awesome.min.css" type="text/css" />
16
+ <link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" />
17
+ <link rel="stylesheet" href="./js/libs/css/ui-lightness/jquery-ui-1.9.2.custom.css" type="text/css" />
18
+ <link rel="stylesheet" href="./js/plugins/magnific/magnific-popup.css" type="text/css" />
19
+
20
+ <link rel="stylesheet" href="./css/App.css" type="text/css" />
21
+
22
+ <link rel="stylesheet" href="./css/custom.css" type="text/css" />
23
+
24
+ <style>
25
+
26
+ .howler {
27
+ margin: 0 .75em 1em 0;
28
+ }
29
+
30
+ </style>
31
+
32
+ </head>
33
+
34
+ <body>
35
+
36
+ <div id="wrapper">
37
+
38
+
39
+ <header id="header">
40
+
41
+ <h1 id="site-logo">
42
+ <a href="./index.html">
43
+ <img src="./img/logos/logo.png" alt="Site Logo" />
44
+ </a>
45
+ </h1>
46
+
47
+ <a href="javascript:;" data-toggle="collapse" data-target=".top-bar-collapse" id="top-bar-toggle" class="navbar-toggle collapsed">
48
+ <i class="fa fa-cog"></i>
49
+ </a>
50
+
51
+ <a href="javascript:;" data-toggle="collapse" data-target=".sidebar-collapse" id="sidebar-toggle" class="navbar-toggle collapsed">
52
+ <i class="fa fa-reorder"></i>
53
+ </a>
54
+
55
+ </header> <!-- header -->
56
+
57
+
58
+ <nav id="top-bar" class="collapse top-bar-collapse">
59
+
60
+ <ul class="nav navbar-nav pull-left">
61
+ <li class="">
62
+ <a href="./index.html">
63
+ <i class="fa fa-home"></i>
64
+ Home
65
+ </a>
66
+ </li>
67
+
68
+ <li class="dropdown">
69
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
70
+ Dropdown <span class="caret"></span>
71
+ </a>
72
+
73
+ <ul class="dropdown-menu" role="menu">
74
+ <li><a href="javascript:;"><i class="fa fa-user"></i>&nbsp;&nbsp;Example #1</a></li>
75
+ <li><a href="javascript:;"><i class="fa fa-calendar"></i>&nbsp;&nbsp;Example #2</a></li>
76
+ <li class="divider"></li>
77
+ <li><a href="javascript:;"><i class="fa fa-tasks"></i>&nbsp;&nbsp;Example #3</a></li>
78
+ </ul>
79
+ </li>
80
+
81
+ </ul>
82
+
83
+ <ul class="nav navbar-nav pull-right">
84
+ <li class="dropdown">
85
+ <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
86
+ <i class="fa fa-user"></i>
87
+ Rod Howard
88
+ <span class="caret"></span>
89
+ </a>
90
+
91
+ <ul class="dropdown-menu" role="menu">
92
+ <li>
93
+ <a href="./page-profile.html">
94
+ <i class="fa fa-user"></i>
95
+ &nbsp;&nbsp;My Profile
96
+ </a>
97
+ </li>
98
+ <li>
99
+ <a href="./page-calendar.html">
100
+ <i class="fa fa-calendar"></i>
101
+ &nbsp;&nbsp;My Calendar
102
+ </a>
103
+ </li>
104
+ <li>
105
+ <a href="./page-settings.html">
106
+ <i class="fa fa-cogs"></i>
107
+ &nbsp;&nbsp;Settings
108
+ </a>
109
+ </li>
110
+ <li class="divider"></li>
111
+ <li>
112
+ <a href="./page-login.html">
113
+ <i class="fa fa-sign-out"></i>
114
+ &nbsp;&nbsp;Logout
115
+ </a>
116
+ </li>
117
+ </ul>
118
+ </li>
119
+ </ul>
120
+
121
+ </nav> <!-- /#top-bar -->
122
+
123
+
124
+ <div id="sidebar-wrapper" class="collapse sidebar-collapse">
125
+
126
+ <div id="search">
127
+ <form>
128
+ <input class="form-control input-sm" type="text" name="search" placeholder="Search..." />
129
+
130
+ <button type="submit" id="search-btn" class="btn"><i class="fa fa-search"></i></button>
131
+ </form>
132
+ </div> <!-- #search -->
133
+
134
+ <nav id="sidebar">
135
+
136
+ <ul id="main-nav" class="open-active">
137
+
138
+ <li class="">
139
+ <a href="./index.html">
140
+ <i class="fa fa-dashboard"></i>
141
+ Dashboard
142
+ </a>
143
+ </li>
144
+
145
+ <li class="dropdown">
146
+ <a href="javascript:;">
147
+ <i class="fa fa-file-text"></i>
148
+ Example Pages
149
+ <span class="caret"></span>
150
+ </a>
151
+
152
+ <ul class="sub-nav">
153
+ <li>
154
+ <a href="./page-profile.html">
155
+ <i class="fa fa-user"></i>
156
+ Profile
157
+ </a>
158
+ </li>
159
+ <li>
160
+ <a href="./page-invoice.html">
161
+ <i class="fa fa-money"></i>
162
+ Invoice
163
+ </a>
164
+ </li>
165
+ <li>
166
+ <a href="./page-pricing.html">
167
+ <i class="fa fa-dollar"></i>
168
+ Pricing Plans
169
+ </a>
170
+ </li>
171
+ <li>
172
+ <a href="./page-support.html">
173
+ <i class="fa fa-question"></i>
174
+ Support Page
175
+ </a>
176
+ </li>
177
+ <li>
178
+ <a href="./page-gallery.html">
179
+ <i class="fa fa-picture-o"></i>
180
+ Gallery
181
+ </a>
182
+ </li>
183
+ <li>
184
+ <a href="./page-settings.html">
185
+ <i class="fa fa-cogs"></i>
186
+ Settings
187
+ </a>
188
+ </li>
189
+ <li>
190
+ <a href="./page-calendar.html">
191
+ <i class="fa fa-calendar"></i>
192
+ Calendar
193
+ </a>
194
+ </li>
195
+ </ul>
196
+
197
+ </li>
198
+
199
+ <li class="dropdown">
200
+ <a href="javascript:;">
201
+ <i class="fa fa-tasks"></i>
202
+ Form Elements
203
+ <span class="caret"></span>
204
+ </a>
205
+
206
+ <ul class="sub-nav">
207
+ <li>
208
+ <a href="./form-regular.html">
209
+ <i class="fa fa-location-arrow"></i>
210
+ Regular Elements
211
+ </a>
212
+ </li>
213
+ <li>
214
+ <a href="./form-extended.html">
215
+ <i class="fa fa-magic"></i>
216
+ Extended Elements
217
+ </a>
218
+ </li>
219
+ <li>
220
+ <a href="./form-validation.html">
221
+ <i class="fa fa-check"></i>
222
+ Validation
223
+ </a>
224
+ </li>
225
+ </ul>
226
+
227
+ </li>
228
+
229
+ <li class="dropdown active">
230
+ <a href="javascript:;">
231
+ <i class="fa fa-desktop"></i>
232
+ UI Features
233
+ <span class="caret"></span>
234
+ </a>
235
+
236
+ <ul class="sub-nav">
237
+ <li>
238
+ <a href="./ui-buttons.html">
239
+ <i class="fa fa-hand-o-up"></i>
240
+ Buttons
241
+ </a>
242
+ </li>
243
+ <li>
244
+ <a href="./ui-tabs.html">
245
+ <i class="fa fa-reorder"></i>
246
+ Tabs & Accordions
247
+ </a>
248
+ </li>
249
+
250
+ <li>
251
+ <a href="./ui-popups.html">
252
+ <i class="fa fa-asterisk"></i>
253
+ Popups / Notifications
254
+ </a>
255
+ </li>
256
+
257
+ <li>
258
+ <a href="./ui-sliders.html">
259
+ <i class="fa fa-tasks"></i>
260
+ Sliders
261
+ </a>
262
+ </li>
263
+
264
+ <li class="">
265
+ <a href="./ui-typography.html">
266
+ <i class="fa fa-font"></i>
267
+ Typography
268
+ </a>
269
+ </li>
270
+
271
+ <li class="">
272
+ <a href="./ui-icons.html">
273
+ <i class="fa fa-star-o"></i>
274
+ Icons
275
+ </a>
276
+ </li>
277
+ </ul>
278
+ </li>
279
+
280
+ <li class="dropdown">
281
+ <a href="javascript:;">
282
+ <i class="fa fa-table"></i>
283
+ Tables
284
+ <span class="caret"></span>
285
+ </a>
286
+
287
+ <ul class="sub-nav">
288
+ <li>
289
+ <a href="./table-basic.html">
290
+ <i class="fa fa-table"></i>
291
+ Basic Tables
292
+ </a>
293
+ </li>
294
+ <li>
295
+ <a href="./table-advanced.html">
296
+ <i class="fa fa-table"></i>
297
+ Advanced Tables
298
+ </a>
299
+ </li>
300
+ <li>
301
+ <a href="./table-responsive.html">
302
+ <i class="fa fa-table"></i>
303
+ Responsive Tables
304
+ </a>
305
+ </li>
306
+ </ul>
307
+
308
+ </li>
309
+
310
+ <li>
311
+ <a href="./ui-portlets.html">
312
+ <i class="fa fa-list-alt"></i>
313
+ Portlets
314
+ </a>
315
+ </li>
316
+
317
+ <li class="dropdown">
318
+ <a href="javascript:;">
319
+ <i class="fa fa-bar-chart-o"></i>
320
+ Charts & Graphs
321
+ <span class="caret"></span>
322
+ </a>
323
+
324
+ <ul class="sub-nav">
325
+ <li>
326
+ <a href="./chart-flot.html">
327
+ <i class="fa fa-bar-chart-o"></i>
328
+ jQuery Flot
329
+ </a>
330
+ </li>
331
+ <li>
332
+ <a href="./chart-morris.html">
333
+ <i class="fa fa-bar-chart-o"></i>
334
+ Morris.js
335
+ </a>
336
+ </li>
337
+ </ul>
338
+ </li>
339
+
340
+ <li class="dropdown">
341
+ <a href="javascript:;">
342
+ <i class="fa fa-file-text-o"></i>
343
+ Extra Pages
344
+ <span class="caret"></span>
345
+ </a>
346
+
347
+ <ul class="sub-nav">
348
+ <li>
349
+ <a href="./page-login.html">
350
+ <i class="fa fa-unlock"></i>
351
+ Login Basic
352
+ </a>
353
+ </li>
354
+ <li>
355
+ <a href="./page-login-social.html">
356
+ <i class="fa fa-unlock"></i>
357
+ Login Social
358
+ </a>
359
+ </li>
360
+ <li>
361
+ <a href="./page-404.html">
362
+ <i class="fa fa-ban"></i>
363
+ 404 Error
364
+ </a>
365
+ </li>
366
+ <li>
367
+ <a href="./page-500.html">
368
+ <i class="fa fa-ban"></i>
369
+ 500 Error
370
+ </a>
371
+ </li>
372
+ <li>
373
+ <a href="./page-blank.html">
374
+ <i class="fa fa-file-text-o"></i>
375
+ Blank Page
376
+ </a>
377
+ </li>
378
+ </ul>
379
+ </li>
380
+
381
+ </ul>
382
+
383
+ </nav> <!-- #sidebar -->
384
+
385
+ </div> <!-- /#sidebar-wrapper -->
386
+
387
+
388
+
389
+ <div id="content">
390
+
391
+ <div id="content-header">
392
+ <h1>Popups & Notifications</h1>
393
+ </div> <!-- #content-header -->
394
+
395
+
396
+ <div id="content-container">
397
+
398
+
399
+ <div class="row">
400
+
401
+ <div class="col-md-4">
402
+
403
+ <h4 class="heading">Single Image Popup</h4>
404
+
405
+ <a class="ui-lightbox" href="./img/photos/rust-lg.jpg" title="Caption. Can be aligned it to any side and contain any HTML.">
406
+ <img src="./img/photos/rust-sm.jpg" width="125" alt="Gallery Image">
407
+ </a>
408
+ <a class="ui-lightbox" href="./img/photos/blur-lg.jpg" title="This image fits only horizontally.">
409
+ <img src="./img/photos/blur-sm.jpg" width="125" alt="Gallery Image">
410
+ </a>
411
+ <a class=" ui-lightbox" href="./img/photos/lens-lg.jpg">
412
+ <img src="./img/photos/lens-sm.jpg" width="125" alt="Gallery Image">
413
+ </a>
414
+
415
+ </div>
416
+
417
+ <div class="col-md-4">
418
+
419
+ <h4 class="heading">Gallery Image Popup</h4>
420
+
421
+ <div class="ui-lightbox-gallery">
422
+ <a class="" href="./img/photos/rust-lg.jpg" title="Caption. Can be aligned it to any side and contain any HTML.">
423
+ <img src="./img/photos/rust-sm.jpg" width="125" alt="Gallery Image">
424
+ </a>
425
+ <a class="" href="./img/photos/blur-lg.jpg" title="This image fits only horizontally.">
426
+ <img src="./img/photos/blur-sm.jpg" width="125" alt="Gallery Image">
427
+ </a>
428
+ <a class="" href="./img/photos/lens-lg.jpg">
429
+ <img src="./img/photos/lens-sm.jpg" width="125" alt="Gallery Image">
430
+ </a>
431
+
432
+ </div> <!-- /.ui-lightbox-gallery -->
433
+
434
+ </div>
435
+
436
+ <div class="col-md-4">
437
+
438
+ <h4 class="heading">Video Popup</h4>
439
+
440
+ <a class="ui-lightbox-video" href="http://www.youtube.com/watch?v=0O2aH4XLbto">Open YouTube video</a><br>
441
+ <a class="ui-lightbox-video" href="https://vimeo.com/45830194">Open Vimeo video</a><br>
442
+ <a class="ui-lightbox-video" href="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&amp;hl=en&amp;t=v&amp;hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom">Open Google Map</a>
443
+
444
+ </div>
445
+
446
+ </div>
447
+
448
+
449
+
450
+ <br />
451
+ <br />
452
+ <br />
453
+ <br />
454
+
455
+
456
+
457
+ <div class="row">
458
+
459
+ <div class="col-md-4">
460
+
461
+ <h4 class="heading">Howl Status</h4>
462
+
463
+ <button class="btn btn-default howler" data-type="">Default</button>
464
+ <button class="btn btn-success howler" data-type="success">Success</button>
465
+ <button class="btn btn-warning howler" data-type="warning">Warning</button>
466
+ <button class="btn btn-danger howler" data-type="danger">Danger</button>
467
+ <button class="btn btn-info howler" data-type="info">Info</button>
468
+
469
+ </div>
470
+
471
+ <div class="col-md-4">
472
+
473
+ <h4 class="heading">Howl Icons</h4>
474
+
475
+ <button class="btn btn-default howler" data-type="" data-icon="fa fa-table">Default</button>
476
+ <button class="btn btn-success howler" data-type="success" data-icon="fa fa-check-square-o">Success</button>
477
+ <button class="btn btn-warning howler" data-type="warning" data-icon="fa fa-exclamation">Warning</button>
478
+ <button class="btn btn-danger howler" data-type="danger" data-icon="fa fa-ban">Danger</button>
479
+ <button class="btn btn-info howler" data-type="info" data-icon="fa fa-info">Info</button>
480
+
481
+ </div>
482
+
483
+ <div class="col-md-4">
484
+ <h4 class="heading">Sticky</h4>
485
+
486
+ <button class="btn btn-default howler" data-sticky="true">Sticky Howl</button>
487
+ </div>
488
+
489
+ </div>
490
+
491
+ <br />
492
+ <br />
493
+ <br />
494
+ <br />
495
+ <br />
496
+
497
+
498
+
499
+
500
+
501
+ <h4 class="heading">Modal</h4>
502
+
503
+ <p>
504
+ <a data-toggle="modal" href="#basicModal" class="btn btn-default">Basic Modal</a>
505
+ &nbsp;&nbsp;
506
+ <a data-toggle="modal" href="#styledModal" class="btn btn-primary">Styled Modal</a>
507
+
508
+ </p>
509
+
510
+
511
+
512
+ <br />
513
+ <br />
514
+ <br />
515
+ <br />
516
+ <br />
517
+
518
+
519
+ <h4 class="heading">Popovers</h4>
520
+
521
+ <div class="row">
522
+
523
+ <div class="col-md-3">
524
+
525
+ <button type="button" class="btn btn-default ui-popover" data-toggle="tooltip" data-placement="right" data-trigger="hover" data-content="Sed posuere consectetur est at lobortis. Aenean eu leo quam." title="Tooltip on right">
526
+ Popover on right
527
+ </button>
528
+
529
+ </div>
530
+
531
+ <div class="col-md-3">
532
+
533
+ <button type="button" class="btn btn-default ui-popover" data-toggle="tooltip" data-placement="top" data-trigger="hover" data-content="Sed posuere consectetur est at lobortis. Aenean eu leo quam." title="Tooltip on top">
534
+ Popover on top
535
+ </button>
536
+
537
+ </div>
538
+
539
+ <div class="col-md-3">
540
+
541
+ <button type="button" class="btn btn-default ui-popover" data-toggle="tooltip" data-placement="bottom" data-trigger="hover" data-content="Sed posuere consectetur est at lobortis. Aenean eu leo quam." title="Tooltip on bottom">
542
+ Popover on bottom
543
+ </button>
544
+
545
+ </div>
546
+
547
+ <div class="col-md-3">
548
+
549
+ <button type="button" class="btn btn-default ui-popover" data-toggle="tooltip" data-placement="left" data-trigger="hover" data-content="Sed posuere consectetur est at lobortis. Aenean eu leo quam." title="Tooltip on left">
550
+ Popover on left
551
+ </button>
552
+
553
+ </div>
554
+
555
+ </div> <!-- /.row -->
556
+
557
+
558
+
559
+ <br />
560
+ <br />
561
+
562
+
563
+
564
+ <h4 class="heading">Tooltip</h4>
565
+
566
+
567
+
568
+ <div class="row">
569
+
570
+ <div class="col-md-3">
571
+ <button type="button" class="btn btn-default ui-tooltip" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
572
+ Tooltip on right
573
+ </button>
574
+ </div>
575
+
576
+ <div class="col-md-3">
577
+ <button type="button" class="btn btn-default ui-tooltip" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
578
+ </div>
579
+
580
+ <div class="col-md-3">
581
+ <button type="button" class="btn btn-default ui-tooltip" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
582
+ </div>
583
+
584
+ <div class="col-md-3">
585
+ <button type="button" class="btn btn-default ui-tooltip" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
586
+ </div>
587
+
588
+ </div> <!-- /.row -->
589
+
590
+
591
+
592
+ <br />
593
+ <br />
594
+ <br />
595
+ <br />
596
+
597
+
598
+
599
+ <h4 class="heading">Alerts</h4>
600
+
601
+ <div class="alert alert-success">
602
+ <a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
603
+ <strong>Well done!</strong> You successfully read this important alert message.
604
+ </div>
605
+
606
+ <div class="alert alert-info">
607
+ <a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
608
+ <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
609
+ </div>
610
+
611
+ <div class="alert alert-warning">
612
+ <a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
613
+ <strong>Warning!</strong> Best check yo self, you're not looking too good.
614
+ </div>
615
+
616
+ <div class="alert alert-danger">
617
+ <a class="close" data-dismiss="alert" href="#" aria-hidden="true">&times;</a>
618
+ <strong>Oh snap!</strong> Change a few things up and try submitting again.
619
+ </div>
620
+
621
+
622
+
623
+ <br />
624
+ <br />
625
+ <br />
626
+ <br />
627
+
628
+ <h4 class="heading">Progress Bars</h4>
629
+
630
+
631
+ <h5>Basic Progress Bars</h5>
632
+
633
+ <div class="progress">
634
+ <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
635
+ <span class="sr-only">60% Complete</span>
636
+ </div>
637
+ </div>
638
+
639
+ <div class="progress">
640
+ <div class="progress-bar progress-bar-secondary" role="progressbar" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100" style="width: 44%;">
641
+ <span class="sr-only">44% Complete</span>
642
+ </div>
643
+ </div>
644
+
645
+ <div class="progress">
646
+ <div class="progress-bar progress-bar-tertiary" role="progressbar" aria-valuenow="31" aria-valuemin="0" aria-valuemax="100" style="width: 31%;">
647
+ <span class="sr-only">31% Complete</span>
648
+ </div>
649
+ </div>
650
+
651
+ <br />
652
+
653
+ <h5>Striped Progress Bars</h5>
654
+
655
+ <div class="progress progress-striped">
656
+ <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
657
+ <span class="sr-only">60% Complete</span>
658
+ </div>
659
+ </div>
660
+
661
+ <div class="progress progress-striped">
662
+ <div class="progress-bar progress-bar-secondary" role="progressbar" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100" style="width: 44%;">
663
+ <span class="sr-only">44% Complete</span>
664
+ </div>
665
+ </div>
666
+
667
+ <div class="progress progress-striped">
668
+ <div class="progress-bar progress-bar-tertiary" role="progressbar" aria-valuenow="31" aria-valuemin="0" aria-valuemax="100" style="width: 31%;">
669
+ <span class="sr-only">31% Complete</span>
670
+ </div>
671
+ </div>
672
+
673
+ <br />
674
+
675
+ <h5>Animated Progress Bars</h5>
676
+
677
+ <div class="progress progress-striped active">
678
+ <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
679
+ <span class="sr-only">60% Complete</span>
680
+ </div>
681
+ </div>
682
+
683
+ <div class="progress progress-striped active">
684
+ <div class="progress-bar progress-bar-secondary" role="progressbar" aria-valuenow="44" aria-valuemin="0" aria-valuemax="100" style="width: 44%;">
685
+ <span class="sr-only">44% Complete</span>
686
+ </div>
687
+ </div>
688
+
689
+ <div class="progress progress-striped active">
690
+ <div class="progress-bar progress-bar-tertiary" role="progressbar" aria-valuenow="31" aria-valuemin="0" aria-valuemax="100" style="width: 31%;">
691
+ <span class="sr-only">31% Complete</span>
692
+ </div>
693
+ </div>
694
+
695
+ <br />
696
+
697
+ <h5>Stacked Progress Bar</h5>
698
+
699
+ <div class="progress">
700
+ <div class="progress-bar progress-bar-primary" style="width: 35%">
701
+ <span class="sr-only">35% Complete (success)</span>
702
+ </div>
703
+ <div class="progress-bar progress-bar-secondary" style="width: 20%">
704
+ <span class="sr-only">20% Complete (warning)</span>
705
+ </div>
706
+ <div class="progress-bar progress-bar-tertiary" style="width: 10%">
707
+ <span class="sr-only">10% Complete (danger)</span>
708
+ </div>
709
+ </div>
710
+
711
+
712
+
713
+ </div> <!-- /#content-container -->
714
+
715
+
716
+ </div> <!-- #content -->
717
+
718
+
719
+ </div> <!-- #wrapper -->
720
+
721
+ <footer id="footer">
722
+ <ul class="nav pull-right">
723
+ <li>
724
+ Copyright &copy; 2013, Jumpstart Themes.
725
+ </li>
726
+ </ul>
727
+ </footer>
728
+
729
+ <div id="basicModal" class="modal fade">
730
+ <div class="modal-dialog">
731
+ <div class="modal-content">
732
+ <div class="modal-header">
733
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
734
+ <h3 class="modal-title">Basic Modal</h3>
735
+ </div>
736
+ <div class="modal-body">
737
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
738
+
739
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.&hellip;</p>
740
+ </div>
741
+ <div class="modal-footer">
742
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
743
+ <button type="button" class="btn btn-primary">Save changes</button>
744
+ </div>
745
+ </div><!-- /.modal-content -->
746
+ </div><!-- /.modal-dialog -->
747
+ </div><!-- /.modal -->
748
+
749
+ <div id="styledModal" class="modal modal-styled fade">
750
+ <div class="modal-dialog">
751
+ <div class="modal-content">
752
+ <div class="modal-header">
753
+ <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
754
+ <h3 class="modal-title">Styled Modal</h3>
755
+ </div>
756
+ <div class="modal-body">
757
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</p>
758
+
759
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.&hellip;</p>
760
+ </div>
761
+ <div class="modal-footer">
762
+ <button type="button" class="btn btn-tertiary" data-dismiss="modal">Close</button>
763
+ <button type="button" class="btn btn-primary">Save changes</button>
764
+ </div>
765
+ </div><!-- /.modal-content -->
766
+ </div><!-- /.modal-dialog -->
767
+ </div><!-- /.modal -->
768
+
769
+ <script src="./js/libs/jquery-1.9.1.min.js"></script>
770
+ <script src="./js/libs/jquery-ui-1.9.2.custom.min.js"></script>
771
+ <script src="./js/libs/bootstrap.min.js"></script>
772
+
773
+ <script src="./js/plugins/magnific/jquery.magnific-popup.min.js"></script>
774
+ <script src="./js/plugins/howl/howl.js"></script>
775
+
776
+ <script src="./js/App.js"></script>
777
+
778
+ <script src="./js/demos/popups.js"></script>
779
+
780
+ </body>
781
+ </html>