cyberweb 0.8.17 → 0.9.31

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


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

Files changed (419) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +274 -86
  3. data/cyberweb.gemspec +0 -3
  4. data/doc/README.gen +273 -85
  5. data/doc/todo/todo_for_the_cyberweb_project.md +100 -99
  6. data/examples/advanced/draw_circle/draw_circle.cgi +2 -2
  7. data/examples/advanced/simple_calculator.cgi +4 -4
  8. data/examples/css/animated_dodecahedron_example/animated_dodecahedron_example.html +107 -0
  9. data/examples/css/animated_police_box/animated_police_box.html +639 -0
  10. data/examples/css/animated_solar_system/animated_solar_system.html +168 -0
  11. data/examples/css/animated_solar_system/css/styles.css +1592 -0
  12. data/examples/css/animated_solar_system/img/bg-glow.png +0 -0
  13. data/examples/css/animated_solar_system/img/bg-stars.png +0 -0
  14. data/examples/css/animated_solar_system/img/p-earth.png +0 -0
  15. data/examples/css/animated_solar_system/img/p-jupiter.png +0 -0
  16. data/examples/css/animated_solar_system/img/p-mars.png +0 -0
  17. data/examples/css/animated_solar_system/img/p-mercury.png +0 -0
  18. data/examples/css/animated_solar_system/img/p-neptune.png +0 -0
  19. data/examples/css/animated_solar_system/img/p-saturn.png +0 -0
  20. data/examples/css/animated_solar_system/img/p-uranus.png +0 -0
  21. data/examples/css/animated_solar_system/img/p-venus.png +0 -0
  22. data/examples/css/animated_solar_system/img/sun.png +0 -0
  23. data/examples/css/animated_solar_system/js/jquery.min.js +4 -0
  24. data/examples/css/animated_solar_system/js/scripts.js +42 -0
  25. data/examples/css/animated_solar_system/js/scripts.min.js +1 -0
  26. data/examples/css/dozing_bird_example/dozing_bird_example.html +358 -0
  27. data/examples/css/planet_earth_is_rotating/planet_earth_is_rotating.html +130 -0
  28. data/examples/css/simpler_css_clock/simpler_css_clock.html +125 -0
  29. data/examples/html/{href_examples.html → href_examples/href_examples.html} +5 -2
  30. data/examples/html/href_in_pre_tag/href_in_pre_tag.html +39 -0
  31. data/examples/javascript_and_jquery/toggle_visibility_of_elements/toggle_visibility_of_elements.html +35 -0
  32. data/examples/simple/toggle_visibility_example/toggle_visibility_example.cgi +36 -0
  33. data/images/cyberweb_theme.png +0 -0
  34. data/lib/cyberweb/base/misc.rb +20 -13
  35. data/lib/cyberweb/cascading_style_sheets/border.css +61 -49
  36. data/lib/cyberweb/cascading_style_sheets/default.css +17 -8
  37. data/lib/cyberweb/cascading_style_sheets/fonts.css +6 -2
  38. data/lib/cyberweb/cascading_style_sheets/glow_effects.css +5 -5
  39. data/lib/cyberweb/cascading_style_sheets/hover.css +13 -5
  40. data/lib/cyberweb/cascading_style_sheets/margin.css +3 -0
  41. data/lib/cyberweb/cmd/README.md +2 -0
  42. data/lib/cyberweb/cmd/cmd.rb +601 -0
  43. data/lib/cyberweb/constants/constants.rb +16 -0
  44. data/lib/cyberweb/generator/cgi.rb +2 -2
  45. data/lib/cyberweb/html_tags/textarea.rb +54 -23
  46. data/lib/cyberweb/images/standard_images/ADMIN.png +0 -0
  47. data/lib/cyberweb/images/standard_images/AMBULANZ.png +0 -0
  48. data/lib/cyberweb/images/standard_images/ANGRY_SMILEY.png +0 -0
  49. data/lib/cyberweb/images/standard_images/APPROVE.png +0 -0
  50. data/lib/cyberweb/images/standard_images/ARROW_LEFT.png +0 -0
  51. data/lib/cyberweb/images/standard_images/ARROW_RIGHT.png +0 -0
  52. data/lib/cyberweb/images/standard_images/ARROW_TOOLTIP.gif +0 -0
  53. data/lib/cyberweb/images/standard_images/AUSRUFUNGSZEICHEN.png +0 -0
  54. data/lib/cyberweb/images/standard_images/AUSRUFUNGSZEICHEN2.png +0 -0
  55. data/lib/cyberweb/images/standard_images/AUSRUFUNGSZEICHEN3.png +0 -0
  56. data/lib/cyberweb/images/standard_images/AUSRUFUNGSZEICHEN4.png +0 -0
  57. data/lib/cyberweb/images/standard_images/AUSTRIA_FAHNE.jpg +0 -0
  58. data/lib/cyberweb/images/standard_images/AWARD.png +0 -0
  59. data/lib/cyberweb/images/standard_images/AXE.png +0 -0
  60. data/lib/cyberweb/images/standard_images/BACKUP_IMAGE.png +0 -0
  61. data/lib/cyberweb/images/standard_images/BAGGER.png +0 -0
  62. data/lib/cyberweb/images/standard_images/BARS.gif +0 -0
  63. data/lib/cyberweb/images/standard_images/BEGINNER.jpg +0 -0
  64. data/lib/cyberweb/images/standard_images/BEWERTUNG_1.png +0 -0
  65. data/lib/cyberweb/images/standard_images/BEWERTUNG_2.png +0 -0
  66. data/lib/cyberweb/images/standard_images/BEWERTUNG_3.png +0 -0
  67. data/lib/cyberweb/images/standard_images/BEWERTUNG_4.png +0 -0
  68. data/lib/cyberweb/images/standard_images/BEWERTUNG_5.png +0 -0
  69. data/lib/cyberweb/images/standard_images/BEWERTUNG_6.png +0 -0
  70. data/lib/cyberweb/images/standard_images/BIG_STAR.png +0 -0
  71. data/lib/cyberweb/images/standard_images/BIKE.png +0 -0
  72. data/lib/cyberweb/images/standard_images/BIO.png +0 -0
  73. data/lib/cyberweb/images/standard_images/BIOS.gif +0 -0
  74. data/lib/cyberweb/images/standard_images/BLOB.png +0 -0
  75. data/lib/cyberweb/images/standard_images/BLOG.png +0 -0
  76. data/lib/cyberweb/images/standard_images/BLUEARROW.png +0 -0
  77. data/lib/cyberweb/images/standard_images/BLUE_HEAD.gif +0 -0
  78. data/lib/cyberweb/images/standard_images/BLUE_PILL.png +0 -0
  79. data/lib/cyberweb/images/standard_images/BLUME.png +0 -0
  80. data/lib/cyberweb/images/standard_images/BOHRER.png +0 -0
  81. data/lib/cyberweb/images/standard_images/BOOK_CLOSED.png +0 -0
  82. data/lib/cyberweb/images/standard_images/BOOK_OPENED.png +0 -0
  83. data/lib/cyberweb/images/standard_images/BUBBLE.png +0 -0
  84. data/lib/cyberweb/images/standard_images/BUECHER.jpg +0 -0
  85. data/lib/cyberweb/images/standard_images/BUERO_KLAMMER.png +0 -0
  86. data/lib/cyberweb/images/standard_images/BUSINESS.png +0 -0
  87. data/lib/cyberweb/images/standard_images/BUTTON1.gif +0 -0
  88. data/lib/cyberweb/images/standard_images/CAMERA.png +0 -0
  89. data/lib/cyberweb/images/standard_images/CAT.png +0 -0
  90. data/lib/cyberweb/images/standard_images/CAUTION.png +0 -0
  91. data/lib/cyberweb/images/standard_images/CHAOTIC_IMAGE.png +0 -0
  92. data/lib/cyberweb/images/standard_images/CHECKBOX_OFF.png +0 -0
  93. data/lib/cyberweb/images/standard_images/CHECKBOX_ON.png +0 -0
  94. data/lib/cyberweb/images/standard_images/CHEERING_PERSON.png +0 -0
  95. data/lib/cyberweb/images/standard_images/CLOSED.png +0 -0
  96. data/lib/cyberweb/images/standard_images/COMMAND_ICO.png +0 -0
  97. data/lib/cyberweb/images/standard_images/COMPLEX.png +0 -0
  98. data/lib/cyberweb/images/standard_images/COMPONENTS.png +0 -0
  99. data/lib/cyberweb/images/standard_images/COMPUTER.png +0 -0
  100. data/lib/cyberweb/images/standard_images/CONNECTED.png +0 -0
  101. data/lib/cyberweb/images/standard_images/CONTACT.png +0 -0
  102. data/lib/cyberweb/images/standard_images/COPY.png +0 -0
  103. data/lib/cyberweb/images/standard_images/CSS.png +0 -0
  104. data/lib/cyberweb/images/standard_images/CURSOR.png +0 -0
  105. data/lib/cyberweb/images/standard_images/CUTE_BUBBA.png +0 -0
  106. data/lib/cyberweb/images/standard_images/CUTE_MOUSE.png +0 -0
  107. data/lib/cyberweb/images/standard_images/DEVELOP.png +0 -0
  108. data/lib/cyberweb/images/standard_images/DIAMOND_SHELL.png +0 -0
  109. data/lib/cyberweb/images/standard_images/DIE_PERFEKTE_AUSBILDUNG.png +0 -0
  110. data/lib/cyberweb/images/standard_images/DOCUMENTATION.png +0 -0
  111. data/lib/cyberweb/images/standard_images/DOKUMENT.png +0 -0
  112. data/lib/cyberweb/images/standard_images/DOT_01.png +0 -0
  113. data/lib/cyberweb/images/standard_images/DOT_02.png +0 -0
  114. data/lib/cyberweb/images/standard_images/DOT_03.png +0 -0
  115. data/lib/cyberweb/images/standard_images/DOT_04.png +0 -0
  116. data/lib/cyberweb/images/standard_images/DOT_05.png +0 -0
  117. data/lib/cyberweb/images/standard_images/DOT_06.png +0 -0
  118. data/lib/cyberweb/images/standard_images/DOT_07.png +0 -0
  119. data/lib/cyberweb/images/standard_images/DOT_08.png +0 -0
  120. data/lib/cyberweb/images/standard_images/DOT_09.png +0 -0
  121. data/lib/cyberweb/images/standard_images/DOT_10.png +0 -0
  122. data/lib/cyberweb/images/standard_images/DOT_11.png +0 -0
  123. data/lib/cyberweb/images/standard_images/DOT_12.png +0 -0
  124. data/lib/cyberweb/images/standard_images/DOWNLOAD.png +0 -0
  125. data/lib/cyberweb/images/standard_images/DOWNLOAD2.png +0 -0
  126. data/lib/cyberweb/images/standard_images/DOWNLOAD_PACKAGE.png +0 -0
  127. data/lib/cyberweb/images/standard_images/DUCK.png +0 -0
  128. data/lib/cyberweb/images/standard_images/DUCKY.png +0 -0
  129. data/lib/cyberweb/images/standard_images/EINKAUFSKORB.png +0 -0
  130. data/lib/cyberweb/images/standard_images/EINKAUFSWAGEN.png +0 -0
  131. data/lib/cyberweb/images/standard_images/ELLIPSE.png +0 -0
  132. data/lib/cyberweb/images/standard_images/EMAIL_FANCY.png +0 -0
  133. data/lib/cyberweb/images/standard_images/EMAIL_FAVICON.png +0 -0
  134. data/lib/cyberweb/images/standard_images/EMAIL_FAVICON.xpm +176 -0
  135. data/lib/cyberweb/images/standard_images/ENGLISH.jpg +0 -0
  136. data/lib/cyberweb/images/standard_images/ERRORS.png +0 -0
  137. data/lib/cyberweb/images/standard_images/EURO.png +0 -0
  138. data/lib/cyberweb/images/standard_images/EVAL/01_STAR.png +0 -0
  139. data/lib/cyberweb/images/standard_images/EVAL/02_STAR.png +0 -0
  140. data/lib/cyberweb/images/standard_images/EVAL/03_STAR.png +0 -0
  141. data/lib/cyberweb/images/standard_images/EVAL/04_STAR.png +0 -0
  142. data/lib/cyberweb/images/standard_images/EVAL/05_STAR.png +0 -0
  143. data/lib/cyberweb/images/standard_images/EVAL/0x_STAR.png +0 -0
  144. data/lib/cyberweb/images/standard_images/EVAL/1x_STAR.png +0 -0
  145. data/lib/cyberweb/images/standard_images/EVAL/2x_STAR.png +0 -0
  146. data/lib/cyberweb/images/standard_images/EVAL/3x_STAR.png +0 -0
  147. data/lib/cyberweb/images/standard_images/EVAL/4x_STAR.png +0 -0
  148. data/lib/cyberweb/images/standard_images/EXTERNAL_LINK.png +0 -0
  149. data/lib/cyberweb/images/standard_images/EYE.png +0 -0
  150. data/lib/cyberweb/images/standard_images/FAQ.png +0 -0
  151. data/lib/cyberweb/images/standard_images/FERNGLAS.png +0 -0
  152. data/lib/cyberweb/images/standard_images/FLOWER_1.png +0 -0
  153. data/lib/cyberweb/images/standard_images/FLOWER_2.png +0 -0
  154. data/lib/cyberweb/images/standard_images/FLUGZEUG1.jpg +0 -0
  155. data/lib/cyberweb/images/standard_images/FOLDER.png +0 -0
  156. data/lib/cyberweb/images/standard_images/FORK.png +0 -0
  157. data/lib/cyberweb/images/standard_images/FORUM.png +0 -0
  158. data/lib/cyberweb/images/standard_images/FOTOAPPARAT.png +0 -0
  159. data/lib/cyberweb/images/standard_images/FOTO_FAVICON.png +0 -0
  160. data/lib/cyberweb/images/standard_images/FRAGEZEICHEN.jpg +0 -0
  161. data/lib/cyberweb/images/standard_images/FTP.png +0 -0
  162. data/lib/cyberweb/images/standard_images/FUNNY_ELEPHANT.png +0 -0
  163. data/lib/cyberweb/images/standard_images/FUSSBALL.png +0 -0
  164. data/lib/cyberweb/images/standard_images/F/303/204CHER.png +0 -0
  165. data/lib/cyberweb/images/standard_images/GATEWAY.png +0 -0
  166. data/lib/cyberweb/images/standard_images/GB.jpg +0 -0
  167. data/lib/cyberweb/images/standard_images/GENDER_ICON_FEMALE.png +0 -0
  168. data/lib/cyberweb/images/standard_images/GENDER_ICON_MALE.png +0 -0
  169. data/lib/cyberweb/images/standard_images/GERMANY_FLAG.png +0 -0
  170. data/lib/cyberweb/images/standard_images/GERSTE.png +0 -0
  171. data/lib/cyberweb/images/standard_images/GESCHENKBOX.png +0 -0
  172. data/lib/cyberweb/images/standard_images/GET_HELP.png +0 -0
  173. data/lib/cyberweb/images/standard_images/GITARRE.png +0 -0
  174. data/lib/cyberweb/images/standard_images/GOOGLE.png +0 -0
  175. data/lib/cyberweb/images/standard_images/GORILLA.gif +0 -0
  176. data/lib/cyberweb/images/standard_images/GOTHIC_SPACER.png +0 -0
  177. data/lib/cyberweb/images/standard_images/GRADIENT_FILL.gif +0 -0
  178. data/lib/cyberweb/images/standard_images/GRAFIK_SMALL.png +0 -0
  179. data/lib/cyberweb/images/standard_images/GRID_LAYOUT.gif +0 -0
  180. data/lib/cyberweb/images/standard_images/GRINSEN.jpg +0 -0
  181. data/lib/cyberweb/images/standard_images/GUN.png +0 -0
  182. data/lib/cyberweb/images/standard_images/HAKEN.png +0 -0
  183. data/lib/cyberweb/images/standard_images/HALLOWEEN.png +0 -0
  184. data/lib/cyberweb/images/standard_images/HAMMER.png +0 -0
  185. data/lib/cyberweb/images/standard_images/HANGING_MONKEY.png +0 -0
  186. data/lib/cyberweb/images/standard_images/HANG_MAN.png +0 -0
  187. data/lib/cyberweb/images/standard_images/HAPPY_BIRD.png +0 -0
  188. data/lib/cyberweb/images/standard_images/HAPPY_SMILEY.png +0 -0
  189. data/lib/cyberweb/images/standard_images/HDD_EMPTY.png +0 -0
  190. data/lib/cyberweb/images/standard_images/HDD_FULL.png +0 -0
  191. data/lib/cyberweb/images/standard_images/HDD_HALF.png +0 -0
  192. data/lib/cyberweb/images/standard_images/HDD_ONEFOURTH.png +0 -0
  193. data/lib/cyberweb/images/standard_images/HDD_THREEEIGHT.png +0 -0
  194. data/lib/cyberweb/images/standard_images/HDD_THREEFOURTH.png +0 -0
  195. data/lib/cyberweb/images/standard_images/HEART.png +0 -0
  196. data/lib/cyberweb/images/standard_images/HELP.png +0 -0
  197. data/lib/cyberweb/images/standard_images/HOME.gif +0 -0
  198. data/lib/cyberweb/images/standard_images/HONIG.jpg +0 -0
  199. data/lib/cyberweb/images/standard_images/HTML40.png +0 -0
  200. data/lib/cyberweb/images/standard_images/HUHN.gif +0 -0
  201. data/lib/cyberweb/images/standard_images/HUMAN.gif +0 -0
  202. data/lib/cyberweb/images/standard_images/ICONS_COLLECTION1.gif +0 -0
  203. data/lib/cyberweb/images/standard_images/ICONS_COLLECTION2.png +0 -0
  204. data/lib/cyberweb/images/standard_images/ICOSAHEDRON.jpg +0 -0
  205. data/lib/cyberweb/images/standard_images/IE.jpg +0 -0
  206. data/lib/cyberweb/images/standard_images/IMPORTANT_ARROW_LEFT.jpg +0 -0
  207. data/lib/cyberweb/images/standard_images/INTERNAL_LINKS.png +0 -0
  208. data/lib/cyberweb/images/standard_images/IPAD.png +0 -0
  209. data/lib/cyberweb/images/standard_images/ITEM.png +0 -0
  210. data/lib/cyberweb/images/standard_images/KAFFEE.png +0 -0
  211. data/lib/cyberweb/images/standard_images/KARMA.png +0 -0
  212. data/lib/cyberweb/images/standard_images/KEYS.png +0 -0
  213. data/lib/cyberweb/images/standard_images/KLEBSTOFF.png +0 -0
  214. data/lib/cyberweb/images/standard_images/KLEE_BLATT.png +0 -0
  215. data/lib/cyberweb/images/standard_images/KNIFE01.png +0 -0
  216. data/lib/cyberweb/images/standard_images/LARGER_COMPUTER.png +0 -0
  217. data/lib/cyberweb/images/standard_images/LCD.png +0 -0
  218. data/lib/cyberweb/images/standard_images/LEAF.png +0 -0
  219. data/lib/cyberweb/images/standard_images/LEAF2.png +0 -0
  220. data/lib/cyberweb/images/standard_images/LEFT_RIGHT_PFEIL.png +0 -0
  221. data/lib/cyberweb/images/standard_images/LENS.png +0 -0
  222. data/lib/cyberweb/images/standard_images/LEXIKON1.jpg +0 -0
  223. data/lib/cyberweb/images/standard_images/LOCK.png +0 -0
  224. data/lib/cyberweb/images/standard_images/LOSER.gif +0 -0
  225. data/lib/cyberweb/images/standard_images/LUPE.gif +0 -0
  226. data/lib/cyberweb/images/standard_images/MANTIS.png +0 -0
  227. data/lib/cyberweb/images/standard_images/MAXERL.png +0 -0
  228. data/lib/cyberweb/images/standard_images/MESSAGE_BOX_ERROR.png +0 -0
  229. data/lib/cyberweb/images/standard_images/MESSAGE_BOX_INFO.png +0 -0
  230. data/lib/cyberweb/images/standard_images/MESSAGE_BOX_SUCCESS.png +0 -0
  231. data/lib/cyberweb/images/standard_images/MESSAGE_BOX_WARNING.png +0 -0
  232. data/lib/cyberweb/images/standard_images/MICROSOFT.png +0 -0
  233. data/lib/cyberweb/images/standard_images/MINE.png +0 -0
  234. data/lib/cyberweb/images/standard_images/MINI_BAUM1.png +0 -0
  235. data/lib/cyberweb/images/standard_images/MINI_BAUM2.png +0 -0
  236. data/lib/cyberweb/images/standard_images/MINI_BAUM3.png +0 -0
  237. data/lib/cyberweb/images/standard_images/MINI_BAUM4.png +0 -0
  238. data/lib/cyberweb/images/standard_images/MINI_BAUM5.png +0 -0
  239. data/lib/cyberweb/images/standard_images/MINI_BAUM6.png +0 -0
  240. data/lib/cyberweb/images/standard_images/MINI_CUBE.png +0 -0
  241. data/lib/cyberweb/images/standard_images/MINI_DOT.png +0 -0
  242. data/lib/cyberweb/images/standard_images/MINUS.png +0 -0
  243. data/lib/cyberweb/images/standard_images/MONEY.png +0 -0
  244. data/lib/cyberweb/images/standard_images/MOUSE.png +0 -0
  245. data/lib/cyberweb/images/standard_images/MUSIK_NOTE.png +0 -0
  246. data/lib/cyberweb/images/standard_images/NAGEL.jpg +0 -0
  247. data/lib/cyberweb/images/standard_images/NASHORN.png +0 -0
  248. data/lib/cyberweb/images/standard_images/NEW.png +0 -0
  249. data/lib/cyberweb/images/standard_images/NEWS.png +0 -0
  250. data/lib/cyberweb/images/standard_images/NOBODY.png +0 -0
  251. data/lib/cyberweb/images/standard_images/NOTE.png +0 -0
  252. data/lib/cyberweb/images/standard_images/NOTEPAD.png +0 -0
  253. data/lib/cyberweb/images/standard_images/NOTIZ.png +0 -0
  254. data/lib/cyberweb/images/standard_images/NO_PATENTS.png +0 -0
  255. data/lib/cyberweb/images/standard_images/OBSOLETE.png +0 -0
  256. data/lib/cyberweb/images/standard_images/OFFICIAL_HOME.png +0 -0
  257. data/lib/cyberweb/images/standard_images/PDF.png +0 -0
  258. data/lib/cyberweb/images/standard_images/PERGAMENT_TILER1.jpg +0 -0
  259. data/lib/cyberweb/images/standard_images/PFEIL1.png +0 -0
  260. data/lib/cyberweb/images/standard_images/PFEIL10.png +0 -0
  261. data/lib/cyberweb/images/standard_images/PFEIL11.png +0 -0
  262. data/lib/cyberweb/images/standard_images/PFEIL12.png +0 -0
  263. data/lib/cyberweb/images/standard_images/PFEIL2.png +0 -0
  264. data/lib/cyberweb/images/standard_images/PFEIL3.png +0 -0
  265. data/lib/cyberweb/images/standard_images/PFEIL4.png +0 -0
  266. data/lib/cyberweb/images/standard_images/PFEIL5.png +0 -0
  267. data/lib/cyberweb/images/standard_images/PFEIL6.png +0 -0
  268. data/lib/cyberweb/images/standard_images/PFEIL6_red.png +0 -0
  269. data/lib/cyberweb/images/standard_images/PFEIL7.png +0 -0
  270. data/lib/cyberweb/images/standard_images/PFEIL8_OUT.png +0 -0
  271. data/lib/cyberweb/images/standard_images/PFEIL9.png +0 -0
  272. data/lib/cyberweb/images/standard_images/PFEIL_LINKS_OBEN.png +0 -0
  273. data/lib/cyberweb/images/standard_images/PFEIL_VERTICAL.png +0 -0
  274. data/lib/cyberweb/images/standard_images/PHONE.png +0 -0
  275. data/lib/cyberweb/images/standard_images/PHP_FORUM.jpg +0 -0
  276. data/lib/cyberweb/images/standard_images/PIN.png +0 -0
  277. data/lib/cyberweb/images/standard_images/PIN_POINTER_RED.png +0 -0
  278. data/lib/cyberweb/images/standard_images/PIPETTE.png +0 -0
  279. data/lib/cyberweb/images/standard_images/PLUS.png +0 -0
  280. data/lib/cyberweb/images/standard_images/POSAUNE.png +0 -0
  281. data/lib/cyberweb/images/standard_images/PRESENT.png +0 -0
  282. data/lib/cyberweb/images/standard_images/PRINT.png +0 -0
  283. data/lib/cyberweb/images/standard_images/PRINTER.png +0 -0
  284. data/lib/cyberweb/images/standard_images/PROTOKOLL.png +0 -0
  285. data/lib/cyberweb/images/standard_images/QUADRAT01.png +0 -0
  286. data/lib/cyberweb/images/standard_images/QUOTE.png +0 -0
  287. data/lib/cyberweb/images/standard_images/RADIO_ACTIVE.png +0 -0
  288. data/lib/cyberweb/images/standard_images/RAINBOW_CIRCLE.png +0 -0
  289. data/lib/cyberweb/images/standard_images/RED_PILL.png +0 -0
  290. data/lib/cyberweb/images/standard_images/RIP.png +0 -0
  291. data/lib/cyberweb/images/standard_images/ROBERT.png +0 -0
  292. data/lib/cyberweb/images/standard_images/ROCKET.png +0 -0
  293. data/lib/cyberweb/images/standard_images/ROSE.png +0 -0
  294. data/lib/cyberweb/images/standard_images/ROSE2.png +0 -0
  295. data/lib/cyberweb/images/standard_images/RUNNING.png +0 -0
  296. data/lib/cyberweb/images/standard_images/SAVE.png +0 -0
  297. data/lib/cyberweb/images/standard_images/SCANNER.png +0 -0
  298. data/lib/cyberweb/images/standard_images/SCHERE.png +0 -0
  299. data/lib/cyberweb/images/standard_images/SCHNEEMANN.png +0 -0
  300. data/lib/cyberweb/images/standard_images/SCISSORS.png +0 -0
  301. data/lib/cyberweb/images/standard_images/SHOPPING.png +0 -0
  302. data/lib/cyberweb/images/standard_images/SKULL.png +0 -0
  303. data/lib/cyberweb/images/standard_images/SMALL_CAT.png +0 -0
  304. data/lib/cyberweb/images/standard_images/SMALL_DOCUMENT.png +0 -0
  305. data/lib/cyberweb/images/standard_images/SMALL_HOUSE.png +0 -0
  306. data/lib/cyberweb/images/standard_images/SMALL_PLANE.png +0 -0
  307. data/lib/cyberweb/images/standard_images/SMILEY1.png +0 -0
  308. data/lib/cyberweb/images/standard_images/SMILEY2.png +0 -0
  309. data/lib/cyberweb/images/standard_images/SMILEY3.png +0 -0
  310. data/lib/cyberweb/images/standard_images/SMILEY4.png +0 -0
  311. data/lib/cyberweb/images/standard_images/SMILEY5.png +0 -0
  312. data/lib/cyberweb/images/standard_images/SNAIL.png +0 -0
  313. data/lib/cyberweb/images/standard_images/SNOWFLAKE.png +0 -0
  314. data/lib/cyberweb/images/standard_images/SPACER.png +0 -0
  315. data/lib/cyberweb/images/standard_images/SPECIAL_PFEIL.png +0 -0
  316. data/lib/cyberweb/images/standard_images/SPIDERMAN_HEAD.png +0 -0
  317. data/lib/cyberweb/images/standard_images/SPIRAL_CROSS.png +0 -0
  318. data/lib/cyberweb/images/standard_images/SPOON.png +0 -0
  319. data/lib/cyberweb/images/standard_images/SQUARE_BLACK.png +0 -0
  320. data/lib/cyberweb/images/standard_images/SQUARE_BLUE.png +0 -0
  321. data/lib/cyberweb/images/standard_images/SQUARE_CADETBLUE.png +0 -0
  322. data/lib/cyberweb/images/standard_images/SQUARE_CHAOS.png +0 -0
  323. data/lib/cyberweb/images/standard_images/SQUARE_DARKGOLDENROD.png +0 -0
  324. data/lib/cyberweb/images/standard_images/SQUARE_GREEN.png +0 -0
  325. data/lib/cyberweb/images/standard_images/SQUARE_GREY.png +0 -0
  326. data/lib/cyberweb/images/standard_images/SQUARE_RED.png +0 -0
  327. data/lib/cyberweb/images/standard_images/SQUARE_VIOLET.png +0 -0
  328. data/lib/cyberweb/images/standard_images/SQUARE_WHITE.png +0 -0
  329. data/lib/cyberweb/images/standard_images/SQUARE_YEL.png +0 -0
  330. data/lib/cyberweb/images/standard_images/STANDARDS_FAVICON.png +0 -0
  331. data/lib/cyberweb/images/standard_images/STAR.png +0 -0
  332. data/lib/cyberweb/images/standard_images/STAR_FANCY.png +0 -0
  333. data/lib/cyberweb/images/standard_images/STATUS_IN_PROGRESS.png +0 -0
  334. data/lib/cyberweb/images/standard_images/STD_COLOURS.png +0 -0
  335. data/lib/cyberweb/images/standard_images/SUN.png +0 -0
  336. data/lib/cyberweb/images/standard_images/SYMBOL_FRAU.png +0 -0
  337. data/lib/cyberweb/images/standard_images/SYMBOL_MANN.png +0 -0
  338. data/lib/cyberweb/images/standard_images/SYNC.png +0 -0
  339. data/lib/cyberweb/images/standard_images/TASCHENLAMPE.jpg +0 -0
  340. data/lib/cyberweb/images/standard_images/TASTATUR.png +0 -0
  341. data/lib/cyberweb/images/standard_images/TECHNICOLOR_TWIRL.png +0 -0
  342. data/lib/cyberweb/images/standard_images/TELEFON.png +0 -0
  343. data/lib/cyberweb/images/standard_images/TEST.bmp +0 -0
  344. data/lib/cyberweb/images/standard_images/TEUFELCHEN.png +0 -0
  345. data/lib/cyberweb/images/standard_images/THERMOMETER.png +0 -0
  346. data/lib/cyberweb/images/standard_images/THINKING_HUMAN.png +0 -0
  347. data/lib/cyberweb/images/standard_images/TODO.jpg +0 -0
  348. data/lib/cyberweb/images/standard_images/TODO.png +0 -0
  349. data/lib/cyberweb/images/standard_images/TOOLS.png +0 -0
  350. data/lib/cyberweb/images/standard_images/TRANSPORT.png +0 -0
  351. data/lib/cyberweb/images/standard_images/TRIANGLE.png +0 -0
  352. data/lib/cyberweb/images/standard_images/TURM.png +0 -0
  353. data/lib/cyberweb/images/standard_images/UHR.png +0 -0
  354. data/lib/cyberweb/images/standard_images/UPLOAD2.png +0 -0
  355. data/lib/cyberweb/images/standard_images/USB_CONNECTION_DEVICE.png +0 -0
  356. data/lib/cyberweb/images/standard_images/VALID_CSS.jpg +0 -0
  357. data/lib/cyberweb/images/standard_images/VALID_HTML.jpg +0 -0
  358. data/lib/cyberweb/images/standard_images/VIDEOCAMERA.png +0 -0
  359. data/lib/cyberweb/images/standard_images/VOGEL.png +0 -0
  360. data/lib/cyberweb/images/standard_images/VS_TCPA.gif +0 -0
  361. data/lib/cyberweb/images/standard_images/WARNSCHILD.png +0 -0
  362. data/lib/cyberweb/images/standard_images/WEBSERVER.png +0 -0
  363. data/lib/cyberweb/images/standard_images/WECKER.jpg +0 -0
  364. data/lib/cyberweb/images/standard_images/WINGS.png +0 -0
  365. data/lib/cyberweb/images/standard_images/WORD.png +0 -0
  366. data/lib/cyberweb/images/standard_images/WURZEL_ZEICHEN.png +0 -0
  367. data/lib/cyberweb/images/standard_images/YIN_YANG.png +0 -0
  368. data/lib/cyberweb/images/standard_images/Yin__Yang.gif +0 -0
  369. data/lib/cyberweb/images/standard_images/ZAHNRAD.png +0 -0
  370. data/lib/cyberweb/images/standard_images/ZAUBERHUT.png +0 -0
  371. data/lib/cyberweb/images/standard_images/ZITRONE.png +0 -0
  372. data/lib/cyberweb/images/standard_images/ZURUECK.jpg +0 -0
  373. data/lib/cyberweb/images/standard_images/blue_gallery.png +0 -0
  374. data/lib/cyberweb/images/standard_images/chk_off.png +0 -0
  375. data/lib/cyberweb/images/standard_images/chk_on.png +0 -0
  376. data/lib/cyberweb/images/standard_images/outdated.png +0 -0
  377. data/lib/cyberweb/images/standard_images/rdo_off.png +0 -0
  378. data/lib/cyberweb/images/standard_images/rdo_on.png +0 -0
  379. data/lib/cyberweb/images/standard_images/sneaky_ninja_face.png +0 -0
  380. data/lib/cyberweb/images/standard_images/standard_images.html +31644 -0
  381. data/lib/cyberweb/images/standard_images/text_editor.png +0 -0
  382. data/lib/cyberweb/images/standard_images/windows_key.png +0 -0
  383. data/lib/cyberweb/javascript/javascript_clock.rb +55 -12
  384. data/lib/cyberweb/javascript_code/custom_functions.js +73 -23
  385. data/lib/cyberweb/javascript_code/html_colours.js +9 -9
  386. data/lib/cyberweb/javascript_code/jquery/{jquery-3.6.1.js → jquery-3.6.3.js} +96 -12
  387. data/lib/cyberweb/predefined_and_freeform_methods/predefined_methods.rb +0 -112
  388. data/lib/cyberweb/project/project.rb +7 -0
  389. data/lib/cyberweb/requires/require_the_cyberweb_project.rb +3 -1
  390. data/lib/cyberweb/toplevel_methods/css.rb +3 -0
  391. data/lib/cyberweb/toplevel_methods/html_tables.rb +58 -29
  392. data/lib/cyberweb/toplevel_methods/internal_hash.rb +11 -138
  393. data/lib/cyberweb/toplevel_methods/misc.rb +37 -4
  394. data/lib/cyberweb/toplevel_methods/path.rb +8 -8
  395. data/lib/cyberweb/toplevel_methods/registered_ids.rb +4 -1
  396. data/lib/cyberweb/utility_scripts/images_to_html/constants.rb +63 -0
  397. data/lib/cyberweb/utility_scripts/images_to_html/images_to_html.rb +149 -164
  398. data/lib/cyberweb/utility_scripts/images_to_html/misc.rb +119 -0
  399. data/lib/cyberweb/version/version.rb +2 -2
  400. data/lib/cyberweb/web_images/array_listing_all_project_images.rb +1 -1
  401. data/lib/cyberweb/web_images/map_symbol_to_image_location.rb +16 -5
  402. data/lib/cyberweb/web_object/cmd.rb +257 -0
  403. data/lib/cyberweb/web_object/display_output_and_report.rb +99 -0
  404. data/lib/cyberweb/web_object/html_tags.rb +106 -98
  405. data/lib/cyberweb/web_object/images.rb +53 -36
  406. data/lib/cyberweb/web_object/javascript_and_jquery.rb +165 -51
  407. data/lib/cyberweb/web_object/link.rb +207 -34
  408. data/lib/cyberweb/web_object/misc.rb +1363 -1060
  409. data/lib/cyberweb/web_object/reset.rb +12 -10
  410. data/lib/cyberweb/web_object/roebe.rb +113 -0
  411. data/lib/cyberweb/web_object/web_object.rb +9 -4
  412. data/lib/cyberweb/yaml/js_files_to_load.yml +11 -3
  413. data/lib/cyberweb/yaml/project_configuration.yml +1 -1
  414. data/test/complex_tests/all_tests_in_one_page.cgi +12 -6
  415. data/test/javascript/testing_different_javascript_functions_available_in_the_cyberweb_project.cgi +27 -0
  416. data/test/javascript/testing_snowflakes.cgi +2 -2
  417. data/test/simple_tests/testing_p_default_versus_p_default_le.cgi +31 -0
  418. metadata +379 -15
  419. data/lib/cyberweb/javascript_code/jquery/jquery-3.6.0.js +0 -10881
