cloud-native-nordics/website

Live at https://www.cloudnativenordics.com

website's Issues

Landing page (section 5): Upcoming meetups

Landing page overview:

This issue focuses on section 5. This section should help our users with knowledge about upcoming events within the Cloud Native Nordics community.

The data for this should be fetched through the stats-api and only show upcoming events. If no events are scheduled, just write a short message: "No events scheduled". Consult @jepp2078 on how to get this data if you are in doubt.

On the left side, a cloud native nordics logo should be centered both horizontally and vertically.

The definition of done for this issue includes making this work on a mobile device as well.

Add slack invite button to the frontpage

Before we can migrate to this new website, we need to provide a way for users to join the Slack Community.

This should be a simple input field on the frontpage, with a button to apply.

Create speaker details page

We need to create a details page for speakers.

Eg. https://cloudnativenordics/speakers/jeppejohansen

This page needs to display attendance, presentations, and affiliations.

Make it possible to filter for city as well as country

It would be great if we could filter by city also, to see which companies helped in which cities.

Mention infrastructure sponsor on frontpage

We need to mention that Digital Ocean is sponsoring the infra that we host our sites on.

Actions using HCL format

This repo uses the HCL-based GitHub actions format deprecated on 30.09.2019.

The action should be migrated to the new format.

Rename repo to simply "website"

thoughts @kaspernissen? I think that's neater, and matches expectations from e.g. kubernetes/website

Add section with stats on the frontpage

Add section with stats on the frontpage. Basically visualizing the stats.json from the meetup repo.

Search functionality

We are currently displaying a search icon in the navigation bar which does not work.

Wouldn't it be easier to create a seach component, and add it to each the pages; groups, speakers, sponsors, events. This should limit the scope of the functionality and hopefully make it easier instead of general search functionality that searches the entire data model.

Align design with figma

We need to redo the styling of the website to align with something like this:

https://www.figma.com/proto/5u6l5imHmNooF0CcwMqrBC/Cloud-Native-Nordics-Site?node-id=5%3A2&scaling=contain

Make images or entire card clickable

When under /meetup-groups, /speakers, /sponsors, /members only the name is clickable.
The image / entire card should be clickable for easier navigation.

Add descriptions of what a sponsor and member is

We need to make it explicit what a sponsor is and what a member is.

City filter buttons does not fit screen

When running in 1366 x 768 the city filter buttons continues outside of the view.

This makes it impossible to press finland and norway is cut in half.

Announce next meetups on the frontpage

It would be awesome to show the next upcoming events on the Frontpage, across all groups.

Landing page (section 2): Slack Invitation

Landing page overview:

This issue focuses on section 2, which handles Slack invitation emails. The functionality of the input field and email invitation sending is already implemented and should be working.

Definition of done for this issue is to align the overall styling with the mock-up or at least close to, and also handle mobile devices, by making the input field and text fill the screen.

Create meetup details page

We need to create a page that displays the details about the meetup

Eg. https://cloudnativenordics/meetup/{Meetup-ID}

This page should display statistics about the meetup, the schedule and links to the slides if available.

Events page

As we will be removing the "Members" page, this should be replaced with a page displaying all upcoming events.

Create sponsor details page

We need to create a sponsor details page.

Eg. https://cloudnativenordics/sponsors/whyyy

This page needs to display affiliated speakers and meetups sponsored.

Landing page (section 1): Cover and map

Landing page overview:

This focus of this issue is to align section 1 displayed in the overview.

The issue also covers aligning the objects to fill the fullscreen when on a mobile device, and generally try to make the layout look good for all screen sizes.

Speaker names are active links, but lead to 404

ie. https://cloudnativenordics.com/speakers/kaspernissen

Slack invite feature does not work.

Upon entering my email address, I get a popup with an error. The backend query responds with the following:

{"data":{"slackInvite":"Something has gone wrong. Please contact a system administrator."}}

Style the input email for slack signup

Currently the color and state change seems a bit off. Either black or white. The hover should be a white color as well

Add Cloudflare Turnstile to site

Due to the many bot creations on Slack, we are looking into Cloudflare Turnstile, so create automatic validation, before allowing people to use the slack community form

Create meetup-group details page

We need to create a details page that is shown when a meetup-group is pressed.

Eg. https://cloudnativenordics/meetup-groups/Cloud-Native-Aarhus

This page should display the past and future meetups, statistics on the group and the organizer team.

Landing page (section 6): Footer

Landing page overview:

This focuses on the last section, 6. This sections should be a footer displaying relevant contact information such as our twitter handle, link to github, and to the right a logo for our infrastructure sponsor.

The definition of done for this includes making it adaptable to mobile devices.

Email field for slack invite too small

When running in mobilview on small devices (such as iPhone 6/7/8) the email field for a slack invite becomes too small.

Landing page (section 3): About Cloud Native Nordics

Landing page overview:

This issue focuses on section 3, a short description of Cloud Native Nordics. The what, how, and why?

Title: Building and scaling the adoption of Cloud Native in the nordics

We need some input and ideas for the description.

The definition of done for this issue, includes writing the description, but also make sure that this section handles mobile layouts as well.

Invites does not seem to be working

When I enter my e-mail to get the prized Slack invite, I get a Catch all: Something has gone wrong. Please contact a system administrator.:

So, is there a system administrator around? (for this particular system)

Add map with pins for each meetup group in the frontpage

Would be cool with a section on the frontpage displaying a map of the nordics with a pin for each city.

We should be able to leverage the latitude and longitudes specified here: https://github.com/cloud-native-nordics/artwork/blob/master/slide-background/generator/places.js

Add Iceland to the list of countries

Just spotted this. We need this before our talk :)

Landing page (section 4): Stats

Landing page overview:

This issue focus on section 4. The idea of this section is to display aggregated metrics for all groups.

These metrics should be retrievable from the stats-api (consult @jepp2078 for help). The stats-api is reachable add: https://stats-api.cloudnativenordics.com

The metrics we want to highlight are the following:

• number of meetup groups
• total number of members (based on meetup.com data)
• total number of meetups (based on meetup.com data)
• avg. attendee rate

The definition of done for this issue both includes making it work on mobile devices and fetching the data via the stats-api.

Setup CI for website with Github Actions

We need to setup CI for the website to produce a docker image