{"id":2,"date":"2021-09-06T17:57:33","date_gmt":"2021-09-06T15:57:33","guid":{"rendered":"https:\/\/lightpainting.me\/?page_id=2"},"modified":"2023-01-22T16:49:07","modified_gmt":"2023-01-22T15:49:07","slug":"beispiel-seite","status":"publish","type":"page","link":"https:\/\/lightpainting.me\/","title":{"rendered":"Start-Seite"},"content":{"rendered":"\n<style>\n.wrapper h1 {\nwidth: 220px;\ntext-align: center;\npadding-top: 90px;\ncolor: #171717;\nz-index: 1000;\nfont-family: monospace;\ntext-shadow:\n      0 0 7px #7bbc1a,\n      0 0 10px #7bbc1a,\n      0 0 21px #7bbc1a,\n      0 0 42px #0fa,\n      0 0 82px #0fa,\n      0 0 92px #0fa,\n      0 0 102px #0fa,\n      0 0 151px #0fa;\n}\n\n\n.wrapper {\n   height: 220px; \n   width: 220px; \n}\n\n.parent {\n    width: 100%;\n    height: 100%;\n    border: 1px solid #7bbc1a;\n    overflow: hidden;\n    position: relative;\n    float: left;\n    display: inline-block;\n  cursor: pointer;\n}\n\n.child {\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n    background-repeat: no-repeat;\n    -webkit-transition: all .5s;\n    -moz-transition: all .5s;\n    -o-transition: all .5s;\n    transition: all .5s;\n}\n\n.bg {\nbackground-position: center; \nbackground-repeat: no-repeat; \nbackground-position: center; \nbackground-size: cover;\n}\n\n.bg-blades {\n  background-image: url('https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/Kat-Blades.jpg'); \n}\n\n.bg-tubes{\n  background-image: url('https:\/\/lightpainting.me\/wp-content\/uploads\/2022\/05\/20220514_1_kl.jpg'); \n}\n\n.bg-tools{\n  background-image: url('https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/Kat-Tools.jpg'); \n}\n\n.bg-sonstiges{\n  background-image: url('https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/Kat-Sonstiges.jpg'); \n}\n\n.parent:hover .child, .parent:focus .child {\n    -ms-transform: scale(1.2);\n    -moz-transform: scale(1.2);\n    -webkit-transform: scale(1.2);\n    -o-transform: scale(1.2);\n    transform: scale(1.2);\n}\n\n.parent:hover .child:before, .parent:focus .child:before {\n    display: block;\n}\n\n.parent:hover a, .parent:focus a {\n    display: block;\n}\n\n.child:before {\n    content: \"\";\n    display: none;\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: rgba(123,188,26,0.2);\n}\n\n\n<\/style>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a href=\"https:\/\/lightpainting.me\/index.php\/aus-kategorie-waehlen\/blades\/\" class=\"wrapper\">\n  <div class=\"parent\" onclick=\"\">\n    <div class=\"child bg bg-blades\">\n     <h1>Blades<\/h1>\n    <\/div>\n  <\/div>\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a href=\"https:\/\/lightpainting.me\/index.php\/aus-kategorie-waehlen\/elektronik\/\" class=\"wrapper\">\n  <div class=\"parent\" onclick=\"\">\n    <div class=\"child bg bg-tubes\">\n     <h1>Elektronik<\/h1>\n    <\/div>\n  <\/div>\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a href=\"https:\/\/lightpainting.me\/index.php\/aus-kategorie-waehlen\/tools\/\" class=\"wrapper\">\n  <div class=\"parent\" onclick=\"\">\n    <div class=\"child bg bg-tools\">\n     <h1>Tools<\/h1>\n    <\/div>\n  <\/div>\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wrapper\">\n<a href=\"https:\/\/lightpainting.me\/index.php\/aus-kategorie-waehlen\/sonstiges\/\">\n  <div class=\"parent\" onclick=\"\">\n    <div class=\"child bg bg-sonstiges\">\n     <h1>Sonstiges<\/h1>\n    <\/div>\n  <\/div>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"994\" height=\"573\" src=\"https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/startpage-image-edited.jpg\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/startpage-image-edited.jpg 994w, https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/startpage-image-edited-324x187.jpg 324w, https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/startpage-image-edited-416x240.jpg 416w, https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/startpage-image-edited-300x173.jpg 300w, https:\/\/lightpainting.me\/wp-content\/uploads\/2021\/09\/startpage-image-edited-768x443.jpg 768w\" sizes=\"auto, (max-width: 994px) 100vw, 994px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Blades Elektronik Tools Sonstiges<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":86,"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":475,"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/475"}],"wp:attachment":[{"href":"https:\/\/lightpainting.me\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}