{"id":228,"date":"2025-10-31T08:17:19","date_gmt":"2025-10-31T08:17:19","guid":{"rendered":"https:\/\/actionstories.co.za\/?page_id=228"},"modified":"2025-10-31T08:33:48","modified_gmt":"2025-10-31T08:33:48","slug":"this-and-that-issue-1","status":"publish","type":"page","link":"https:\/\/actionstories.co.za\/?page_id=228","title":{"rendered":"this and that issue 1"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n This & That - Issue #1: New Beginnings<\/title>\r\n<\/head>\r\n<body>\r\n\r\n<!-- HEADER -->\r\n<header class=\"manga-header\">\r\n <div class=\"header-container\">\r\n <div class=\"logo-section\">\r\n <a href=\"\/\" class=\"logo-link\">\r\n <span class=\"action-text\">ACTION<\/span>\r\n <span class=\"stories-text\">STORIES<\/span>\r\n <\/a>\r\n <\/div>\r\n <nav class=\"issue-nav\">\r\n <a href=\"\/\" class=\"nav-link\">\u2190 Back to Home<\/a>\r\n <a href=\"#read\" class=\"nav-link\">Start Reading<\/a>\r\n <\/nav>\r\n <\/div>\r\n<\/header>\r\n\r\n<!-- ISSUE HERO SECTION -->\r\n<section class=\"issue-hero\">\r\n <div class=\"issue-hero-container\">\r\n <div class=\"issue-cover-section\">\r\n <img decoding=\"async\" src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/This-That-new-cover.png\" alt=\"This & That Issue #1 Cover\" class=\"issue-cover-image\">\r\n <\/div>\r\n <div class=\"issue-info-section\">\r\n <div class=\"issue-badge\">This & That - Issue #1<\/div>\r\n <h1 class=\"issue-title\">New Beginnings<\/h1>\r\n <p class=\"issue-description\">Jade's world is perfect until Lucy transfers to her school. Old friendships and new drama collide on and off the netball court.<\/p>\r\n <div class=\"issue-stats\">\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">Format<\/span>\r\n <span class=\"stat-value\">PDF<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">Released<\/span>\r\n <span class=\"stat-value\">Feb 2025<\/span>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"stat-label\">Series<\/span>\r\n <span class=\"stat-value\">This & That<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#read\" class=\"start-reading-btn\">Start Reading \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- PDF READER SECTION -->\r\n<section class=\"pdf-reader-section\" id=\"read\">\r\n <div class=\"reader-container\">\r\n <h2 class=\"reader-title\">Read Issue<\/h2>\r\n <p class=\"reader-subtitle\">Use your browser's PDF controls to navigate<\/p>\r\n\r\n <!-- Download Button -->\r\n <div class=\"pdf-controls\">\r\n <a href=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/NEW-THIS-AND-THAT-2024-FULLY-EDITED-1.pdf\"\r\n target=\"_blank\"\r\n download\r\n class=\"download-btn\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\r\n <polyline points=\"7 10 12 15 17 10\"><\/polyline>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\r\n <\/svg>\r\n Download PDF\r\n <\/a>\r\n <a href=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/NEW-THIS-AND-THAT-2024-FULLY-EDITED-1.pdf\"\r\n target=\"_blank\"\r\n class=\"open-btn\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\r\n <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"><\/path>\r\n <polyline points=\"15 3 21 3 21 9\"><\/polyline>\r\n <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line>\r\n <\/svg>\r\n Open in New Tab\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- PDF Embed -->\r\n <div class=\"pdf-embed-container\">\r\n <object\r\n data=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/NEW-THIS-AND-THAT-2024-FULLY-EDITED-1.pdf#toolbar=1&navpanes=1&scrollbar=1\"\r\n type=\"application\/pdf\"\r\n class=\"pdf-object\">\r\n <iframe\r\n src=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/NEW-THIS-AND-THAT-2024-FULLY-EDITED-1.pdf\"\r\n class=\"pdf-iframe\">\r\n <p>Your browser doesn't support PDF viewing.\r\n <a href=\"https:\/\/actionstories.co.za\/wp-content\/uploads\/2025\/10\/NEW-THIS-AND-THAT-2024-FULLY-EDITED-1.pdf\" target=\"_blank\">\r\n Click here to download the PDF\r\n <\/a>\r\n <\/p>\r\n <\/iframe>\r\n <\/object>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* GLOBAL STYLES *\/\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml, body {\r\n width: 100%;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\nbody {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;\r\n background: #0a0a0a;\r\n color: #ffffff;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n}\r\n\r\n\/* HEADER *\/\r\n.manga-header {\r\n background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);\r\n border-bottom: 2px solid rgba(255, 70, 85, 0.3);\r\n padding: 20px 0;\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n backdrop-filter: blur(10px);\r\n}\r\n\r\n.header-container {\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n}\r\n\r\n.logo-link {\r\n text-decoration: none;\r\n display: flex;\r\n gap: 15px;\r\n align-items: center;\r\n}\r\n\r\n.action-text,\r\n.stories-text {\r\n font-size: 2rem;\r\n font-weight: 900;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n}\r\n\r\n.issue-nav {\r\n display: flex;\r\n gap: 30px;\r\n}\r\n\r\n.nav-link {\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n padding: 10px 20px;\r\n border-radius: 25px;\r\n}\r\n\r\n.nav-link:hover {\r\n background: rgba(255, 70, 85, 0.1);\r\n color: #ff4655;\r\n}\r\n\r\n\/* ISSUE HERO SECTION *\/\r\n.issue-hero {\r\n background: linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);\r\n padding: 80px 20px;\r\n}\r\n\r\n.issue-hero-container {\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0 40px;\r\n display: grid;\r\n grid-template-columns: 1fr 1.5fr;\r\n gap: 60px;\r\n align-items: center;\r\n}\r\n\r\n.issue-cover-section {\r\n position: relative;\r\n}\r\n\r\n.issue-cover-image {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 20px;\r\n box-shadow: 0 20px 60px rgba(255, 70, 85, 0.3);\r\n border: 3px solid rgba(255, 70, 85, 0.4);\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.issue-cover-image:hover {\r\n transform: scale(1.02);\r\n}\r\n\r\n.issue-info-section {\r\n padding: 20px;\r\n}\r\n\r\n.issue-badge {\r\n display: inline-block;\r\n background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.issue-title {\r\n font-size: 4rem;\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n line-height: 1.2;\r\n}\r\n\r\n.issue-description {\r\n font-size: 1.3rem;\r\n line-height: 1.8;\r\n color: #ccc;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.issue-stats {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-bottom: 40px;\r\n}\r\n\r\n.stat-item {\r\n background: rgba(255, 255, 255, 0.05);\r\n padding: 20px;\r\n border-radius: 15px;\r\n border: 2px solid rgba(255, 70, 85, 0.2);\r\n text-align: center;\r\n}\r\n\r\n.stat-label {\r\n display: block;\r\n font-size: 0.9rem;\r\n color: #999;\r\n margin-bottom: 10px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.stat-value {\r\n display: block;\r\n font-size: 2rem;\r\n font-weight: 900;\r\n color: #ff4655;\r\n}\r\n\r\n.start-reading-btn {\r\n display: inline-block;\r\n padding: 18px 45px;\r\n background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n font-size: 1.2rem;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n}\r\n\r\n.start-reading-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(255, 70, 85, 0.5);\r\n}\r\n\r\n\/* PDF READER SECTION *\/\r\n.pdf-reader-section {\r\n background: linear-gradient(180deg, #0a0a0a 0%, #1a1a1a 100%);\r\n padding: 80px 20px;\r\n min-height: 100vh;\r\n}\r\n\r\n.reader-container {\r\n max-width: 100%;\r\n margin: 0;\r\n padding: 0 40px;\r\n}\r\n\r\n.reader-title {\r\n font-size: 3rem;\r\n font-weight: 900;\r\n text-align: center;\r\n margin-bottom: 10px;\r\n background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n text-transform: uppercase;\r\n}\r\n\r\n.reader-subtitle {\r\n text-align: center;\r\n font-size: 1.2rem;\r\n color: #999;\r\n margin-bottom: 30px;\r\n}\r\n\r\n\/* PDF CONTROLS *\/\r\n.pdf-controls {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 20px;\r\n flex-wrap: wrap;\r\n margin-bottom: 30px;\r\n}\r\n\r\n.download-btn,\r\n.open-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 15px 30px;\r\n background: linear-gradient(135deg, #ff4655 0%, #ff8a00 100%);\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n transition: all 0.3s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.open-btn {\r\n background: rgba(255, 70, 85, 0.2);\r\n border: 2px solid rgba(255, 70, 85, 0.4);\r\n}\r\n\r\n.download-btn:hover,\r\n.open-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 30px rgba(255, 70, 85, 0.5);\r\n}\r\n\r\n\/* PDF EMBED *\/\r\n.pdf-embed-container {\r\n background: rgba(255, 255, 255, 0.02);\r\n border: 2px solid rgba(255, 70, 85, 0.2);\r\n border-radius: 20px;\r\n padding: 20px;\r\n min-height: 900px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.pdf-object,\r\n.pdf-iframe {\r\n width: 100%;\r\n height: 900px;\r\n border: none;\r\n border-radius: 10px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* RESPONSIVE DESIGN *\/\r\n@media (max-width: 1200px) {\r\n .issue-hero-container {\r\n grid-template-columns: 1fr;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .action-text,\r\n .stories-text {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .header-container {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n\r\n .issue-nav {\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .issue-title {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .issue-stats {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .reader-title {\r\n font-size: 2rem;\r\n }\r\n\r\n .pdf-controls {\r\n flex-direction: column;\r\n }\r\n\r\n .pdf-embed-container,\r\n .pdf-object,\r\n .pdf-iframe {\r\n min-height: 600px;\r\n height: 600px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .issue-hero {\r\n padding: 40px 20px;\r\n }\r\n\r\n .start-reading-btn {\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .download-btn,\r\n .open-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Smooth scroll\r\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener('click', function (e) {\r\n e.preventDefault();\r\n const target = document.querySelector(this.getAttribute('href'));\r\n if (target) {\r\n target.scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'start'\r\n });\r\n }\r\n });\r\n});\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This & That – Issue #1: New Beginnings ACTION STORIES \u2190 Back to Home Start Reading This & That – Issue #1 New Beginnings Jade’s world is perfect until Lucy transfers to her school. Old friendships and new drama collide on and off the netball court. Format PDF Released Feb 2025 Series This & That […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=228"}],"version-history":[{"count":10,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":239,"href":"https:\/\/actionstories.co.za\/index.php?rest_route=\/wp\/v2\/pages\/228\/revisions\/239"}],"wp:attachment":[{"href":"https:\/\/actionstories.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}