Kairoscope Website 2021

Website for Kairoscope.net, built with Hexo and deployed as static files.

Commands

# Clone the repo
git clone https://forgejo.jamesperet.com/kairoscope/kairoscope-website-2021.git
cd kairoscope-website-2021
npm install

# Start a development server at http://localhost:4000
npx hexo server

# Build static files to /public folder
npx hexo generate

# Clean generated files and cache
npx hexo clean

Deployment

Build the site and copy the /public folder to the web server:

npx hexo clean && npx hexo generate

Then upload or rsync the contents of /public to the server's web root:

rsync -avz --delete public/ user@yourserver.com:/var/www/kairoscope.net/

Tasks

• Add Trailer to game layout page
• Game long description in game layout page
• Presskit page
• Grid Miner content
  • Hero image
  • Logo
  • Cover
  • Screenshots
  • Short description
  • Long description
• Newsletter form better visuals
• Hello world post
• Max Raider launch post
• Grid Miner announcement post
• Vue App
  • Newsletter signup function
  • Mixpanel analytics
  • install tracking
  • track page load
    • Landing page view, Game page view, Presskit page view
  • Track Newsletter Signup, Newsletter Invalid Email and Newsletter Error
  • Track External Link
  • Track Media Downloaded
  • Newsletter success / error / loading
• Test all Links
• Add media to presskit (logo, hero, thumbnail, icon, developer and publisher logos)
• Footer links
• Better landing page hero
• Blog page
• Games page
• Mobile / responsive design review
• Contact form page
• Contact message functions
• Track Contact Message Sent, Contact Message Invalid and Contact Message Error
• Presskits page
• Kairoscope presskit
• Newsletter signup page
• Deploy
• Set correct API URLs
• Favicon
• Grid Miner alternative Newsletter Signup with reward (Mini Crusher card)
• feedback message and newsletter signup origin field
  • sent from website or a game?
• About the team section
• Each newsletter page signups to a different list
• Page metadata for SEO (including AI crawlers)
  • Dynamic page titles and meta descriptions
  • Open Graph + Twitter Card tags
  • Canonical URL tags
  • JSON-LD VideoGame structured data on game pages
  • sitemap.xml (hexo-generator-sitemap)
  • robots.txt
  • llms.txt and llms-full.txt for AI crawlers
  • Alt text on game images
• When user signups to newsletter or sends a message, save email to cookie
• use cookie email to signup user in mixpanel
• when site loads, look for email cookie and setup mixpanel
• Use the referrer attribute in mixpanel link tracking

Referrer tracking in Mixpanel

mixpanel.track_links("#nav a", "click nav link", {
        "referrer": document.referrer
    });