{"id":3235,"date":"2025-03-03T19:01:49","date_gmt":"2025-03-03T19:01:49","guid":{"rendered":"https:\/\/www.evagelak.sites.sch.gr\/?p=3235"},"modified":"2025-03-04T07:31:30","modified_gmt":"2025-03-04T07:31:30","slug":"scratch-junior-%ce%b5%ce%bd%cf%84%ce%bf%ce%bb%ce%ad%cf%82","status":"publish","type":"post","link":"https:\/\/www.evagelak.sites.sch.gr\/?p=3235","title":{"rendered":"\u039a\u03b1\u03bb\u03ae \u03a3\u03b1\u03c1\u03b1\u03ba\u03bf\u03c3\u03c4\u03ae"},"content":{"rendered":"\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"el\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03b5\u03c4\u03ac\u03b5\u03b9 \u03bc\u03b5 \u03bf\u03c5\u03c1\u03ac<\/title>\n    <style>\n        body {\n            background: lightgray;\n            margin: 0;\n            padding: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n        }\n\n        .content-wrapper {\n            width: 100%;\n            max-width: 100%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            padding: 0;\n        }\n\n        .article-section {\n            position: relative;\n            width: 100%;\n            max-width: 100vw;\n            height: auto;\n            aspect-ratio: 16 \/ 9;\n            background: skyblue;\n            border-radius: 10px;\n            padding: 2vw;\n            overflow: hidden;\n            box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);\n        }\n\n        .sun {\n            width: 10vw;\n            height: 10vw;\n            max-width: 120px;\n            max-height: 120px;\n            background: yellow;\n            border-radius: 50%;\n            position: absolute;\n            top: 5%;\n            right: 5%;\n            box-shadow: 0 0 60px rgba(255, 255, 0, 1);\n        }\n\n        .text-box {\n            position: absolute;\n            top: 5%;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 50%;\n            max-width: 500px;\n            height: 10%;\n            background: white;\n            border: 2px solid black;\n            border-radius: 10px;\n            text-align: center;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 2vw;\n            font-weight: bold;\n            color: black;\n        }\n\n        .computer {\n            width: 15%;\n            height: auto;\n            aspect-ratio: 4 \/ 3;\n            background: gray;\n            position: absolute;\n            top: 30%;\n            left: 50%;\n            transform: translateX(-50%);\n            border-radius: 10px;\n            animation: fly 3s infinite ease-in-out;\n        }\n\n        @keyframes fly {\n            0% { transform: translate(-50%, -50%) translateY(-2%); }\n            50% { transform: translate(-50%, -50%) translateY(2%); }\n            100% { transform: translate(-50%, -50%) translateY(-2%); }\n        }\n\n        .screen {\n            width: 75%;\n            height: 65%;\n            background: black;\n            position: absolute;\n            top: 10%;\n            left: 50%;\n            transform: translateX(-50%);\n            border-radius: 6px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: lime;\n            font-family: monospace;\n            font-size: 1.5vw;\n        }\n\n        .keyboard {\n            width: 90%;\n            height: 10%;\n            background: darkgray;\n            position: absolute;\n            top: 85%;\n            left: 50%;\n            transform: translateX(-50%);\n            border-radius: 6px;\n        }\n\n        .tail {\n            position: absolute;\n            top: 100%;\n            left: 50%;\n            transform: translateX(-50%);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 0.5vw;\n            animation: tailMove 1s infinite alternate ease-in-out;\n        }\n\n        @keyframes tailMove {\n            0% { transform: rotate(-5deg); }\n            100% { transform: rotate(5deg); }\n        }\n\n        .tail div {\n            width: 2vw;\n            height: 2vw;\n            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\n            background: red;\n        }\n\n        .tail div:nth-child(2) { background: yellow; }\n        .tail div:nth-child(3) { background: blue; }\n        .tail div:nth-child(4) { background: green; }\n        .tail div:nth-child(5) { background: orange; }\n\n        .sea {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 15%;\n            background: #1e90ff;\n        }\n\n        .boat {\n            position: absolute;\n            bottom: 5%;\n            right: 5%;\n            width: 16%;\n            height: 8%;\n            background: #8B0000;\n            border-radius: 20px 20px 0 0;\n        }\n\n        .mast {\n            position: absolute;\n            bottom: 13%;\n            right: 12%;\n            width: 2px;\n            height: 10%;\n            background: black;\n        }\n\n        .sail {\n            position: absolute;\n            bottom: 13%;\n            right: 12%;\n            width: 6%;\n            height: 8%;\n            background: white;\n            clip-path: polygon(0% 0%, 100% 50%, 0% 100%);\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"content-wrapper\">\n        <div class=\"article-section\">\n            <div class=\"sun\"><\/div>\n            <div class=\"text-box\">\u039a\u0391\u03a1\u03a5\u03a3\u03a4\u039f\u03a3 2025<\/div>\n            <div class=\"computer\">\n                <div class=\"screen\"><\/div>\n                <div class=\"keyboard\"><\/div>\n                <div class=\"tail\">\n                    <div><\/div>\n                    <div><\/div>\n                    <div><\/div>\n                    <div><\/div>\n                    <div><\/div>\n                <\/div>\n            <\/div>\n            <div class=\"sea\"><\/div>\n            <div class=\"boat\"><\/div>\n            <div class=\"mast\"><\/div>\n            <div class=\"sail\"><\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-purple-color has-alpha-channel-opacity has-purple-background-color has-background is-style-wide\"\/>\n\n\n<div class=\"wp-block-post-author\"><div class=\"wp-block-post-author__avatar\"><img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa-150x150.jpg\" class=\"avatar avatar-48 photo\" alt=\"\" srcset=\"https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa-150x150.jpg 150w, https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa-300x300.jpg 300w, https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa-270x270.jpg 270w, https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa-192x192.jpg 192w, https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa-180x180.jpg 180w, https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa-32x32.jpg 32w, https:\/\/www.evagelak.sites.sch.gr\/wp-content\/uploads\/2024\/02\/cropped-fatsa.jpg 512w\" sizes=\"auto, (max-width: 48px) 100vw, 48px\" \/><\/div><div class=\"wp-block-post-author__content\"><p class=\"wp-block-post-author__name\">\u0395\u03c5\u03b1\u03b3\u03b3\u03b5\u03bb\u03b1\u03ba\u03cc\u03c0\u03bf\u03c5\u03bb\u03bf\u03c2 \u0393\u03b9\u03ac\u03bd\u03bd\u03b7\u03c2<\/p><\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u03a5\u03c0\u03bf\u03bb\u03bf\u03b3\u03b9\u03c3\u03c4\u03ae\u03c2 \u03c0\u03bf\u03c5 \u03c0\u03b5\u03c4\u03ac\u03b5\u03b9 \u03bc\u03b5 \u03bf\u03c5\u03c1\u03ac \u039a\u0391\u03a1\u03a5\u03a3\u03a4\u039f\u03a3 2025<\/p>\n","protected":false},"author":1,"featured_media":3243,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/3235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3235"}],"version-history":[{"count":23,"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/3235\/revisions"}],"predecessor-version":[{"id":3265,"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/posts\/3235\/revisions\/3265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=\/wp\/v2\/media\/3243"}],"wp:attachment":[{"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.evagelak.sites.sch.gr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}