Site Appearance

Domain & Hosting

• Live URL: news.croquetqld.org

• Bullet subdomain: caqnews.bullet.site

• Also referenced as: hoopla.croquetqld.org, new.croquetqld.org

• SSL: Yes (HTTPS)

• Bullet plan: Starter ($9/month)

Branding & Typography

Colours (Theme → Color)

• Brand colour: #721422 (QLD Maroon)

• Brand text: #000000 (black)

• Brand background: #FFFFFF (white)

• Navbar text: #000000 (black)

• Navbar background: #FFFFFF (white)

• Navbar CTA text: #FFFFFF (white)

• Footer text: #848B98 (grey)

• Footer background: #FFFFFF (white)

• Mode: Light

• Notion brown override: #721422 (custom, all other Notion colours default)

Typography (Theme → Typography)

• Primary font (titles/headings/quotes): Inter

• Secondary font (body text): Use primary (Inter)

• Base font size: 16px

• Title font size: 4.22rem

• Heading font size: 1.47rem

• Quote font size: (default)

Layout (Theme → Layout)

• Hero section: On

• Show database properties: Off

• Breadcrumbs: Off

Header & Navigation

Navbar

• Logo: None

• Favicon: CAQ logo

• Social share image: Not set

• Nav links:
• CAQ Main Page → croquetqld.org
• Help Croquet @ CAQ → news.croquetqld.org/help-croquet-tasks/ (volunteer jobs board with enquiry form)

• CTA button: The "Help Croquet @ CAQ" link functions as the navbar CTA

Sidebar

• Sidebar enabled: No

Footer

• Footer content: Single line of text, no column layout

• Social links: None

• Copyright text: "State Association for Croquet in Queensland. Committed to improving the enjoyability of croquet."

• Badge: "Made with Bullet" badge is visible in footer

Queensland Government funding acknowledgement

Custom Code

• Head: code added before closing </head> tag (e.g. Google Fonts, analytics scripts)

• Body: code added before closing </body> tag (e.g. third-party widgets)

• CSS: styles wrapped in <style> at end of </head>

Current custom code

• Head: Google Fonts (Fredoka, Darker Grotesque), Prose template CSS, GA4 (G-KE5Y98Z5S2), Google Ads (AW-17939412391), Meta Pixel dual: 2274116656411014 (Automate Brisbane) + 1312198227423574 (CAQ)

• Body: Bullet blog tag colour script

• Global CSS: Site-wide overrides (breadcrumbs, hero, blog header, publish date)

• Homepage CSS: Title styling, grid titles, description hiding, mobile responsive

• Homepage hero embed: News ticker removed (17 Feb 2026). Title h1 override only, if still present.

• Post footer embed: None

Summary of what each injection does

• Head: Loads Google Fonts (Fredoka, Darker Grotesque), Bullet Prose template stylesheet, GA4 analytics, Google Ads remarketing, and dual Meta Pixels (Automate Brisbane 2274116656411014 + CAQ 1312198227423574) with PageView event

• Body: Loads Bullet's blog tag colour script (colours tag pills)

• Global CSS: Hides breadcrumbs, styles hero section text (#721422, 24px), removes padding above blog subtitle, hides publish date on article pages

• Homepage CSS: Overrides h1 to 10rem desktop / 5rem mobile in #721422, sizes grid h3 titles to 1.6rem, hides article descriptions on homepage

• Homepage hero embed: News ticker removed (17 Feb 2026). Title h1 override may remain.

Code: Global Head

<!-- import fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@300;400&display=swap" rel="stylesheet">

<!-- css styles for prose template -->
<link rel="stylesheet" href="https://templates.bullet.so/prose/styles.css" />

<!-- Google tag (gtag.js) - Ads + GA4 (single loader) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KE5Y98Z5S2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-KE5Y98Z5S2');
  gtag('config', 'AW-17939412391');
</script>

<!-- Meta Pixel (dual: Automate Brisbane + CAQ) -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2274116656411014');
fbq('init', '1312198227423574');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2274116656411014&ev=PageView&noscript=1"
/></noscript>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1312198227423574&ev=PageView&noscript=1"
/></noscript>

Code: Global Body

<script src="https://templates.bullet.so/default/js/snippets/blogTagColor.js" defer></script>

Code: Global CSS

/*
============================================================
GLOBAL SITE STYLES
============================================================
*/

/* --- HIDE BREADCRUMBS --- */
.breadcrumbs {
  display: none !important;
}

.hero_section.container {
  font-size: 24px;
  color: #721422;
}

.blog-head-detail.header-above-thumbnail {
  padding-bottom: 0px;
}

.blog-subtitle {
  padding-top: 10px;
}

.publish-date {
  display: none;
}

Code: Homepage CSS (per-page)

/*
============================================================
FINAL HOMEPAGE MASTER STYLES
- Styles H1 (Hoopla!) and H3 (main grid titles).
- Hides article descriptions.
- Adds responsive size for H1 on mobile.
============================================================
*/

/* --- 1. MAIN PAGE TITLE ("Hoopla!") --- */
h1 {
  color: #721422 !important;
  font-size: 10rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

/* --- 2. ARTICLE GRID H3 TITLES (Main Sections Only) --- */
.blog-section .blog .blog-contents .blog-details h3 {
  font-size: 1.6rem !important;
}

/* --- 3. HIDE ARTICLE DESCRIPTIONS --- */
.blog-description {
  display: none !important;
}

/* --- 4. MOBILE RESPONSIVE STYLES --- */
@media (max-width: 768px) {
  h1 {
    font-size: 5.0rem !important;
  }
}

Code: Homepage Hero Embed

RSS Feeds

• Main feed: news.croquetqld.org/index.xml — confirmed active (returns XML)

• Sitemap: news.croquetqld.org/sitemap.xml — confirmed active

• Newsletter feed: news.croquetqld.org/newsletter/index.xml (not yet created)

• MailerLite integration: (not yet connected)

SEO Configuration

• robots.txt: managed in Bullet dashboard

• Sitemap: auto-generated at /sitemap.xml

• Indexing: Default (no pages manually no-indexed)

Blog Settings (Theme → Blog)

• Homepage layout: Featured Articles section (top) + "All Articles" section with tag filter tabs

• Card display: Cover image, title, author avatar + name, date, description, tag pills

• Columns: 2 (featured and all articles)

• Publish date format: Mon DD, YYYY (e.g. Aug 15, 2025)

• Tag position: Below description on cards; filter tabs above "All Articles"

• Table of contents: Enabled on article pages (visible on coaching articles)

• Thumbnail display: Yes (cover images on all cards)

• Post header position: Above thumbnail

• Cover image background colour: Transparent / white (default)

Database Views (Theme → Database Views)

• Card customisation: Default (no custom settings)

• Show database pages: On

• Search enabled: No

Privacy & Membership

• Password protection: Not enabled

• Membership segments: Not enabled

• Badge ("Made with Bullet"): Not enabled

Analytics

• Analytics enabled: Yes (basic tier)

CTA Forms & Embeds

Notion Site Structure

To Do

Article Count (21 Feb 2026)

Change Log