{"id":21,"date":"2025-01-22T20:51:41","date_gmt":"2025-01-22T20:51:41","guid":{"rendered":"https:\/\/surgeworlds.com\/?page_id=21"},"modified":"2026-01-26T16:53:11","modified_gmt":"2026-01-26T16:53:11","slug":"home-page","status":"publish","type":"page","link":"https:\/\/surgeworlds.com\/","title":{"rendered":"Welcome To Surge Worlds!"},"content":{"rendered":"\n<p><code><div class=\"surge-worlds-home-page-content\" style=\"--surge-link-color:#6ecbff;\">\n            <style>\n                .surge-worlds-home-page-content a {\n                    color: var(--surge-link-color) !important;\n                }\n                .surge-worlds-home-page-content a:hover {\n                    text-decoration: underline;\n                }\n            <\/style><div id=\"surge-home-root\">\r\n  <style>\r\n    #surge-home-root{\r\n      --surge-gold:#caa24a;\r\n      --surge-carousel-h:250px; \/* <<< HERO HEIGHT *\/\r\n      --surge-bg:#070A10;\r\n      --surge-text:#e9eefc;\r\n\r\n      all:initial;\r\n      display:block;\r\n      font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;\r\n      color:var(--surge-text);\r\n    }\r\n    #surge-home-root *,#surge-home-root *::before,#surge-home-root *::after{\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    #surge-home-root .surge-carousel{\r\n      max-width:1200px;\r\n      margin:24px auto;\r\n      border:1px solid var(--surge-gold);\r\n      border-radius:14px;\r\n      overflow:hidden;\r\n      background:var(--surge-bg);\r\n      position:relative;\r\n    }\r\n\r\n    #surge-home-root .surge-viewport{\r\n      height:var(--surge-carousel-h);\r\n      position:relative;\r\n      overflow:hidden;\r\n      background:var(--surge-bg);\r\n    }\r\n\r\n    #surge-home-root .surge-slide{\r\n      position:absolute;\r\n      inset:0;\r\n      opacity:0;\r\n      transition:opacity 600ms ease;\r\n    }\r\n    #surge-home-root .surge-slide.is-active{\r\n      opacity:1;\r\n      z-index:2;\r\n    }\r\n\r\n    #surge-home-root .surge-slide a{\r\n      display:block;\r\n      width:100%;\r\n      height:100%;\r\n      position:relative;\r\n    }\r\n\r\n    #surge-home-root .surge-slide img{\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n      object-position:center;\r\n      display:block;\r\n    }\r\n\r\n    \/* Left\/right fade into background *\/\r\n    #surge-home-root .surge-slide a::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      pointer-events:none;\r\n      background:linear-gradient(90deg,\r\n        var(--surge-bg) 0%,\r\n        rgba(7,10,16,0) 14%,\r\n        rgba(7,10,16,0) 86%,\r\n        var(--surge-bg) 100%\r\n      );\r\n      z-index:3;\r\n    }\r\n\r\n    \/* Dots *\/\r\n    #surge-home-root .surge-dots{\r\n      position:absolute;\r\n      bottom:10px;\r\n      left:50%;\r\n      transform:translateX(-50%);\r\n      display:flex;\r\n      gap:8px;\r\n      z-index:5;\r\n    }\r\n    #surge-home-root .surge-dot{\r\n      all:unset;\r\n      cursor:pointer;\r\n      width:10px;\r\n      height:10px;\r\n      border-radius:50%;\r\n      border:1px solid var(--surge-gold);\r\n      background:rgba(255,255,255,.25);\r\n    }\r\n    #surge-home-root .surge-dot.is-active{\r\n      background:var(--surge-gold);\r\n    }\r\n  <\/style>\r\n\r\n  <section class=\"surge-carousel\">\r\n    <div class=\"surge-viewport\">\r\n\r\n      <!-- Slide 1 -->\r\n      <div class=\"surge-slide is-active\">\r\n        <a href=\"https:\/\/discord.gg\/SNakcw3Ykn\">\r\n          <img decoding=\"async\" src=\"https:\/\/surgeworlds.com\/wp-content\/uploads\/2026\/01\/Discord.png\" alt=\"Join the Surge Worlds Discord\">\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Slide 2 -->\r\n      <div class=\"surge-slide\">\r\n        <a href=\"https:\/\/surgeworlds.com\/index.php\/my-profile\/\">\r\n          <img decoding=\"async\" src=\"https:\/\/surgeworlds.com\/wp-content\/uploads\/2026\/01\/charactercreate.png\" alt=\"Create Your SURGE Character\">\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Slide 3 -->\r\n      <div class=\"surge-slide\">\r\n        <a href=\"https:\/\/www.warpedtree.com\/products\/surge\/surge-core-rulebook\">\r\n          <img decoding=\"async\" src=\"https:\/\/surgeworlds.com\/wp-content\/uploads\/2026\/01\/warpedtreewiki3.png\" alt=\"SURGE Core Rulebook\">\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"surge-dots\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n      (function(){\r\n        var root=document.getElementById('surge-home-root');\r\n        if(!root) return;\r\n\r\n        var slides=[].slice.call(root.querySelectorAll('.surge-slide'));\r\n        var dotsWrap=root.querySelector('.surge-dots');\r\n        var index=0;\r\n        var interval=5000;\r\n\r\n        function setActive(i){\r\n          slides.forEach(function(s,si){\r\n            s.classList.toggle('is-active', si===i);\r\n            if(dotsWrap.children[si]){\r\n              dotsWrap.children[si].classList.toggle('is-active', si===i);\r\n            }\r\n          });\r\n          index=i;\r\n        }\r\n\r\n        slides.forEach(function(_,i){\r\n          var d=document.createElement('button');\r\n          d.className='surge-dot'+(i===0?' is-active':'');\r\n          d.addEventListener('click',function(){ setActive(i); });\r\n          dotsWrap.appendChild(d);\r\n        });\r\n\r\n        setInterval(function(){\r\n          setActive((index+1)%slides.length);\r\n        }, interval);\r\n      })();\r\n    <\/script>\r\n  <\/section>\r\n<\/div>\r\n\r\n<div class=\"entry-content wp-block-post-content is-layout-flow wp-block-post-content-is-layout-flow\">\r\n<p>This site is the homeplace of the SURGE! TTRPG ruleset in a digital format.<\/p>\r\n\r\n\r\n\r\n<p><a href=\"https:\/\/surgeworlds.com\/index.php\/roadmap\/\">Click here to see our site roadmap!<\/a><\/p>\r\n\r\n\r\n\r\n<p>Presently, the site is being built.  Please be patient while we work through the development of these services.<\/p>\r\n\r\n\r\n\r\n<p><strong>What Surge Worlds does<\/strong><br>Surge Worlds is the home of the SURGE! tabletop RPG\u2014rules reference, character sheets, world tools, and campaign resources.<\/p>\r\n\r\n\r\n\r\n<p><strong>Why we use Google Sign-In<\/strong><br>We use Google Sign-In to let you create an account and sign in securely so you can access features like saved characters, personalized tools, and community features (where available). We only request the minimum Google account information needed to authenticate you.<\/p>\r\n\r\n\r\n\r\n<p>Here is the link to our Terms of Service: <a href=\"https:\/\/surgeworlds.com\/index.php\/terms-of-service\/\">https:\/\/surgeworlds.com\/index.php\/terms-of-service\/<\/a><\/p>\r\n\r\n\r\n\r\n<p>Here is the link to our Privacy Policy: <a href=\"https:\/\/surgeworlds.com\/index.php\/privacy-policy\/\">https:\/\/surgeworlds.com\/index.php\/privacy-policy\/<\/a><\/p>\r\n\r\n\r\n\r\n<p><a href=\"https:\/\/surgeworlds.com\/wp-login.php?loginSocial=google\">Click here to login or register<\/a><\/p>\r\n<\/div><\/div><\/code><br><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":13,"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":243,"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/243"}],"wp:attachment":[{"href":"https:\/\/surgeworlds.com\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}