{"id":12415,"date":"2024-06-02T13:58:14","date_gmt":"2024-06-02T10:58:14","guid":{"rendered":"https:\/\/albushra.sch.sa\/ar\/?page_id=12415"},"modified":"2026-03-30T19:40:16","modified_gmt":"2026-03-30T16:40:16","slug":"%d8%a7%d9%84%d8%a8%d8%ab-%d8%a7%d9%84%d9%85%d8%a8%d8%a7%d8%b4%d8%b1-%d9%84%d8%ad%d9%81%d9%84-%d8%a7%d9%84%d8%aa%d8%ae%d8%b1%d8%ac-1445%d9%87","status":"publish","type":"page","link":"https:\/\/albushra.sch.sa\/ar\/?page_id=12415","title":{"rendered":"\u062d\u0641\u0644 \u0627\u0644\u062a\u062e\u0631\u062c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12415\" class=\"elementor elementor-12415\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff87b2f e-con-full e-flex e-con e-parent\" data-id=\"ff87b2f\" data-element_type=\"container\" data-e-type=\"container\" id=\"fullpage\">\n\t\t<div class=\"elementor-element elementor-element-9ce14bd section e-con-full e-flex e-con e-child\" data-id=\"9ce14bd\" data-element_type=\"container\" data-e-type=\"container\" id=\"section1\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a4c38 elementor-widget elementor-widget-video\" data-id=\"a2a4c38\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/8NxtLihuSZ0?si=S4-kEHMQcoeHgu9E&quot;,&quot;yt_privacy&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cfb9103 elementor-widget elementor-widget-html\" data-id=\"cfb9103\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/ajax\/libs\/fullPage.js\/3.1.2\/fullpage.min.js?ver=1759923533\"><\/script>\r\n<script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/ajax\/libs\/gsap\/3.11.3\/gsap.min.js?ver=1759923533\"><\/script>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', function() {\r\n    const fullpageInstance = new fullpage(\"#fullpage\", {\r\n      scrollingSpeed: 1000,\r\n      autoScrolling: true,\r\n      scrollHorizontally: true,\r\n      navigation: false,\r\n      onLeave: function (origin, destination, direction) {\r\n        const leavingText = origin.item.querySelector(\"h1\");\r\n        const enteringText = destination.item.querySelector(\"h1\");\r\n        const line = destination.item.querySelector(\".line\");\r\n        const navbarText = document.querySelectorAll(\".navbar a, .navbar h2\");\r\n        const scrollTexts = document.querySelectorAll(\".scroll-text h2\");\r\n\r\n        gsap.to(leavingText, {\r\n          opacity: 0,\r\n          y: -100,\r\n          duration: 1.5,\r\n          ease: \"power2.out\",\r\n        });\r\n\r\n        gsap.fromTo(\r\n          enteringText,\r\n          { y: 100, opacity: 0 },\r\n          {\r\n            y: 0,\r\n            opacity: 1,\r\n            color: destination.item.getAttribute(\"data-text-color\"),\r\n            duration: 1.5,\r\n            ease: \"power2.out\",\r\n            delay: 0.5,\r\n          }\r\n        );\r\n\r\n        const newBgColor = destination.item.getAttribute(\"data-bg\");\r\n        const newTextColor = destination.item.getAttribute(\"data-text-color\");\r\n\r\n        \/\/ Baggrundsfarve p\u00e5 sektionen\r\n        destination.item.style.backgroundColor = newBgColor;\r\n\r\n        \/\/ Skift farver p\u00e5 line, navbar og scroll-tekster\r\n        if (line) {\r\n          gsap.to(line, { color: newTextColor, duration: 0.5 });\r\n        }\r\n        gsap.to(navbarText, { color: newTextColor, duration: 0.5 });\r\n        gsap.to(scrollTexts, { color: newTextColor, duration: 0.5 });\r\n\r\n        \/\/ Line width animation\r\n        const newLineWidth = (destination.index + 1) * 150;\r\n        const currentLineWidth = (origin.index + 1) * 150;\r\n\r\n        if (direction === \"down\") {\r\n          if (line) {\r\n            gsap.to(line, {\r\n              width: newLineWidth + \"px\",\r\n              duration: 1.5,\r\n              ease: \"power2.out\",\r\n            });\r\n          }\r\n        } else {\r\n          if (line) {\r\n            gsap.to(line, {\r\n              width: currentLineWidth + \"px\",\r\n              duration: 1.5,\r\n              ease: \"power2.out\",\r\n            });\r\n          }\r\n        }\r\n      },\r\n    });\r\n\r\n    document.getElementById('link1').addEventListener('click', function(){\r\n      scrollToSection(1);\r\n    });\r\n    document.getElementById('link2').addEventListener('click', function(){\r\n      scrollToSection(2);\r\n    });\r\n    document.getElementById('link3').addEventListener('click', function(){\r\n      scrollToSection(3);\r\n    });\r\n    document.getElementById('link4').addEventListener('click', function(){\r\n      scrollToSection(4);\r\n    });\r\n\r\n    function scrollToSection(sectionIndex) {\r\n      fullpageInstance.moveTo(sectionIndex);\r\n    }\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adcf3bf elementor-widget elementor-widget-html\" data-id=\"adcf3bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link data-minify=\"1\"\r\n      rel=\"stylesheet\"\r\n      href=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/ajax\/libs\/fullPage.js\/3.1.2\/fullpage.min.css?ver=1773958044\"\r\n    \/>\r\n<style>\r\n\r\n      .section {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: bottom;\r\n        align-items: bottom;\r\n        height: 100vh;\r\n        text-align: bottom;\r\n        font-size: 6rem;\r\n        overflow: hidden;\r\n        position: relative;\r\n        \/*transition: transform 5s ease-in-out;*\/\r\n      }\r\n\r\n      \/* Navbar *\/\r\n      .navbar {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        background-color: transparent;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        padding: 10px 20px;\r\n        z-index: 10;\r\n      }\r\n\r\n      .navbar .logo {\r\n        font-size: 1.5rem;\r\n        font-weight: bold;\r\n        color: #f1f1f1;\r\n      }\r\n\r\n      .navbar .links {\r\n        display: flex;\r\n        white-space: nowrap;\r\n      }\r\n      .navbar .links a{\r\n          text-decoration: none;\r\n      }\r\n\r\n      \/* Change main text color to black *\/\r\n      h1 {\r\n        color: black;\r\n        opacity: 1;\r\n        margin-bottom: 20px;\r\n      }\r\n\r\n\r\n\r\n      \/* Scroll text styling *\/\r\n      .scroll-text {\r\n        position: fixed;\r\n        top: 50%;\r\n        transform: translateY(-50%) rotate(-90deg);\r\n        font-size: 1.5rem;\r\n        color: #f1f1f1;\r\n        opacity: 0.8;\r\n        z-index: 5;\r\n      }\r\n\r\n      .scroll-text.left {\r\n        left: 20px;\r\n      }\r\n\r\n      .scroll-text.right {\r\n        right: 20px;\r\n      }\r\n\r\n\r\n.fp-tableCell {\r\n    display: table-cell;\r\n    vertical-align: center;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n <\/style>\r\n\r\n\r\n\r\n<script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/ajax\/libs\/gsap\/3.11.5\/gsap.min.js?ver=1773388756\"><\/script>\r\n<script data-minify=\"1\" src=\"https:\/\/nicolaipalmkvist.com\/wp-content\/cache\/min\/1\/ajax\/libs\/gsap\/3.11.5\/ScrollTrigger.min.js?ver=1773388756\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12415","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=\/wp\/v2\/pages\/12415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12415"}],"version-history":[{"count":226,"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=\/wp\/v2\/pages\/12415\/revisions"}],"predecessor-version":[{"id":15973,"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=\/wp\/v2\/pages\/12415\/revisions\/15973"}],"wp:attachment":[{"href":"https:\/\/albushra.sch.sa\/ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}