{"id":1927,"date":"2019-04-10T21:47:51","date_gmt":"2019-04-10T15:47:51","guid":{"rendered":"https:\/\/themestrace.com\/tracem-wp\/?page_id=1927"},"modified":"2019-04-10T21:49:27","modified_gmt":"2019-04-10T15:49:27","slug":"home-fullwidth-slide","status":"publish","type":"page","link":"https:\/\/themestrace.com\/tracem-wp\/home-fullwidth-slide\/","title":{"rendered":"Home Fullwidth Slide"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1927\" class=\"elementor elementor-1927\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-45bf686 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"45bf686\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8c2b553\" data-id=\"8c2b553\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-df37fd8 elementor-widget elementor-widget-tracem-slider\" data-id=\"df37fd8\" data-element_type=\"widget\" data-widget_type=\"tracem-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"full-width-slideshow\">\r\n        <div class=\"full-width-slide\">\r\n        <div class=\"full_width_slide__wrap\">\r\n            <div class=\"full_width_slide__img\" style=\"background-image: url(https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/07\/slider-1.jpg);\"><\/div>\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row tracem-shrink\">\r\n                    <div class=\"col\">\r\n                        <div class=\"full_width_slide__title-wrap\">\r\n                            <h4 class=\"slide-cat\"><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/design-intro\/\" rel=\"tag\">Design Intro<\/a><\/h4>\r\n                            <h3 class=\"full_width_slide__title\">Madcap coffee company<\/h3>\r\n                            <p class=\"full_width_slide__subtitle\">\r\n                                We publish a very broad range of fiction and non-fiction international and local books                            <\/p>\r\n\r\n                                                                <div class=\"btn-generic\">\r\n                                        <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/madcap-coffee-company\/\">\r\n                                            <span class=\"animation-loaded\">\r\n                                                <span class=\"animation-loaded\">View Project<\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/div><!-- .btn-generic -->\r\n                                                                                    <\/div>\r\n                    <\/div><!-- .col -->\r\n                <\/div><!-- .row.tracem-shrink -->\r\n            <\/div><!-- .container-fluid -->\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"full-width-slide\">\r\n        <div class=\"full_width_slide__wrap\">\r\n            <div class=\"full_width_slide__img\" style=\"background-image: url(https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/07\/slider-2.jpg);\"><\/div>\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row tracem-shrink\">\r\n                    <div class=\"col\">\r\n                        <div class=\"full_width_slide__title-wrap\">\r\n                            <h4 class=\"slide-cat\"><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/design-scope\/\" rel=\"tag\">Design Scope<\/a><\/h4>\r\n                            <h3 class=\"full_width_slide__title\">Nutshell of design<\/h3>\r\n                            <p class=\"full_width_slide__subtitle\">\r\n                                I realized that it wasn\u2019t the amount of work that scares me, but it\u2019s\u00a0these factors instead                            <\/p>\r\n\r\n                                                                <div class=\"btn-generic\">\r\n                                        <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/nutshell-of-design\/\">\r\n                                            <span class=\"animation-loaded\">\r\n                                                <span class=\"animation-loaded\">View Project<\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/div><!-- .btn-generic -->\r\n                                                                                    <\/div>\r\n                    <\/div><!-- .col -->\r\n                <\/div><!-- .row.tracem-shrink -->\r\n            <\/div><!-- .container-fluid -->\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"full-width-slide\">\r\n        <div class=\"full_width_slide__wrap\">\r\n            <div class=\"full_width_slide__img\" style=\"background-image: url(https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/07\/slider-3.jpg);\"><\/div>\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row tracem-shrink\">\r\n                    <div class=\"col\">\r\n                        <div class=\"full_width_slide__title-wrap\">\r\n                            <h4 class=\"slide-cat\"><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/design-factory\/\" rel=\"tag\">Design Factory<\/a><\/h4>\r\n                            <h3 class=\"full_width_slide__title\">Horses of skull<\/h3>\r\n                            <p class=\"full_width_slide__subtitle\">\r\n                                I get caught up in looking at other people\u2019s beautiful portfolios, and end up worrying about the aesthetics                            <\/p>\r\n\r\n                                                                <div class=\"btn-generic\">\r\n                                        <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/horses-of-skull\/\">\r\n                                            <span class=\"animation-loaded\">\r\n                                                <span class=\"animation-loaded\">View Project<\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/div><!-- .btn-generic -->\r\n                                                                                    <\/div>\r\n                    <\/div><!-- .col -->\r\n                <\/div><!-- .row.tracem-shrink -->\r\n            <\/div><!-- .container-fluid -->\r\n        <\/div>\r\n    <\/div>\r\n        <div class=\"full-width-slide\">\r\n        <div class=\"full_width_slide__wrap\">\r\n            <div class=\"full_width_slide__img\" style=\"background-image: url(https:\/\/themestrace.com\/tracem-wp\/wp-content\/uploads\/2019\/07\/slider-4.jpg);\"><\/div>\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row tracem-shrink\">\r\n                    <div class=\"col\">\r\n                        <div class=\"full_width_slide__title-wrap\">\r\n                            <h4 class=\"slide-cat\"><a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio_category\/creative-design\/\" rel=\"tag\">Creative Design<\/a><\/h4>\r\n                            <h3 class=\"full_width_slide__title\">Teethes of the adept<\/h3>\r\n                            <p class=\"full_width_slide__subtitle\">\r\n                                Beautiful portfolios and end up worrying about the aesthetics of the portfolio more than the story itself                            <\/p>\r\n\r\n                                                                <div class=\"btn-generic\">\r\n                                        <a href=\"https:\/\/themestrace.com\/tracem-wp\/portfolio\/teethes-of-the-adept\/\">\r\n                                            <span class=\"animation-loaded\">\r\n                                                <span class=\"animation-loaded\">View Project<\/span>\r\n                                            <\/span>\r\n                                        <\/a>\r\n                                    <\/div><!-- .btn-generic -->\r\n                                                                                    <\/div>\r\n                    <\/div><!-- .col -->\r\n                <\/div><!-- .row.tracem-shrink -->\r\n            <\/div><!-- .container-fluid -->\r\n        <\/div>\r\n    <\/div>\r\n    <\/div><!-- \/slideshow -->\r\n<nav class=\"boxnav\">\r\n    <button class=\"boxnav__item boxnav__item--prev\">\r\n        <i class=\"fas fa-angle-left\"><\/i>\r\n    <\/button>\r\n    <div class=\"boxnav__item boxnav__item--label\">\r\n        <span class=\"boxnav__label boxnav__label--current\">1<\/span>\r\n        <span class=\"boxnav__label boxnav__label--total\"><\/span>\r\n    <\/div>\r\n    <button class=\"boxnav__item boxnav__item--next\">\r\n        <i class=\"fas fa-angle-right\"><\/i>\r\n    <\/button>\r\n<\/nav>\t    <script>\r\n\t        ;(function($){\r\n\t            \"use strict\";\r\n\t            $(document).ready(function () {\r\n\t\t\t\t\tif( document.querySelector('.full-width-slideshow') !== null )\r\n\t\t\t\t\t{\r\n\t\t\t\t\t    \/\/ The Slide (Product) class.\r\n\t\t\t\t\t    class Slide {\r\n\t\t\t\t\t        constructor(el, settings) {\r\n\t\t\t\t\t            this.DOM = {el: el};\r\n\t\t\t\t\t            \r\n\t\t\t\t\t            this.settings = {\r\n\t\t\t\t\t                detailsEl: null,\r\n\t\t\t\t\t                onHideDetails: () => {return false;}\r\n\t\t\t\t\t            }\r\n\t\t\t\t\t            Object.assign(this.settings, settings);\r\n\r\n\t\t\t\t\t            \/\/ The slide\u00b4s container.\r\n\t\t\t\t\t            this.DOM.wrap = this.DOM.el.querySelector('.full_width_slide__wrap');\r\n\t\t\t\t\t            \/\/ The image element.\r\n\t\t\t\t\t            this.DOM.img = this.DOM.wrap.querySelector('.full_width_slide__img');\r\n\t\t\t\t\t            \/\/ The title container.\r\n\t\t\t\t\t            this.DOM.titleWrap = this.DOM.wrap.querySelector('.full_width_slide__title-wrap');\r\n\r\n\t\t\t\t\t            \/\/ Some config values.\r\n\t\t\t\t\t            this.config = {\r\n\t\t\t\t\t                animation: {\r\n\t\t\t\t\t                    duration: 1.2,\r\n\t\t\t\t\t                    ease: Expo.easeInOut\r\n\t\t\t\t\t                }\r\n\t\t\t\t\t            };\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Sets the current class.\r\n\t\t\t\t\t        setCurrent(isCurrent = true) {\r\n\t\t\t\t\t            this.DOM.el.classList[isCurrent ? 'add' : 'remove']('slide--current');\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Hide the slide.\r\n\t\t\t\t\t        hide(direction) {\r\n\t\t\t\t\t            return this.toggle('hide', direction);\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Show the slide.\r\n\t\t\t\t\t        show(direction) {\r\n\t\t\t\t\t            this.DOM.el.style.zIndex = 10;\r\n\t\t\t\t\t            return this.toggle('show', direction);\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Show\/Hide the slide.\r\n\t\t\t\t\t        toggle(action, direction) {\r\n\t\t\t\t\t            return new Promise((resolve, reject) => {\r\n\t\t\t\t\t                \/\/ When showing a slide, the slide\u00b4s container will move 100% from the right or left depending on the direction.\r\n\t\t\t\t\t                \/\/ At the same time, both title wrap and the image will move the other way around thus creating the unreveal effect.\r\n\t\t\t\t\t                \/\/ Also, when showing or hiding a slide, we scale it from or to a value of 1.1.\r\n\t\t\t\t\t                if ( action === 'show' ) {\r\n\t\t\t\t\t                    TweenMax.to(this.DOM.wrap, this.config.animation.duration, {\r\n\t\t\t\t\t                        ease: this.config.animation.ease,\r\n\t\t\t\t\t                        startAt: {x: direction === 'right' ? '100%' : '-100%'},\r\n\t\t\t\t\t                        x: '0%'\r\n\t\t\t\t\t                    });\r\n\t\t\t\t\t                    TweenMax.to(this.DOM.titleWrap, this.config.animation.duration, {\r\n\t\t\t\t\t                        ease: this.config.animation.ease,\r\n\t\t\t\t\t                        startAt: {x: direction === 'right' ? '-100%' : '100%'},\r\n\t\t\t\t\t                        x: '0%'\r\n\t\t\t\t\t                    });\r\n\t\t\t\t\t                }\r\n\r\n\t\t\t\t\t                TweenMax.to(this.DOM.img, this.config.animation.duration, {\r\n\t\t\t\t\t                    ease: this.config.animation.ease,\r\n\t\t\t\t\t                    startAt: action === 'hide' ? {} : {x: direction === 'right' ? '-100%' : '100%', scale: 1.1},\r\n\t\t\t\t\t                    x: '0%',\r\n\t\t\t\t\t                    scale: action === 'hide' ? 1.1 : 1,\r\n\t\t\t\t\t                    onStart: () => {\r\n\t\t\t\t\t                        this.DOM.img.style.transformOrigin = action === 'hide' ? \r\n\t\t\t\t\t                                                                direction === 'right' ? '100% 50%' : '0% 50%':\r\n\t\t\t\t\t                                                                direction === 'right' ? '0% 50%' : '100% 50%';\r\n\t\t\t\t\t                        this.DOM.el.style.opacity = 1;\r\n\t\t\t\t\t                    },\r\n\t\t\t\t\t                    onComplete: () => {\r\n\t\t\t\t\t                        this.DOM.el.style.zIndex = 1;\r\n\t\t\t\t\t                        this.DOM.el.style.opacity = action === 'hide' ? 0 : 1;\r\n\t\t\t\t\t                        resolve();\r\n\t\t\t\t\t                    }\r\n\t\t\t\t\t                });\r\n\t\t\t\t\t            });\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t    }\r\n\r\n\t\t\t\t\t    \/\/ The navigation class. Controls the .boxnav animations (e.g. pagination animation).\r\n\t\t\t\t\t    class Navigation {\r\n\t\t\t\t\t        constructor(el, settings) {\r\n\t\t\t\t\t            this.DOM = {el: el};\r\n\r\n\t\t\t\t\t            this.settings = {\r\n\t\t\t\t\t                next: () => {return false;},\r\n\t\t\t\t\t                prev: () => {return false;}\r\n\t\t\t\t\t            }\r\n\t\t\t\t\t            Object.assign(this.settings, settings);\r\n\r\n\t\t\t\t\t            \/\/ Navigation controls (prev and next)\r\n\t\t\t\t\t            this.DOM.prevCtrl = this.DOM.el.querySelector('.boxnav__item--prev');\r\n\t\t\t\t\t            this.DOM.nextCtrl = this.DOM.el.querySelector('.boxnav__item--next');\r\n\t\t\t\t\t            \/\/ The current and total pages elements.\r\n\t\t\t\t\t            this.DOM.pagination = {\r\n\t\t\t\t\t                current: this.DOM.el.querySelector('.boxnav__label--current'),\r\n\t\t\t\t\t                total: this.DOM.el.querySelector('.boxnav__label--total')\r\n\t\t\t\t\t            };\r\n\t\t\t\t\t            this.initEvents();\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Updates the current page element value.\r\n\t\t\t\t\t        \/\/ Animate the element up, update the value and finally animate it in from bottom up.\r\n\t\t\t\t\t        setCurrent(val, direction) {\r\n\t\t\t\t\t            \/\/this.DOM.pagination.current.innerHTML = val;\r\n\t\t\t\t\t            TweenMax.to(this.DOM.pagination.current, 0.4, {\r\n\t\t\t\t\t                ease: 'Back.easeIn',\r\n\t\t\t\t\t                y: direction === 'right' ? '-100%' : '100%',\r\n\t\t\t\t\t                opacity: 0,\r\n\t\t\t\t\t                onComplete: () => {\r\n\t\t\t\t\t                    this.DOM.pagination.current.innerHTML = val;\r\n\t\t\t\t\t                    TweenMax.to(this.DOM.pagination.current, 0.8, {\r\n\t\t\t\t\t                        ease: 'Expo.easeOut',\r\n\t\t\t\t\t                        startAt: {y: direction === 'right' ? '50%' : '-50%', opacity: 0},\r\n\t\t\t\t\t                        y: '0%',\r\n\t\t\t\t\t                        opacity: 1\r\n\t\t\t\t\t                    });    \r\n\t\t\t\t\t                }\r\n\t\t\t\t\t            });\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Sets the total pages value.\r\n\t\t\t\t\t        setTotal(val) {\r\n\t\t\t\t\t            this.DOM.pagination.total.innerHTML = val;\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Initialize the events on the next\/prev controls.\r\n\t\t\t\t\t        initEvents() {\r\n\t\t\t\t\t            this.DOM.prevCtrl.addEventListener('click', () => this.settings.prev());\r\n\t\t\t\t\t            this.DOM.nextCtrl.addEventListener('click', () => this.settings.next());\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t    }\r\n\r\n\t\t\t\t\t    \/\/ The Slideshow class.\r\n\t\t\t\t\t    class Slideshow {\r\n\t\t\t\t\t        constructor(el) {\r\n\t\t\t\t\t            this.DOM = {el: el};\r\n\t\t\t\t\t            \/\/ Initialize the navigation instance. When clicking the next or prev ctrl buttons, trigger the navigate function.\r\n\t\t\t\t\t            this.navigation = new Navigation(document.querySelector('.boxnav'), {\r\n\t\t\t\t\t                next: () => this.navigate('right'),\r\n\t\t\t\t\t                prev: () => this.navigate('left')\r\n\t\t\t\t\t            });\r\n\t\t\t\t\t            \/\/ The slides.\r\n\t\t\t\t\t            this.slides = [];\r\n\t\t\t\t\t            \/\/ Initialize\/Create the slides instances.\r\n\t\t\t\t\t            Array.from(this.DOM.el.querySelectorAll('.full-width-slide')).forEach((slideEl,pos) => this.slides.push(new Slide(slideEl, {\r\n\t\t\t\t\t                \/\/ When clicking the close details ctrl button call the closeDetailsBoxes function.\r\n\t\t\t\t\t                onHideDetails: () => {\r\n\t\t\t\t\t                    if ( this.isAnimating ) return;\r\n\t\t\t\t\t                    this.isAnimating = true;\r\n\t\t\t\t\t                    this.closeDetailsBoxes().then(() => this.isAnimating = false);\r\n\t\t\t\t\t                }\r\n\t\t\t\t\t            })));\r\n\t\t\t\t\t            \/\/ The total number of slides.\r\n\t\t\t\t\t            this.slidesTotal = this.slides.length;\r\n\t\t\t\t\t            \/\/ Set the total number of slides in the navigation box.\r\n\t\t\t\t\t            this.navigation.setTotal(this.slidesTotal);\r\n\t\t\t\t\t            \/\/ At least 2 slides to continue...\r\n\t\t\t\t\t            if ( this.slidesTotal < 2 ) {\r\n\t\t\t\t\t                return false;\r\n\t\t\t\t\t            }\r\n\t\t\t\t\t            \/\/ Current slide position.\r\n\t\t\t\t\t            this.current = 0;\r\n\t\t\t\t\t            \/\/ Initialize the slideshow.\r\n\t\t\t\t\t            this.init();\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Set the current slide and initialize some events.\r\n\t\t\t\t\t        init() {\r\n\t\t\t\t\t            this.slides[this.current].setCurrent();\r\n\t\t\t\t\t        }\r\n\r\n\t\t\t\t\t        closeDetailsBoxes() {\r\n\t\t\t\t\t            return new Promise((resolve, reject) => {\r\n\t\t\t\t\t                resolve()\r\n\t\t\t\t\t            });\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t        \/\/ Navigate the slideshow.\r\n\t\t\t\t\t        navigate(direction) {\r\n\t\t\t\t\t            \/\/ If animating return.\r\n\t\t\t\t\t            if ( this.isAnimating ) return;\r\n\t\t\t\t\t            this.isAnimating = true;\r\n\r\n\t\t\t\t\t            \/\/ The next\/prev slide\u00b4s position.\r\n\t\t\t\t\t            const nextSlidePos = direction === 'right' ? \r\n\t\t\t\t\t                    this.current < this.slidesTotal-1 ? this.current+1 : 0 :\r\n\t\t\t\t\t                    this.current > 0 ? this.current-1 : this.slidesTotal-1;\r\n\r\n\t\t\t\t\t            \/\/ Close the details boxes (if open) and then hide the current slide and show the next\/previous one.\r\n\t\t\t\t\t            this.closeDetailsBoxes().then(() => {\r\n\t\t\t\t\t                \/\/ Update the current page element.\r\n\t\t\t\t\t                this.navigation.setCurrent(nextSlidePos+1, direction);\r\n\t\t\t\t\t                \r\n\t\t\t\t\t                Promise.all([this.slides[this.current].hide(direction), this.slides[nextSlidePos].show(direction)])\r\n\t\t\t\t\t                       .then(() => {\r\n\t\t\t\t\t                            \/\/ Update current.\r\n\t\t\t\t\t                            this.slides[this.current].setCurrent(false);\r\n\t\t\t\t\t                            this.current = nextSlidePos;\r\n\t\t\t\t\t                            this.slides[this.current].setCurrent();\r\n\t\t\t\t\t                            this.isAnimating = false;\r\n\t\t\t\t\t                       });\r\n\t\t\t\t\t            });\r\n\t\t\t\t\t        }\r\n\t\t\t\t\t    }\r\n\r\n\t\t\t\t\t    \/\/ Initialize the slideshow\r\n\t\t\t\t\t    const slideshow = new Slideshow(document.querySelector('.full-width-slideshow'));\r\n\t\t\t\t\t    \/\/ Preload all the images..\r\n\t\t\t\t\t    imagesLoaded(document.querySelectorAll('.full_width_slide__img'), {background: true}, () => document.body.classList.remove('loading'));\r\n\t\t\t\t\t}\r\n\t            });\r\n\t        })(jQuery)\r\n\t    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Design Intro Madcap coffee company We publish a very broad range of fiction and non-fiction international and local books View Project Design Scope Nutshell of design I realized that it wasn\u2019t the amount of work that scares me, but it\u2019s\u00a0these factors instead View Project Design Factory Horses of skull I get caught up in looking<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/pages\/1927"}],"collection":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/comments?post=1927"}],"version-history":[{"count":0,"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/pages\/1927\/revisions"}],"wp:attachment":[{"href":"https:\/\/themestrace.com\/tracem-wp\/wp-json\/wp\/v2\/media?parent=1927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}