Mastodon PyLadies Vancouver - Updating the website
PyLadies Vancouver logo
  • About 
  • Events 
  • Blog 
  • Handbook 
Handbook
  • Ways to Participate
    • Speak at Our Meetup
    • Host a Venue
    • Donate and Sponsor
    • Help Organize
  • Organizing a Meetup
    • Where Things Live
    • Pick a Date and Venue
    • Speakers and Call for Proposals
    • Create the Luma Event
    • Announce the Event
    • On the Day
    • Wrap-Up and Recap
    • Updating the Website
  • Templates
    • Luma Event Template
  • Ways to Participate
    • Speak at Our Meetup
    • Host a Venue
    • Donate and Sponsor
    • Help Organize
  • Organizing a Meetup
    • Where Things Live
    • Pick a Date and Venue
    • Speakers and Call for Proposals
    • Create the Luma Event
    • Announce the Event
    • On the Day
    • Wrap-Up and Recap
    • Updating the Website
  • Templates
    • Luma Event Template
  1.   Organizing a Meetup
  1. Home
  2. Handbook
  3. Organizing a Meetup
  4. Updating the Website

Updating the Website

Share via
PyLadies Vancouver
Link copied to clipboard

How the PyLadies Vancouver website is built and edited.

On this page
Blog Posts   Banner Images   Building Locally   Events  

The site is a Hugo  project using the Hinode theme, in our GitHub repo  . Changes go through a pull request and deploy automatically via Netlify once merged.

Blog Posts  

Blog posts live in content/blog/ as Markdown files with front matter (title, author, date, description, tags, thumbnail). Event photos and banner images go in assets/img/.

Banner Images  

A post’s thumbnail banner is cropped to different aspect ratios in different places, so export it at 21:9, ideally 2800x1200 pixels (the largest size the site renders), and keep the important content (text, logos, faces) centered so nothing gets cut off:

  • Post header: cropped to 21:9 (ultra-wide)
  • Homepage blog card: cropped to 16:9
  • Social sharing preview: cropped to 2:1

A 21:9 image with centered content looks good in all three.

Building Locally  

Build locally with the Hugo version the theme is pinned to: the newer Homebrew Hugo can break the Hinode theme. Run the local dev server, check your changes, then open a pull request.

Events  

Upcoming events are pulled live from our Luma calendar, which is embedded on the Events Page and the homepage. Once an event is published on Luma it appears on the site automatically, with no code change needed per event.

 Wrap-up and recap
On this page:
Blog Posts   Banner Images   Building Locally   Events  
Connect With Us

Tag us and use #PyLadiesVancouver hashtag

             
Copyright © PyLadies Vancouver | Powered by Hinode  .
Deploys by Netlify
PyLadies Vancouver
Code copied to clipboard