1e:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/0rr5btioklgf4.js","/_next/static/chunks/2matreab0rub0.js","/_next/static/chunks/2z5wb7vhdi3hf.js","/_next/static/chunks/3cmvik1zogxvy.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/narrative/css/style.css","style"] :HL["https://sites.super.so/snippets/view-picker.css","style"] 11:["$","style",null,{"dangerouslySetInnerHTML":{"__html":"html{font-size:16px}"}}] 12:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 13:["$","link","font-preload-Lato-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Lato-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Lato/lato-v23-latin-ext_latin-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link",null,{"rel":"preload","href":"https://sites.super.so/narrative/css/style.css","as":"style"}] 16:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/view-picker.css","as":"style"}] 17:["$","link","link-https://sites.super.so/narrative/css/style.css",{"rel":"stylesheet","href":"https://sites.super.so/narrative/css/style.css"}] 18:["$","link","link-https://sites.super.so/snippets/view-picker.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/view-picker.css"}] 19:["$","meta","6",{"name":"theme-color","media":"(prefers-color-scheme: light)","content":"#f5821f","children":null}] 1a:["$","meta","8",{"name":"theme-color","media":"(prefers-color-scheme: dark)","content":"#191919","children":null}] 1d:T729, (function () { function isEmptyCell(cell) { // has real text? not empty. if ((cell.textContent || '').replace(/\s+/g, '') !== '') return false; // has a link / image / icon but no text? still not empty. if (cell.querySelector('a, img, svg')) return false; return true; } function labelTables() { document.querySelectorAll('.notion-collection-table').forEach(function (table) { var heads = table.querySelectorAll('.notion-collection-table__head-cell'); if (!heads.length) return; var labels = Array.prototype.map.call(heads, function (h) { return (h.textContent || '').trim(); }); table.querySelectorAll('.notion-collection-table__body tr').forEach(function (row) { var cells = row.children; for (var i = 0; i < cells.length; i++) { var cell = cells[i]; if (labels[i]) cell.setAttribute('data-label', labels[i]); if (isEmptyCell(cell)) cell.setAttribute('data-empty', ''); else cell.removeAttribute('data-empty'); } }); }); } var pending = false; function schedule() { if (pending) return; pending = true; requestAnimationFrame(function () { pending = false; try { labelTables(); } catch (e) {} }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', schedule); } else { schedule(); } window.addEventListener('load', schedule); // Safety re-runs to catch late client-side rendering / hydration. [150, 500, 1200, 2500].forEach(function (t) { setTimeout(schedule, t); }); // Watch node changes AND text updates (Safari hydrates via characterData). new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true, characterData: true }); })(); 1b:["$","script","12",{"dangerouslySetInnerHTML":{"__html":"$1d"},"children":null}] 1f:Tb2f, 20:T4413,@charset "UTF-8"; /* ============================================================ SWANSEA BAY ORIENTEERING CLUB — super.so custom CSS Polished refresh. Keeps the orange brand (#f5821f) and the existing layout; adds modern depth, hover states and clearer tables. Works in light + dark mode and on mobile. HOW TO USE: In super.so → Site settings → Code → CSS, REPLACE the whole CSS box with everything below. (Leave the Head/HTML box exactly as it is.) CONTENTS 1-2 Brand tokens (light / dark) 3 Navigation / header bar 4 Hero / page header 5 News / collection cards 6 Data tables + file/URL link pills 7 Filter pills (view picker) 8 Inline links 9 Callouts 10 Functional rules carried over from the original CSS 11 Mobile: table rows as labelled cards 12 Orienteering flair (footer finish symbol) NOTE: the !important flags and the :not(#_) selectors are deliberate. They exist only to out-rank super.so's own theme (narrative/style.css) and the view-picker snippet. Remove them and those styles win again, so please leave them in place. ============================================================ */ /* ---------- 1. Brand tokens (light) ---------- */ :root { --primary-color: #f5821f !important; /* super.so accent */ --sb-orange: #f5821f; --sb-orange-dark: #d96d10; /* hover / links */ --sb-orange-soft: rgba(245,130,31,.12); /* pill / hover fill */ --sb-orange-soft-hover: rgba(245,130,31,.16); /* pill hover fill */ --sb-orange-softer: rgba(245,130,31,.06); /* table row hover */ --sb-orange-border: rgba(245,130,31,.28); /* pill border */ --sb-border: #e6e8eb; --sb-border-strong: #d7dadf; --sb-head-bg: #f4f5f7; --sb-head-text: #374151; --sb-text-muted: #6b7280; --sb-card-bg: #ffffff; --sb-page-bg: #ffffff; --sb-link: #d96d10; --sb-card-radius: 14px; --sb-shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10); --sb-shadow-lg: 0 14px 30px rgba(16,24,40,.12), 0 6px 12px rgba(16,24,40,.08); } /* ---------- 2. Brand tokens (dark) ---------- */ html.theme-dark { --sb-border: #2c2c2e; --sb-border-strong: #3a3a3c; --sb-orange-border: rgba(245,130,31,.35); --sb-head-bg: #232325; --sb-head-text: #e6e6e6; --sb-text-muted: #9aa0a6; --sb-card-bg: #202022; --sb-page-bg: #191919; --sb-link: #f6a05a; --sb-shadow-sm: 0 1px 2px rgba(0,0,0,.40); --sb-shadow-lg: 0 14px 30px rgba(0,0,0,.55), 0 6px 12px rgba(0,0,0,.40); } html { scroll-behavior: smooth; } ::selection { background: var(--sb-orange); color: #fff; } a:focus-visible, button:focus-visible, .notion-dropdown__option:focus-visible { outline: 2px solid var(--sb-orange); outline-offset: 2px; border-radius: 6px; } /* ---------- 3. Navigation / header bar ---------- */ .super-navbar { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 12px rgba(0, 0, 0, 0.1); } .super-navbar__item, .super-navbar__list { position: relative; opacity: 0.9; transition: opacity 0.18s ease, color 0.18s ease; } .super-navbar__item:hover, .super-navbar__list:hover, .super-navbar__item.active { opacity: 1; } /* animated underline grows from the left on hover / active */ .super-navbar__item::after, .super-navbar__list::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 2px; background: currentColor; border-radius: 2px; transform: scaleX(0); transform-origin: left; transition: transform 0.22s ease; } .super-navbar__item:hover::after, .super-navbar__list:hover::after, .super-navbar__item.active::after { transform: scaleX(1); } .super-navbar__logo { transition: transform 0.2s ease, opacity 0.2s ease; } .super-navbar__logo:hover { transform: translateY(-1px); opacity: 0.92; } /* ---------- 4. Hero / page header ---------- */ .notion-header__cover { position: relative; } /* soft fade so the cover photo melts into the page */ .notion-header__cover::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 32%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--sb-page-bg)); pointer-events: none; } /* turn the club roundel into a tidy badge */ .notion-header__icon { border-radius: 18px; background: #fff; padding: 6px; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18); } html.theme-dark .notion-header__icon { background: #202022; } .notion-header__title { letter-spacing: -0.02em; font-weight: 800; } /* ---------- 5. News / collection cards ---------- */ .notion-collection-card.gallery { border-radius: var(--sb-card-radius); border: 1px solid var(--sb-border); background: var(--sb-card-bg); box-shadow: var(--sb-shadow-sm); overflow: hidden; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; } .notion-collection-card.gallery:hover { transform: translateY(-4px); box-shadow: var(--sb-shadow-lg); border-color: rgba(245, 130, 31, 0.45); } /* gentle image zoom on hover (card clips the overflow) */ img.notion-collection-card__cover { transition: transform 0.35s ease; } .notion-collection-card.gallery:hover img.notion-collection-card__cover { transform: scale(1.045); } .notion-collection-card__content { padding: 14px 16px 18px; } .notion-collection-card .notion-property__title { font-weight: 700; transition: color 0.18s ease; } .notion-collection-card.gallery:hover .notion-property__title { color: var(--sb-orange-dark); } .notion-collection-card .notion-property__date { color: var(--sb-text-muted); font-size: 0.85em; } /* category tag on cards → small orange chip (keeps table pills flat) */ .notion-collection-card .notion-pill { display: inline-block; background: var(--sb-orange-soft) !important; color: var(--sb-orange-dark) !important; border-radius: 999px !important; padding: 2px 10px !important; font-size: 0.72em !important; font-weight: 700 !important; letter-spacing: 0.03em; text-transform: uppercase; } html.theme-dark .notion-collection-card .notion-pill { color: #f6a05a !important; } /* ---------- 6. Data tables (Events, Results, …) ---------- */ .notion-collection-table__wrapper { overflow: hidden; overflow-x: auto; border: 1px solid var(--sb-border); border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 6px 18px rgba(16, 24, 40, 0.05); } .notion-collection-table { border: none; border-collapse: separate; border-spacing: 0; width: 100%; } /* clean header — a single horizontal orange accent, no vertical rules */ .notion-collection-table__head-cell { white-space: nowrap; background: var(--sb-head-bg); font-weight: 700; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; padding: 13px 18px; border-left: 0 !important; border-right: 0 !important; border-bottom: 2px solid var(--sb-orange); } /* header text colour — :not(#_) lifts specificity over the super.so theme */ .notion-collection-table__head-cell:not(#_), .notion-collection-table__head-cell:not(#_) * { color: var(--sb-head-text) !important; } /* body — horizontal separators only: no vertical grid lines, no zebra */ .notion-collection-table__body td { padding: 14px 18px; border-left: 0 !important; border-right: 0 !important; border-bottom: 1px solid var(--sb-border); vertical-align: top; } .notion-collection-table__body tr:last-child td { border-bottom: 0; } .notion-collection-table__body tr:hover { background: var(--sb-orange-softer); } .notion-collection-table__body tr:empty { display: none; } /* table links sit inline (no button boxes) and underline on hover */ .notion-collection-table__body a { color: var(--sb-link); text-decoration: none; } .notion-collection-table__body a:hover { text-decoration: underline; } /* file / URL property links (Details, Results, Entry) rendered as soft orange pills. The whole pill is the click target (the link fills it), and pills wrap when a cell has several. Colours come from the tokens, so light/dark need no separate overrides. */ .notion-collection-table__body .notion-property__file .notion-pill, .notion-collection-table__body .notion-property__url .notion-pill { display: inline-flex !important; margin: 3px 6px 3px 0 !important; padding: 0 !important; /* padding moves onto the link */ border-radius: 999px !important; overflow: hidden !important; /* clip the filling link to the pill */ background: var(--sb-orange-soft) !important; border: 1px solid var(--sb-orange-border) !important; box-shadow: none !important; font-size: 0.82em !important; line-height: 1.35 !important; transition: background 0.15s ease, border-color 0.15s ease !important; } .notion-collection-table__body .notion-property__file .notion-pill:hover, .notion-collection-table__body .notion-property__url .notion-pill:hover { background: var(--sb-orange-soft-hover) !important; border-color: var(--sb-orange) !important; } /* the link stretches to fill the pill, so clicks anywhere on the chip work */ .notion-collection-table__body .notion-property__file .notion-pill .notion-semantic-string, .notion-collection-table__body .notion-property__url .notion-pill .notion-semantic-string { display: flex !important; width: 100% !important; } .notion-collection-table__body .notion-property__file .notion-pill a, .notion-collection-table__body .notion-property__url .notion-pill a { display: block !important; width: 100% !important; padding: 4px 12px !important; border-radius: 999px !important; color: var(--sb-link) !important; font-weight: 600 !important; /* no underline in any state — only the pill itself animates */ text-decoration: none !important; background-image: none !important; /* removes the .notion-link.link animated underline */ } .notion-collection-table__body .notion-property__file .notion-pill a:hover, .notion-collection-table__body .notion-property__url .notion-pill a:hover { text-decoration: none !important; background-image: none !important; } /* OPTIONAL — solid orange header row. Delete the surrounding comment marks to switch it on. .notion-collection-table__head-cell { background: var(--sb-orange); border-bottom-color: var(--sb-orange-dark); } .notion-collection-table__head-cell:not(#_), .notion-collection-table__head-cell:not(#_) * { color: #fff !important; } */ /* ---------- 7. Filter pills (view picker) ---------- */ .notion-dropdown__option { border: 1px solid var(--sb-border-strong); border-radius: 999px; padding: 6px 16px; font-weight: 600; cursor: pointer; transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease; } /* active + hover need :not(#_) to beat view-picker.css (page-independent) */ .notion-dropdown__option.active:not(#_):not(#_):not(#_) { background: var(--sb-orange) !important; border-color: var(--sb-orange) !important; } .notion-dropdown__option.active:not(#_):not(#_):not(#_) * { color: #fff !important; } .notion-dropdown__option:not(.active):not(#_):not(#_):hover { background: var(--sb-orange-soft) !important; border-color: var(--sb-orange) !important; } .notion-dropdown__option:not(.active):not(#_):not(#_):hover * { color: var(--sb-orange-dark) !important; } /* ---------- 8. Inline links ("Find out more →") ---------- */ .notion-link.link { color: var(--sb-link); font-weight: 600; text-decoration: none; background-image: linear-gradient(var(--sb-orange), var(--sb-orange)); background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size 0.25s ease; } .notion-link.link:hover { background-size: 100% 2px; } /* ---------- 9. Callouts (info boxes) ---------- */ .notion-callout.bg-gray-light { border: 1px solid var(--sb-border); border-left: 4px solid var(--sb-orange); border-radius: 12px; background: var(--sb-orange-softer); box-shadow: var(--sb-shadow-sm); padding: 16px 18px; } html.theme-dark .notion-callout.bg-gray-light { background: rgba(245, 130, 31, 0.08); } /* ============================================================ 10. Functional rules carried over from your original CSS (kept so nothing regresses) ============================================================ */ /* show every item in list database views */ .notion-collection-list .notion-collection-list__item, .notion-collection-list .notion-collection-list__item:nth-child(n) { display: flex !important; } /* flatten Notion pills into plain text (tables, quick links, etc.) */ .notion-pill { background-color: transparent !important; border: none !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; font-size: inherit !important; margin: 0 !important; } .notion-pill a { color: inherit !important; text-decoration: underline !important; } /* strip button styling from URL and File/Media property links */ .notion-property__url a, .notion-property__file a { display: inline; padding: 0 !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; font-weight: normal !important; margin: 0 !important; } /* ============================================================ 11. Mobile: render table rows as labelled cards No more sideways scrolling — each row becomes a card and every value shows its column name. NOTE: this needs the small labelling script added to the super.so HEAD box (see sboc-head-code.html). The script copies each column heading onto its cells as data-label and flags empty cells; the CSS below does the visual layout. Change 768px if you want the switch to happen at a different width. ============================================================ */ @media (max-width: 768px) { /* let the cards breathe instead of scrolling in a box */ .notion-collection-table__wrapper { overflow: visible; border: none; border-radius: 0; box-shadow: none; } .notion-collection-table { border: 0; } /* hide the header row — labels move into each cell */ .notion-collection-table__head { display: none; } /* each row = a card; flex column so the event name can lead */ .notion-collection-table__body { display: block; } .notion-collection-table__body tr { display: flex; flex-direction: column; width: auto; background: var(--sb-card-bg) !important; /* cancels zebra + row hover */ border: 1px solid var(--sb-border); border-radius: 14px; box-shadow: var(--sb-shadow-sm); padding: 16px 18px; margin: 0 0 16px; overflow: hidden; } /* meta fields = compact "LABEL value" rows */ .notion-collection-table__body td { display: grid; grid-template-columns: 96px 1fr; gap: 12px; align-items: start; border: 0 !important; padding: 5px 0 !important; width: auto; text-align: left; white-space: normal; /* release super.so's single-line cell clamp */ overflow: visible !important; height: auto !important; max-height: none !important; } .notion-collection-table__body td::before { content: attr(data-label); padding-top: 3px; font-weight: 700; font-size: 0.64rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--sb-text-muted); } /* no label line if the head script isn't added */ .notion-collection-table__body td:not([data-label])::before { content: ""; } /* the title column becomes the card heading, pulled to the top */ .notion-collection-table__body td.notion-collection-table__cell.title { order: -1; display: block !important; font-size: 1.15rem; font-weight: 700; line-height: 1.25; padding: 0 0 11px !important; margin-bottom: 11px; border-bottom: 1px solid var(--sb-border) !important; } .notion-collection-table__body td.notion-collection-table__cell.title::before { display: none; } .notion-collection-table__body td.notion-collection-table__cell.title * { font-size: inherit !important; font-weight: 700 !important; line-height: 1.25 !important; } /* the file / URL container sits in its own grid cell; the pill chips inside (styled in section 6) wrap onto new lines as needed */ .notion-collection-table__body td .notion-property__file, .notion-collection-table__body td .notion-property__url { display: block !important; overflow: visible !important; max-width: none !important; } /* hide empty fields (script flags them) */ .notion-collection-table__body td[data-empty] { display: none; } } /* ============================================================ 12. Orienteering flair (subtle) The orienteering "finish" symbol — two concentric circles — sits as a quiet motif in the footer. Nothing else themed, so the site reads professional first. ============================================================ */ .super-footer { background-image: radial-gradient(circle at var(--sb-finish-x, calc(100% - 72px)) var(--sb-finish-y, 50%), transparent 0 27px, rgba(255, 255, 255, 0.5) 27px 29px, transparent 30px), radial-gradient(circle at var(--sb-finish-x, calc(100% - 72px)) var(--sb-finish-y, 50%), transparent 0 17px, rgba(255, 255, 255, 0.5) 17px 19px, transparent 20px); background-repeat: no-repeat; }1c:["$","body",null,{"children":[["$","$L1e",null,{"settings":{"siteId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1","userId":"ac8e0581-2e86-423e-8c0b-845510b65244","domainName":"sboc.org.uk","name":"SBOC","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/87d3177b-3a33-46fe-8007-3a6637a3e4b1/uploads/favicon/84d838f7-f908-4acd-ac84-b1f94d7eb3e0.png","fontFamily":"Inter","legacyTheme":null,"language":"en","languages":[],"notionPage":"c1f8c82c49fb45b39434155d48825ba3","indexPageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::cd77d220-92cc-40b4-b3fd-df929307ad29","pageProperties":true,"hidePageProperties":false,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":true,"advancedSearch":false,"themeToggle":true,"mondayFirst":true,"loadLimits":true,"hidePersonInfo":false,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"noIndex":false,"viewsExceeded":true,"pagesExceeded":true,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"indexMembershipTierIds":null,"navbar":{"type":"simple","style":{"height":56,"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)","ctaTextColor":"var(--color-text-default)","ctaBackgroundColor":"var(--color-bg-default)","isSticky":true,"shadow":{"type":"none","color":"rgba(0,0,0,1)","opacity":12}},"links":[{"id":"0033184b-00cd-4548-9adf-4abc67995510","type":"list","label":"About us","list":[{"id":"eba08c8b-40ac-4094-91b0-36c0a95453f4","type":"page","label":"About us","link":"/about-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::0a3fd486-2e7a-495b-93d5-3991a04b7e56","icon":"","description":"","list":[]},{"id":"747a4f81-3f72-4959-8f1b-52354490df2f","type":"page","label":"Club History","link":"/about-us/club-history","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::7305b5cf-0d2b-437d-be43-5f9c72f3b9bf","icon":"","description":"","list":[]},{"id":"3d233e58-7bda-4bc8-9ca2-e0e299dbaad6","type":"page","label":"Club Kit","link":"/about-us/club-kit","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::e7b51e93-d6f8-482b-9d78-f69fbc081fab","icon":"","description":"","list":[]},{"id":"107ca078-1e72-4fb7-a886-5cb91b1d810b","type":"page","label":"Partnerships","link":"/about-us/partnerships","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::dee0ec4f-ea2f-4824-97aa-acd9913dad0d","icon":"","description":"","list":[]},{"id":"68ea458a-303b-4f9c-b4d2-7c8563dd31be","type":"page","label":"Committee Members","link":"/about-us/committee-members","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8cb4bc93-e406-47bf-9776-6f4168ff16c4","icon":"","description":"","list":[]},{"id":"3b386761-cd2d-49ca-8f55-81f4fc2fdee5","type":"page","label":"Safeguarding and Welfare","link":"/about-us/safeguarding-and-welfare","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60b7d4a7-b8ba-453f-a199-56f8a4ad5646","icon":"","description":"","list":[]},{"id":"8384dbf7-cf8b-4be9-8d49-0278f0ba62a3","type":"page","label":"Club Policies","link":"/about-us/policies","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::858a139f-69bc-4b53-8bda-768470f967b1","icon":"","description":"","list":[]}]},{"id":"a049b570-d790-4053-93ab-18ceba9e6f54","type":"page","label":"Events","link":"/events","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8abb961b-ad4a-4269-8eac-33b65af2418c","list":[]},{"id":"b28ac481-8d33-46b8-a43a-783390fbd5be","type":"page","label":"Results","link":"/results","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60633d4d-d3b0-4435-948b-b49d6bf32067","list":[]},{"id":"ee90f56b-60e5-4970-9bd5-4d9b91fcd5e3","type":"page","label":"News","link":"/news","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::ec36d431-cf46-496c-a70e-7cdac3642be0","list":[]},{"id":"4a3a0649-4505-4ad5-b089-7e7028d8d29f","type":"list","label":"Get involved","list":[{"id":"0f257a87-152c-4030-b07a-525ba7c4e997","type":"page","label":"Beginners","link":"/get-involved/info-for-beginners","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::c6afeca2-fcca-497b-9342-785beca94955","icon":"","description":"","list":[]},{"id":"398e4e79-bb1f-4a96-b7f3-68674c3d7aac","type":"page","label":"Membership","link":"/membership","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::bac5decb-9174-4618-bdcc-c59d80dcc0e1","icon":"","description":"","list":[]},{"id":"120de69b-6889-4da6-8d25-b998d6755a5f","type":"page","label":"Volunteering","link":"/get-involved/volunteering","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::d73fc87c-d319-419c-ae38-8429b60afd2f","icon":"","description":"","list":[]},{"id":"d0587c13-888d-4b04-b4bd-e3fd87291420","type":"page","label":"Juniors","link":"/get-involved/juniors","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::e4ccf956-c012-4f00-83c3-a3a815c8b95b","icon":"","description":"","list":[]}]},{"id":"7d1f2b32-f78e-4399-83be-7ccd307b40b0","type":"list","label":"Training & resources","list":[{"id":"7591c6b0-2c1f-4842-ad69-d5e5afa490a7","type":"page","label":"Organising & Planning","link":"/training-and-resources/organising-and-planning","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::03e1e7cb-cc91-4d64-8a7e-94ed9ea3a3fc","icon":"ClipboardCheck","description":"","list":[]},{"id":"18d25662-1d2a-4d12-995b-fd6db888f39a","type":"page","label":"Games","link":"/training-and-resources/games","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::5a645777-53a5-4a7e-9830-0d6c3ec29c9a","icon":"Puzzle","description":"","list":[]},{"id":"e4e42ad3-7ed5-42fc-9d3a-3b41e99fef18","type":"page","label":"Mapping","link":"/training-and-resources/mapping","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8dc7cf9c-3cb7-431d-9cb9-72fa2e87c064","icon":"Map","description":"","list":[]},{"id":"46ae9189-8048-42aa-9ec5-7d0a0fa7b8c3","type":"page","label":"Website","link":"/training-and-resources/website","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::00f98054-ce71-4732-80e5-3b1f6d6dc785","icon":"RefreshCcw","description":"","list":[]},{"id":"6bfe8a54-09ed-45e4-8078-22c62bb42a9e","type":"page","label":"Learning the skills","link":"/training-and-resources/skills","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::ba0c7896-a73e-4a80-ae92-40c2a4989acd","icon":"Award","description":"","list":[]}]},{"id":"7a4a86fd-b63e-400c-883a-701a3709118c","type":"list","label":"Maps & courses","list":[{"id":"44399edb-3fc5-48fc-8cc9-9b0e215a15e3","type":"page","label":"Permanent Orienteering Courses","link":"/maps-and-courses/permanent-courses","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::f5499aaa-66f7-4f13-86b5-db3eb407d64f","icon":"","description":"","list":[]}]},{"id":"cd444ea0-5521-430c-9de4-837ddddbf6b7","type":"page","label":"Join us","link":"/membership","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::bac5decb-9174-4618-bdcc-c59d80dcc0e1","list":[]},{"id":"0ec44afa-e4df-462a-8310-7ad5ec8cf54d","type":"page","label":"Contact us","link":"/contact-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::5ca86437-720e-4cee-a3ab-011bfcf3da9c","list":[]}],"logo":{"type":"image","width":180,"fontSize":16,"textContent":"SBOC","imageContent":"https://assets.super.so/87d3177b-3a33-46fe-8007-3a6637a3e4b1/uploads/logo/bd0a530b-1034-4711-ada5-9f46d4261642.svg","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"","link":"","pageId":""},"isSticky":true,"breadcrumbs":false},"footer":{"type":"corners","style":{"textColor":"var(--color-text-default)","backgroundColor":"var(--color-bg-default)"},"links":[{"id":"51c35114-8c03-4bc2-b5f8-064d82189ffe","type":"page","label":"About us","link":"/about-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::0a3fd486-2e7a-495b-93d5-3991a04b7e56","icon":"","list":[]},{"id":"94d21d4e-b02f-4b0e-9b33-d1a98f64c5d9","type":"list","label":"Info for…","icon":"BadgeInfo","list":[{"id":"bc26465e-7f5d-41c0-9dc9-b26b9b5957d9","type":"page","label":"Beginners","link":"/get-involved/info-for-beginners","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::c6afeca2-fcca-497b-9342-785beca94955","icon":"","description":"","list":[]},{"id":"9f9e4f8a-b3bd-48e1-9eda-37ba6cbe2c34","type":"page","label":"Organisers","link":"/training-and-resources/organising-and-planning","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::03e1e7cb-cc91-4d64-8a7e-94ed9ea3a3fc","icon":"","description":"","list":[]}]},{"id":"38d32e06-cad1-454d-9bb5-b568cfba83ae","type":"list","label":"Policies","icon":"","list":[{"id":"61de16f1-6704-4d72-82d7-49ab124f9902","type":"page","label":"Privacy Policy","link":"/privacy-policy","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::698b0d98-38ec-4953-94f7-bab1fa8581e8","icon":"","description":"","list":[]},{"id":"a9a185df-843b-411a-b013-c21bf763cb28","type":"page","label":"Safeguarding and Welfare","link":"/about-us/safeguarding-and-welfare","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60b7d4a7-b8ba-453f-a199-56f8a4ad5646","icon":"","description":"","list":[]}]},{"id":"00eb3ac5-2015-4c79-b0a0-36013e336706","type":"page","label":"Events","link":"/events","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::8abb961b-ad4a-4269-8eac-33b65af2418c","list":[]},{"id":"67eb4b22-8124-4f78-a8f0-797bea6bd0b5","type":"page","label":"Results","link":"/results","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::60633d4d-d3b0-4435-948b-b49d6bf32067","list":[]},{"id":"890ba8c9-232a-469e-b028-63b0dac4de89","type":"page","label":"News","link":"/news","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::ec36d431-cf46-496c-a70e-7cdac3642be0","list":[]},{"id":"7f07721c-c8b3-4433-bc0f-fbac4dfe34d7","type":"page","label":"Contact us","link":"/contact-us","pageId":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::5ca86437-720e-4cee-a3ab-011bfcf3da9c","list":[]}],"logo":{"type":"text","width":90,"fontSize":16,"textContent":"Swansea Bay Orienteering Club","imageContent":null,"imageContentDark":null,"disabled":false},"socials":[{"type":"instagram","link":"https://www.instagram.com/orienteeringswanseabay/"},{"type":"twitter","link":"https://twitter.com/SwanseaBayOC"}],"footnote":"© Swansea Bay Orienteering Club","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.6,"layoutMaxWidth":1200,"columnSpacing":46,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":8,"pageDisplay":"none"},"header":{"coverHeight":30,"titleAlign":"left","iconAlign":"-112px auto auto auto","display":"block"},"collectionCard":{"gap":10,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":200,"coverHeightMedium":200,"coverHeightSmall":128,"titleSize":0.875,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Lato","secondaryFont":"Lato","fonts":[],"baseSize":16,"titleSize":2.5,"headingSize":1,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":72,"shadow":"none"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#37352F","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#2EAADC","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#ffffff","background":"#f5821f","buttonText":"#ffffff","buttonBackground":"#37352F","hoverBackground":null},"footer":{"text":"#ffffff","background":"#f5821f","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[36,2,46],"brown":[19,31,47],"orange":[30,87,45],"yellow":[38,62,49],"green":[149,31,39],"blue":[202,53,43],"purple":[274,32,54],"pink":[328,48,53],"red":[2,62,55],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}}},"dark":{"text":"#e1e1e1","textLight":"#9b9b9b","background":"#191919","borderColor":"#373737","checkboxBackground":"#2EAADC","hoverBackground":"#262626","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1","hoverBackground":null},"footer":{"text":"#e1e1e1","background":"#191919","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#e1e1e1","ctaText":"#e1e1e1","background":"#191919","hoverBackground":"#262626","ctaBackground":"#191919","border":"#373737"},"database":{"cardBackground":"#262626","cardHoverBackground":"#2f2f2f","calendarWeekendBackground":"#202020"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,61],"brown":[18,35,58],"orange":[25,54,53],"yellow":[38,54,54],"green":[146,32,47],"blue":[217,50,58],"purple":[270,55,62],"pink":[329,57,58],"red":[1,69,60]}}},"code":{"global":[{"id":"87d3177b-3a33-46fe-8007-3a6637a3e4b1:::e5696845-8f09-41fc-9e84-4ff06dcc4e0b","content":"$1f"}],"head":[],"body":[],"style":[],"css":"$20"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L21","$L22","$L23","$L24"]}],"$L25"]}]

MapRun - Navigate the Twilight