javascriptmn / javascriptmn.github.io

Organization website for JavaScriptMN

JavaScriptMN

This site is built with Eleventy and Tailwind.

PRs should be made against the main branch. Upon merging, a GitHub Action will build and deploy the site to the gh-pages branch.

Prerequisites

Install dependencies with npm install. Set up git hooks with npm run setup-git-hooks.

Develop

Run npm run start and access the dev server at the address it reports.

Build

Run npm build, and a built version will be written to /dist. You can run the built site in a web server, for example, npx serve dist.

Building for production minifies HTML, CSS, and JavaScript files as well as adds a cache-busting parameter to those resources.

Events

A list of events (past and upcoming) are stored in src/globals/events.js. The newest non-hidden event that is in the future will be treated as the featured upcoming event. A small amount of clientside JavaScript will automatically hide this event the day after it has occurred.

javascriptmn.github.io's Issues

Describe food/drink offerings

As an attendee with dietary restrictions, I need information about what food will be provided at the meetup, so I can plan accordingly.

• On the Meetup event, describe which foods will be offered
  • Currently, pizza, desserts, salads, and snacks
• Create a page (or homepage module) that describes more about meetup logistics

misspelling presentation

Contributing guidelines

Sponsor is spelled incorrectly throughout the site

"Sponser" should be "sponsor."

Structural changes to support design and layout changes

• Blog template generation
• SCSS loader support
• folders for each top level item
• updating deployment instructions

Related to #1.

Site should pull data from Meetup.com

Requirements

• Should use Meetup.com API
• Should display latest meetup information on the homepage
• Should be performant enough to allow for quick loading
• Should not require a re-build of the site to update rendering

Implementation status

This was in place as part of an early dev build of the site, but I never completed the modifications necessary to make this work with the new UI.

Need auto build / deploy when changes merged into build?

thoughts

Pages missing <title> value

There appears to be a bug in the implementation of the react-helmet, the package being used to update the document's <title> tag. While the tag exists, it has an empty value. This is problematic for:

• accessibility
• SEO
• general user experience (as the tab title is simply "javascriptmn.com" no matter the page navigated to)

I'd look into it myself, but the version of react-helmet in place is mildly outdated and the applicable documentation is likely buried in an old commit of the plugin's readme.

sponsorship-opportunities is off

http://javascriptmn.com/sponsorship-opportunities/

is missing the margins found on the other pages.

Need organizer page

slack link does not work

Code is missing single quotes around link

new sponspr

I heard there's a new sponsor, but they weren't added to the website, can you please add them?

Also where is our site at?

Broken responsive styles between 600px and ~1060px

Between 600px and ~1060px, several page elements behave poorly:

• The "Next Event" block sits flush with the left side of the window
• The "Location" heading box extends past the left side of the window
• The "Speaking" heading box causes overflow of the main content area

This could be resolved by just broadening the media query for the mobile styling up to 1060px, but may be worth a closer look.

Update sponsorship levels

Page target

Sponsorship Opportunities

Requirements

• Should match admin repo level definitions

PENDING:

Notes for new website

Random notes and things to do for the website.

Home Page

• Main Section that advertises latest blog entry
• Show Next Meetup
• Show top 4 sponsors

Sponsorship stuff

Need a page to show our current sponsors.

• Olson : Host Level (home page as well)
• Gold Level Logos, Links (home page as well) x 3
• Silver Level Logos, Links x 3
• Bronze x List Names / Links
• Schwage - list of Names Links

Link to Sponsor Opportunities from this page.

Main Menu

• About Us
  -- Info About Us (that we have yet to write)
  -- Code of Conduct (link)
  -- Mission Statment (that we have yet to write) (link)
  -- Contact Us
• Sponsors
  -- List of Sponsors (from above)
  -- Link to Sponsorship Opportunities (link)
• Speak
  -- Text to encourage people to speak and tells them how to get ahold of us (that we need to write)
  -- Speaker Questionaire (link)

Footer

Should have social media

• meetup meetup.com/javascriptmn
• github github.com/javascriptmn
• twitter @JavaScriptMN