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,639 @@
1
+ <html>
2
+ <head>
3
+ <title>Animated Police Box (Tardis)</title>
4
+ <link rel="stylesheet" type="text/css" href="style.css">
5
+ <style>
6
+ body{
7
+ font-family: arial;
8
+ background: #fff;
9
+ }
10
+
11
+ .name {
12
+ color: #aaa;
13
+ font-size: 12px;
14
+ position: fixed;
15
+ bottom: 10px;
16
+ right: 10px;
17
+ text-align: right;
18
+ }
19
+
20
+ .name div:first-of-type{
21
+ font-size: 14px;
22
+ }
23
+
24
+ .name a{
25
+ color: #aaa;
26
+ }
27
+
28
+ .name a:hover{
29
+ color: #888;
30
+ }
31
+
32
+ .left{
33
+ float: left;
34
+ }
35
+
36
+ .right{
37
+ float: right;
38
+ }
39
+
40
+
41
+
42
+ .perspective{
43
+ perspective: 1200px;
44
+ -webkit-perspective: 1200px;
45
+ }
46
+
47
+ .tardis-wrap{
48
+ transform-style: preserve-3d;
49
+ -webkit-transform-style: preserve-3d;
50
+
51
+ transform : translateZ(-300px);
52
+ -webkit-transform : translateZ(-300px);
53
+ }
54
+
55
+ .tardis{
56
+ position: relative;
57
+ width: 200px;
58
+ height: 400px;
59
+ margin: 100px auto;
60
+
61
+ transform-style: preserve-3d;
62
+ -webkit-transform-style: preserve-3d;
63
+
64
+ transform-origin: 50% 50%;
65
+ -webkit-transform-origin: 50% 50%;
66
+
67
+ transform: rotateX(-20deg) rotateY(-30deg);
68
+ -webkit-transform: rotateX(-20deg) rotateY(-30deg);
69
+
70
+ animation-name: spin;
71
+ animation-duration: 12000ms;
72
+ animation-iteration-count: infinite;
73
+ animation-timing-function: linear;
74
+ }
75
+
76
+ @keyframes spin{
77
+ from{
78
+ transform: rotateX(-20deg) rotateY(0deg);
79
+ }
80
+
81
+ to{
82
+ transform: rotateX(-20deg) rotateY(360deg);
83
+ }
84
+ }
85
+
86
+ .tardis .side{
87
+ position: absolute;
88
+ top: 0px;
89
+ left: 0px;
90
+ width: 200px;
91
+ height: 360px;
92
+ background-color: #3f577d;
93
+
94
+ box-shadow: inset 1px 0 0 #313d49, inset -1px 0 0 #313d49, inset 0 1px 0 #313d49, inset 0 -1px 0 #313d49;
95
+
96
+ transform-style: preserve-3d;
97
+ -webkit-transform-style: preserve-3d;
98
+ z-index: 1;
99
+ }
100
+
101
+ .side:nth-of-type(1){
102
+ transform : translateZ(100px);
103
+ -webkit-transform : translateZ(100px);
104
+ }
105
+
106
+ .side:nth-of-type(2){
107
+ transform : rotateY(90deg) translateZ(100px);
108
+ -webkit-transform : rotateY(90deg) translateZ(100px);
109
+ }
110
+
111
+ .side:nth-of-type(3){
112
+ transform : rotateY(180deg) translateZ(100px);
113
+ -webkit-transform : rotateY(180deg) translateZ(100px);
114
+ }
115
+
116
+ .side:nth-of-type(4){
117
+ transform : rotateY(-90deg) translateZ(100px);
118
+ -webkit-transform : rotateY(-90deg) translateZ(100px);
119
+ }
120
+
121
+ .tardis .roof{
122
+ position: absolute;
123
+ width: 200px;
124
+ height: 200px;
125
+ background-color: #3f577d;
126
+
127
+ transform-style: preserve-3d;
128
+ -webkit-transform-style: preserve-3d;
129
+
130
+ transform : rotateX(-90deg) translateZ(-100px);
131
+ -webkit-transform : rotateX(-90deg) translateZ(-100px);
132
+ z-index: 2;
133
+ }
134
+
135
+ /* The top roof box */
136
+ .roof-top{
137
+ position: absolute;
138
+
139
+ left: 30px;
140
+ width: 140px;
141
+ height: 140px;
142
+ z-index: 2;
143
+ transform-style: preserve-3d;
144
+ -webkit-transform-style: preserve-3d;
145
+ }
146
+
147
+ .top-lid{
148
+ width: 140px;
149
+ height: 140px;
150
+ background-color: #355683;
151
+
152
+ transform-style: preserve-3d;
153
+ -webkit-transform-style: preserve-3d;
154
+ transform : rotateX(-90deg) translateZ(-89px);
155
+ -webkit-transform : rotateX(-90deg) translateZ(-89px);
156
+ }
157
+
158
+ .the_roof_panel{
159
+ position: absolute;
160
+ width: 140px;
161
+ height: 20px;
162
+ background-color: #445d84;
163
+ box-shadow: inset 1px 0 0 #313d49, inset -1px 0 0 #313d49, inset 0 1px 0 #313d49, inset 0 -1px 0 #313d49;
164
+ top: -20px;
165
+ transform-style: preserve-3d;
166
+ -webkit-transform-style: preserve-3d;
167
+ }
168
+
169
+ .the_roof_panel.a{
170
+ transform: rotateY(0deg) translateZ(70px);
171
+ -webkit-transform: rotateY(0deg) translateZ(70px);
172
+ }
173
+
174
+ .the_roof_panel.b{
175
+ transform: rotateY(90deg) translateZ(70px);
176
+ -webkit-transform: rotateY(90deg) translateZ(70px);
177
+ }
178
+
179
+ .the_roof_panel.c{
180
+ transform: rotateY(180deg) translateZ(70px);
181
+ -webkit-transform: rotateY(180deg) translateZ(70px);
182
+ }
183
+
184
+ .the_roof_panel.d{
185
+ transform: rotateY(-90deg) translateZ(70px);
186
+ -webkit-transform: rotateY(-90deg) translateZ(70px);
187
+ }
188
+
189
+ /* Light */
190
+ .light{
191
+ position: absolute;
192
+ width: 40px;
193
+ height: 40px;
194
+ top: -60px;
195
+ left: 85px;
196
+ z-index: 3;
197
+ transform-style: preserve-3d;
198
+ -webkit-transform-style: preserve-3d;
199
+ }
200
+
201
+ .light-lid{
202
+ width: 30px;
203
+ height: 30px;
204
+ background-color: #eee;
205
+
206
+
207
+ transform-style: preserve-3d;
208
+ -webkit-transform-style: preserve-3d;
209
+ transform : rotateX(-90deg) translateZ(-14px);
210
+ -webkit-transform : rotateX(-90deg) translateZ(-14px);
211
+ }
212
+
213
+ .light .light-panel{
214
+ position: absolute;
215
+ width: 30px;
216
+ height: 40px;
217
+
218
+ transform-style: preserve-3d;
219
+ -webkit-transform-style: preserve-3d;
220
+ }
221
+
222
+ .light .light-panel .bottom{
223
+ width: 30px;
224
+ height: 12px;
225
+ position: absolute;
226
+ bottom: 0px;
227
+ background-color: #355683;
228
+ box-shadow: inset 1px 0 0 #313d49, inset -1px 0 0 #313d49, inset 0 1px 0 #313d49, inset 0 -1px 0 #313d49;
229
+ }
230
+
231
+ .light .light-panel .top{
232
+ width: 30px;
233
+ height: 28px;
234
+ position: absolute;
235
+ top: 0px;
236
+ background-color: #eee;
237
+ box-shadow: inset 1px 0 0 #fff, inset -1px 0 0 #fff, inset 0 1px 0 #fff, inset 0 -1px 0 #fff;
238
+ }
239
+
240
+ .light-panel.a{
241
+ transform: rotateY(0deg) translateZ(15px);
242
+ -webkit-transform: rotateY(0deg) translateZ(15px);
243
+ }
244
+ .light-panel.b{
245
+ transform: rotateY(90deg) translateZ(15px);
246
+ -webkit-transform: rotateY(90deg) translateZ(15px);
247
+ }
248
+ .light-panel.c{
249
+ transform: rotateY(180deg) translateZ(15px);
250
+ -webkit-transform: rotateY(180deg) translateZ(15px);
251
+ }
252
+ .light-panel.d{
253
+ transform: rotateY(-90deg) translateZ(15px);
254
+ -webkit-transform: rotateY(-90deg) translateZ(15px);
255
+ }
256
+
257
+
258
+ /* Floor */
259
+ .tardis .floor{
260
+ position: absolute;
261
+ width: 220px;
262
+ height: 220px;
263
+ left: -10px;
264
+ top: 360px;
265
+ transform-style: preserve-3d;
266
+ -webkit-transform-style: preserve-3d;
267
+ }
268
+
269
+ .floor-lid{
270
+ position: absolute;
271
+ width: 220px;
272
+ height: 220px;
273
+ background-color: #355683;
274
+ transform-style: preserve-3d;
275
+ -webkit-transform-style: preserve-3d;
276
+ transform: rotateX(90deg) translateZ(109px);;
277
+ -webkit-transform: rotateX(90deg) translateZ(109px);;
278
+ }
279
+
280
+ .floor-panel{
281
+ position: absolute;
282
+ width: 220px;
283
+ height: 10px;
284
+ background-color: #3f577d;
285
+ box-shadow: inset 1px 0 0 #313d49, inset -1px 0 0 #313d49, inset 0 1px 0 #313d49, inset 0 -1px 0 #313d49;
286
+ transform-style: preserve-3d;
287
+ -webkit-transform-style: preserve-3d;
288
+ }
289
+
290
+ .floor-panel.a{
291
+ transform: rotateY(0deg) translateZ(110px);
292
+ -webkit-transform: rotateY(0deg) translateZ(110px);
293
+ }
294
+
295
+ .floor-panel.b{
296
+ transform: rotateY(90deg) translateZ(110px);
297
+ -webkit-transform: rotateY(90deg) translateZ(110px);
298
+ }
299
+
300
+ .floor-panel.c{
301
+ transform: rotateY(180deg) translateZ(110px);
302
+ -webkit-transform: rotateY(180deg) translateZ(110px);
303
+ }
304
+
305
+ .floor-panel.d{
306
+ transform: rotateY(-90deg) translateZ(110px);
307
+ -webkit-transform: rotateY(-90deg) translateZ(110px);
308
+ }
309
+
310
+
311
+
312
+
313
+
314
+
315
+
316
+ /*
317
+ #
318
+ # Top sign
319
+ #
320
+ */
321
+ .side .top-sign{
322
+ width: 180px;
323
+ height: 28px;
324
+ background-color: #445d84;
325
+ border: solid 1px #54749f;
326
+ box-shadow: 0px 2px 4px rgba(0,0,0,.4);
327
+ border-radius: 2px;
328
+ position: absolute;
329
+ top: 10px;
330
+ left: 10px;
331
+
332
+ z-index: 10;
333
+ }
334
+
335
+ .top-sign .text{
336
+ background-color: #28394d;
337
+ border: solid 1px #54749f;
338
+ border-radius: 2px;
339
+ width: 100px;
340
+ margin: 3px auto;
341
+ height: 20px;
342
+ color: #fff;
343
+ font-size: 12px;
344
+ line-height: 20px;
345
+ padding: 0px 5px;
346
+ box-shadow: inset 0px 0px 3px rgba(0,0,0,.4);
347
+ position: relative;
348
+
349
+ text-shadow: 0px 0px 4px rgba(255,255,255, .6);
350
+ }
351
+
352
+ .text .tiny{
353
+ font-size: 4px;
354
+ line-height: 6px;
355
+ text-align: center;
356
+ width: 20px;
357
+ position: absolute;
358
+ right: 35px;
359
+ top: 4px;
360
+ }
361
+
362
+ /*
363
+ #
364
+ # Door frame
365
+ #
366
+ */
367
+ .side .door-frame{
368
+ position: absolute;
369
+ width: 160px;
370
+ left: 20px;
371
+ top: 35px;
372
+ bottom: 0px;
373
+
374
+ background-color: #445d84;
375
+
376
+ box-shadow:inset 0px 2px 8px rgba(0,0,0,.5);
377
+
378
+ z-index: 5;
379
+ }
380
+
381
+
382
+ .door-frame .door{
383
+ position: absolute;
384
+ top: 0px;
385
+ bottom: 0px;
386
+ width: 77px;
387
+
388
+ box-shadow:inset 0px 0px 3px rgba(0,0,0,.7);
389
+ }
390
+
391
+ .door.door-left{
392
+ left: 0px;
393
+ }
394
+
395
+ .door.door-right{
396
+ right: 0px;
397
+ }
398
+
399
+ /* Insets */
400
+ .door .door-inset{
401
+ position: absolute;
402
+ left: 10px;
403
+ bottom: 10px;
404
+
405
+ width: 55px;
406
+ height: 65px;
407
+ box-shadow:inset 0px .5px 5px rgba(0,0,0,.5);
408
+ }
409
+
410
+ .door-inset:nth-of-type(2){
411
+ bottom: 85px;
412
+ }
413
+
414
+ .door-inset:nth-of-type(3){
415
+ bottom: 160px;
416
+ }
417
+
418
+ /* Sign */
419
+ .door .sign{
420
+ position: absolute;
421
+ left: 15px;
422
+ bottom: 165px;
423
+ width: 45px;
424
+ height: 55px;
425
+ background-color: #d5e4f6;
426
+ box-shadow: inset 1px 0 0 #313d49, inset -1px 0 0 #313d49, inset 0 1px 0 #313d49, inset 0 -1px 0 #313d49;
427
+ }
428
+
429
+ /* Window */
430
+ .door .window{
431
+ position: absolute;
432
+ left: 10px;
433
+ bottom: 235px;
434
+
435
+ width: 55px;
436
+ height: 65px;
437
+ background-color: #28475d;
438
+ }
439
+
440
+ .window .pane{
441
+ width: 14px;
442
+ height: 28px;
443
+ background-color: #dfe7fc;
444
+ float: left;
445
+ margin: 2px;
446
+ box-shadow: inset 0px 0px 10px #fff;
447
+ }
448
+
449
+ .pane.a{
450
+ margin-left: 3px;
451
+ margin-right: 1px;
452
+ }
453
+
454
+ .pane.d{
455
+ margin-left: 3px;
456
+ margin-right: 1px;
457
+ }
458
+
459
+ </style>
460
+
461
+ </head>
462
+ <body>
463
+ <div class="name">
464
+ <div>Gerwin van Royen</div>
465
+ <div><a target="_blank" href="https://www.twitter.com/gerwinvanroyen">@gerwinvanroyen</a></div>
466
+ </div>
467
+ <div class="perspective">
468
+
469
+
470
+
471
+ <div class="tardis-wrap">
472
+ <div class="tardis">
473
+ <!-- start of side -->
474
+ <div class="side">
475
+ <div class="top-sign">
476
+ <div class="text">
477
+ <span class="left">POLICE</span>
478
+ <span class="tiny">PUBLIC CALL</span>
479
+ <span class="right">BOX</span>
480
+ </div>
481
+ </div>
482
+ <div class="door-frame">
483
+ <div class="door door-left">
484
+ <div class="door-inset"></div>
485
+ <div class="door-inset b"></div>
486
+ <div class="sign"></div>
487
+ <div class="window">
488
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
489
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
490
+ </div>
491
+ </div>
492
+ <div class="door door-right">
493
+ <div class="door-inset"></div>
494
+ <div class="door-inset b"></div>
495
+ <div class="door-inset c"></div>
496
+ <div class="window">
497
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
498
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
499
+ </div>
500
+ </div>
501
+ </div>
502
+ </div>
503
+ <!-- end of side -->
504
+
505
+ <!-- start of side -->
506
+ <div class="side">
507
+ <div class="top-sign">
508
+ <div class="text">
509
+ <span class="left">POLICE</span>
510
+ <span class="tiny">PUBLIC CALL</span>
511
+ <span class="right">BOX</span>
512
+ </div>
513
+ </div>
514
+ <div class="door-frame">
515
+ <div class="door door-left">
516
+ <div class="door-inset"></div>
517
+ <div class="door-inset b"></div>
518
+ <div class="door-inset c"></div>
519
+ <div class="window">
520
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
521
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
522
+ </div>
523
+ </div>
524
+ <div class="door door-right">
525
+ <div class="door-inset"></div>
526
+ <div class="door-inset b"></div>
527
+ <div class="door-inset c"></div>
528
+ <div class="window">
529
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
530
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
531
+ </div>
532
+ </div>
533
+ </div>
534
+ </div>
535
+ <!-- end of side -->
536
+
537
+ <!-- start of side -->
538
+ <div class="side">
539
+ <div class="top-sign">
540
+ <div class="text">
541
+ <span class="left">POLICE</span>
542
+ <span class="tiny">PUBLIC CALL</span>
543
+ <span class="right">BOX</span>
544
+ </div>
545
+ </div>
546
+ <div class="door-frame">
547
+ <div class="door door-left">
548
+ <div class="door-inset"></div>
549
+ <div class="door-inset b"></div>
550
+ <div class="door-inset c"></div>
551
+ <div class="window">
552
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
553
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
554
+ </div>
555
+ </div>
556
+ <div class="door door-right">
557
+ <div class="door-inset"></div>
558
+ <div class="door-inset b"></div>
559
+ <div class="door-inset c"></div>
560
+ <div class="window">
561
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
562
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
563
+ </div>
564
+ </div>
565
+ </div>
566
+ </div>
567
+ <!-- end of side -->
568
+
569
+ <!-- start of side -->
570
+ <div class="side">
571
+ <div class="top-sign">
572
+ <div class="text">
573
+ <span class="left">POLICE</span>
574
+ <span class="tiny">PUBLIC CALL</span>
575
+ <span class="right">BOX</span>
576
+ </div>
577
+ </div>
578
+ <div class="door-frame">
579
+ <div class="door door-left">
580
+ <div class="door-inset"></div>
581
+ <div class="door-inset b"></div>
582
+ <div class="door-inset c"></div>
583
+ <div class="window">
584
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
585
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
586
+ </div>
587
+ </div>
588
+ <div class="door door-right">
589
+ <div class="door-inset"></div>
590
+ <div class="door-inset b"></div>
591
+ <div class="door-inset c"></div>
592
+ <div class="window">
593
+ <div class="pane a"></div><div class="pane b"></div><div class="pane c"></div>
594
+ <div class="pane d"></div><div class="pane e"></div><div class="pane f"></div>
595
+ </div>
596
+ </div>
597
+ </div>
598
+ </div>
599
+ <!-- end of side -->
600
+
601
+ <div class="roof"></div>
602
+
603
+
604
+ <div class="roof-top">
605
+ <div class="the_roof_panel a"></div>
606
+ <div class="the_roof_panel b"></div>
607
+ <div class="the_roof_panel c"></div>
608
+ <div class="the_roof_panel d"></div>
609
+ <div class="top-lid"></div>
610
+ </div>
611
+
612
+
613
+ <div class="light">
614
+ <div class="light-panel a"><div class="bottom"></div><div class="top"></div></div>
615
+ <div class="light-panel b"><div class="bottom"></div><div class="top"></div></div>
616
+ <div class="light-panel c"><div class="bottom"></div><div class="top"></div></div>
617
+ <div class="light-panel d"><div class="bottom"></div><div class="top"></div></div>
618
+ <div class="light-lid"></div>
619
+ </div>
620
+
621
+
622
+ <!-- start of floor -->
623
+ <div class="floor">
624
+ <div class="floor-panel a"></div>
625
+ <div class="floor-panel b"></div>
626
+ <div class="floor-panel c"></div>
627
+ <div class="floor-panel d"></div>
628
+ <div class="floor-lid"></div>
629
+ </div>
630
+ <!-- end of floor -->
631
+
632
+
633
+ </div>
634
+ </div>
635
+
636
+
637
+ </div>
638
+ </body>
639
+ </html>