cyberweb 0.4.174 → 0.5.225
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.
- checksums.yaml +4 -4
- data/README.md +1782 -405
- data/bin/cyberweb_sanitize +10 -0
- data/bin/download_webpage +7 -0
- data/bin/html_to_cyberweb_converter +7 -0
- data/cyberweb.gemspec +25 -25
- data/doc/README.gen +1745 -383
- data/doc/USAGE.md +16 -16
- data/doc/{AUTHORS.md → authors.md} +0 -0
- data/doc/configuration/configuration.md +3 -1
- data/doc/deprecations.md +13 -7
- data/doc/{DOCUMENTATION_FOR_CYBERSPRAWL.md → documentation_for_cybersprawl.md} +7 -4
- data/doc/future_design_goals.md +33 -0
- data/doc/html_characters.md +7 -7
- data/doc/{JQUERY.md → jquery/jquery.md} +20 -12
- data/doc/{MOUSE.md → mouse.md} +1 -9
- data/doc/{RENDER_WEB_BASE.md → render_web_base.md} +11 -4
- data/doc/todo/todo_for_the_cyberweb_project.md +791 -0
- data/examples/advanced/animated_css_example/animated_css_example.html +47 -0
- data/examples/advanced/animated_submarine/animated_submarine.html +511 -0
- data/examples/advanced/animated_windmill/animated_windmill.html +468 -0
- data/examples/advanced/delayed_update_of_the_body_via_javascript.cgi +8 -5
- data/examples/advanced/draw_circle/draw_circle.cgi +36 -0
- data/examples/advanced/drop_shadow_examples.cgi +37 -0
- data/examples/advanced/games/snake/food.png +0 -0
- data/examples/advanced/games/snake/ground.png +0 -0
- data/examples/advanced/games/snake/snake.cgi +28 -0
- data/examples/advanced/games/tetris/tetris.cgi +7 -0
- data/examples/advanced/games/tetris/tetris.rb +17 -0
- data/examples/advanced/games/tetris/tetris.sinatra +58 -0
- data/examples/advanced/games/tic-tac-toe/tic-tac-toe.cgi +123 -0
- data/examples/advanced/get_some_coffee/get_some_coffee.html +293 -0
- data/examples/advanced/glow_on_hover_example/glow_on_hover_example.cgi +27 -0
- data/examples/advanced/hybrid_experiment.cgi +34 -12
- data/examples/advanced/images/global_css_rules_for_the_images.cgi +32 -0
- data/examples/advanced/larger_image_on_mouse_over_example.cgi +2 -2
- data/examples/advanced/no_right_click.cgi +4 -3
- data/examples/advanced/{objectified_html_tags.cgi → objectified_html_tags/objectified_html_tags.cgi} +12 -3
- data/examples/advanced/objectified_html_tags/testing_objectified_html_tags_with_the_webobject.cgi +28 -0
- data/examples/advanced/random_glow_effects.cgi +34 -0
- data/examples/advanced/select_everything_example/select_everything_example.cgi +25 -0
- data/examples/advanced/simple_calculator.cgi +13 -21
- data/examples/advanced/simple_form_example.cgi +11 -11
- data/examples/advanced/traffic_light/traffic_light.html +163 -0
- data/examples/advanced/weather_animation/weather_animation.html +560 -0
- data/examples/css/animated_3D_cube_example/animated_3D_cube_example.html +265 -0
- data/examples/css/animated_bird_example/animated_bird_example.html +207 -0
- data/examples/css/animated_desk_example/animated_desk_example.html +120 -0
- data/examples/css/animated_dog_example/animated_dog_example.html +432 -0
- data/examples/css/animated_submit_button.html +190 -0
- data/examples/css/animated_text_colour_change/animated_text_colour_change.html +41 -0
- data/examples/css/blue_border.html +3 -1
- data/examples/css/border_image_example/border_image_example.html +40 -0
- data/examples/css/box_shadow/box_shadow_example.html +18 -0
- data/examples/css/christmas_snow_globe_animation.html +596 -0
- data/examples/css/css_border_spacing_example.html +5 -5
- data/examples/css/css_bubbles.html +3 -1
- data/examples/css/css_checkboxes_example/css_checkboxes_example.html +110 -0
- data/examples/css/css_drag_and_drop.html +1 -5
- data/examples/css/css_grid_feline_style/css_grid_feline_style.html +161 -0
- data/examples/css/css_neon_glow_effects.html +1 -1
- data/examples/css/css_rotate_these_words.html +83 -0
- data/examples/css/css_text_decoration_example.html +7 -7
- data/examples/css/css_thermometer/css_thermometer.html +91 -0
- data/examples/css/{css_tooltip.html → css_tooltip/css_tooltip.html} +8 -6
- data/examples/css/css_typewriter_example/css_typewriter_example.html +226 -0
- data/examples/css/cyberweb_animated_logo/cyberweb_animated_logo.html +179 -0
- data/examples/css/daily_coffee/daily_coffee.html +1110 -0
- data/examples/css/different_colour_on_selected_text/different_colour_on_selected_text.html +31 -0
- data/examples/css/differentially_glowing_text_example/differentially_glowing_text_example.html +82 -0
- data/examples/css/fade_in_and_fade_out_effect.html +2 -2
- data/examples/css/flying_birds_example/flying_birds_example.html +171 -0
- data/examples/css/folding_cards_example/folding_cards_example.html +624 -0
- data/examples/css/font_size_examples.html +7 -5
- data/examples/css/glowing_on_hover_animation/glowing_on_hover_animation.html +90 -0
- data/examples/css/grow_example.html +31 -0
- data/examples/css/happy_toaster_example/happy_toaster_example.html +830 -0
- data/examples/css/landing_on_mars_animation/landing_on_mars_animation.html +374 -0
- data/examples/css/letter_spacing_example.cgi +18 -14
- data/examples/css/lighthouse_example/lighthouse_example.html +1161 -0
- data/examples/css/{meter_example.html → meter_example/meter_example.html} +0 -0
- data/examples/css/motorcycle_on_the_go/motorcycle_on_the_go.html +227 -0
- data/examples/css/on_hover_glow_effect/on_hover_glow_effect.html +50 -0
- data/examples/css/on_mouse_button_pressed.html +6 -4
- data/examples/css/our_solar_system/our_solar_system.html +441 -0
- data/examples/css/outline/outline_versus_border_example.html +57 -0
- data/examples/css/polaroid_card_effect_example/polaroid_card_effect_example.html +130 -0
- data/examples/css/responsive_image_gallery/responsive_image_gallery.html +97 -0
- data/examples/css/rotating_DNA/rotating_DNA.html +626 -0
- data/examples/css/rotating_sphere_example/rotating_sphere_example.html +112 -0
- data/examples/css/scale_example.html +4 -5
- data/examples/css/shadow_example_in_CSS/shadow_example_in_CSS.cgi +62 -0
- data/examples/css/shaking_shapes_example.html +133 -0
- data/examples/css/simple_stars_example/simple_stars_example.html +27 -0
- data/examples/css/slide_checkbox_example/slide_checkbox_example.html +564 -0
- data/examples/css/speak_bubble_quote_example/speak_bubble_quote_example.html +109 -0
- data/examples/css/speedy_truck_example/speedy_truck_example.html +168 -0
- data/examples/css/{sticky_div_example.html → sticky_div_example/sticky_div_example.html} +0 -0
- data/examples/css/stitched_div.html +9 -0
- data/examples/css/sun_and_clouds_animation/sun_and_clouds_animation.html +292 -0
- data/examples/css/talking_candles_example/talking_candles_example.html +550 -0
- data/examples/css/text_decoration_underline_example/text_decoration_underline_example.html +62 -0
- data/examples/css/this_is_a_cat/this_is_a_cat.html +219 -0
- data/examples/css/three_dots_indicating_page_loading.html +65 -0
- data/examples/css/user_select_example/user_select_example.html +24 -0
- data/examples/css/walking_cat/walking_cat.html +128 -0
- data/examples/css/water_wave_text_animation_effect/water_wave_text_animation_effect.html +86 -0
- data/examples/csv/README.md +2 -1
- data/examples/flip_card_example/flip_card_example.html +10 -3
- data/examples/games/README.md +3 -0
- data/examples/games/snake/images/food.png +0 -0
- data/examples/games/snake/images/ground.png +0 -0
- data/examples/games/snake/snake.html +16 -0
- data/examples/games/snake/snake.js +117 -0
- data/examples/games/tetris/smaller_tetris_game.html +518 -0
- data/examples/games/tetris/tetris.html +461 -0
- data/examples/games/tic-tac-toe/index.js +125 -0
- data/examples/games/tic-tac-toe/style.css +79 -0
- data/examples/games/tic-tac-toe/tic-tac-toe.html +39 -0
- data/examples/html/MathML/001_show_a_simple_quadratic_equation.html +22 -0
- data/examples/html/MathML/002_simple_equation.html +7 -0
- data/examples/html/MathML/003_function_of_example.html +17 -0
- data/examples/html/MathML/README.md +2 -0
- data/examples/html/abbr_example.html +2 -5
- data/examples/html/accordion/README.md +1 -0
- data/examples/html/accordion/accordion.html +56 -0
- data/examples/html/base64_image_example.html +8 -5
- data/examples/html/buttons_example.html +133 -0
- data/examples/html/canvas_drawing_example.html +54 -0
- data/examples/html/colour_wheel.html +441 -442
- data/examples/html/column_width_example.html +2 -2
- data/examples/html/custom_cursor.html +8 -5
- data/examples/html/cyberweb_logo/README.md +2 -0
- data/examples/html/cyberweb_logo/cyberweb_logo.html +11 -0
- data/examples/html/draggable_paragraph.html +1 -2
- data/examples/html/email_popup_example/email_popup_example.html +175 -0
- data/examples/html/fieldset_example.html +3 -1
- data/examples/html/font_examples/README.md +1 -0
- data/examples/html/font_examples/chancery_text.html +19 -0
- data/examples/html/font_examples/fantasy_text.html +19 -0
- data/examples/html/font_examples/georgia_text.html +19 -0
- data/examples/html/font_size_example/font_size_example.html +85 -0
- data/examples/html/glyph_example.html +0 -1
- data/examples/html/grayscale_filter_example/grayscale_filter_example.html +15 -0
- data/examples/html/html_links_example.html +61 -0
- data/examples/html/html_slider/html_slider.html +39 -0
- data/examples/html/input_autofocus_example.html +11 -7
- data/examples/html/input_placeholder_example.html +15 -0
- data/examples/html/larger_image_on_mouse_over_example.html +1 -1
- data/examples/html/ordered_and_unordered_bulletsin.html +4 -2
- data/examples/html/play_video_example.html +3 -2
- data/examples/html/remote_image_example.html +8 -2
- data/examples/html/select_everything_on_mouse_click_event.html +38 -0
- data/examples/html/selected_text_appears_in_another_colour_example.html +34 -0
- data/examples/html/send_email_hyperlink/send_email_hyperlink.html +8 -0
- data/examples/html/simple_unordered_list.html +3 -0
- data/examples/html/spinner_example/spinner.html +79 -0
- data/examples/html/table_with_header_example.html +26 -13
- data/examples/html/test_mkv_codec/test_mkv_codec.html +11 -0
- data/examples/html/two_columns_flex_example.html +4 -1
- data/examples/{javascript → javascript_and_jquery}/README.md +0 -0
- data/examples/{javascript → javascript_and_jquery}/arrays/arrays_example_in_javascript.html +0 -0
- data/examples/javascript_and_jquery/autocomplete_on_an_input_field/autocomplete_on_an_input_field.html +295 -0
- data/examples/javascript_and_jquery/change_the_background_colour_dynamically/change_the_background_colour_dynamically.html +41 -0
- data/examples/{javascript → javascript_and_jquery}/delay_example/delay_example.html +0 -0
- data/examples/{javascript → javascript_and_jquery}/drag_support/drag_support.html +0 -0
- data/examples/javascript_and_jquery/jquery_bubbling_header/bubbling_header.html +109 -0
- data/examples/{javascript → javascript_and_jquery}/jquery_drag_and_drop/drag_and_drop_image_example.html +0 -0
- data/examples/javascript_and_jquery/jquery_showcase/README.md +6 -0
- data/examples/javascript_and_jquery/jquery_showcase/jquery_001.cgi +23 -0
- data/examples/javascript_and_jquery/jquery_showcase/jquery_002.cgi +34 -0
- data/examples/javascript_and_jquery/jquery_showcase/jquery_003.cgi +24 -0
- data/examples/javascript_and_jquery/jquery_showcase/jquery_004.cgi +34 -0
- data/examples/javascript_and_jquery/on_change_event/on_change_event.html +29 -0
- data/examples/javascript_and_jquery/on_click_colour_change/on_click_colour_change.html +31 -0
- data/examples/javascript_and_jquery/on_click_display_random_number/on_click_display_random_number.html +43 -0
- data/examples/{javascript → javascript_and_jquery}/on_click_event_hello_world/on_click_event_hello_world.html +0 -0
- data/examples/javascript_and_jquery/on_mouse_wheel_event/on_mouse_wheel_event.html +37 -0
- data/examples/javascript_and_jquery/read_the_content_of_a_local_file/read_the_content_of_a_local_file.html +35 -0
- data/examples/{javascript → javascript_and_jquery}/rgb_to_hex/rgb_to_hex.html +0 -0
- data/examples/{javascript → javascript_and_jquery}/screen_resolution/screen_resolution.html +2 -1
- data/examples/{javascript → javascript_and_jquery}/select_everything/select_everything.html +1 -1
- data/examples/javascript_and_jquery/vue/README.md +1 -0
- data/examples/javascript_and_jquery/vue/showcasing_vue.html +80 -0
- data/examples/{javascript → javascript_and_jquery}/write_into_a_file/write_into_a_file.html +0 -0
- data/examples/rack/example_with_html_template.rb +5 -4
- data/examples/rack/example_with_rack_and_cyberweb_showing_how_to_use_images.rb +3 -2
- data/examples/rack/hello_world_example_with_rack.rb +3 -2
- data/examples/rack/lobster.rb +7 -5
- data/examples/rack/rack_env.rb +3 -3
- data/examples/{show_greek_letters.rb → show_greek_letters/show_greek_letters.rb} +0 -0
- data/examples/simple/input_example_with_coloured_focus.cgi +32 -0
- data/examples/simple/input_type_examples.cgi +51 -0
- data/examples/simple/on_click_event_hello_world.cgi +5 -5
- data/examples/simple/rotate_these_words.cgi +90 -0
- data/examples/{example1.rb → simple/show_how_to_set_a_title.rb} +0 -0
- data/examples/simple/simple_gradient.cgi +57 -0
- data/images/cyberweb_favicon.png +0 -0
- data/images/cyberweb_logo.png +0 -0
- data/images/cyberweb_theme.png +0 -0
- data/lib/cyberweb/REST/README.md +7 -0
- data/lib/cyberweb/REST/base/accept_entry.rb +94 -0
- data/lib/cyberweb/REST/base/application.rb +37 -0
- data/lib/cyberweb/REST/base/bad_request.rb +10 -0
- data/lib/cyberweb/REST/base/base.rb +1131 -0
- data/lib/cyberweb/REST/base/common_logger.rb +35 -0
- data/lib/cyberweb/REST/base/delegator.rb +75 -0
- data/lib/cyberweb/REST/base/error.rb +8 -0
- data/lib/cyberweb/REST/base/extended_rack.rb +66 -0
- data/lib/cyberweb/REST/base/helpers/helpers.rb +473 -0
- data/lib/cyberweb/REST/base/helpers/stream.rb +75 -0
- data/lib/cyberweb/REST/base/mime_type_entry.rb +67 -0
- data/lib/cyberweb/{constants/file_constants.rb → REST/base/not_found.rb} +10 -5
- data/lib/cyberweb/REST/base/request.rb +145 -0
- data/lib/cyberweb/REST/base/response.rb +94 -0
- data/lib/cyberweb/REST/base/templates/templates.rb +208 -0
- data/lib/cyberweb/REST/base/wrapper.rb +28 -0
- data/lib/cyberweb/{constants/nl.rb → REST/constants.rb} +8 -9
- data/lib/cyberweb/REST/main.rb +109 -0
- data/lib/cyberweb/REST/show_exceptions.rb +396 -0
- data/lib/cyberweb/and_sinatra_base.rb +0 -0
- data/lib/cyberweb/autoinclude.rb +0 -0
- data/lib/cyberweb/autoinclude_webobject.rb +0 -0
- data/lib/cyberweb/base/base.rb +9 -2
- data/lib/cyberweb/base/colours.rb +8 -6
- data/lib/cyberweb/base/constants.rb +8 -0
- data/lib/cyberweb/base/misc.rb +140 -53
- data/lib/cyberweb/base/save_file.rb +3 -0
- data/lib/cyberweb/base_module/base_module.rb +79 -0
- data/lib/cyberweb/cascading_style_sheets/admonition.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/balloon.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/border.css +107 -41
- data/lib/cyberweb/cascading_style_sheets/code.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/colours.css +46 -23
- data/lib/cyberweb/cascading_style_sheets/css_reset.css +59 -0
- data/lib/cyberweb/cascading_style_sheets/cursors.css +14 -0
- data/lib/cyberweb/cascading_style_sheets/custom/animated_bike.css +199 -0
- data/lib/cyberweb/cascading_style_sheets/default.css +171 -136
- data/lib/cyberweb/cascading_style_sheets/div.css +18 -4
- data/lib/cyberweb/cascading_style_sheets/drop_shadow.css +154 -0
- data/lib/cyberweb/cascading_style_sheets/error_404_css_class.css +26 -0
- data/lib/cyberweb/cascading_style_sheets/fonts.css +60 -39
- data/lib/cyberweb/cascading_style_sheets/glow_effects.css +69 -0
- data/lib/cyberweb/cascading_style_sheets/gradient_effects.css +5 -0
- data/lib/cyberweb/cascading_style_sheets/hover.css +4212 -0
- data/lib/cyberweb/cascading_style_sheets/links.css +8 -8
- data/lib/cyberweb/cascading_style_sheets/margin.css +195 -178
- data/lib/cyberweb/cascading_style_sheets/menu.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/message_boxes.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/misc.css +51 -11
- data/lib/cyberweb/cascading_style_sheets/popup.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/rpg.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/ruby_regexes.css +12 -0
- data/lib/cyberweb/cascading_style_sheets/shapes.css +59 -0
- data/lib/cyberweb/cascading_style_sheets/template2.css +0 -0
- data/lib/cyberweb/cascading_style_sheets/text_shadow.css +21 -0
- data/lib/cyberweb/cascading_style_sheets/tooltip.css +0 -0
- data/lib/cyberweb/cgi/constants.rb +1 -2
- data/lib/cyberweb/cgi/exceptions.rb +1 -1
- data/lib/cyberweb/coloured_tags/coloured_tags.rb +1 -1
- data/lib/cyberweb/colours/colour_chart.rb +10 -56
- data/lib/cyberweb/colours/colours.rb +149 -4
- data/lib/cyberweb/commandline/commandline_interface.rb +13 -8
- data/lib/cyberweb/configuration/load_the_configuration_file.rb +1 -1
- data/lib/cyberweb/constants/constants.rb +592 -2
- data/lib/cyberweb/controller/{webobject_controller.rb → controller.rb} +1 -1
- data/lib/cyberweb/css_manager/css_manager.rb +237 -0
- data/lib/cyberweb/databases/sqlite.rb +56 -0
- data/lib/cyberweb/debug/debug.rb +1 -1
- data/lib/cyberweb/encoding/encoding.rb +11 -0
- data/lib/cyberweb/erb/test.rhtml +0 -0
- data/lib/cyberweb/erb/test_template.erb +0 -0
- data/lib/cyberweb/evaluate_from_the_same_named_file_then_serve.rb +1 -1
- data/lib/cyberweb/favicon/favicon.rb +8 -7
- data/lib/cyberweb/forum/README.md +4 -0
- data/lib/cyberweb/foto_gallery/foto_gallery.rb +158 -0
- data/lib/cyberweb/generator/README.md +2 -2
- data/lib/cyberweb/generator/cgi.rb +22 -9
- data/lib/cyberweb/generator/static_webpage.rb +22 -12
- data/lib/cyberweb/html_tags/README.md +3 -3
- data/lib/cyberweb/html_tags/button.rb +10 -2
- data/lib/cyberweb/html_tags/h2.rb +6 -4
- data/lib/cyberweb/html_tags/html_tags.rb +17 -1
- data/lib/cyberweb/html_tags/input.rb +10 -5
- data/lib/cyberweb/html_tags/legend.rb +1 -1
- data/lib/cyberweb/html_tags/span.rb +10 -2
- data/lib/cyberweb/html_tags/table.rb +30 -19
- data/lib/cyberweb/html_template/html_template.rb +248 -85
- data/lib/cyberweb/images/embed_this_image.rb +3 -1
- data/lib/cyberweb/images/images.rb +2 -2
- data/lib/cyberweb/images/is_image.rb +2 -1
- data/lib/cyberweb/images/path_to_images.rb +2 -1
- data/lib/cyberweb/images/remove_this_substring_from_all_images.rb +1 -1
- data/lib/cyberweb/images/standalone_drag_and_drop_this_image.rb +3 -3
- data/lib/cyberweb/images/string_image.rb +6 -3
- data/lib/cyberweb/images_base64_encoded/404_ERROR.png.md +1 -0
- data/lib/cyberweb/images_base64_encoded/AUSRUFUNGSZEICHEN.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/BLUEARROW.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/BUBBLE.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/CAT.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/CAUTION.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/CHEERING_PERSON.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/CURSOR.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/DOT_01.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/DUCKY.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/ELEPHANT.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/HALLOWEEN.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/HANGING_MONKEY.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/LENS.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/README.md +0 -0
- data/lib/cyberweb/images_base64_encoded/SIX_SIDED_DICE.png.md +1 -0
- data/lib/cyberweb/images_base64_encoded/TU_WIEN_LOGO.png.md +0 -0
- data/lib/cyberweb/images_base64_encoded/VOGEL.png.md +0 -0
- data/lib/cyberweb/javascript/drag_and_drop.rb +17 -14
- data/lib/cyberweb/javascript/javascript.rb +79 -34
- data/lib/cyberweb/javascript/javascript_clock.rb +50 -14
- data/lib/cyberweb/javascript/javascript_helper/javascript_helper.rb +59 -0
- data/lib/cyberweb/javascript/jquery.rb +9 -5
- data/lib/cyberweb/javascript/on_click_change_opacity.rb +5 -1
- data/lib/cyberweb/javascript/on_click_hide.rb +2 -0
- data/lib/cyberweb/javascript/popup.rb +5 -2
- data/lib/cyberweb/javascript/resize.rb +4 -1
- data/lib/cyberweb/javascript_code/README.md +1 -1
- data/lib/cyberweb/javascript_code/custom_functions.js +51 -25
- data/lib/cyberweb/javascript_code/disable_right_click.js +5 -0
- data/lib/cyberweb/javascript_code/games/snake.js +113 -0
- data/lib/cyberweb/javascript_code/games/tetris.js +491 -0
- data/lib/cyberweb/javascript_code/games/tic-tac-toe.js +125 -0
- data/lib/cyberweb/javascript_code/html_colours.js +161 -0
- data/lib/cyberweb/javascript_code/jquery/jquery-3.6.1.js +10909 -0
- data/lib/cyberweb/javascript_code/select_everything_on_mouse_click_event.js +23 -0
- data/lib/cyberweb/javascript_code/simple_calculator.js +3 -3
- data/lib/cyberweb/javascript_code/simulate_a_dice.js +20 -0
- data/lib/cyberweb/javascript_code/sleep.js +3 -0
- data/lib/cyberweb/mouse/mouse.rb +4 -1
- data/lib/cyberweb/objectified/html_tags/README.md +13 -0
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/a.rb +17 -35
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/abbr.rb +18 -9
- data/lib/cyberweb/objectified/html_tags/base.rb +960 -0
- data/lib/cyberweb/objectified/html_tags/blockquote.rb +106 -0
- data/lib/cyberweb/{objectified_html_tags/span.rb → objectified/html_tags/body.rb} +25 -20
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/button.rb +26 -34
- data/lib/cyberweb/objectified/html_tags/canvas.rb +202 -0
- data/lib/cyberweb/objectified/html_tags/cite.rb +103 -0
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/combobox.rb +26 -34
- data/lib/cyberweb/objectified/html_tags/div.rb +155 -0
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/embed.rb +18 -33
- data/lib/cyberweb/objectified/html_tags/fieldset.rb +107 -0
- data/lib/cyberweb/objectified/html_tags/figure.rb +152 -0
- data/lib/cyberweb/objectified/html_tags/form.rb +155 -0
- data/lib/cyberweb/objectified/html_tags/h1.rb +176 -0
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h2.rb +32 -40
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h3.rb +30 -42
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h4.rb +30 -42
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h5.rb +31 -40
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/h6.rb +31 -41
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/hbox.rb +12 -10
- data/lib/cyberweb/objectified/html_tags/head.rb +126 -0
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/img.rb +47 -32
- data/lib/cyberweb/objectified/html_tags/include_objectified_html_tags.rb +49 -0
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/input.rb +50 -51
- data/lib/cyberweb/objectified/html_tags/map.rb +107 -0
- data/lib/cyberweb/{objectified_html_tags/div.rb → objectified/html_tags/meta.rb} +36 -47
- data/lib/cyberweb/{objectified_html_tags/h1.rb → objectified/html_tags/object.rb} +34 -42
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/p.rb +17 -32
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/pre.rb +28 -34
- data/lib/cyberweb/{objectified_html_tags/table.rb → objectified/html_tags/progress.rb} +99 -94
- data/lib/cyberweb/objectified/html_tags/span.rb +103 -0
- data/lib/cyberweb/objectified/html_tags/table.rb +257 -0
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/textarea.rb +25 -36
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/title.rb +11 -17
- data/lib/cyberweb/{objectified_html_tags/form.rb → objectified/html_tags/ul.rb} +45 -42
- data/lib/cyberweb/{objectified_html_tags → objectified/html_tags}/window.rb +15 -10
- data/lib/cyberweb/objectified/mask/README.md +8 -0
- data/lib/cyberweb/objectified/mask/compatibility_to_html_tags.rb +40 -0
- data/lib/cyberweb/objectified/mask/mask.rb +490 -0
- data/lib/cyberweb/objectified/web_object/README.md +4 -0
- data/lib/cyberweb/objectified/web_object/web_object.rb +119 -0
- data/lib/cyberweb/predefined_and_freeform_methods/frage.rb +4 -2
- data/lib/cyberweb/predefined_and_freeform_methods/freeform_methods.rb +30 -19
- data/lib/cyberweb/predefined_and_freeform_methods/hash_registered_extra_tags.rb +6 -0
- data/lib/cyberweb/predefined_and_freeform_methods/header.rb +2 -0
- data/lib/cyberweb/predefined_and_freeform_methods/predefined_methods.rb +10 -175
- data/lib/cyberweb/project/project.rb +9 -4
- data/lib/cyberweb/rack/request.rb +11 -11
- data/lib/cyberweb/raw_images/404.png +0 -0
- data/lib/cyberweb/raw_images/500.png +0 -0
- data/lib/cyberweb/raw_images/README.md +2 -0
- data/lib/cyberweb/raw_images/a_dice.png +0 -0
- data/lib/cyberweb/raw_images/food.png +0 -0
- data/lib/cyberweb/raw_images/ground.png +0 -0
- data/lib/cyberweb/requires/require_generators.rb +1 -1
- data/lib/cyberweb/requires/require_html_tags_files.rb +1 -1
- data/lib/cyberweb/requires/require_javascript_files.rb +1 -1
- data/lib/cyberweb/requires/require_objectified_html_tags_files.rb +29 -3
- data/lib/cyberweb/requires/require_the_constants.rb +3 -1
- data/lib/cyberweb/requires/require_the_cyberweb_project.rb +12 -31
- data/lib/cyberweb/requires/require_the_toplevel_methods_files.rb +1 -1
- data/lib/cyberweb/requires/require_web_object_files.rb +1 -1
- data/lib/cyberweb/requires/require_yaml.rb +3 -3
- data/lib/cyberweb/rest +1 -0
- data/lib/cyberweb/route_handler/class_based_test.rb +43 -0
- data/lib/cyberweb/route_handler/module/misc.rb +108 -0
- data/lib/cyberweb/route_handler/module/route_handler_module.rb +215 -0
- data/lib/cyberweb/route_handler/module/verbs.rb +53 -0
- data/lib/cyberweb/route_handler/route_handler.rb +56 -0
- data/lib/cyberweb/route_handler/test.rb +43 -0
- data/lib/cyberweb/{constants/array_predefined_constants.rb → sinatra/base/set_use_this_port.rb} +16 -9
- data/lib/cyberweb/sinatra/base/use_this_port.rb +40 -0
- data/lib/cyberweb/sinatra/base.rb +51 -36
- data/lib/cyberweb/sinatra/custom_extensions.rb +39 -14
- data/lib/cyberweb/standalone_classes/all_css_classes.rb +1 -1
- data/lib/cyberweb/standalone_classes/calculator.rb +7 -1
- data/lib/cyberweb/standalone_classes/correct_image_entries_in_html_file.rb +12 -7
- data/lib/cyberweb/standalone_classes/turn_html_into_cyberweb.rb +13 -11
- data/lib/cyberweb/svg/standalone/README.md +2 -0
- data/lib/cyberweb/svg/standalone/amusement_park.svg +738 -0
- data/lib/cyberweb/svg/svg.cgi +2 -3
- data/lib/cyberweb/toplevel_methods/a.rb +2 -1
- data/lib/cyberweb/toplevel_methods/anmerkung.rb +3 -0
- data/lib/cyberweb/toplevel_methods/audio.rb +1 -1
- data/lib/cyberweb/toplevel_methods/bold.rb +9 -3
- data/lib/cyberweb/toplevel_methods/charsets.rb +17 -13
- data/lib/cyberweb/toplevel_methods/consider_serving_the_web_object.rb +3 -3
- data/lib/cyberweb/toplevel_methods/css.rb +719 -25
- data/lib/cyberweb/{csv → toplevel_methods}/csv.rb +5 -3
- data/lib/cyberweb/{constants/roebe.rb → toplevel_methods/custom_error_page.rb} +10 -10
- data/lib/cyberweb/toplevel_methods/{date.rb → date_and_time.rb} +23 -10
- data/lib/cyberweb/toplevel_methods/disable.rb +7 -3
- data/lib/cyberweb/toplevel_methods/dot.rb +2 -2
- data/lib/cyberweb/toplevel_methods/download_webpage.rb +41 -3
- data/lib/cyberweb/toplevel_methods/edit_configuration_file.rb +1 -1
- data/lib/cyberweb/toplevel_methods/fields.rb +2 -0
- data/lib/cyberweb/toplevel_methods/filename.rb +3 -1
- data/lib/cyberweb/toplevel_methods/frames.rb +0 -2
- data/lib/cyberweb/toplevel_methods/google.rb +52 -0
- data/lib/cyberweb/{html_codes → toplevel_methods}/greek_letters.rb +22 -1
- data/lib/cyberweb/toplevel_methods/hardware_information.rb +2 -1
- data/lib/cyberweb/{help → toplevel_methods}/help.rb +3 -2
- data/lib/cyberweb/toplevel_methods/html_comment.rb +2 -2
- data/lib/cyberweb/toplevel_methods/html_tables.rb +401 -266
- data/lib/cyberweb/toplevel_methods/internal_hash.rb +173 -0
- data/lib/cyberweb/{io → toplevel_methods}/io.rb +1 -1
- data/lib/cyberweb/toplevel_methods/javascript.rb +42 -0
- data/lib/cyberweb/toplevel_methods/jquery.rb +8 -0
- data/lib/cyberweb/toplevel_methods/last_modified.rb +4 -0
- data/lib/cyberweb/toplevel_methods/links.rb +23 -7
- data/lib/cyberweb/toplevel_methods/listing.rb +2 -1
- data/lib/cyberweb/toplevel_methods/localhost.rb +3 -0
- data/lib/cyberweb/toplevel_methods/markdown.rb +3 -2
- data/lib/cyberweb/toplevel_methods/mathml.rb +5 -3
- data/lib/cyberweb/toplevel_methods/message_boxes.rb +6 -2
- data/lib/cyberweb/toplevel_methods/misc.rb +531 -79
- data/lib/cyberweb/toplevel_methods/padlem_and_marlem.rb +3 -0
- data/lib/cyberweb/toplevel_methods/path.rb +6 -1
- data/lib/cyberweb/toplevel_methods/pdf.rb +1 -1
- data/lib/cyberweb/toplevel_methods/process_content.rb +4 -7
- data/lib/cyberweb/toplevel_methods/progress.rb +6 -2
- data/lib/cyberweb/toplevel_methods/quote.rb +7 -1
- data/lib/cyberweb/toplevel_methods/random.rb +4 -1
- data/lib/cyberweb/toplevel_methods/rds.rb +14 -6
- data/lib/cyberweb/toplevel_methods/read_and_display.rb +3 -2
- data/lib/cyberweb/toplevel_methods/return_head_start.rb +1 -1
- data/lib/cyberweb/toplevel_methods/return_html_fin.rb +6 -3
- data/lib/cyberweb/toplevel_methods/return_html_header.rb +8 -3
- data/lib/cyberweb/toplevel_methods/return_html_start.rb +7 -2
- data/lib/cyberweb/toplevel_methods/return_meta_collection.rb +15 -4
- data/lib/cyberweb/toplevel_methods/return_pwd.rb +4 -0
- data/lib/cyberweb/toplevel_methods/return_strict_doctype.rb +8 -7
- data/lib/cyberweb/toplevel_methods/roebe.rb +6 -0
- data/lib/cyberweb/toplevel_methods/s2.rb +3 -1
- data/lib/cyberweb/toplevel_methods/sanitize_url.rb +7 -5
- data/lib/cyberweb/toplevel_methods/sbr.rb +7 -7
- data/lib/cyberweb/toplevel_methods/server_base_directory.rb +7 -3
- data/lib/cyberweb/toplevel_methods/show_and_display.rb +15 -15
- data/lib/cyberweb/toplevel_methods/show_configuration.rb +2 -2
- data/lib/cyberweb/toplevel_methods/spacer.rb +5 -2
- data/lib/cyberweb/toplevel_methods/svg.rb +62 -4
- data/lib/cyberweb/toplevel_methods/tag.rb +8 -2
- data/lib/cyberweb/toplevel_methods/temp_directory.rb +2 -2
- data/lib/cyberweb/toplevel_methods/textile.rb +2 -2
- data/lib/cyberweb/toplevel_methods/title.rb +14 -2
- data/lib/cyberweb/toplevel_methods/video.rb +3 -4
- data/lib/cyberweb/toplevel_methods/write_what_into.rb +2 -0
- data/lib/cyberweb/utility_scripts/README.md +3 -4
- data/lib/cyberweb/utility_scripts/autogenerate_drop_shadow_rules/autogenerate_drop_shadow_rules.rb +71 -0
- data/lib/cyberweb/utility_scripts/create_standalone_html_page.rb +223 -0
- data/lib/cyberweb/utility_scripts/download_all_images_from_this_website.rb +143 -0
- data/lib/cyberweb/utility_scripts/download_balloon_css.rb +1 -1
- data/lib/cyberweb/utility_scripts/fix_incorrect_links_to_locally_existing_images_in_this_file.rb +142 -0
- data/lib/cyberweb/utility_scripts/html_to_cyberweb_converter.rb +235 -0
- data/lib/cyberweb/utility_scripts/images_to_html/images_to_html.rb +878 -0
- data/lib/cyberweb/utility_scripts/images_to_html/misc.rb +62 -0
- data/lib/cyberweb/utility_scripts/new_tags.rb +105 -0
- data/lib/cyberweb/utility_scripts/simple_index/README.md +9 -0
- data/lib/cyberweb/utility_scripts/simple_index/simple_index.rb +149 -0
- data/lib/cyberweb/version/version.rb +2 -2
- data/lib/cyberweb/vue/README.md +2 -0
- data/lib/cyberweb/vue/vue.rb +91 -0
- data/lib/cyberweb/web_images/array_listing_all_project_images.rb +1 -1
- data/lib/cyberweb/web_images/map_symbol_to_image_location.rb +60 -4
- data/lib/cyberweb/web_images/web_images.rb +37 -20
- data/lib/cyberweb/{constants/array_images.rb → web_object/display_output_and_report.rb} +11 -10
- data/lib/cyberweb/web_object/english.rb +55 -0
- data/lib/cyberweb/web_object/favicon.rb +103 -22
- data/lib/cyberweb/web_object/html_tags.rb +1433 -0
- data/lib/cyberweb/web_object/images.rb +428 -398
- data/lib/cyberweb/web_object/{javascript.rb → javascript_and_jquery.rb} +174 -276
- data/lib/cyberweb/web_object/{links.rb → link.rb} +185 -83
- data/lib/cyberweb/web_object/misc.rb +3934 -3928
- data/lib/cyberweb/web_object/reset.rb +153 -67
- data/lib/cyberweb/web_object/run.rb +1 -1
- data/lib/cyberweb/web_object/web_object.rb +3690 -49
- data/lib/cyberweb/web_scraper/scrape_this_url.rb +4 -2
- data/lib/cyberweb/webmin/biology_server.cgi +14 -15
- data/lib/cyberweb/webmin/calculator.cgi +2 -2
- data/lib/cyberweb/webmin/colour_chart.cgi +4 -5
- data/lib/cyberweb/webmin/comments.cgi +8 -7
- data/lib/cyberweb/webmin/comments_data +0 -0
- data/lib/cyberweb/webmin/constants.rb +1 -2
- data/lib/cyberweb/webmin/dictionary.cgi +3 -4
- data/lib/cyberweb/webmin/sys_info.cgi +1 -2
- data/lib/cyberweb/webmin/webforum.cgi +1 -2
- data/lib/cyberweb/webmin/webmin.cgi +2 -3
- data/lib/cyberweb/yaml/autogenerated_system_settings.yml +10 -10
- data/lib/cyberweb/yaml/custom_tags.yml +1 -1
- data/lib/cyberweb/yaml/html5_global_attributes.yml +5 -1
- data/lib/cyberweb/yaml/html_tag_legend.yml +2 -0
- data/lib/cyberweb/yaml/http_status_codes.yml +4 -1
- data/lib/cyberweb/yaml/load_these_yaml_files_by_default.yml +29 -0
- data/lib/cyberweb/yaml/project_configuration.yml +42 -31
- data/lib/cyberweb/yaml/video_attributes.yml +2 -0
- data/lib/cyberweb/yaml/web_images.yml +1 -1
- data/test/REST/simple.rb +7 -0
- data/test/complex_tests/simple_sinatra_example_using_cyberweb/simple.rb +1 -1
- data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.cgi +1 -1
- data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.rb +4 -4
- data/test/complex_tests/sinatra_or_cyberweb/sinatra_or_cyberweb.sinatra +1 -2
- data/test/complex_tests/testing_frames.cgi +3 -5
- data/test/complex_tests/testing_objectified_html_tags/testing_objectified_html_tags.html +28 -0
- data/test/complex_tests/testing_objectified_html_tags/testing_objectified_html_tags.rb +175 -0
- data/test/complex_tests/testing_style_variants/show_coloured_boxes.cgi +11 -7
- data/test/complex_tests/testing_tables.cgi +3 -3
- data/test/complex_tests/testing_the_cyberweb_shell.rb +2 -0
- data/test/complex_tests/testing_web_object.rb +5 -2
- data/test/css/README.md +4 -3
- data/test/css/return_the_content_of_these_css_classes.rb +5 -1
- data/test/css/test_hover_css/test_hover_css.cgi +59 -0
- data/test/css/test_ordered_list/test_ordered_list.cgi +31 -0
- data/test/css/testing_css_effects.cgi +3 -4
- data/test/css/testing_css_masking.cgi +3 -4
- data/test/hello_world/hello_world.cgi +6 -4
- data/test/html_template/html_template.rb +15 -0
- data/test/javascript/testing_custom_functions.js +24 -0
- data/test/javascript/testing_drag_and_drop_support.cgi +1 -1
- data/test/javascript/testing_on_click_change_opacity.cgi +4 -5
- data/test/javascript/testing_snowflakes.cgi +2 -2
- data/test/simple_tests/ad-hoc-test.cgi +5 -2
- data/test/simple_tests/cgi/hello_world_with_cyberweb.cgi +14 -0
- data/test/simple_tests/commandline_tests.rb +21 -15
- data/test/simple_tests/display_this_file.cgi +2 -2
- data/test/simple_tests/simple_html_example.cgi +2 -1
- data/test/simple_tests/simple_html_test_page/simple_html_test_page.html +20 -0
- data/test/simple_tests/simple_status_page.cgi +2 -2
- data/test/simple_tests/string_s2_test.rb +5 -0
- data/test/simple_tests/test_simple_string_as_input.rb +3 -1
- data/test/simple_tests/testing_base64_images.cgi +3 -4
- data/test/simple_tests/testing_checkboxes.cgi +22 -0
- data/test/simple_tests/testing_dragging_an_image.cgi +5 -6
- data/test/simple_tests/testing_editable_text.cgi +2 -3
- data/test/simple_tests/testing_email.cgi +6 -7
- data/test/simple_tests/testing_embedding_a_pdf_file.cgi +5 -5
- data/test/simple_tests/testing_google_charts.cgi +3 -3
- data/test/simple_tests/testing_html_forms.cgi +3 -3
- data/test/simple_tests/testing_html_template.rb +2 -0
- data/test/simple_tests/testing_popup_div.cgi +2 -3
- data/test/simple_tests/testing_return_dataset_without_any_comments.rb +3 -1
- data/test/simple_tests/testing_the_cap_box.cgi +3 -4
- data/test/simple_tests/testing_the_div_tag.cgi +3 -4
- data/test/simple_tests/testing_the_headers_tag.cgi +3 -4
- data/test/simple_tests/testing_the_html_colours.cgi +2 -3
- data/test/simple_tests/testing_the_info_box.cgi +2 -3
- data/test/simple_tests/testing_the_li_tag.cgi +2 -1
- data/test/simple_tests/testing_the_s2_method.rb +6 -1
- data/test/simple_tests/testing_the_select_tag.cgi +16 -8
- data/test/simple_tests/testing_the_span_tag.cgi +2 -3
- data/test/simple_tests/testing_web_images.rb +4 -2
- data/test/testing_html_tags/button_example.cgi +6 -7
- metadata +345 -151
- data/doc/CONVENTIONS.md +0 -7
- data/doc/CYBERWEB_TUTORIAL.cgi +0 -43
- data/doc/FUTURE_DESIGN_GOAL_CONSIDERATIONS.md +0 -13
- data/doc/todo/TODO_FOR_THE_CYBERWEB_PROJECT.md +0 -1089
- data/examples/css/shadow_example_in_CSS.cgi +0 -30
- data/lib/cyberweb/charts/README.md +0 -2
- data/lib/cyberweb/charts/google_charts.rb +0 -51
- data/lib/cyberweb/colours/random_colour.rb +0 -28
- data/lib/cyberweb/colours/sanitize_for_colours.rb +0 -95
- data/lib/cyberweb/constants/array_local_css_files.rb +0 -35
- data/lib/cyberweb/constants/configuration_file.rb +0 -33
- data/lib/cyberweb/constants/http_status_codes.rb +0 -42
- data/lib/cyberweb/constants/project_constants.rb +0 -99
- data/lib/cyberweb/constants/standalone_constants.rb +0 -309
- data/lib/cyberweb/csv/README.md +0 -2
- data/lib/cyberweb/generator/webpage_for_images.rb +0 -553
- data/lib/cyberweb/html_codes/README.md +0 -15
- data/lib/cyberweb/images/real/README.md +0 -6
- data/lib/cyberweb/io/README.md +0 -1
- data/lib/cyberweb/javascript/scroll.rb +0 -17
- data/lib/cyberweb/objectified_html_tags/README.md +0 -8
- data/lib/cyberweb/objectified_html_tags/base.rb +0 -376
- data/lib/cyberweb/predefined_and_freeform_methods/hash_css_class_to_use.rb +0 -55
- data/lib/cyberweb/requires/require_charts.rb +0 -20
- data/lib/cyberweb/web_object/css.rb +0 -627
- data/lib/cyberweb/web_object/evaluate.rb +0 -126
- data/lib/cyberweb/web_object/html_related_tags.rb +0 -320
- data/lib/cyberweb/web_object/initialize.rb +0 -51
- data/lib/cyberweb/web_object/input_related_functionality.rb +0 -414
- data/lib/cyberweb/web_object/languages.rb +0 -172
- data/lib/cyberweb/web_object/params.rb +0 -289
- data/lib/cyberweb/web_object/sinatra_related_functionality.rb +0 -30
- data/lib/cyberweb/web_object/sitemap.rb +0 -176
- data/lib/cyberweb/web_object/table.rb +0 -378
- data/test/complex_tests/testing_objectified_html_tags.rb +0 -82
- data/test/javascript/testing_cheerleader_javascript.cgi +0 -0
@@ -0,0 +1,39 @@
|
|
1
|
+
<html lang="en">
|
2
|
+
<head>
|
3
|
+
<meta charset="UTF-8">
|
4
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6
|
+
<link rel="stylesheet" href="style.css">
|
7
|
+
<link rel="preconnect" href="https://fonts.gstatic.com">
|
8
|
+
<link href="https://fonts.googleapis.com/css2?family=Itim&display=swap" rel="stylesheet">
|
9
|
+
<script src="./index.js"></script>
|
10
|
+
<title>Tic-Tac-Toe</title>
|
11
|
+
</head>
|
12
|
+
|
13
|
+
<body>
|
14
|
+
<main class="background">
|
15
|
+
<section class="title">
|
16
|
+
<h1>Tic Tac Toe</h1>
|
17
|
+
</section>
|
18
|
+
<section class="display">
|
19
|
+
Player <span class="display-player playerX">X</span>'s turn
|
20
|
+
</section>
|
21
|
+
<section class="container_for_tic_tac_toe">
|
22
|
+
<div class="tile"></div>
|
23
|
+
<div class="tile"></div>
|
24
|
+
<div class="tile"></div>
|
25
|
+
<div class="tile"></div>
|
26
|
+
<div class="tile"></div>
|
27
|
+
<div class="tile"></div>
|
28
|
+
<div class="tile"></div>
|
29
|
+
<div class="tile"></div>
|
30
|
+
<div class="tile"></div>
|
31
|
+
</section>
|
32
|
+
<section class="display announcer hide"></section>
|
33
|
+
<section class="controls_for_tic_tac_toe">
|
34
|
+
<button id="reset_for_tic_tac_toe">Reset</button>
|
35
|
+
</section>
|
36
|
+
</main>
|
37
|
+
</body>
|
38
|
+
|
39
|
+
</html>
|
@@ -0,0 +1,22 @@
|
|
1
|
+
<html>
|
2
|
+
<body>
|
3
|
+
|
4
|
+
<math xmlns = "http://www.w3.org/1998/Math/MathML">
|
5
|
+
<mrow>
|
6
|
+
<mrow>
|
7
|
+
<msup> <mi>x</mi> <mn>2</mn> </msup> <mo>+</mo>
|
8
|
+
<mrow>
|
9
|
+
<mn>4</mn>
|
10
|
+
<mo></mo>
|
11
|
+
<mi>x</mi>
|
12
|
+
</mrow>
|
13
|
+
<mo>+</mo>
|
14
|
+
<mn>4</mn>
|
15
|
+
</mrow>
|
16
|
+
<mo>=</mo>
|
17
|
+
<mn>0</mn>
|
18
|
+
</mrow>
|
19
|
+
</math>
|
20
|
+
|
21
|
+
</body>
|
22
|
+
</html>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
|
5
|
+
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
|
6
|
+
</head>
|
7
|
+
<math display="block">
|
8
|
+
<mrow>
|
9
|
+
<mi> f </mi>
|
10
|
+
<mo> </mo>
|
11
|
+
<mfenced>
|
12
|
+
<mi> x </mi>
|
13
|
+
<mi> y </mi>
|
14
|
+
</mfenced>
|
15
|
+
</mrow>
|
16
|
+
</math>
|
17
|
+
</html>
|
@@ -1,19 +1,16 @@
|
|
1
1
|
<html>
|
2
2
|
<head>
|
3
3
|
<title>abbr example in HTML</title>
|
4
|
-
|
5
4
|
<style>
|
6
5
|
|
7
6
|
|
8
|
-
|
9
7
|
</style>
|
10
8
|
</head>
|
11
9
|
|
12
10
|
<body>
|
11
|
+
<div style="margin: 2px; padding: 2px;">
|
13
12
|
|
14
|
-
<
|
15
|
-
|
16
|
-
<h1>Showcasing the abbr-HTML tag next</h1>
|
13
|
+
<h1 style="margin-top:0px;">Showcasing the abbr-HTML tag next</h1>
|
17
14
|
|
18
15
|
<p>
|
19
16
|
The <abbr title="World Health Organization">WHO</abbr> was founded
|
@@ -0,0 +1 @@
|
|
1
|
+
A HTML accordion is kind of a drop-down box.
|
@@ -0,0 +1,56 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="en">
|
3
|
+
<html>
|
4
|
+
<head>
|
5
|
+
<meta charset="UTF-8">
|
6
|
+
<title>HTML Accordion</title>
|
7
|
+
<style>
|
8
|
+
|
9
|
+
.drop_down_reveal_effect {
|
10
|
+
padding: 30px;
|
11
|
+
display: flex;
|
12
|
+
justify-content: center;
|
13
|
+
}
|
14
|
+
|
15
|
+
details {
|
16
|
+
width: 100%;
|
17
|
+
max-width: 500px;
|
18
|
+
}
|
19
|
+
|
20
|
+
summary {
|
21
|
+
background: #f2f2f2;
|
22
|
+
cursor: pointer;
|
23
|
+
padding: 15px;
|
24
|
+
}
|
25
|
+
|
26
|
+
p {
|
27
|
+
padding: 15px;
|
28
|
+
margin: 0;
|
29
|
+
background: #f2f2f2;
|
30
|
+
}
|
31
|
+
p.answer_paragraph {
|
32
|
+
padding-left: 1em;
|
33
|
+
padding-right: 1em;
|
34
|
+
}
|
35
|
+
|
36
|
+
</style>
|
37
|
+
</head>
|
38
|
+
<body>
|
39
|
+
|
40
|
+
<div class="drop_down_reveal_effect">
|
41
|
+
<details>
|
42
|
+
<summary>
|
43
|
+
Welche vier Aminosäuren (inklusive ihrer ein-Buchstabe
|
44
|
+
Kurzform) besitzen endständige NH₂-Gruppen?
|
45
|
+
</summary>
|
46
|
+
<p class="answer_paragraph">
|
47
|
+
Lysin K<br>
|
48
|
+
Arginin R<br>
|
49
|
+
Asparagin N<br>
|
50
|
+
Glutamin Q<br>
|
51
|
+
</p>
|
52
|
+
</details>
|
53
|
+
</div>
|
54
|
+
|
55
|
+
</body>
|
56
|
+
</html>
|
@@ -4,23 +4,26 @@
|
|
4
4
|
Base64 image example
|
5
5
|
</title>
|
6
6
|
</head>
|
7
|
-
|
8
7
|
<body>
|
9
8
|
|
10
9
|
<div>
|
11
10
|
|
12
11
|
<p>The first image has been taken from wikpedia</p>
|
13
|
-
|
14
12
|
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
|
15
|
-
|
16
13
|
<hr>
|
14
|
+
|
17
15
|
<p>The second image
|
18
16
|
has been taken from jsfiddle.net (direct URL is:
|
19
17
|
https://jsfiddle.net/casiano/Xadvz/ )
|
20
18
|
</p>
|
21
|
-
|
22
19
|
<img src="data:image/gif;base64,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">
|
23
20
|
|
21
|
+
<hr>
|
22
|
+
<p>The third image
|
23
|
+
shows a so-called fennek; I don't recall where I found it.
|
24
|
+
</p>
|
25
|
+
<img src="data:image/jpeg;base64,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MS4xLyIgeG1sbnM6R0lNUD0iaHR0cDovL3d3dy5naW1wLm9yZy94bXAvIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDpkOGFkMTU2Yi05NzNjLTRmZjAtODZmYS05NjhjZGYxY2FhMTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzIwNTI1NTQtYTkzMi00ZTgxLWIzZDQtYmFiZmNkNGI3ZWNkIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjY3NzFkNzUtY2NkNy00YTFhLTljYTctMDUwYjgyOWRmNmMyIiBkYzpGb3JtYXQ9ImltYWdlL2pwZWciIEdJTVA6QVBJPSIyLjAiIEdJTVA6UGxhdGZvcm09IkxpbnV4IiBHSU1QOlRpbWVTdGFtcD0iMTYzNDg3MzEwMzA3MDEwNCIgR0lNUDpWZXJzaW9uPSIyLjEwLjI4IiB4bXA6Q3JlYXRvclRvb2w9IkdJTVAgMi4xMCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDpjaGFuZ2VkPSIvIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmE1MWI2MDRkLWNjMDgtNDM1Yi05MGU4LTA5YWMyNWQ4ZTRiYiIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChMaW51eCkiIHN0RXZ0OndoZW49IjIwMjEtMTAtMjJUMDM6MjU6MDMrMDA6MDAiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg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">
|
26
|
+
|
24
27
|
</div>
|
25
28
|
</body>
|
26
|
-
</html>
|
29
|
+
</html>
|
@@ -0,0 +1,133 @@
|
|
1
|
+
<html>
|
2
|
+
<head>
|
3
|
+
<title>
|
4
|
+
Buttons example
|
5
|
+
</title>
|
6
|
+
|
7
|
+
<style>
|
8
|
+
|
9
|
+
button {
|
10
|
+
margin: 1em;
|
11
|
+
}
|
12
|
+
.shadow1 {
|
13
|
+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
|
14
|
+
}
|
15
|
+
|
16
|
+
.shadow2 {
|
17
|
+
box-shadow: 0 0 12px steelblue;
|
18
|
+
}
|
19
|
+
|
20
|
+
.button1 {
|
21
|
+
background-color: #4CAF50; /* Green */
|
22
|
+
border: none;
|
23
|
+
color: white;
|
24
|
+
padding: 15px 32px;
|
25
|
+
text-align: center;
|
26
|
+
text-decoration: none;
|
27
|
+
display: inline-block;
|
28
|
+
font-size: 16px;
|
29
|
+
}
|
30
|
+
|
31
|
+
.button2 {
|
32
|
+
display:inline-block;
|
33
|
+
padding:0.35em 1.2em;
|
34
|
+
border:0.1em solid #FFFFFF;
|
35
|
+
margin:0 0.3em 0.3em 0;
|
36
|
+
border-radius:0.12em;
|
37
|
+
box-sizing: border-box;
|
38
|
+
text-decoration:none;
|
39
|
+
font-family:'Roboto',sans-serif;
|
40
|
+
font-weight:300;
|
41
|
+
color:#FFFFFF;
|
42
|
+
text-align:center;
|
43
|
+
transition: all 0.2s;
|
44
|
+
}
|
45
|
+
|
46
|
+
.button3 {
|
47
|
+
display:inline-block;
|
48
|
+
padding:0.5em 3em;
|
49
|
+
border:0.16em solid #FFFFFF;
|
50
|
+
margin:0 0.3em 0.3em 0;
|
51
|
+
box-sizing: border-box;
|
52
|
+
text-decoration:none;
|
53
|
+
text-transform:uppercase;
|
54
|
+
font-family:'Roboto',sans-serif;
|
55
|
+
font-weight:400;
|
56
|
+
color:#FFFFFF;
|
57
|
+
text-align:center;
|
58
|
+
transition: all 0.15s;
|
59
|
+
}
|
60
|
+
|
61
|
+
.button3:hover{
|
62
|
+
color:#DDDDDD;
|
63
|
+
border-color:#DDDDDD;
|
64
|
+
}
|
65
|
+
.button3:active{
|
66
|
+
color:#BBBBBB;
|
67
|
+
border-color:#BBBBBB;
|
68
|
+
}
|
69
|
+
|
70
|
+
.button4 {
|
71
|
+
font-family: sans-serif;
|
72
|
+
font-size: 18px;
|
73
|
+
padding: 12px 32px;
|
74
|
+
margin: 1rem;
|
75
|
+
cursor: pointer;
|
76
|
+
border-radius: 4px;
|
77
|
+
transition: all 0.3s ease;
|
78
|
+
border-radius: 50px;
|
79
|
+
}
|
80
|
+
|
81
|
+
.button4_glow:hover {
|
82
|
+
box-shadow: rgba(var(--primary-color), 0.5) 0px 0px 20px 0px;
|
83
|
+
}
|
84
|
+
|
85
|
+
.button_primary {
|
86
|
+
background-color: rgb(var(--primary-color));
|
87
|
+
border: 1px solid rgb(var(--primary-color));
|
88
|
+
color: rgb(var(--text-color));
|
89
|
+
}
|
90
|
+
|
91
|
+
.button_gradient_border {
|
92
|
+
color: rgb(var(--text-color));
|
93
|
+
border: 2px double transparent;
|
94
|
+
background-image: linear-gradient(
|
95
|
+
rgb(13, 14, 33), rgb(13, 14, 33)
|
96
|
+
), radial-gradient(
|
97
|
+
circle at left top, rgb(1, 110, 218), rgb(217, 0, 192)
|
98
|
+
);
|
99
|
+
background-origin: border-box;
|
100
|
+
background-clip: padding-box, border-box;
|
101
|
+
}
|
102
|
+
|
103
|
+
|
104
|
+
</style>
|
105
|
+
</head>
|
106
|
+
|
107
|
+
<body>
|
108
|
+
|
109
|
+
|
110
|
+
<button class="shadow1">Hello there</button><br>
|
111
|
+
<button class="shadow2">Hello there</button><br>
|
112
|
+
|
113
|
+
<button class="button1">Hello there</button><br>
|
114
|
+
<button class="button1 shadow1">Hello there</button><br>
|
115
|
+
<button class="button1 shadow2">Hello there</button><br>
|
116
|
+
|
117
|
+
<button class="button2">Hello there</button><br>
|
118
|
+
<button class="button2 shadow1">Hello there</button><br>
|
119
|
+
<button class="button2 shadow2">Hello there</button><br>
|
120
|
+
|
121
|
+
<button class="button3">Hello there</button><br>
|
122
|
+
<button class="button3 shadow1">Hello there</button><br>
|
123
|
+
<button class="button3 shadow2">Hello there</button><br>
|
124
|
+
|
125
|
+
<button class="button4 button4_glow">Glow on Hover</button><br>
|
126
|
+
<button class="button4 button4_glow button_primary">Primary Button</button><br>
|
127
|
+
|
128
|
+
<button class="button_gradient_border" style="color: white">
|
129
|
+
Gradient Border Button
|
130
|
+
</button><br>
|
131
|
+
|
132
|
+
</body>
|
133
|
+
</html>
|
@@ -0,0 +1,54 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<body>
|
4
|
+
|
5
|
+
<h1>The canvas element - several elements will be drawn here</h1>
|
6
|
+
|
7
|
+
<canvas id="canvas"></canvas>
|
8
|
+
<script>
|
9
|
+
const canvas = document.getElementById('canvas');
|
10
|
+
const context = canvas.getContext('2d');
|
11
|
+
|
12
|
+
context.fillStyle = 'lightgreen';
|
13
|
+
context.fillRect(80, 80, 100, 100);
|
14
|
+
context.fillStyle = 'black';
|
15
|
+
context.fillRect(50, 100, 100, 100);
|
16
|
+
|
17
|
+
</script>
|
18
|
+
|
19
|
+
|
20
|
+
<canvas id="canvas1">
|
21
|
+
Your browser does not support the canvas tag.
|
22
|
+
</canvas>
|
23
|
+
|
24
|
+
<script>
|
25
|
+
var c = document.getElementById("canvas1");
|
26
|
+
var ctx = c.getContext('2d');
|
27
|
+
ctx.fillStyle = "#FF0000";
|
28
|
+
ctx.fillRect(0, 0, 80, 100);
|
29
|
+
</script>
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
<canvas id="test_canvas">
|
34
|
+
And a new canvas.
|
35
|
+
</canvas>
|
36
|
+
|
37
|
+
<script>
|
38
|
+
|
39
|
+
var canvas = document.getElementById("test_canvas");
|
40
|
+
var context = canvas.getContext("2d");
|
41
|
+
context.fillStyle = 'rgb(0, 200, 0)';
|
42
|
+
context.fillRect(50, 100, 100, 100);
|
43
|
+
|
44
|
+
|
45
|
+
|
46
|
+
|
47
|
+
|
48
|
+
</script>
|
49
|
+
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
</body>
|
54
|
+
</html>
|