<!-- =========================================================
VIDEO GAME LEGACY — NEXT WEEK ON XBOX MASTER TEMPLATE v1
SQUARESPACE CODE BLOCK VERSION
========================================================= -->
<!-- =========================================================
STAFF INPUT — RELEASE LIST
Paste ONE release per line between the TEXTAREA tags.
Examples:
Solarpunk — June 8 — Game Pass / Optimized for Xbox Series X|S / Xbox Play Anywhere
Beastro — June 11 — Game Pass / Optimized for Xbox Series X|S / Xbox Play Anywhere
STARSEEKER: Astroneer Expeditions (Game Preview) — June 11 — Game Pass / Optimized for Xbox Series X|S / Xbox Play Anywhere
IMPORTANT:
- One game = one line.
- Blank lines are ignored.
- Keep the wording exactly as supplied by Xbox.
- The page title, hero image, categories, date and author remain in Squarespace.
========================================================= -->
<textarea id="vgl-xbox-release-source" hidden>
Minecraft Dungeons II – September 28
Gears of War: E-Day Premium Edition – October 1
Ace Combat 8: Wings of Theve – October 2
The Witcher 3: Wild Hunt — Remastered – September 29
Gothic II Complete Classic – September 28
Way of the Hunter 2 – September 28
Dynasty Warriors 3: Complete Edition Remastered – October 1
End of Abyss – October 1
Ultimate Admiral: Dreadnoughts – October 1
Keep Driving – September 28
Blades & Battles – September 28
Lost in Loss – September 28
Sneak Cheese – September 28
Transport Fever 3 – September 28
NEIGHBORS: Suburban Warfare – September 29
Cat Lines – September 30
King’s Blade – September 30
Mia’s Journey – September 30
The Vorlec – September 30
Chronicles of Albian: The Magic Convention – October 1
Mirrors of Deception: The Poisoned Legacy – October 1
PUCKOFF: RELOADED – October 1
Storebound – October 1
Weekend Solitaire: Summer Village – October 1
myPOPGOES – XBOX Play Anywhere – October 1
Folletti – October 1
MXGP 26 – The Official Game – October 1
RetroSpace – October 1
Toycrafter – October 1
Wax Museum: Hidden Objects – October 1
Aetherfall – October 2
Aery – Calm Horizon 2 – October 2
Agefield High: Rock the School – October 2
Kawaii Push – October 2
Mister Scary – Where Are You? – October 2
Monster Nursery – October 2
Stone Run – October 2
</textarea>
<!-- #################################################################
######################## STAFF STOP LINE #########################
#################################################################
STOP. NORMAL STAFF EDITING ENDS HERE.
DO NOT EDIT, DELETE, MOVE OR REFORMAT ANYTHING BELOW THIS LINE.
################################################################# -->
<div id="vgl-next-week-xbox"></div>
<style>
#vgl-next-week-xbox{
--vgl-bg:#07090d;
--vgl-shell:#081018;
--vgl-panel:#101820;
--vgl-panel-deep:#0b1218;
--vgl-border:#263745;
--vgl-border-soft:#1b2a35;
--vgl-blue:#3090C7;
--vgl-blue-bright:#55b6ed;
--vgl-blue-soft:#9bdcff;
--vgl-xbox:#6cc34a;
--vgl-text:#f4f6f8;
--vgl-text-soft:#c7d1d9;
--vgl-muted:#8595a3;
width:100%;
max-width:1180px;
margin:0 auto;
color:var(--vgl-text);
font-family:Arial,Helvetica,sans-serif;
box-sizing:border-box;
}
#vgl-next-week-xbox *,
#vgl-next-week-xbox *::before,
#vgl-next-week-xbox *::after{
box-sizing:border-box;
}
#vgl-next-week-xbox .vgl-xbox-shell{
position:relative;
overflow:hidden;
padding:24px;
border:1px solid #17232c;
border-radius:28px;
background:
radial-gradient(circle at 88% 0%,rgba(108,195,74,.07),transparent 24%),
radial-gradient(circle at 72% 0%,rgba(48,144,199,.10),transparent 30%),
linear-gradient(180deg,#080d12 0%,#06090c 100%);
box-shadow:0 22px 55px rgba(0,0,0,.34);
}
#vgl-next-week-xbox .vgl-xbox-panel{
position:relative;
border:1px solid var(--vgl-border);
border-radius:21px;
background:
linear-gradient(145deg,rgba(19,30,39,.98),rgba(11,18,24,.99));
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 12px 30px rgba(0,0,0,.16);
}
#vgl-next-week-xbox .vgl-xbox-header{
display:flex;
align-items:end;
justify-content:space-between;
gap:28px;
padding:32px 34px;
background:
radial-gradient(circle at 84% 16%,rgba(108,195,74,.09),transparent 28%),
radial-gradient(circle at 72% 20%,rgba(48,144,199,.13),transparent 34%),
linear-gradient(135deg,#142331 0%,#0b1117 72%);
}
#vgl-next-week-xbox .vgl-xbox-header::after{
content:"";
position:absolute;
left:34px;
right:34px;
bottom:0;
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(85,182,237,.28),
rgba(108,195,74,.24),
transparent
);
}
#vgl-next-week-xbox .vgl-xbox-eyebrow{
margin:0 0 8px;
color:var(--vgl-blue-bright);
font-size:11px;
line-height:1.3;
font-weight:900;
letter-spacing:.17em;
text-transform:uppercase;
}
#vgl-next-week-xbox .vgl-xbox-title{
margin:0;
color:#fff;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(30px,4vw,46px);
line-height:1.06;
font-weight:700;
letter-spacing:-.025em;
}
#vgl-next-week-xbox .vgl-xbox-subtitle{
max-width:760px;
margin:12px 0 0;
color:var(--vgl-text-soft);
font-size:15px;
line-height:1.62;
}
#vgl-next-week-xbox .vgl-xbox-count{
flex:0 0 auto;
min-width:118px;
padding:15px 18px;
border:1px solid rgba(85,182,237,.23);
border-radius:16px;
background:rgba(7,14,19,.62);
text-align:center;
}
#vgl-next-week-xbox .vgl-xbox-count-number{
display:block;
color:#fff;
font-family:Georgia,"Times New Roman",serif;
font-size:30px;
line-height:1;
font-weight:700;
}
#vgl-next-week-xbox .vgl-xbox-count-label{
display:block;
margin-top:7px;
color:var(--vgl-muted);
font-size:9px;
line-height:1.2;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase;
}
#vgl-next-week-xbox .vgl-xbox-list-panel{
margin-top:22px;
padding:28px;
}
#vgl-next-week-xbox .vgl-xbox-list-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:18px;
padding-bottom:16px;
border-bottom:1px solid var(--vgl-border-soft);
}
#vgl-next-week-xbox .vgl-xbox-list-label{
color:var(--vgl-blue-bright);
font-size:10px;
line-height:1.3;
font-weight:900;
letter-spacing:.15em;
text-transform:uppercase;
}
#vgl-next-week-xbox .vgl-xbox-list-note{
color:var(--vgl-muted);
font-size:10px;
line-height:1.4;
text-align:right;
}
#vgl-next-week-xbox .vgl-xbox-list{
display:grid;
gap:10px;
}
#vgl-next-week-xbox .vgl-xbox-row{
position:relative;
min-height:56px;
display:flex;
align-items:center;
gap:14px;
padding:14px 16px;
border:1px solid var(--vgl-border-soft);
border-radius:13px;
background:
linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0)),
var(--vgl-panel-deep);
color:var(--vgl-text-soft);
font-size:14px;
line-height:1.5;
}
#vgl-next-week-xbox .vgl-xbox-row::before{
content:"";
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:var(--vgl-blue-bright);
box-shadow:0 0 10px rgba(85,182,237,.58);
}
#vgl-next-week-xbox .vgl-xbox-row-text{
min-width:0;
flex:1 1 auto;
overflow-wrap:anywhere;
}
#vgl-next-week-xbox .vgl-xbox-row strong{
color:#fff;
}
#vgl-next-week-xbox .vgl-xbox-empty{
padding:34px 24px;
border:1px dashed rgba(255,255,255,.13);
border-radius:15px;
color:var(--vgl-muted);
text-align:center;
line-height:1.6;
}
#vgl-next-week-xbox .vgl-xbox-footer{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-top:22px;
padding:17px 21px;
border:1px solid var(--vgl-border);
border-radius:18px;
background:linear-gradient(145deg,#101820,#0b1117);
}
#vgl-next-week-xbox .vgl-xbox-footer-main{
color:#dbe4eb;
font-family:Georgia,"Times New Roman",serif;
font-size:17px;
font-weight:700;
}
#vgl-next-week-xbox .vgl-xbox-footer-sub{
margin-top:4px;
color:var(--vgl-muted);
font-size:11px;
line-height:1.5;
}
#vgl-next-week-xbox .vgl-xbox-footer-brand{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:8px 14px;
border:1px solid rgba(85,182,237,.18);
border-radius:14px;
background:rgba(255,255,255,.02);
}
#vgl-next-week-xbox .vgl-xbox-footer-brand img{
display:block;
width:auto;
height:22px;
max-width:120px;
object-fit:contain;
}
@media(max-width:780px){
#vgl-next-week-xbox .vgl-xbox-shell{
padding:17px;
border-radius:22px;
}
#vgl-next-week-xbox .vgl-xbox-header{
align-items:flex-start;
flex-direction:column;
padding:28px 24px;
}
#vgl-next-week-xbox .vgl-xbox-count{
min-width:105px;
}
#vgl-next-week-xbox .vgl-xbox-list-panel{
padding:23px;
}
}
@media(max-width:560px){
#vgl-next-week-xbox .vgl-xbox-shell{
padding:12px;
}
#vgl-next-week-xbox .vgl-xbox-header{
padding:23px 18px;
}
#vgl-next-week-xbox .vgl-xbox-title{
font-size:31px;
}
#vgl-next-week-xbox .vgl-xbox-list-panel{
padding:19px 16px;
}
#vgl-next-week-xbox .vgl-xbox-list-head{
align-items:flex-start;
flex-direction:column;
gap:6px;
}
#vgl-next-week-xbox .vgl-xbox-list-note{
text-align:left;
}
#vgl-next-week-xbox .vgl-xbox-row{
align-items:flex-start;
padding:13px 14px;
font-size:13px;
}
#vgl-next-week-xbox .vgl-xbox-row::before{
margin-top:6px;
}
#vgl-next-week-xbox .vgl-xbox-footer{
align-items:flex-start;
flex-direction:column;
}
}
@media(prefers-reduced-motion:reduce){
#vgl-next-week-xbox *{
scroll-behavior:auto!important;
transition:none!important;
}
}
</style>
<script>
(function(){
"use strict";
const root = document.getElementById("vgl-next-week-xbox");
const source = document.getElementById("vgl-xbox-release-source");
if(!root) return;
const esc = value => String(value ?? "")
.replace(/&/g,"&")
.replace(/</g,"<")
.replace(/>/g,">")
.replace(/"/g,""")
.replace(/'/g,"'");
const raw = source ? source.value : "";
const releases = raw
.replace(/\r\n?/g,"\n")
.split("\n")
.map(line => line.trim())
.filter(Boolean)
.filter(line => !/^PASTE ONE RELEASE PER LINE HERE$/i.test(line));
function highlightTitle(line){
const safe = esc(line);
const parts = safe.split(/\s+—\s+/);
if(parts.length > 1){
return "<strong>"+parts.shift()+"</strong> — "+parts.join(" — ");
}
return safe;
}
const rows = releases.length
? releases.map(line => `
<div class="vgl-xbox-row">
<div class="vgl-xbox-row-text">
${highlightTitle(line)}
</div>
</div>
`).join("")
: `
<div class="vgl-xbox-empty">
The release list has not been added yet.
</div>
`;
root.innerHTML = `
<div class="vgl-xbox-shell">
<section class="vgl-xbox-panel vgl-xbox-header">
<div>
<div class="vgl-xbox-eyebrow">
Video Game Legacy · Digital Store Update
</div>
<h2 class="vgl-xbox-title">
New Releases
</h2>
<p class="vgl-xbox-subtitle">
The games arriving on Xbox over the week ahead.
</p>
</div>
<div class="vgl-xbox-count">
<span class="vgl-xbox-count-number">
${releases.length}
</span>
<span class="vgl-xbox-count-label">
Releases
</span>
</div>
</section>
<section class="vgl-xbox-panel vgl-xbox-list-panel">
<div class="vgl-xbox-list-head">
<div class="vgl-xbox-list-label">
Next Week on Xbox
</div>
<div class="vgl-xbox-list-note">
Release information supplied by Xbox.
</div>
</div>
<div class="vgl-xbox-list">
${rows}
</div>
</section>
<footer class="vgl-xbox-footer">
<div>
<div class="vgl-xbox-footer-main">
Next Week on Xbox
</div>
<div class="vgl-xbox-footer-sub">
Weekly Xbox release coverage from Video Game Legacy.
</div>
</div>
<div class="vgl-xbox-footer-brand">
<img src="https://images.squarespace-cdn.com/content/6a970370fe31ef13c09bd92d/8c872b0c-9cf4-4468-92bb-de904e9f4061/VGL+Logo.png?content-type=image%2Fpng" alt="Video Game Legacy">
</div>
</footer>
</div>
`;
})();
</script>
