asyncapi / conference-website Goto Github PK
View Code? Open in Web Editor NEWWebsite for the AsyncAPI online conference
Home Page: https://conference.asyncapi.com
Website for the AsyncAPI online conference
Home Page: https://conference.asyncapi.com
Hello ๐
I've noticed that the website renders incorrectly on Firefox 101.0, and, in a result, I cannot click the "Start" button nor any other clickable elements (text boxes, buttons). It looks like a problem with one of SVGs (CSS selector: .sm\:w-12
) that comes in front of everything on the website (when I delete the svg
element, I am able to fill up the form). However, everything renders properly in Chrome.
I've tried to disable uBlock Origin which I use, but it is not the case here. Same with the Firefox private mode.
The website works and displays the same as in Google Chrome.
As identified on last conference-org meeting -> https://github.com/orgs/asyncapi/discussions/381 we need speaker cards
Examples of speaker cards from 2021 conf:
We need similar but just with current conference branding
Some key facts:
Speakers
link. Some speakers provided profile picture.Speakers for London have been selected, and we need to start working on the agenda page for AACoT'23 London.
@Mayaleeeee made some awesome designs for this, we just need to in cooperate it to the conference website.
Tracking id is UA-109278936-3
but like in case of main website I think we need to enable GA4 because old GA will go away pretty soon afaik.
so yeah, whoever works on it, see how it is done for AsyncAPI website, and lemme know if I need to do something in GA4
Paris Conference - Apply as a Speaker doesn't work. IDK if that is because it is not working, or stopped working.
https://conference.asyncapi.com/venue/Paris#sponsors
Steps to reproduce the issue. Attach all resources that can help us understand the issue:
There is Unhandled Runtime Error that pops up . This happens beacause we are trying to access the classList property of a DOM element that is null at the time of access.
If you ever conditionally render the elements that the refs are attached to, there might be cases where the element isn't in the DOM, and thus, the ref would be null.
Steps to reproduce the issue.
I have shared a screenshot so that you can better understand the bug
I'd like to work on this issue. Please assign it to me. Please add hacktober fest label for me. Thanks.
There should not be any Unhandled Runtime Errors.
Speaker Profile Images
1/3 of our speaker cards this year have typos. This issue lists the speaker cards with typos/punctuation errors that must be fixed. (a couple of these were speaker submission errors)
Please carefully select the CORRECTED text below to address all typos:
It has been announced that Postman is the sponsor for the Bangalore Edition, which means we need to include Postman on the list of sponsors on the homepage and as the primary sponsor on the Bangalore page.
Add the Postman logo to the list of images in the following section
conference-website/pages/index.js
Line 165 in a069ab4
Update the following object to include the following key-val sponsors: ['postman logo']
conference-website/config/city-lists.json
Lines 20 to 27 in a069ab4
Tickets button in https://conference.asyncapi.com/ leads to London tickets. IMHO we should promote Madrid conf there -> https://docs.google.com/forms/d/e/1FAIpQLSdwqi27LpsIi8tKQoQBcUWDUJZi0be0cHpWnDtWhhHVn00hFA/viewform
Suggested changes:
Get Free Tickets
should be Get Free Tickets for Madrid
or basically below Get Free Tickets
it should say Madrid
, smaller casesPlease try answering few of those questions
Why we need this improvement?
We need to add PDF in the website.
How will this change help?
Sponsors can download Sponsorship details and share to their team before making decision.
What is the motivation?
Discussed in asyncapi/community#74
Please try answering few of those questions
What changes have to be introduced?
A file to be uploaded in attachments folder.
Will this be a breaking change?
No.
How could it be implemented/designed?
A button will be added below sponsors heading and above WANT TO BECOME A SPONSOR?
text
I shared the link on Twitter, and noticed we didn't have any open graph tags.
Be great to get some open graph tags for the conference for nice media sharing on things like Slack, Twitter etc.
like in title, basically every venua has a string with address
would be nice if this is a link to google maps to a pin to location
long term even nicer would be to have embedded map, but I guess separate issue for discussion
The section should include a button labeled 'Browse All' or 'See All', and
When users click on the button, they should be directed to a
Since AACoT'23 was our first in-person conference, there will be three cards (for each of the locations) with a 'View Gallery' button that leads to a Google Drive folder.
Users should be able to easily browse through the gallery of images from past events by clicking on the 'Browse All' or 'See All' button.
This feature will enhance the user experience by providing a visual representation of past events.
The hamburger menu does not close by clicking Escape button or clicking outside of the menu. The only way currently is to click on the close button.
Go to homepage on smaller screens to make hamburger icon to appear.
Click on hamburger icon.
Click outside of opened window, it does not close.
For a better user experience, it should get closed by clicking outside or Esc key press.
A link to the event's Code of Conduct (CoC) is not available on the event landing page.
Visit https://conference.asyncapi.com/
A link to the Code of Conduct (CoC) should be available on the landing page and every subpage once they get created. Please aim at enabling visitors to one-click reach the CoC. A CoC exists and is linked in the CfP process. Ideally, the link on the landing page is prominently placed in a top-bar navigation style way. Footer links also work and have become the sub-optimal standard for linking to the CoC.
Attendees, speakers and sponsors more and more look for signs of inclusivity. People from marginalised groups have to be able to identify safe conferences and know what they can rely on in case they experience harassment, discrimination or other undesired behavior.
When i am trying to setup repo locally i get this error
Error: Invalid with child. Please remove or use .
Learn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor
I expect it to page render but it show error
It's a New year; it's time to update our website to reflect the changes and additions for 2024. These are some of the necessary updates and improvements needed on the website, i.e., archiving the 2023 content, adding new venue information, speaker slides from the previous event, and incorporating a sponsorship page.
Start adding confirmed venues on the website
Add a sponsorship page on the website that details the tiers we have, benefits information and redirects to the open collective page
Structure our Call for Speaker form early
There is plenty to mention; additionally, we can still maintain the current designs and improve from what we have.
Why we need this improvement?
How will this change help?
What is the motivation?
What changes have to be introduced?
Will this be a breaking change?
How could it be implemented/designed?
The current implementation of the dropdown needs to be better aligned especially vertically.
Link to design https://www.figma.com/file/sS5ofLRtuFqDGFvlNBurns/AACoT?type=design&node-id=0-1&mode=design&t=twZEjRCAZ0i1nP5b-0
The current Twitter icon in the footer has become obsolete and should be replaced with a new "X" icon to align with the latest branding guidelines.
The footer lacks user interaction, with neither icons nor text responding to user actions, such as hover or click events.
cc @AceTheCreator, please label it as an hacktoberfest issue.
There is no effect when users hover or click on the location cards.
Implement visual states for images to improve user experience. This enhancement will help users understand what's happening by elevating the cards when hovered over and appropriately responding when clicked on.
Here's a short recording of how the section looks:
When you're in the speaker's section on the homepage, it initially loads all the speakers for all venues, and then you can filter by venue. The problem is you can't go back to view all speakers because there's no "All" button after filtering.
Add an "All" button to the list and it should be active by default.
Now that Bangalore has been confirmed, we need to put out the Call for Proposals that will be open for four weeks before the end of August or the beginning of September.
I believe we have a final decision on a conference date and location based on the responses from the survey, (per announcement on slack: https://asyncapi.slack.com/archives/C34F2JV0U/p1655800294158509) so I believe we should be able to make the following changes to the website for now until we roll out a new design:
November 3-5, 2022
Barcelona, Spain
Click the button to start survey
buttonUpdate Default Readme.md File to Meaningful Content
Link to conference website: conference.asyncapi.com
You can get a reference from asyncapi/website's readme file : https://github.com/asyncapi/website#readme
Reason/Context:
Why do we need this improvement? To enhance user experience and streamline the process.
How will this change help? This section will simplify users' interaction by providing easy access to event details, registration information, and resources from previous events.
What is the motivation? To improve efficiency and user satisfaction.
Description:
I have created a rough sketch on paper to guide what we expect for the design below. However, if you have a better idea, please share it.
Add a column to access the AACoT'23 London speaker slides links as they come in.
The become a sponsor button is not clickable because of the art placed above it
In the speakers section on the main page, some speakers appear more than once when you click on all speakers button which shouldn't be the case.
Assigned to @thulieblack
The current implementation of the venue pages needs a map section indicating the venue's location.
Link to design https://www.figma.com/file/sS5ofLRtuFqDGFvlNBurns/AACoT?type=design&node-id=0-1&mode=design&t=twZEjRCAZ0i1nP5b-0
There is a bug in styling the "Subscribe" button on the conference website. It looks different from the other buttons on the site, causing issues with the size of the button and the spacing of the text inside it.
Ensure the "Subscribe" button is styled consistently with other buttons on the website.
I tried to use https://conference.asyncapi.com/venue/bangalore
so I filled in all data, and before submitting I was "damn, I will loose talk description if the submission fails, so will click back
to copy my stuff"
clicking back, shows empty form, data is not remembered and do not stay in the form ๐ญ
@mcturco and @AceTheCreator have decided to take the AsyncAPI 2022 conference website to the next level. This overarching goal here is that we want the website to look astonishing and give an outstanding impression to visitors.
The following is a list of proposed features for the new conference website:
Target release date: TBA
Kindly let me know if there's something you'd love to add.
AACoT'23 Bangalore was streamed lived and we need to cut the stream and create a playlist for each talk like how we did with the Madrid Edition
Since we won't be introducing a ticket fee for AACoT'23 Madrid, we need to add a button that links to this form where we will collect the information for interested participants who want to attend the conference, as we have a limited number of tickets.
This will be similar to ๐๐ฟ
But we will rename it to Tickets Form
Instead, we could have something like the one below; you can check it in the Figma file here.
It is great that we have a conference website already up, thank you to @AceTheCreator for fixing that together! I have a few ideas/suggestions on how we might be able to improve the site to better communicate to new visitors what the conference is and how they can get involved.
Click the button to start the survey
maybe we have some better call to action that says Help us decide on a date and location for the 2022 conference
Let me know what you all think about these ideas. If we like them, I would be happy to propagate them in a design mock-up. Keep in mind that every year we will have a "brand" or visual style to represent the conference, so I might ideate on some visuals that we can add to this website. I like the direction of this so far though! ๐
This issue defines a list of tasks that need to be performed in this repo to make sure it's ci/cd automation works long term without any issues.
It is up to maintainers to decide if it must be addressed in one or multiple PRs.
Below are 3 different sections describing 3 different important ci/cd changes.
IMPORTANT-START
For GitHub workflows that contain This workflow is centrally managed in https://github.com/asyncapi/.github/
you do not have to perform any work. These workflows were already updated through the update in .github
. The only exception is the workflows related to nodejs release. More details in Upgrade Release pipeline - in case of nodejs projects section
IMPORTANT-END
Every single GitHub Action workflow that has echo "::set-output name={name}::{value}"
need to be updated to follow echo "{name}={value}" >> $GITHUB_OUTPUT
We do not yet know when set-output
will stop working. Previous disable date was 31.05 but now then say community needs more time.
For more details read official article from GitHub
2nd bullet point is still relevant for you even if your projects in not nodejs project
v3
version of this action, and make sure minimum node 14 is usednode12
is that node-based GitHub Actions were using it in majority as a runtime environment. Look for example at this action.yaml file for setup-node action v2. So the job that you have to do is go through all the workflows, and verify every single action that you use, make sure you are using the latest version that is not based on node12
. I already did review a lot of actions as part of this PR so maybe you will find some actions there and can copy from me. For example action/checkout
needs to be updated to v3.Node12 end of support in action is probably September 27th.
For more details read official article from GitHub
ignore this section if your project is not nodejs project
You have 2 options. You can:
A. choose to switch to new release pipeline using instruction from asyncapi/.github#205
B. stay with old release pipeline, and manually update GitHub workflows and actions used in it, you can inspire a lot from this PR asyncapi/.github#226
I definitely recommend going with A
Workflows related to release:
Add London Speakers to the AACoT website page.
When you go to conference.asyncapi.com you see Venues
section
I think that it would be nice if for past events, given venue is somehow grayed out, or have some water mark like ended
๐ค
@Mayaleeeee wdyt? how that should be done? just grayed out?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.