cyberweb 0.4.174

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.

This version of cyberweb might be problematic. Click here for more details.

Files changed (573) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +3259 -0
  3. data/bin/cyberweb +27 -0
  4. data/cyberweb.gemspec +119 -0
  5. data/doc/AUTHORS.md +12 -0
  6. data/doc/CONVENTIONS.md +7 -0
  7. data/doc/CYBERWEB_TUTORIAL.cgi +43 -0
  8. data/doc/DOCUMENTATION_FOR_CYBERSPRAWL.md +50 -0
  9. data/doc/FUTURE_DESIGN_GOAL_CONSIDERATIONS.md +13 -0
  10. data/doc/JQUERY.md +122 -0
  11. data/doc/MOUSE.md +80 -0
  12. data/doc/README.gen +3231 -0
  13. data/doc/RENDER_WEB_BASE.md +46 -0
  14. data/doc/USAGE.md +246 -0
  15. data/doc/configuration/configuration.md +23 -0
  16. data/doc/deprecations.md +32 -0
  17. data/doc/html_characters.md +15 -0
  18. data/doc/todo/TODO_FOR_THE_CYBERWEB_PROJECT.md +1089 -0
  19. data/examples/README.md +4 -0
  20. data/examples/advanced/delayed_update_of_the_body_via_javascript.cgi +38 -0
  21. data/examples/advanced/hybrid_experiment.cgi +108 -0
  22. data/examples/advanced/larger_image_on_mouse_over_example.cgi +35 -0
  23. data/examples/advanced/no_right_click.cgi +26 -0
  24. data/examples/advanced/objectified_html_tags.cgi +35 -0
  25. data/examples/advanced/simple_calculator.cgi +42 -0
  26. data/examples/advanced/simple_form_example.cgi +38 -0
  27. data/examples/css/blue_border.html +28 -0
  28. data/examples/css/caret_colour_example.html +22 -0
  29. data/examples/css/css_border_spacing_example.html +69 -0
  30. data/examples/css/css_bubbles.html +43 -0
  31. data/examples/css/css_clock.html +344 -0
  32. data/examples/css/css_drag_and_drop.html +89 -0
  33. data/examples/css/css_neon_glow_effects.html +317 -0
  34. data/examples/css/css_text_decoration_example.html +70 -0
  35. data/examples/css/css_tooltip.html +44 -0
  36. data/examples/css/fade_in_and_fade_out_effect.html +66 -0
  37. data/examples/css/font_size_examples.html +40 -0
  38. data/examples/css/letter_spacing_example.cgi +36 -0
  39. data/examples/css/meter_example.html +31 -0
  40. data/examples/css/on_mouse_button_pressed.html +41 -0
  41. data/examples/css/planets.html +187 -0
  42. data/examples/css/scale_example.html +25 -0
  43. data/examples/css/shadow_example_in_CSS.cgi +30 -0
  44. data/examples/css/sticky_div_example.html +56 -0
  45. data/examples/css/stitched_div.html +36 -0
  46. data/examples/csv/README.md +1 -0
  47. data/examples/csv/sample.csv +10 -0
  48. data/examples/example1.rb +7 -0
  49. data/examples/flip_card_example/flip_card_example.html +72 -0
  50. data/examples/frames/frame_left.html +1 -0
  51. data/examples/frames/frame_right.html +1 -0
  52. data/examples/html/README.md +1 -0
  53. data/examples/html/abbr_example.html +25 -0
  54. data/examples/html/base64_image_example.html +26 -0
  55. data/examples/html/colour_wheel.html +1389 -0
  56. data/examples/html/column_width_example.html +34 -0
  57. data/examples/html/custom_cursor.html +103 -0
  58. data/examples/html/draggable_paragraph.html +12 -0
  59. data/examples/html/fieldset_example.html +25 -0
  60. data/examples/html/frames_example.html +7 -0
  61. data/examples/html/glyph_example.html +43 -0
  62. data/examples/html/hbox_and_vbox_example.html +65 -0
  63. data/examples/html/href_examples.html +27 -0
  64. data/examples/html/input_autofocus_example.html +16 -0
  65. data/examples/html/larger_image_on_mouse_over_example.html +30 -0
  66. data/examples/html/ordered_and_unordered_bulletsin.html +33 -0
  67. data/examples/html/play_video_example.html +13 -0
  68. data/examples/html/readonly_textarea_example.html +23 -0
  69. data/examples/html/remote_image_example.html +10 -0
  70. data/examples/html/simple_unordered_list.html +16 -0
  71. data/examples/html/table_with_header_example.html +27 -0
  72. data/examples/html/two_columns_flex_example.html +39 -0
  73. data/examples/javascript/README.md +2 -0
  74. data/examples/javascript/arrays/arrays_example_in_javascript.html +16 -0
  75. data/examples/javascript/delay_example/delay_example.html +46 -0
  76. data/examples/javascript/drag_support/drag_support.html +37 -0
  77. data/examples/javascript/jquery_drag_and_drop/drag_and_drop_image_example.html +33 -0
  78. data/examples/javascript/on_click_event_hello_world/on_click_event_hello_world.html +21 -0
  79. data/examples/javascript/rgb_to_hex/rgb_to_hex.html +15 -0
  80. data/examples/javascript/screen_resolution/screen_resolution.html +20 -0
  81. data/examples/javascript/select_everything/select_everything.html +14 -0
  82. data/examples/javascript/write_into_a_file/write_into_a_file.html +39 -0
  83. data/examples/rack/README.md +4 -0
  84. data/examples/rack/example_with_html_template.rb +123 -0
  85. data/examples/rack/example_with_rack_and_cyberweb_showing_how_to_use_images.rb +56 -0
  86. data/examples/rack/hello_world_example_with_rack.rb +45 -0
  87. data/examples/rack/lobster.rb +79 -0
  88. data/examples/rack/rack_env.rb +10 -0
  89. data/examples/rack/standalone_example.rb +26 -0
  90. data/examples/show_greek_letters.rb +3 -0
  91. data/examples/simple/on_click_event_hello_world.cgi +34 -0
  92. data/examples/sinatra/001_your_ip_address_is.rb +8 -0
  93. data/examples/sinatra/002_the_request_object.rb +16 -0
  94. data/examples/sinatra/003_hello_world_example.rb +82 -0
  95. data/examples/sinatra/004_splat_example.rb +10 -0
  96. data/examples/sinatra/005_attachment_example.rb +11 -0
  97. data/examples/sinatra/006_outer_self_example.rb +8 -0
  98. data/examples/sinatra/007_mime_type_example.rb +17 -0
  99. data/examples/sinatra/008_post_example.rb +55 -0
  100. data/examples/table_example.rb +37 -0
  101. data/images/cyberweb_favicon.png +0 -0
  102. data/images/cyberweb_logo.png +0 -0
  103. data/images/cyberweb_theme.png +0 -0
  104. data/lib/cyberweb/and_sinatra_base.rb +9 -0
  105. data/lib/cyberweb/autoinclude.rb +20 -0
  106. data/lib/cyberweb/autoinclude_webobject.rb +14 -0
  107. data/lib/cyberweb/base/base.rb +41 -0
  108. data/lib/cyberweb/base/colours.rb +69 -0
  109. data/lib/cyberweb/base/constants.rb +18 -0
  110. data/lib/cyberweb/base/encoding.rb +19 -0
  111. data/lib/cyberweb/base/misc.rb +239 -0
  112. data/lib/cyberweb/base/reset.rb +23 -0
  113. data/lib/cyberweb/base/save_file.rb +22 -0
  114. data/lib/cyberweb/cascading_style_sheets/README.md +4 -0
  115. data/lib/cyberweb/cascading_style_sheets/admonition.css +33 -0
  116. data/lib/cyberweb/cascading_style_sheets/balloon.css +344 -0
  117. data/lib/cyberweb/cascading_style_sheets/border.css +202 -0
  118. data/lib/cyberweb/cascading_style_sheets/code.css +58 -0
  119. data/lib/cyberweb/cascading_style_sheets/colours.css +476 -0
  120. data/lib/cyberweb/cascading_style_sheets/default.css +1836 -0
  121. data/lib/cyberweb/cascading_style_sheets/div.css +26 -0
  122. data/lib/cyberweb/cascading_style_sheets/fonts.css +365 -0
  123. data/lib/cyberweb/cascading_style_sheets/links.css +207 -0
  124. data/lib/cyberweb/cascading_style_sheets/margin.css +677 -0
  125. data/lib/cyberweb/cascading_style_sheets/menu.css +37 -0
  126. data/lib/cyberweb/cascading_style_sheets/message_boxes.css +48 -0
  127. data/lib/cyberweb/cascading_style_sheets/misc.css +162 -0
  128. data/lib/cyberweb/cascading_style_sheets/popup.css +63 -0
  129. data/lib/cyberweb/cascading_style_sheets/rpg.css +51 -0
  130. data/lib/cyberweb/cascading_style_sheets/ruby_regexes.css +33 -0
  131. data/lib/cyberweb/cascading_style_sheets/template2.css +18 -0
  132. data/lib/cyberweb/cascading_style_sheets/text_shadow.css +19 -0
  133. data/lib/cyberweb/cascading_style_sheets/tooltip.css +36 -0
  134. data/lib/cyberweb/cgi/README.md +6 -0
  135. data/lib/cyberweb/cgi/cgi.rb +340 -0
  136. data/lib/cyberweb/cgi/constants.rb +121 -0
  137. data/lib/cyberweb/cgi/cookie.rb +218 -0
  138. data/lib/cyberweb/cgi/core.rb +638 -0
  139. data/lib/cyberweb/cgi/exceptions.rb +223 -0
  140. data/lib/cyberweb/cgi/html.rb +1025 -0
  141. data/lib/cyberweb/cgi/mod_ruby_exception_printer.rb +40 -0
  142. data/lib/cyberweb/cgi/query_extension.rb +431 -0
  143. data/lib/cyberweb/cgi/session/file_store.rb +131 -0
  144. data/lib/cyberweb/cgi/session/memory_store.rb +90 -0
  145. data/lib/cyberweb/cgi/session/pstore.rb +127 -0
  146. data/lib/cyberweb/cgi/session.rb +444 -0
  147. data/lib/cyberweb/cgi/tag_maker.rb +94 -0
  148. data/lib/cyberweb/cgi/util.rb +239 -0
  149. data/lib/cyberweb/charts/README.md +2 -0
  150. data/lib/cyberweb/charts/google_charts.rb +51 -0
  151. data/lib/cyberweb/classes/simple_form.rb +55 -0
  152. data/lib/cyberweb/classes/tooltips.rb +169 -0
  153. data/lib/cyberweb/coloured_tags/coloured_tags.rb +3099 -0
  154. data/lib/cyberweb/colours/colour_chart.rb +117 -0
  155. data/lib/cyberweb/colours/colours.rb +50 -0
  156. data/lib/cyberweb/colours/random_colour.rb +28 -0
  157. data/lib/cyberweb/colours/sanitize_for_colours.rb +95 -0
  158. data/lib/cyberweb/commandline/commandline_interface.rb +49 -0
  159. data/lib/cyberweb/configuration/configuration.rb +66 -0
  160. data/lib/cyberweb/configuration/load_the_configuration_file.rb +73 -0
  161. data/lib/cyberweb/constants/array_images.rb +21 -0
  162. data/lib/cyberweb/constants/array_local_css_files.rb +35 -0
  163. data/lib/cyberweb/constants/array_predefined_constants.rb +23 -0
  164. data/lib/cyberweb/constants/configuration_file.rb +33 -0
  165. data/lib/cyberweb/constants/constants.rb +9 -0
  166. data/lib/cyberweb/constants/file_constants.rb +16 -0
  167. data/lib/cyberweb/constants/http_status_codes.rb +42 -0
  168. data/lib/cyberweb/constants/nl.rb +22 -0
  169. data/lib/cyberweb/constants/project_constants.rb +99 -0
  170. data/lib/cyberweb/constants/roebe.rb +28 -0
  171. data/lib/cyberweb/constants/standalone_constants.rb +309 -0
  172. data/lib/cyberweb/controller/README.md +4 -0
  173. data/lib/cyberweb/controller/webobject_controller.rb +50 -0
  174. data/lib/cyberweb/csv/README.md +2 -0
  175. data/lib/cyberweb/csv/csv.rb +58 -0
  176. data/lib/cyberweb/cybersprawl +1 -0
  177. data/lib/cyberweb/debug/debug.rb +69 -0
  178. data/lib/cyberweb/encoding/encoding.rb +84 -0
  179. data/lib/cyberweb/erb/test.rhtml +81 -0
  180. data/lib/cyberweb/erb/test_template.erb +9 -0
  181. data/lib/cyberweb/evaluate_from_the_same_named_file_then_serve.rb +9 -0
  182. data/lib/cyberweb/favicon/favicon.rb +196 -0
  183. data/lib/cyberweb/generator/README.md +2 -0
  184. data/lib/cyberweb/generator/cgi.rb +201 -0
  185. data/lib/cyberweb/generator/class.rb +25 -0
  186. data/lib/cyberweb/generator/static_webpage.rb +162 -0
  187. data/lib/cyberweb/generator/webpage_for_images.rb +553 -0
  188. data/lib/cyberweb/help/help.rb +29 -0
  189. data/lib/cyberweb/html_codes/README.md +15 -0
  190. data/lib/cyberweb/html_codes/greek_letters.rb +204 -0
  191. data/lib/cyberweb/html_tags/README.md +3 -0
  192. data/lib/cyberweb/html_tags/a.rb +65 -0
  193. data/lib/cyberweb/html_tags/accesskey.rb +25 -0
  194. data/lib/cyberweb/html_tags/blockquote.rb +56 -0
  195. data/lib/cyberweb/html_tags/body.rb +14 -0
  196. data/lib/cyberweb/html_tags/br.rb +19 -0
  197. data/lib/cyberweb/html_tags/button.rb +110 -0
  198. data/lib/cyberweb/html_tags/canvas.rb +59 -0
  199. data/lib/cyberweb/html_tags/chtml.rb +14 -0
  200. data/lib/cyberweb/html_tags/div.rb +163 -0
  201. data/lib/cyberweb/html_tags/fieldset.rb +67 -0
  202. data/lib/cyberweb/html_tags/figure.rb +72 -0
  203. data/lib/cyberweb/html_tags/form.rb +203 -0
  204. data/lib/cyberweb/html_tags/h1.rb +75 -0
  205. data/lib/cyberweb/html_tags/h2.rb +73 -0
  206. data/lib/cyberweb/html_tags/h3.rb +58 -0
  207. data/lib/cyberweb/html_tags/h4.rb +60 -0
  208. data/lib/cyberweb/html_tags/h5.rb +54 -0
  209. data/lib/cyberweb/html_tags/h6.rb +54 -0
  210. data/lib/cyberweb/html_tags/hr.rb +22 -0
  211. data/lib/cyberweb/html_tags/html_tags.rb +240 -0
  212. data/lib/cyberweb/html_tags/i.rb +50 -0
  213. data/lib/cyberweb/html_tags/img.rb +294 -0
  214. data/lib/cyberweb/html_tags/input.rb +345 -0
  215. data/lib/cyberweb/html_tags/label.rb +63 -0
  216. data/lib/cyberweb/html_tags/legend.rb +56 -0
  217. data/lib/cyberweb/html_tags/li.rb +67 -0
  218. data/lib/cyberweb/html_tags/map.rb +31 -0
  219. data/lib/cyberweb/html_tags/nav.rb +63 -0
  220. data/lib/cyberweb/html_tags/object.rb +56 -0
  221. data/lib/cyberweb/html_tags/ol.rb +56 -0
  222. data/lib/cyberweb/html_tags/option.rb +61 -0
  223. data/lib/cyberweb/html_tags/p.rb +90 -0
  224. data/lib/cyberweb/html_tags/pre.rb +164 -0
  225. data/lib/cyberweb/html_tags/section.rb +33 -0
  226. data/lib/cyberweb/html_tags/select.rb +100 -0
  227. data/lib/cyberweb/html_tags/span.rb +338 -0
  228. data/lib/cyberweb/html_tags/strong.rb +39 -0
  229. data/lib/cyberweb/html_tags/table.rb +273 -0
  230. data/lib/cyberweb/html_tags/tbody.rb +24 -0
  231. data/lib/cyberweb/html_tags/td.rb +214 -0
  232. data/lib/cyberweb/html_tags/textarea.rb +138 -0
  233. data/lib/cyberweb/html_tags/th.rb +68 -0
  234. data/lib/cyberweb/html_tags/thead.rb +36 -0
  235. data/lib/cyberweb/html_tags/tr.rb +97 -0
  236. data/lib/cyberweb/html_tags/ul.rb +51 -0
  237. data/lib/cyberweb/html_template/html_template.rb +352 -0
  238. data/lib/cyberweb/images/embed_this_image.rb +37 -0
  239. data/lib/cyberweb/images/images.rb +58 -0
  240. data/lib/cyberweb/images/is_image.rb +22 -0
  241. data/lib/cyberweb/images/path_to_images.rb +60 -0
  242. data/lib/cyberweb/images/real/README.md +6 -0
  243. data/lib/cyberweb/images/remove_this_substring_from_all_images.rb +44 -0
  244. data/lib/cyberweb/images/standalone_drag_and_drop_this_image.rb +64 -0
  245. data/lib/cyberweb/images/string_image.rb +399 -0
  246. data/lib/cyberweb/images_base64_encoded/AUSRUFUNGSZEICHEN.png.md +1 -0
  247. data/lib/cyberweb/images_base64_encoded/BLUEARROW.png.md +1 -0
  248. data/lib/cyberweb/images_base64_encoded/BUBBLE.png.md +1 -0
  249. data/lib/cyberweb/images_base64_encoded/CAT.png.md +1 -0
  250. data/lib/cyberweb/images_base64_encoded/CAUTION.png.md +1 -0
  251. data/lib/cyberweb/images_base64_encoded/CHEERING_PERSON.png.md +1 -0
  252. data/lib/cyberweb/images_base64_encoded/CURSOR.png.md +1 -0
  253. data/lib/cyberweb/images_base64_encoded/DOT_01.png.md +5 -0
  254. data/lib/cyberweb/images_base64_encoded/DUCKY.png.md +1 -0
  255. data/lib/cyberweb/images_base64_encoded/ELEPHANT.png.md +1 -0
  256. data/lib/cyberweb/images_base64_encoded/HALLOWEEN.png.md +1 -0
  257. data/lib/cyberweb/images_base64_encoded/HANGING_MONKEY.png.md +1 -0
  258. data/lib/cyberweb/images_base64_encoded/LENS.png.md +1 -0
  259. data/lib/cyberweb/images_base64_encoded/README.md +2 -0
  260. data/lib/cyberweb/images_base64_encoded/TU_WIEN_LOGO.png.md +1 -0
  261. data/lib/cyberweb/images_base64_encoded/VOGEL.png.md +1 -0
  262. data/lib/cyberweb/io/README.md +1 -0
  263. data/lib/cyberweb/io/io.rb +19 -0
  264. data/lib/cyberweb/javascript/drag_and_drop.rb +105 -0
  265. data/lib/cyberweb/javascript/dragula_collection.rb +54 -0
  266. data/lib/cyberweb/javascript/javascript.rb +211 -0
  267. data/lib/cyberweb/javascript/javascript_bundle.rb +223 -0
  268. data/lib/cyberweb/javascript/javascript_clock.rb +69 -0
  269. data/lib/cyberweb/javascript/javascript_last_modified.rb +27 -0
  270. data/lib/cyberweb/javascript/javascript_magic.rb +150 -0
  271. data/lib/cyberweb/javascript/javascript_selectable.rb +24 -0
  272. data/lib/cyberweb/javascript/jquery.rb +30 -0
  273. data/lib/cyberweb/javascript/on_click_change_opacity.rb +97 -0
  274. data/lib/cyberweb/javascript/on_click_hide.rb +63 -0
  275. data/lib/cyberweb/javascript/popup.rb +80 -0
  276. data/lib/cyberweb/javascript/print_javascript.rb +33 -0
  277. data/lib/cyberweb/javascript/registered_javascript_methods.rb +30 -0
  278. data/lib/cyberweb/javascript/resize.rb +28 -0
  279. data/lib/cyberweb/javascript/return_javascript.rb +48 -0
  280. data/lib/cyberweb/javascript/scroll.rb +17 -0
  281. data/lib/cyberweb/javascript/snoweffect.rb +122 -0
  282. data/lib/cyberweb/javascript_code/README.md +6 -0
  283. data/lib/cyberweb/javascript_code/chmod_displayer.js +74 -0
  284. data/lib/cyberweb/javascript_code/custom_functions.js +267 -0
  285. data/lib/cyberweb/javascript_code/jquery/jquery-3.6.0.js +10881 -0
  286. data/lib/cyberweb/javascript_code/jquery/jquery-ui-1.12.1.js +18706 -0
  287. data/lib/cyberweb/javascript_code/rgb_to_hex.js +14 -0
  288. data/lib/cyberweb/javascript_code/select_even_numbers.js +7 -0
  289. data/lib/cyberweb/javascript_code/select_everything.js +22 -0
  290. data/lib/cyberweb/javascript_code/simple_calculator.js +15 -0
  291. data/lib/cyberweb/javascript_code/sleep.js +3 -0
  292. data/lib/cyberweb/javascript_code/to_celsius.js +8 -0
  293. data/lib/cyberweb/mouse/README.md +3 -0
  294. data/lib/cyberweb/mouse/libxdo.rb +321 -0
  295. data/lib/cyberweb/mouse/mouse.rb +264 -0
  296. data/lib/cyberweb/objectified_html_tags/README.md +8 -0
  297. data/lib/cyberweb/objectified_html_tags/a.rb +129 -0
  298. data/lib/cyberweb/objectified_html_tags/abbr.rb +84 -0
  299. data/lib/cyberweb/objectified_html_tags/base.rb +376 -0
  300. data/lib/cyberweb/objectified_html_tags/button.rb +135 -0
  301. data/lib/cyberweb/objectified_html_tags/combobox.rb +165 -0
  302. data/lib/cyberweb/objectified_html_tags/div.rb +129 -0
  303. data/lib/cyberweb/objectified_html_tags/embed.rb +161 -0
  304. data/lib/cyberweb/objectified_html_tags/form.rb +129 -0
  305. data/lib/cyberweb/objectified_html_tags/h1.rb +129 -0
  306. data/lib/cyberweb/objectified_html_tags/h2.rb +129 -0
  307. data/lib/cyberweb/objectified_html_tags/h3.rb +129 -0
  308. data/lib/cyberweb/objectified_html_tags/h4.rb +129 -0
  309. data/lib/cyberweb/objectified_html_tags/h5.rb +129 -0
  310. data/lib/cyberweb/objectified_html_tags/h6.rb +129 -0
  311. data/lib/cyberweb/objectified_html_tags/hbox.rb +71 -0
  312. data/lib/cyberweb/objectified_html_tags/img.rb +202 -0
  313. data/lib/cyberweb/objectified_html_tags/input.rb +185 -0
  314. data/lib/cyberweb/objectified_html_tags/p.rb +129 -0
  315. data/lib/cyberweb/objectified_html_tags/pre.rb +129 -0
  316. data/lib/cyberweb/objectified_html_tags/span.rb +92 -0
  317. data/lib/cyberweb/objectified_html_tags/table.rb +174 -0
  318. data/lib/cyberweb/objectified_html_tags/textarea.rb +173 -0
  319. data/lib/cyberweb/objectified_html_tags/title.rb +82 -0
  320. data/lib/cyberweb/objectified_html_tags/window.rb +79 -0
  321. data/lib/cyberweb/predefined_and_freeform_methods/README.md +1 -0
  322. data/lib/cyberweb/predefined_and_freeform_methods/frage.rb +45 -0
  323. data/lib/cyberweb/predefined_and_freeform_methods/freeform_methods.rb +93 -0
  324. data/lib/cyberweb/predefined_and_freeform_methods/hash_css_class_to_use.rb +55 -0
  325. data/lib/cyberweb/predefined_and_freeform_methods/hash_registered_extra_tags.rb +29 -0
  326. data/lib/cyberweb/predefined_and_freeform_methods/header.rb +81 -0
  327. data/lib/cyberweb/predefined_and_freeform_methods/predefined_methods.rb +413 -0
  328. data/lib/cyberweb/project/project.rb +85 -0
  329. data/lib/cyberweb/rack/README.md +1 -0
  330. data/lib/cyberweb/rack/request.rb +31 -0
  331. data/lib/cyberweb/requires/README.md +4 -0
  332. data/lib/cyberweb/requires/do_require_web_object_files.rb +9 -0
  333. data/lib/cyberweb/requires/remove_html.rb +9 -0
  334. data/lib/cyberweb/requires/require_cgi.rb +16 -0
  335. data/lib/cyberweb/requires/require_charts.rb +20 -0
  336. data/lib/cyberweb/requires/require_generators.rb +23 -0
  337. data/lib/cyberweb/requires/require_html_tags_files.rb +23 -0
  338. data/lib/cyberweb/requires/require_javascript_files.rb +23 -0
  339. data/lib/cyberweb/requires/require_kimurai.rb +13 -0
  340. data/lib/cyberweb/requires/require_objectified_html_tags_files.rb +23 -0
  341. data/lib/cyberweb/requires/require_sinatra.rb +7 -0
  342. data/lib/cyberweb/requires/require_the_constants.rb +26 -0
  343. data/lib/cyberweb/requires/require_the_cyberweb_project.rb +172 -0
  344. data/lib/cyberweb/requires/require_the_html_template.rb +7 -0
  345. data/lib/cyberweb/requires/require_the_toplevel_methods_files.rb +24 -0
  346. data/lib/cyberweb/requires/require_web_images.rb +7 -0
  347. data/lib/cyberweb/requires/require_web_object_files.rb +25 -0
  348. data/lib/cyberweb/requires/require_yaml.rb +11 -0
  349. data/lib/cyberweb/sinatra/README.md +11 -0
  350. data/lib/cyberweb/sinatra/base.rb +145 -0
  351. data/lib/cyberweb/sinatra/custom_extensions.rb +131 -0
  352. data/lib/cyberweb/standalone_classes/all_css_classes.rb +255 -0
  353. data/lib/cyberweb/standalone_classes/calculator.rb +127 -0
  354. data/lib/cyberweb/standalone_classes/correct_image_entries_in_html_file.rb +207 -0
  355. data/lib/cyberweb/standalone_classes/input_focus.rb +97 -0
  356. data/lib/cyberweb/standalone_classes/tag_prototype.rb +43 -0
  357. data/lib/cyberweb/standalone_classes/turn_html_into_cyberweb.rb +174 -0
  358. data/lib/cyberweb/svg/blue_rect.svg +12 -0
  359. data/lib/cyberweb/svg/butterfly.svg +15 -0
  360. data/lib/cyberweb/svg/chemical_molecule.svg +192 -0
  361. data/lib/cyberweb/svg/circles_on_background.svg +29 -0
  362. data/lib/cyberweb/svg/ellipse.svg +12 -0
  363. data/lib/cyberweb/svg/five_circles.svg +26 -0
  364. data/lib/cyberweb/svg/flag_germany.svg +10 -0
  365. data/lib/cyberweb/svg/gaussian_blur.svg +20 -0
  366. data/lib/cyberweb/svg/gradient_circle.svg +18 -0
  367. data/lib/cyberweb/svg/green_butterfly.svg +18 -0
  368. data/lib/cyberweb/svg/green_tilted_lines.svg +25 -0
  369. data/lib/cyberweb/svg/lion.svg +161 -0
  370. data/lib/cyberweb/svg/one_circle.svg +12 -0
  371. data/lib/cyberweb/svg/pie_chart.svg +130 -0
  372. data/lib/cyberweb/svg/svg.cgi +61 -0
  373. data/lib/cyberweb/svg/tetris.svg +487 -0
  374. data/lib/cyberweb/svg/three_circles.svg +18 -0
  375. data/lib/cyberweb/svg/tiger.svg +732 -0
  376. data/lib/cyberweb/svg/tilted_arcs.svg +74 -0
  377. data/lib/cyberweb/svg/transparent_rect.svg +12 -0
  378. data/lib/cyberweb/svg/yellow_fe_blending.svg +42 -0
  379. data/lib/cyberweb/toplevel_methods/a.rb +131 -0
  380. data/lib/cyberweb/toplevel_methods/anmerkung.rb +67 -0
  381. data/lib/cyberweb/toplevel_methods/audio.rb +59 -0
  382. data/lib/cyberweb/toplevel_methods/bold.rb +65 -0
  383. data/lib/cyberweb/toplevel_methods/cgi.rb +65 -0
  384. data/lib/cyberweb/toplevel_methods/charsets.rb +52 -0
  385. data/lib/cyberweb/toplevel_methods/clear.rb +30 -0
  386. data/lib/cyberweb/toplevel_methods/close.rb +62 -0
  387. data/lib/cyberweb/toplevel_methods/consider_serving_the_web_object.rb +41 -0
  388. data/lib/cyberweb/toplevel_methods/css.rb +732 -0
  389. data/lib/cyberweb/toplevel_methods/date.rb +71 -0
  390. data/lib/cyberweb/toplevel_methods/dictionary.rb +48 -0
  391. data/lib/cyberweb/toplevel_methods/disable.rb +49 -0
  392. data/lib/cyberweb/toplevel_methods/document.rb +56 -0
  393. data/lib/cyberweb/toplevel_methods/dot.rb +182 -0
  394. data/lib/cyberweb/toplevel_methods/download_webpage.rb +18 -0
  395. data/lib/cyberweb/toplevel_methods/edit_configuration_file.rb +26 -0
  396. data/lib/cyberweb/toplevel_methods/ee.rb +44 -0
  397. data/lib/cyberweb/toplevel_methods/env.rb +44 -0
  398. data/lib/cyberweb/toplevel_methods/escape_html.rb +54 -0
  399. data/lib/cyberweb/toplevel_methods/fields.rb +46 -0
  400. data/lib/cyberweb/toplevel_methods/filename.rb +33 -0
  401. data/lib/cyberweb/toplevel_methods/frames.rb +131 -0
  402. data/lib/cyberweb/toplevel_methods/glob.rb +30 -0
  403. data/lib/cyberweb/toplevel_methods/google.rb +35 -0
  404. data/lib/cyberweb/toplevel_methods/hardware_information.rb +90 -0
  405. data/lib/cyberweb/toplevel_methods/hfin.rb +56 -0
  406. data/lib/cyberweb/toplevel_methods/html_comment.rb +48 -0
  407. data/lib/cyberweb/toplevel_methods/html_mode.rb +39 -0
  408. data/lib/cyberweb/toplevel_methods/html_tables.rb +818 -0
  409. data/lib/cyberweb/toplevel_methods/input.rb +54 -0
  410. data/lib/cyberweb/toplevel_methods/jquery.rb +82 -0
  411. data/lib/cyberweb/toplevel_methods/last_modified.rb +39 -0
  412. data/lib/cyberweb/toplevel_methods/links.rb +426 -0
  413. data/lib/cyberweb/toplevel_methods/listing.rb +96 -0
  414. data/lib/cyberweb/toplevel_methods/localhost.rb +18 -0
  415. data/lib/cyberweb/toplevel_methods/log_directory.rb +84 -0
  416. data/lib/cyberweb/toplevel_methods/logging.rb +42 -0
  417. data/lib/cyberweb/toplevel_methods/logo.rb +30 -0
  418. data/lib/cyberweb/toplevel_methods/markdown.rb +112 -0
  419. data/lib/cyberweb/toplevel_methods/mathml.rb +130 -0
  420. data/lib/cyberweb/toplevel_methods/message_boxes.rb +140 -0
  421. data/lib/cyberweb/toplevel_methods/misc.rb +1398 -0
  422. data/lib/cyberweb/toplevel_methods/name_of_img_dir.rb +51 -0
  423. data/lib/cyberweb/toplevel_methods/padlem_and_marlem.rb +107 -0
  424. data/lib/cyberweb/toplevel_methods/params.rb +57 -0
  425. data/lib/cyberweb/toplevel_methods/path.rb +69 -0
  426. data/lib/cyberweb/toplevel_methods/pdf.rb +103 -0
  427. data/lib/cyberweb/toplevel_methods/process_content.rb +102 -0
  428. data/lib/cyberweb/toplevel_methods/progress.rb +42 -0
  429. data/lib/cyberweb/toplevel_methods/quote.rb +44 -0
  430. data/lib/cyberweb/toplevel_methods/random.rb +70 -0
  431. data/lib/cyberweb/toplevel_methods/rds.rb +35 -0
  432. data/lib/cyberweb/toplevel_methods/read_and_display.rb +284 -0
  433. data/lib/cyberweb/toplevel_methods/readlines.rb +31 -0
  434. data/lib/cyberweb/toplevel_methods/redirect.rb +29 -0
  435. data/lib/cyberweb/toplevel_methods/registered_ids.rb +178 -0
  436. data/lib/cyberweb/toplevel_methods/remove_html.rb +32 -0
  437. data/lib/cyberweb/toplevel_methods/remove_newlines.rb +28 -0
  438. data/lib/cyberweb/toplevel_methods/return_head_start.rb +33 -0
  439. data/lib/cyberweb/toplevel_methods/return_html_fin.rb +34 -0
  440. data/lib/cyberweb/toplevel_methods/return_html_header.rb +35 -0
  441. data/lib/cyberweb/toplevel_methods/return_html_start.rb +24 -0
  442. data/lib/cyberweb/toplevel_methods/return_html_to_head_start.rb +42 -0
  443. data/lib/cyberweb/toplevel_methods/return_meta_collection.rb +54 -0
  444. data/lib/cyberweb/toplevel_methods/return_pwd.rb +23 -0
  445. data/lib/cyberweb/toplevel_methods/return_strict_doctype.rb +51 -0
  446. data/lib/cyberweb/toplevel_methods/roebe.rb +43 -0
  447. data/lib/cyberweb/toplevel_methods/s2.rb +30 -0
  448. data/lib/cyberweb/toplevel_methods/sanitize_url.rb +57 -0
  449. data/lib/cyberweb/toplevel_methods/sbr.rb +170 -0
  450. data/lib/cyberweb/toplevel_methods/server_base_directory.rb +148 -0
  451. data/lib/cyberweb/toplevel_methods/show_and_display.rb +215 -0
  452. data/lib/cyberweb/toplevel_methods/show_configuration.rb +83 -0
  453. data/lib/cyberweb/toplevel_methods/sitemap.rb +111 -0
  454. data/lib/cyberweb/toplevel_methods/spacer.rb +119 -0
  455. data/lib/cyberweb/toplevel_methods/string_body_start.rb +65 -0
  456. data/lib/cyberweb/toplevel_methods/string_content.rb +35 -0
  457. data/lib/cyberweb/toplevel_methods/svg.rb +66 -0
  458. data/lib/cyberweb/toplevel_methods/tag.rb +237 -0
  459. data/lib/cyberweb/toplevel_methods/temp_directory.rb +73 -0
  460. data/lib/cyberweb/toplevel_methods/test_css.rb +24 -0
  461. data/lib/cyberweb/toplevel_methods/textile.rb +45 -0
  462. data/lib/cyberweb/toplevel_methods/title.rb +125 -0
  463. data/lib/cyberweb/toplevel_methods/umlaute.rb +90 -0
  464. data/lib/cyberweb/toplevel_methods/video.rb +352 -0
  465. data/lib/cyberweb/toplevel_methods/view_source.rb +50 -0
  466. data/lib/cyberweb/toplevel_methods/web_object.rb +42 -0
  467. data/lib/cyberweb/toplevel_methods/write_what_into.rb +27 -0
  468. data/lib/cyberweb/utility_scripts/README.md +4 -0
  469. data/lib/cyberweb/utility_scripts/create_coloured_tags.rb +172 -0
  470. data/lib/cyberweb/utility_scripts/download_balloon_css.rb +160 -0
  471. data/lib/cyberweb/utility_scripts/hyperlink_all_images_from.rb +148 -0
  472. data/lib/cyberweb/version/version.rb +25 -0
  473. data/lib/cyberweb/web_base/web_base.rb +28 -0
  474. data/lib/cyberweb/web_images/array_listing_all_project_images.rb +52 -0
  475. data/lib/cyberweb/web_images/map_symbol_to_image_location.rb +1661 -0
  476. data/lib/cyberweb/web_images/web_images.rb +270 -0
  477. data/lib/cyberweb/web_object/css.rb +627 -0
  478. data/lib/cyberweb/web_object/evaluate.rb +126 -0
  479. data/lib/cyberweb/web_object/favicon.rb +160 -0
  480. data/lib/cyberweb/web_object/html_related_tags.rb +320 -0
  481. data/lib/cyberweb/web_object/images.rb +693 -0
  482. data/lib/cyberweb/web_object/initialize.rb +51 -0
  483. data/lib/cyberweb/web_object/input_related_functionality.rb +414 -0
  484. data/lib/cyberweb/web_object/javascript.rb +427 -0
  485. data/lib/cyberweb/web_object/languages.rb +172 -0
  486. data/lib/cyberweb/web_object/links.rb +228 -0
  487. data/lib/cyberweb/web_object/misc.rb +5159 -0
  488. data/lib/cyberweb/web_object/params.rb +289 -0
  489. data/lib/cyberweb/web_object/reset.rb +192 -0
  490. data/lib/cyberweb/web_object/run.rb +44 -0
  491. data/lib/cyberweb/web_object/sinatra_related_functionality.rb +30 -0
  492. data/lib/cyberweb/web_object/sitemap.rb +176 -0
  493. data/lib/cyberweb/web_object/table.rb +378 -0
  494. data/lib/cyberweb/web_object/web_object.rb +126 -0
  495. data/lib/cyberweb/web_scraper/README.md +8 -0
  496. data/lib/cyberweb/web_scraper/scrape_this_url.rb +183 -0
  497. data/lib/cyberweb/webmin/biology_server.cgi +256 -0
  498. data/lib/cyberweb/webmin/calculator.cgi +52 -0
  499. data/lib/cyberweb/webmin/colour_chart.cgi +33 -0
  500. data/lib/cyberweb/webmin/comments.cgi +137 -0
  501. data/lib/cyberweb/webmin/comments_data +18 -0
  502. data/lib/cyberweb/webmin/constants.rb +46 -0
  503. data/lib/cyberweb/webmin/dictionary.cgi +39 -0
  504. data/lib/cyberweb/webmin/sys_info.cgi +26 -0
  505. data/lib/cyberweb/webmin/webforum.cgi +58 -0
  506. data/lib/cyberweb/webmin/webmin.cgi +679 -0
  507. data/lib/cyberweb/yaml/autogenerated_system_settings.yml +14 -0
  508. data/lib/cyberweb/yaml/custom_tags.yml +7 -0
  509. data/lib/cyberweb/yaml/debug.yml +1 -0
  510. data/lib/cyberweb/yaml/html5_global_attributes.yml +12 -0
  511. data/lib/cyberweb/yaml/html5_new_elements.yml +108 -0
  512. data/lib/cyberweb/yaml/html_tag_legend.yml +12 -0
  513. data/lib/cyberweb/yaml/http_status_codes.yml +38 -0
  514. data/lib/cyberweb/yaml/js_files_to_load.yml +28 -0
  515. data/lib/cyberweb/yaml/project_configuration.yml +229 -0
  516. data/lib/cyberweb/yaml/video_attributes.yml +35 -0
  517. data/lib/cyberweb/yaml/web_images.yml +306 -0
  518. data/lib/cyberweb.rb +5 -0
  519. data/test/README.md +5 -0
  520. data/test/complex_tests/all_tests_in_one_page.cgi +666 -0
  521. data/test/complex_tests/simple_sinatra_example_using_cyberweb/simple.rb +60 -0
  522. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.cgi +7 -0
  523. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.rb +23 -0
  524. data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.sinatra +65 -0
  525. data/test/complex_tests/testing_frames.cgi +42 -0
  526. data/test/complex_tests/testing_objectified_html_tags.rb +82 -0
  527. data/test/complex_tests/testing_style_variants/README.md +2 -0
  528. data/test/complex_tests/testing_style_variants/show_coloured_boxes.cgi +58 -0
  529. data/test/complex_tests/testing_tables.cgi +67 -0
  530. data/test/complex_tests/testing_the_cyberweb_shell.rb +188 -0
  531. data/test/complex_tests/testing_web_object.rb +94 -0
  532. data/test/css/README.md +5 -0
  533. data/test/css/return_the_content_of_these_css_classes.rb +7 -0
  534. data/test/css/testing_css_effects.cgi +159 -0
  535. data/test/css/testing_css_masking.cgi +36 -0
  536. data/test/dummy.pdf +0 -0
  537. data/test/hello_world/hello_world.cgi +25 -0
  538. data/test/javascript/README.md +2 -0
  539. data/test/javascript/testing_cheerleader_javascript.cgi +0 -0
  540. data/test/javascript/testing_drag_and_drop_support.cgi +33 -0
  541. data/test/javascript/testing_on_click_change_opacity.cgi +26 -0
  542. data/test/javascript/testing_snowflakes.cgi +20 -0
  543. data/test/simple_tests/README.md +3 -0
  544. data/test/simple_tests/ad-hoc-test.cgi +55 -0
  545. data/test/simple_tests/commandline_tests.rb +70 -0
  546. data/test/simple_tests/display_this_file.cgi +11 -0
  547. data/test/simple_tests/simple_html_example.cgi +29 -0
  548. data/test/simple_tests/simple_status_page.cgi +52 -0
  549. data/test/simple_tests/string_s2_test.rb +11 -0
  550. data/test/simple_tests/test_simple_string_as_input.rb +12 -0
  551. data/test/simple_tests/testing_base64_images.cgi +26 -0
  552. data/test/simple_tests/testing_dragging_an_image.cgi +23 -0
  553. data/test/simple_tests/testing_editable_text.cgi +16 -0
  554. data/test/simple_tests/testing_email.cgi +31 -0
  555. data/test/simple_tests/testing_embedding_a_pdf_file.cgi +32 -0
  556. data/test/simple_tests/testing_google_charts.cgi +24 -0
  557. data/test/simple_tests/testing_html_forms.cgi +31 -0
  558. data/test/simple_tests/testing_html_template.rb +13 -0
  559. data/test/simple_tests/testing_popup_div.cgi +22 -0
  560. data/test/simple_tests/testing_return_dataset_without_any_comments.rb +11 -0
  561. data/test/simple_tests/testing_the_cap_box.cgi +20 -0
  562. data/test/simple_tests/testing_the_div_tag.cgi +21 -0
  563. data/test/simple_tests/testing_the_headers_tag.cgi +36 -0
  564. data/test/simple_tests/testing_the_html_colours.cgi +19 -0
  565. data/test/simple_tests/testing_the_info_box.cgi +19 -0
  566. data/test/simple_tests/testing_the_li_tag.cgi +24 -0
  567. data/test/simple_tests/testing_the_s2_method.rb +7 -0
  568. data/test/simple_tests/testing_the_select_tag.cgi +23 -0
  569. data/test/simple_tests/testing_the_span_tag.cgi +36 -0
  570. data/test/simple_tests/testing_web_images.rb +12 -0
  571. data/test/testing_html_tags/README.md +7 -0
  572. data/test/testing_html_tags/button_example.cgi +42 -0
  573. metadata +759 -0