@@ -0,0 +1,358 @@
1
+ <html>
2
+ <head>
3
+ <title>
4
+ Dozing Bird Example
5
+ </title>
6
+ <style>
7
+
8
+ @keyframes eyes {
9
+ 0%, 8.8888888889%, 100% {
10
+ top: -50px;
11
+ }
12
+ 17.7777777778% {
13
+ top: -45px;
14
+ }
15
+ 91.1111111111% {
16
+ top: -20px;
17
+ }
18
+ 57.7777777778%, 88.8888888889% {
19
+ top: -15px;
20
+ }
21
+ 66.6666666667% {
22
+ top: -25px;
23
+ }
24
+ }
25
+ @keyframes wings {
26
+ 0%, 88.8888888889%, 100% {
27
+ top: 70px;
28
+ }
29
+ 91.1111111111% {
30
+ top: 60px;
31
+ }
32
+ }
33
+ @keyframes feet {
34
+ 0%, 88.8888888889%, 100% {
35
+ top: -2px;
36
+ }
37
+ 91.1111111111% {
38
+ top: 0px;
39
+ }
40
+ }
41
+ @keyframes cloud {
42
+ 0% {
43
+ left: -140px;
44
+ }
45
+ 100% {
46
+ left: 280px;
47
+ }
48
+ }
49
+ html {
50
+ height: 100%;
51
+ background: radial-gradient(circle at center, rgba(71, 65, 76, 1) 0%, rgba(34, 32, 36, 1) 100%);
52
+ background-repeat: no-repeat;
53
+ }
54
+ body {
55
+ text-align: center;
56
+ }
57
+ h2 {
58
+ font-size: 4vw;
59
+ }
60
+ h2 span {
61
+ font-size: 60%;
62
+ }
63
+ a {
64
+ color: #aaa;
65
+ }
66
+ .globe {
67
+ margin: 1em 0 0 0;
68
+ position: relative;
69
+ display: inline-block;
70
+ text-align: left;
71
+ width: 400px;
72
+ height: 400px;
73
+ border-radius: 50%;
74
+ border: 20px solid whitesmoke;
75
+ box-sizing: border-box;
76
+ background: linear-gradient(to bottom, rgba(134, 174, 204, 1) 0%, rgba(212, 228, 239, 1) 100%);
77
+ overflow: hidden;
78
+ box-shadow: inset 0 0 80px rgba(0, 0, 0, .5), 0 0 20px rgba(0, 0, 0, .3);
79
+ }
80
+ .globe:before, .globe:after {
81
+ position: absolute;
82
+ content: "";
83
+ box-sizing: border-box;
84
+ border-radius: 50%;
85
+ z-index: 10;
86
+ }
87
+ .globe:before {
88
+ height: 94%;
89
+ width: 94%;
90
+ top: 3%;
91
+ right: 3%;
92
+ border: 10px solid transparent;
93
+ border-right-color: rgba(255, 255, 255, .3);
94
+ border-right-width: 10px;
95
+ border-right-style: solid;
96
+ }
97
+ .globe:after {
98
+ top: 50px;
99
+ right: 65px;
100
+ width: 10px;
101
+ height: 10px;
102
+ background: rgba(255, 255, 255, .3);
103
+ }
104
+ .globe .bird {
105
+ position: absolute;
106
+ z-index: 1;
107
+ left: 96px;
108
+ top: 100px;
109
+ }
110
+ .globe .bird .body {
111
+ position: absolute;
112
+ width: 175px;
113
+ height: 186px;
114
+ border-radius: 50%;
115
+ background-clip: padding-box;
116
+ background-color: #11e7d7;
117
+ box-shadow: inset 0 0 80px rgba(0, 0, 0, .3);
118
+ }
119
+ .globe .bird .body:before, .globe .bird .body:after {
120
+ position: absolute;
121
+ content: "";
122
+ z-index: -1;
123
+ width: 26px;
124
+ height: 93px;
125
+ border-radius: 50%;
126
+ background-color: #11e7d7;
127
+ box-shadow: inset 0 0 13px rgba(0, 0, 0, .3);
128
+ top: 70px;
129
+ animation: wings 4.5s linear infinite;
130
+ }
131
+ .globe .bird .body:before {
132
+ left: 0;
133
+ }
134
+ .globe .bird .body:after {
135
+ right: 0;
136
+ }
137
+ .globe .bird .body .eye {
138
+ position: absolute;
139
+ z-index: 1;
140
+ overflow: hidden;
141
+ width: 56px;
142
+ height: 56px;
143
+ top: 28px;
144
+ border-radius: 50%;
145
+ background-color: #fff;
146
+ border: 1px solid #01c7be;
147
+ box-shadow: inset 0 0 0 1px #01c7be;
148
+ }
149
+ .globe .bird .body .eye:before, .globe .bird .body .eye:after {
150
+ position: absolute;
151
+ content: "";
152
+ }
153
+ .globe .bird .body .eye:before {
154
+ width: 18px;
155
+ height: 18px;
156
+ border-radius: 50%;
157
+ background-color: #000;
158
+ top: 30px;
159
+ }
160
+ .globe .bird .body .eye:after {
161
+ width: 200px;
162
+ height: 200px;
163
+ background: radial-gradient(ellipse at center, rgba(109, 0, 25, 0) 0%, rgba(130, 1, 31, 0) 35%, #01c7be 36%, #31bfae 100%);
164
+ animation: eyes 4.5s linear infinite;
165
+ }
166
+ .globe .bird .body .eye.left {
167
+ left: 15px;
168
+ }
169
+ .globe .bird .body .eye.left:before {
170
+ left: 20px;
171
+ }
172
+ .globe .bird .body .eye.left:after {
173
+ left: -60px;
174
+ top: -45px;
175
+ }
176
+ .globe .bird .body .eye.right {
177
+ right: 15px;
178
+ }
179
+ .globe .bird .body .eye.right:before {
180
+ right: 20px;
181
+ }
182
+ .globe .bird .body .eye.right:after {
183
+ right: -60px;
184
+ top: -45px;
185
+ }
186
+ .globe .bird .body .beak {
187
+ position: absolute;
188
+ z-index: 1;
189
+ width: 41px;
190
+ height: 55px;
191
+ top: 70px;
192
+ left: 67px;
193
+ border-radius: 50%;
194
+ background-color: #31bfae;
195
+ }
196
+ .globe .bird .body .beak:before {
197
+ position: absolute;
198
+ content: "";
199
+ width: inherit;
200
+ height: inherit;
201
+ top: 2px;
202
+ border-radius: 50%;
203
+ background: #eb9f2d;
204
+ }
205
+ .globe .bird .body .beak:after {
206
+ position: absolute;
207
+ content: "";
208
+ z-index: -1;
209
+ width: 37px;
210
+ height: inherit;
211
+ top: 12px;
212
+ left: 2px;
213
+ border-radius: 50%;
214
+ background: #31bfae;
215
+ }
216
+ .globe .bird .body .beak div {
217
+ position: absolute;
218
+ width: 43px;
219
+ height: 43px;
220
+ top: -1px;
221
+ left: -1px;
222
+ border-radius: 50% 60% 50% 40%;
223
+ background-clip: padding-box;
224
+ background-color: #f7d35d;
225
+ transform: rotate(-45deg);
226
+ }
227
+ .globe .bird .body .beak div:before {
228
+ position: absolute;
229
+ content: "";
230
+ transform: rotate(45deg);
231
+ width: 17px;
232
+ height: 8px;
233
+ top: 10px;
234
+ left: 20px;
235
+ border-radius: 50%;
236
+ background-color: #fff;
237
+ }
238
+ .globe .bird .body .feet {
239
+ position: absolute;
240
+ bottom: 15px;
241
+ width: 100%;
242
+ }
243
+ .globe .bird .body .feet:before, .globe .bird .body .feet:after {
244
+ position: absolute;
245
+ content: "";
246
+ width: 27px;
247
+ height: 21px;
248
+ border-radius: 50%;
249
+ background-color: #f8c14d;
250
+ box-shadow: inset 0 0 12px rgba(0, 0, 0, .2);
251
+ animation: feet 4.5s linear infinite;
252
+ }
253
+ .globe .bird .body .feet:before {
254
+ left: 40px;
255
+ }
256
+ .globe .bird .body .feet:after {
257
+ right: 40px;
258
+ }
259
+ .globe .wire {
260
+ position: absolute;
261
+ z-index: -1;
262
+ width: 500px;
263
+ height: 400px;
264
+ left: -173px;
265
+ top: -215px;
266
+ border-radius: 50%;
267
+ border: 3px solid transparent;
268
+ border-bottom-color: black;
269
+ }
270
+ .globe .hills {
271
+ position: absolute;
272
+ width: 60px;
273
+ height: 60px;
274
+ border-radius: 30%;
275
+ top: 230px;
276
+ left: 60px;
277
+ transform: rotate(45deg);
278
+ background: radial-gradient(ellipse at top left, rgba(170, 217, 93, 1) 0%, rgba(187, 195, 105, 1) 100%);
279
+ box-shadow: inset 5px 0 12px rgba(0, 0, 0, .2);
280
+ }
281
+ .globe .hills:before, .globe .hills:after {
282
+ position: absolute;
283
+ content: "";
284
+ width: 178px;
285
+ height: 90px;
286
+ border-radius: 50%;
287
+ background: inherit;
288
+ box-shadow: inherit;
289
+ }
290
+ .globe .hills:before {
291
+ left: -90px;
292
+ top: 30px;
293
+ z-index: -1;
294
+ transform: rotate(-20deg);
295
+ }
296
+ .globe .hills:after {
297
+ left: 0px;
298
+ top: -55px;
299
+ transform: rotate(120deg);
300
+ }
301
+ .globe .cloud {
302
+ position: absolute;
303
+ width: 70px;
304
+ height: 24px;
305
+ background: linear-gradient(to bottom, rgba(242, 249, 254, 1) 5%, rgba(214, 240, 253, 1) 100%);
306
+ border-radius: 20px;
307
+ top: -20px;
308
+ z-index: -1;
309
+ animation: cloud 9s linear infinite;
310
+ }
311
+ .globe .cloud.small {
312
+ top: -50px;
313
+ transform: scale(0.6);
314
+ animation-delay: -1.5s;
315
+ animation-duration: 13.5s;
316
+ }
317
+ .globe .cloud:before, .globe .cloud:after {
318
+ position: absolute;
319
+ content: "";
320
+ background: inherit;
321
+ z-index: -1;
322
+ }
323
+ .globe .cloud:before {
324
+ width: 36px;
325
+ height: 36px;
326
+ top: -18px;
327
+ right: 10px;
328
+ border-radius: 40px;
329
+ }
330
+ .globe .cloud:after {
331
+ width: 20px;
332
+ height: 20px;
333
+ top: -10px;
334
+ left: 10px;
335
+ border-radius: 20px;
336
+ }
337
+
338
+ </style>
339
+ </head>
340
+ <body style="background-color: black">
341
+ <div class="globe">
342
+ <div class="bird">
343
+ <div class="body">
344
+ <div class="eye left"></div>
345
+ <div class="eye right"></div>
346
+ <div class="beak"><div></div></div>
347
+ <div class="feet"></div>
348
+ <div class="wire"></div>
349
+ </div>
350
+ <div class="hills"></div>
351
+ <div class="cloud"></div>
352
+ <div class="cloud small"></div>
353
+ </div>
354
+ </div>
355
+
356
+
357
+ </body>
358
+ </html>
@@ -0,0 +1,130 @@
1
+ <html>
2
+ <head>
3
+ <style>
4
+ .ball {
5
+ display: inline-block;
6
+ width: 100%;
7
+ height: 100%;
8
+ margin: 0;
9
+ border-radius: 50%;
10
+ position: relative;
11
+ -webkit-transform-style: preserve-3d;
12
+ background: url('http://hop.ie/balls/images/world-map-one-color.png') repeat-x;
13
+ background-size: auto 100%;
14
+ -webkit-animation: move-map 30s infinite linear;
15
+ -moz-animation: move-map 30s infinite linear;
16
+ -o-animation: move-map 30s infinite linear;
17
+ -ms-animation: move-map 30s infinite linear;
18
+ animation: move-map 30s infinite linear;
19
+ }
20
+
21
+ .ball:before {
22
+ content: "";
23
+ position: absolute;
24
+ top: 0%;
25
+ left: 0%;
26
+ width: 100%;
27
+ height: 100%;
28
+ border-radius: 50%;
29
+ box-shadow: -40px 10px 70px 10px rgba(0,0,0,0.5) inset;
30
+ z-index: 2;
31
+ }
32
+
33
+ .ball:after {
34
+ content: "";
35
+ position: absolute;
36
+ border-radius: 50%;
37
+ width: 100%;
38
+ height: 100%;
39
+ top: 0;
40
+ left: 0;
41
+ -webkit-filter: blur(0);
42
+ opacity: 0.3;
43
+ background: radial-gradient(circle at 50% 80%, #81e8f6, #76deef 10%, #055194 66%, #062745 100%);
44
+ }
45
+
46
+ .ball .shadow {
47
+ position: absolute;
48
+ width: 100%;
49
+ height: 100%;
50
+ background: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 50%);
51
+ -webkit-transform: rotateX(90deg) translateZ(-150px);
52
+ -moz-transform: rotateX(90deg) translateZ(-150px);
53
+ -ms-transform: rotateX(90deg) translateZ(-150px);
54
+ -o-transform: rotateX(90deg) translateZ(-150px);
55
+ transform: rotateX(90deg) translateZ(-150px);
56
+ z-index: -1;
57
+ }
58
+ body {
59
+ width: 300px;
60
+ margin: 20px auto;
61
+ background: linear-gradient(to bottom, rgba(100, 100, 100, 0.2) 0%, rgba(255, 255, 255, 0.5) 40%, #ffffff 100%);
62
+ background-repeat: no-repeat;
63
+ }
64
+
65
+ .stage {
66
+ width: 300px;
67
+ height: 300px;
68
+ display: inline-block;
69
+ margin: 20px;
70
+ -webkit-perspective: 1200px;
71
+ -moz-perspective: 1200px;
72
+ -ms-perspective: 1200px;
73
+ -o-perspective: 1200px;
74
+ perspective: 1200px;
75
+ -webkit-perspective-origin: 50% 50%;
76
+ -moz-perspective-origin: 50% 50%;
77
+ -ms-perspective-origin: 50% 50%;
78
+ -o-perspective-origin: 50% 50%;
79
+ perspective-origin: 50% 50%;
80
+ }
81
+
82
+ @-moz-keyframes move-map {
83
+ 0% {
84
+ background-position: -849px 0;
85
+ }
86
+
87
+ 100% {
88
+ background-position: 0 0;
89
+ }
90
+ }
91
+
92
+ @-webkit-keyframes move-map {
93
+ 0% {
94
+ background-position: 0 0; }
95
+ 100% {
96
+ background-position: -849px 0; }
97
+ }
98
+
99
+
100
+ @-o-keyframes move-map {
101
+ 0% {
102
+ background-position: -849px 0; }
103
+
104
+ 100% {
105
+ background-position: 0 0; } }
106
+
107
+ @-ms-keyframes move-map {
108
+ 0% {
109
+ background-position: -849px 0; }
110
+
111
+ 100% {
112
+ background-position: 0 0; } }
113
+
114
+ @keyframes move-map {
115
+ 0% {
116
+ background-position: -849px 0;
117
+ }
118
+
119
+ 100% {
120
+ background-position: 0 0; }
121
+ }
122
+
123
+ </style>
124
+ </head>
125
+ <body>
126
+ <section class="stage">
127
+ <figure class="ball"><span class="shadow"></span></figure>
128
+ </section>
129
+ </body>
130
+ </html>
@@ -0,0 +1,125 @@
1
+ <html>
2
+ <style>
3
+
4
+ body{
5
+ background: #444 url('https://goo.gl/yfKGK') repeat;
6
+ }
7
+
8
+ .clock{
9
+ width: 200px; height: 200px;
10
+ border-radius: 200px;
11
+ border: 15px solid #222;
12
+ box-shadow:
13
+ 9px 13px 20px rgba(0,0,0,.8),
14
+ 0 0 4px #222,
15
+ 0 -3px 122px #555 inset;
16
+ background-image: -webkit-radial-gradient(center center, farthest-side circle, #ffffff 0%, #5c5c5c 100%);
17
+ background-image: -moz-radial-gradient(center center, farthest-side circle, #ffffff 0%, #5c5c5c 100%);
18
+ background-image: -ms-radial-gradient(center center, farthest-side circle, #ffffff 0%, #5c5c5c 100%);
19
+ background-image: -o-radial-gradient(center center, farthest-side circle, #ffffff 0%, #5c5c5c 100%);
20
+ background-image: radial-gradient(farthest-side circle at center center, #ffffff 0%, #5c5c5c 100%);
21
+ position: relative;
22
+ margin: 40px auto;
23
+ }
24
+
25
+ .clock:after{
26
+ content: "";
27
+ width: 12px; height: 12px;
28
+ border-radius: 10px;
29
+ background: #555;
30
+ display: block;
31
+ position: absolute;
32
+ left: 92px;
33
+ top: 97px;
34
+ }
35
+
36
+ .clock:before{
37
+ content: "";
38
+ width: 180px; height: 180px;
39
+ top: 6px;
40
+ left: 6px;
41
+ position: absolute;
42
+ border-radius: 180px;
43
+ border: 4px dotted #444;
44
+ }
45
+
46
+ .clock div{
47
+ position: absolute;
48
+ margin-left: 96px;
49
+ }
50
+
51
+ .sec{
52
+ height: 100px;
53
+ width: 4px;
54
+ top: 52px;
55
+ background: none;
56
+ box-shadow:
57
+ 0 -40px 0 1px #444,
58
+ 0 1px 0 1px #444;
59
+
60
+ -webkit-animation: 60s steps(60) tick infinite;
61
+ -moz-animation: 60s steps(60) tick infinite;
62
+ }
63
+
64
+ .mns, .hrs {
65
+ height: 35px;
66
+ width: 5px;
67
+ top: 85px;
68
+ background: #962033;
69
+ }
70
+
71
+ .mns{
72
+ box-shadow:
73
+ 0 -30px #962033,
74
+ 0 -60px #962033,
75
+ 1px 0 7px #777,
76
+ 1px -28px 7px #777,
77
+ 1px -58px 7px #777;
78
+
79
+ -webkit-transform: rotate(45deg);
80
+ -moz-transform: rotate(45deg);
81
+
82
+ -webkit-animation:
83
+ 3600s steps(60) tick infinite;
84
+ -moz-animation:
85
+ 3600s steps(60) tick infinite; }
86
+
87
+ .hrs{
88
+ box-shadow:
89
+ 0 -20px #962033,
90
+ 0 -40px #962033,
91
+ 1px 0 3px #777,
92
+ 1px -19px 3px #777,
93
+ 1px -38px 3px #777;
94
+ -webkit-transform: rotate(-45deg);
95
+ -moz-transform: rotate(-45deg);
96
+
97
+ -webkit-animation:
98
+ 43200s linear tick infinite;
99
+ -moz-animation:
100
+ 43200s linear tick infinite;
101
+ }
102
+
103
+ @-webkit-keyframes tick{
104
+ to{
105
+ -webkit-transform: rotate(360deg);
106
+ }
107
+ }
108
+
109
+ #-moz-keyframes tick{
110
+ to{
111
+ -moz-transform: rotate(360deg);
112
+ }
113
+ }
114
+
115
+ </style>
116
+ <body>
117
+
118
+ <div class="clock">
119
+ <div class="sec"></div>
120
+ <div class="mns"></div>
121
+ <div class="hrs"></div>
122
+ </div>
123
+
124
+ </body>
125
+ </html>
@@ -6,11 +6,14 @@
6
6
 
7
7
  .slateblue { color: slateblue }
8
8
 
9
+ body {
10
+ font-size: 2em;
11
+ padding: 10px;
12
+ margin: 0px;
13
+ }
9
14
  </style>
10
15
  </head>
11
-
12
16
  <body>
13
-
14
17
  <div>
15
18
  <p>
16
19
 
@@ -0,0 +1,39 @@
1
+ <html>
2
+ <head>
3
+ <title>Href examples in HTML</title>
4
+
5
+ <style>
6
+
7
+ .slateblue { color: slateblue }
8
+
9
+ body {
10
+ font-size: 2em;
11
+ padding: 10px;
12
+ margin: 0px;
13
+ }
14
+
15
+ pre {
16
+ margin-left: 2%;
17
+ }
18
+
19
+ </style>
20
+ </head>
21
+ <body>
22
+ <div>
23
+
24
+ <p>The purpose of this webpage is to test whether
25
+ we can embed the href tag in a pre tag
26
+ </p>
27
+
28
+ <pre>
29
+
30
+ Testing 123
31
+
32
+ <a href="blog.fefe.de" class="slateblue" title="Some Superlong Title">
33
+ This is a test. \o/
34
+ </a>
35
+
36
+ <//pre>
37
+ </div>
38
+ </body>
39
+ </html>
@@ -0,0 +1,35 @@
1
+ <html>
2
+ <head>
3
+ <title>
4
+ Toggle visibility of elements
5
+ </title>
6
+
7
+ <script>
8
+ function toggle(this_id) {
9
+ var x = document.getElementById(this_id);
10
+ if (x.style.display === "none") {
11
+ x.style.display = "block";
12
+ } else {
13
+ x.style.display = "none";
14
+ }
15
+ }
16
+
17
+ </script>
18
+ </head>
19
+ <body>
20
+
21
+ <div id="foobar1">
22
+ <h2 id="foobar2">Element #1</h2>
23
+ </div>
24
+
25
+ <div id="foobar3">
26
+ <h2 id="foobar4">Element #2</h2>
27
+ </div>
28
+
29
+ <button onclick="toggle('foobar4')">
30
+ Click here
31
+ </button>
32
+ <br><br>
33
+
34
+ </body>
35
+ </html>