data/examples/css/css_clock.html ADDED
@@ -0,0 +1,344 @@
1
+ <html>
2
+ <head>
3
+ <title>CSS Clock</title>
4
+ </head>
5
+
6
+ <style>
7
+ body { font-size:62.5%; margin:1em; background:#232425 }
8
+ ul { list-style:none; margin:0; padding:0 }
9
+ #watch { font-size:1em; position:relative }
10
+ #watch .frame-face {
11
+ position:relative;
12
+ width:30em;
13
+ height:30em;
14
+ margin:2em auto;
15
+ border-radius:15em;
16
+ background:-webkit-linear-gradient(top, #f9f9f9,#666);
17
+ background:-moz-linear-gradient(top, #f9f9f9,#666);
18
+ background:linear-gradient(to bottom, #f9f9f9,#666);
19
+ box-shadow:rgba(0,0,0,.8) .5em .5em 4em;
20
+ }
21
+ #watch .frame-face:before {
22
+ content:'';
23
+ width:29.4em;
24
+ height:29.4em;
25
+ border-radius:14.7em;
26
+ position:absolute;
27
+ top:.3em; left:.3em;
28
+ background:
29
+ -webkit-linear-gradient(135deg, rgba(246,248,249,0) 0%,rgba(229,235,238,1) 50%,rgba(205,212,217,1) 51%,rgba(245,247,249,0) 100%),
30
+ -webkit-radial-gradient(center, ellipse cover, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 65%,rgba(205,212,217,1) 66%,rgba(245,247,249,1) 100%);
31
+ background:
32
+ -moz-linear-gradient(135deg, rgba(246,248,249,0) 0%,rgba(229,235,238,1) 50%,rgba(205,212,217,1) 51%,rgba(245,247,249,0) 100%),
33
+ -moz-radial-gradient(center, ellipse cover, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 65%,rgba(205,212,217,1) 66%,rgba(245,247,249,1) 100%);
34
+ background:
35
+ linear-gradient(135deg, rgba(246,248,249,0) 0%,rgba(229,235,238,1) 50%,rgba(205,212,217,1) 51%,rgba(245,247,249,0) 100%),
36
+ radial-gradient(ellipse at center, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 65%,rgba(205,212,217,1) 66%,rgba(245,247,249,1) 100%);
37
+ }
38
+ #watch .frame-face:after {
39
+ content:'';
40
+ width:28em;
41
+ height:28em;
42
+ border-radius:14.2em;
43
+ position:absolute;
44
+ top:.9em; left:.9em;
45
+ box-shadow:inset rgba(0,0,0,.2) .2em .2em 1em;
46
+ border:.1em solid rgba(0,0,0,.2);
47
+ background:-webkit-linear-gradient(top, #fff, #ccc);
48
+ background:-moz-linear-gradient(top, #fff, #ccc);
49
+ background:linear-gradient(to bottom, #fff, #ccc);
50
+ }
51
+ #watch .minute-marks li {
52
+ display:block;
53
+ width:.2em;
54
+ height:.6em;
55
+ background:#929394;
56
+ position:absolute;
57
+ top:50%; left:50%;
58
+ margin:-.4em 0 0 -.1em;
59
+ }
60
+ #watch .minute-marks li:first-child {transform:rotate(6deg) translateY(-12.7em)}
61
+ #watch .minute-marks li:nth-child(2) {transform:rotate(12deg) translateY(-12.7em)}
62
+ #watch .minute-marks li:nth-child(3) {transform:rotate(18deg) translateY(-12.7em)}
63
+ #watch .minute-marks li:nth-child(4) {transform:rotate(24deg) translateY(-12.7em)}
64
+ #watch .minute-marks li:nth-child(5) {transform:rotate(36deg) translateY(-12.7em)}
65
+ #watch .minute-marks li:nth-child(6) {transform:rotate(42deg) translateY(-12.7em)}
66
+ #watch .minute-marks li:nth-child(7) {transform:rotate(48deg) translateY(-12.7em)}
67
+ #watch .minute-marks li:nth-child(8) {transform:rotate(54deg) translateY(-12.7em)}
68
+ #watch .minute-marks li:nth-child(9) {transform:rotate(66deg) translateY(-12.7em)}
69
+ #watch .minute-marks li:nth-child(10) {transform:rotate(72deg) translateY(-12.7em)}
70
+ #watch .minute-marks li:nth-child(11) {transform:rotate(78deg) translateY(-12.7em)}
71
+ #watch .minute-marks li:nth-child(12) {transform:rotate(84deg) translateY(-12.7em)}
72
+ #watch .minute-marks li:nth-child(13) {transform:rotate(96deg) translateY(-12.7em)}
73
+ #watch .minute-marks li:nth-child(14) {transform:rotate(102deg) translateY(-12.7em)}
74
+ #watch .minute-marks li:nth-child(15) {transform:rotate(108deg) translateY(-12.7em)}
75
+ #watch .minute-marks li:nth-child(16) {transform:rotate(114deg) translateY(-12.7em)}
76
+ #watch .minute-marks li:nth-child(17) {transform:rotate(126deg) translateY(-12.7em)}
77
+ #watch .minute-marks li:nth-child(18) {transform:rotate(132deg) translateY(-12.7em)}
78
+ #watch .minute-marks li:nth-child(19) {transform:rotate(138deg) translateY(-12.7em)}
79
+ #watch .minute-marks li:nth-child(20) {transform:rotate(144deg) translateY(-12.7em)}
80
+ #watch .minute-marks li:nth-child(21) {transform:rotate(156deg) translateY(-12.7em)}
81
+ #watch .minute-marks li:nth-child(22) {transform:rotate(162deg) translateY(-12.7em)}
82
+ #watch .minute-marks li:nth-child(23) {transform:rotate(168deg) translateY(-12.7em)}
83
+ #watch .minute-marks li:nth-child(24) {transform:rotate(174deg) translateY(-12.7em)}
84
+ #watch .minute-marks li:nth-child(25) {transform:rotate(186deg) translateY(-12.7em)}
85
+ #watch .minute-marks li:nth-child(26) {transform:rotate(192deg) translateY(-12.7em)}
86
+ #watch .minute-marks li:nth-child(27) {transform:rotate(198deg) translateY(-12.7em)}
87
+ #watch .minute-marks li:nth-child(28) {transform:rotate(204deg) translateY(-12.7em)}
88
+ #watch .minute-marks li:nth-child(29) {transform:rotate(216deg) translateY(-12.7em)}
89
+ #watch .minute-marks li:nth-child(30) {transform:rotate(222deg) translateY(-12.7em)}
90
+ #watch .minute-marks li:nth-child(31) {transform:rotate(228deg) translateY(-12.7em)}
91
+ #watch .minute-marks li:nth-child(32) {transform:rotate(234deg) translateY(-12.7em)}
92
+ #watch .minute-marks li:nth-child(33) {transform:rotate(246deg) translateY(-12.7em)}
93
+ #watch .minute-marks li:nth-child(34) {transform:rotate(252deg) translateY(-12.7em)}
94
+ #watch .minute-marks li:nth-child(35) {transform:rotate(258deg) translateY(-12.7em)}
95
+ #watch .minute-marks li:nth-child(36) {transform:rotate(264deg) translateY(-12.7em)}
96
+ #watch .minute-marks li:nth-child(37) {transform:rotate(276deg) translateY(-12.7em)}
97
+ #watch .minute-marks li:nth-child(38) {transform:rotate(282deg) translateY(-12.7em)}
98
+ #watch .minute-marks li:nth-child(39) {transform:rotate(288deg) translateY(-12.7em)}
99
+ #watch .minute-marks li:nth-child(40) {transform:rotate(294deg) translateY(-12.7em)}
100
+ #watch .minute-marks li:nth-child(41) {transform:rotate(306deg) translateY(-12.7em)}
101
+ #watch .minute-marks li:nth-child(42) {transform:rotate(312deg) translateY(-12.7em)}
102
+ #watch .minute-marks li:nth-child(43) {transform:rotate(318deg) translateY(-12.7em)}
103
+ #watch .minute-marks li:nth-child(44) {transform:rotate(324deg) translateY(-12.7em)}
104
+ #watch .minute-marks li:nth-child(45) {transform:rotate(336deg) translateY(-12.7em)}
105
+ #watch .minute-marks li:nth-child(46) {transform:rotate(342deg) translateY(-12.7em)}
106
+ #watch .minute-marks li:nth-child(47) {transform:rotate(348deg) translateY(-12.7em)}
107
+ #watch .minute-marks li:nth-child(48) {transform:rotate(354deg) translateY(-12.7em)}
108
+ #watch .digits {
109
+ width:30em;
110
+ height:30em;
111
+ border-radius:15em;
112
+ position:absolute;
113
+ top:0; left:50%;
114
+ margin-left:-15em;
115
+ }
116
+ #watch .digits li {
117
+ font-size:1.6em;
118
+ display:block;
119
+ width:1.6em;
120
+ height:1.6em;
121
+ position:absolute;
122
+ top:50%; left:50%;
123
+ line-height:1.6em;
124
+ text-align:center;
125
+ margin:-.8em 0 0 -.8em;
126
+ font-weight:bold;
127
+ }
128
+ #watch .digits li:nth-child(1) { transform:translate(3.9em, -6.9em) }
129
+ #watch .digits li:nth-child(2) { transform:translate(6.9em, -4em) }
130
+ #watch .digits li:nth-child(3) { transform:translate(8em, 0) }
131
+ #watch .digits li:nth-child(4) { transform:translate(6.8em, 4em) }
132
+ #watch .digits li:nth-child(5) { transform:translate(3.9em, 6.9em) }
133
+ #watch .digits li:nth-child(6) { transform:translate(0, 8em) }
134
+ #watch .digits li:nth-child(7) { transform:translate(-3.9em, 6.9em) }
135
+ #watch .digits li:nth-child(8) { transform:translate(-6.8em, 4em) }
136
+ #watch .digits li:nth-child(9) { transform:translate(-8em, 0) }
137
+ #watch .digits li:nth-child(10) { transform:translate(-6.9em, -4em) }
138
+ #watch .digits li:nth-child(11) { transform:translate(-3.9em, -6.9em) }
139
+ #watch .digits li:nth-child(12) { transform:translate(0, -8em) }
140
+ #watch .digits:before {
141
+ content:'';
142
+ width:1.6em;
143
+ height:1.6em;
144
+ border-radius:.8em;
145
+ position:absolute;
146
+ top:50%; left:50%;
147
+ margin:-.8em 0 0 -.8em;
148
+ background:#121314;
149
+ }
150
+ #watch .digits:after {
151
+ content:'';
152
+ width:4em;
153
+ height:4em;
154
+ border-radius:2.2em;
155
+ position:absolute;
156
+ top:50%; left:50%;
157
+ margin:-2.1em 0 0 -2.1em;
158
+ border:.1em solid #c6c6c6;
159
+ background:-webkit-radial-gradient(center, ellipse cover, rgba(200,200,200,0), rgba(190,190,190,1) 90%, rgba(130,130,130,1) 100%);
160
+ background:-moz-radial-gradient(center, ellipse cover, rgba(200,200,200,0), rgba(190,190,190,1) 90%, rgba(130,130,130,1) 100%);
161
+ background:radial-gradient(ellipse at center, rgba(200,200,200,0), rgba(190,190,190,1) 90%, rgba(130,130,130,1) 100%);
162
+ }
163
+ @keyframes hours { to {transform:rotate(335deg)} }
164
+ #watch .hours-hand {
165
+ width:.8em;
166
+ height:7em;
167
+ border-radius:0 0 .9em .9em;
168
+ background:#232425;
169
+ position:absolute;
170
+ bottom:50%; left:50%;
171
+ margin:0 0 -.8em -.4em;
172
+ box-shadow:#232425 0 0 2px;
173
+ transform-origin:0.4em 6.2em;
174
+ transform:rotate(-25deg);
175
+ animation:hours 43200s linear 0s infinite;
176
+ }
177
+ #watch .hours-hand:before {
178
+ content:'';
179
+ background:inherit;
180
+ width:1.8em;
181
+ height:.8em;
182
+ border-radius:0 0 .8em .8em;
183
+ box-shadow:#232425 0 0 1px;
184
+ position:absolute;
185
+ top:-.7em; left:-.5em;
186
+ }
187
+ #watch .hours-hand:after {
188
+ content:'';
189
+ width:0; height:0;
190
+ border:.9em solid #232425;
191
+ border-width:0 .9em 2.4em .9em;
192
+ border-left-color:transparent;
193
+ border-right-color:transparent;
194
+ position:absolute;
195
+ top:-3.1em; left:-.5em;
196
+ }
197
+ @keyframes minutes { to {transform:rotate(422deg)} }
198
+ #watch .minutes-hand {
199
+ width:.8em;
200
+ height:12.5em;
201
+ border-radius:.5em;
202
+ background:#343536;
203
+ position:absolute;
204
+ bottom:50%; left:50%;
205
+ margin:0 0 -1.5em -.4em;
206
+ box-shadow:#343536 0 0 2px;
207
+ transform-origin:0.4em 11em;
208
+ transform:rotate(62deg);
209
+ animation:minutes 3600s linear 0s infinite;
210
+ }
211
+ @keyframes seconds { to {transform:rotate(480deg)} }
212
+ #watch .seconds-hand {
213
+ width:.2em;
214
+ height:14em;
215
+ border-radius:.1em .1em 0 0/10em 10em 0 0;
216
+ background:#c00;
217
+ position:absolute;
218
+ bottom:50%; left:50%;
219
+ margin:0 0 -2em -.1em;
220
+ box-shadow:rgba(0,0,0,.8) 0 0 .2em;
221
+ transform-origin:0.1em 12em;
222
+ transform:rotate(120deg);
223
+ animation:seconds 60s steps(60, end) 0s infinite;
224
+ }
225
+ #watch .seconds-hand:after {
226
+ content:'';
227
+ width:1.4em;
228
+ height:1.4em;
229
+ border-radius:.7em;
230
+ background:inherit;
231
+ position:absolute;
232
+ left:-.65em; bottom:1.35em;
233
+ }
234
+ #watch .seconds-hand:before {
235
+ content:'';
236
+ width:.8em;
237
+ height:3em;
238
+ border-radius:.2em .2em .4em .4em/.2em .2em 2em 2em;
239
+ box-shadow:rgba(0,0,0,.8) 0 0 .2em;
240
+ background:inherit;
241
+ position:absolute;
242
+ left:-.35em; bottom:-3em;
243
+ }
244
+ #watch .digital-wrap {
245
+ width:9em;
246
+ height:3em;
247
+ border:.1em solid #222;
248
+ border-radius:.2em;
249
+ position:absolute;
250
+ top:50%; left:50%;
251
+ margin:3em 0 0 -4.5em;
252
+ overflow:hidden;
253
+ background:#4c4c4c;
254
+ background:-webkit-linear-gradient(top, #4c4c4c 0%,#0f0f0f 100%);
255
+ background:-moz-linear-gradient(top, #4c4c4c 0%, #0f0f0f 100%);
256
+ background:-ms-linear-gradient(top, #4c4c4c 0%,#0f0f0f 100%);
257
+ background:-o-linear-gradient(top, #4c4c4c 0%,#0f0f0f 100%);
258
+ background:linear-gradient(to bottom, #4c4c4c 0%,#0f0f0f 100%);
259
+ }
260
+ #watch .digital-wrap ul {
261
+ float:left;
262
+ width:2.85em;
263
+ height:3em;
264
+ border-right:.1em solid #000;
265
+ color:#ddd;
266
+ font-family:Consolas, monaco, monospace;
267
+ }
268
+ #watch .digital-wrap ul:last-child { border:none }
269
+ #watch .digital-wrap li {
270
+ font-size:1.5em;
271
+ line-height:2;
272
+ letter-spacing:2px;
273
+ text-align:center;
274
+ position:relative;
275
+ left:1px;
276
+ }
277
+ #watch .digit-minutes li {
278
+ animation:dsm 3600s steps(60, end) 0s infinite;
279
+ }
280
+ #watch .digit-seconds li {
281
+ animation:dsm 60s steps(60, end) 0s infinite;
282
+ }
283
+ @keyframes dsm {
284
+ to { transform:translateY(-120em) }
285
+ }
286
+ </style>
287
+ <body>
288
+ <div id="watch">
289
+ <div class="frame-face"></div>
290
+ <ul class="minute-marks">
291
+ <li></li><li></li><li></li><li></li><li></li><li></li>
292
+ <li></li><li></li><li></li><li></li><li></li><li></li>
293
+ <li></li><li></li><li></li><li></li><li></li><li></li>
294
+ <li></li><li></li><li></li><li></li><li></li><li></li>
295
+ <li></li><li></li><li></li><li></li><li></li><li></li>
296
+ <li></li><li></li><li></li><li></li><li></li><li></li>
297
+ <li></li><li></li><li></li><li></li><li></li><li></li>
298
+ <li></li><li></li><li></li><li></li><li></li><li></li>
299
+ </ul>
300
+ <div class="digital-wrap">
301
+ <ul class="digit-hours">
302
+ <li>23</li>
303
+ <li>00</li><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li>
304
+ <li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li>
305
+ <li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li>
306
+ <li>18</li><li>19</li><li>20</li><li>21</li><li>22</li>
307
+ </ul>
308
+ <ul class="digit-minutes">
309
+ <li>10</li><li>11</li>
310
+ <li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li>
311
+ <li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li>
312
+ <li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li>
313
+ <li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li>
314
+ <li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li>
315
+ <li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li>
316
+ <li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li>
317
+ <li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li>
318
+ <li>00</li><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li>
319
+ <li>06</li><li>07</li><li>08</li><li>09</li>
320
+ </ul>
321
+ <ul class="digit-seconds">
322
+ <li>20</li><li>21</li><li>22</li><li>23</li>
323
+ <li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li>
324
+ <li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li>
325
+ <li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li>
326
+ <li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li>
327
+ <li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li>
328
+ <li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li>
329
+ <li>00</li><li>01</li><li>02</li><li>03</li><li>04</li><li>05</li>
330
+ <li>06</li><li>07</li><li>08</li><li>09</li><li>10</li><li>11</li>
331
+ <li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li>
332
+ <li>18</li><li>19</li>
333
+ </ul>
334
+ </div>
335
+ <ul class="digits">
336
+ <li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li>
337
+ <li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li>
338
+ </ul>
339
+ <div class="hours-hand"></div>
340
+ <div class="minutes-hand"></div>
341
+ <div class="seconds-hand"></div>
342
+ </div>
343
+ </body>
344
+ </html>
data/examples/css/css_drag_and_drop.html ADDED
@@ -0,0 +1,89 @@
1
+ <html>
2
+ <head>
3
+ <title>Testing CSS drag and drop</title>
4
+
5
+ <style>
6
+
7
+ #mydiv {
8
+ position: absolute;
9
+ z-index: 9;
10
+ background-color: #f1f1f1;
11
+ border: 1px solid #d3d3d3;
12
+ text-align: center;
13
+ }
14
+
15
+ #mydivheader {
16
+ padding: 10px;
17
+ cursor: move;
18
+ z-index: 10;
19
+ background-color: #2196F3;
20
+ color: #fff;
21
+ }
22
+
23
+ </style>
24
+
25
+ </head>
26
+ <body>
27
+
28
+
29
+
30
+ <!-- Draggable DIV -->
31
+ <div id="mydiv">
32
+ <!-- Include a header DIV with the same name as the draggable DIV, followed by "header" -->
33
+ <div id="mydivheader">Click here to move</div>
34
+ <p>Move</p>
35
+ <img src="/home/x/DATA/images/FUN/WARNING_BUFFALOS_ARE_DANGEROUS.gif">
36
+ <p>DIV</p>
37
+ </div>
38
+
39
+ <script>
40
+ // Make the DIV element draggable:
41
+ dragElement(document.getElementById("mydiv"));
42
+
43
+ function dragElement(elmnt) {
44
+ var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
45
+ if (document.getElementById(elmnt.id + "header")) {
46
+ // if present, the header is where you move the DIV from:
47
+ document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown;
48
+ } else {
49
+ // otherwise, move the DIV from anywhere inside the DIV:
50
+ elmnt.onmousedown = dragMouseDown;
51
+ }
52
+
53
+ function dragMouseDown(e) {
54
+ e = e || window.event;
55
+ e.preventDefault();
56
+ // get the mouse cursor position at startup:
57
+ pos3 = e.clientX;
58
+ pos4 = e.clientY;
59
+ document.onmouseup = closeDragElement;
60
+ // call a function whenever the cursor moves:
61
+ document.onmousemove = elementDrag;
62
+ }
63
+
64
+ function elementDrag(e) {
65
+ e = e || window.event;
66
+ e.preventDefault();
67
+ // calculate the new cursor position:
68
+ pos1 = pos3 - e.clientX;
69
+ pos2 = pos4 - e.clientY;
70
+ pos3 = e.clientX;
71
+ pos4 = e.clientY;
72
+ // set the element's new position:
73
+ elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
74
+ elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
75
+ }
76
+
77
+ function closeDragElement() {
78
+ // stop moving when mouse button is released:
79
+ document.onmouseup = null;
80
+ document.onmousemove = null;
81
+ }
82
+ }
83
+
84
+ </script>
85
+
86
+
87
+
88
+ </body>
89
+ </html>