gitpod-io / cde-universe Goto Github PK

• give Johannes's speaker card a rose background
• adjust the neon-light image for mobile (you can also remove it for mobile, if it's not working)

• align the total width of the highlighted speakers with the standard speakers

• Buttons
• New Design system - styles, font, etc.

More discussion (internal)

🚀 Initiate Project

• Create a new repository on GitHub.
• Create a new project using Svelte Create App. 0653363
• Gitpodify the project. Add to gitpod-io Organization Projects. 0653363
• Create a new workspace using Gitpod. Share access to respective team members. And read-only access to all Gitpodders.
• Add Branch Protection Rules.

🧪 Project Setup

• Configure Vite 0653363
• Configure Svelte 0653363
• Configure TypeScript 0653363
• Configure ESLint 0653363
• Configure Prettier 0653363
• Configure Husky 0653363
• Configure Netlify-adapter for SvelteKit 0653363
• Configure netlify.toml 0653363
• #2
• #3

🌐 Project Deployment

• Configure Netlify
• Create a new site on Netlify.
• Connect the site to the GitHub repository.
• Configure the site.
• Configure Cookieless Analytics using Netlify
• Deploy the site: https://cde-universe-kumquat.netlify.app/

🏗️ Project Development

🎨 Initiate the UI Design System

• #5
  • #8
  • Initiate the UI Layout
  • Initiate the UI Typography
  • Initiate the UI Colors
  • Initiate the UI Icons
  • Initiate the UI Buttons
  • Initiate the UI Components
  • Integrate Required Components

🛠️ Building Using Components

• Boilerplate Cleanup
• #10
• #19
• #48
• #11
• #12
• #13
• #49
• #59

💪 Implementation of New Sections

• #24
• #21
• #20
• #35
• #38
• #28

🤝 APIs

• #40

✨ Polish & Cleanup

• #52
• #55
• #56
• #62
• #63
• #70

🎉 Public Release

• Configure the site's domain with cdeuniverse.com (ping here in internal conversation)
• #7
• #6

• "the future of software development" should be in one line. By that and with reducing the nav height in #54 the whole section should be visible without scrolling

• this text should be left aligned (see mockup)

• "join us" needs to be in one line and spelt with a small "u". You can decrease the font size at bit if necessary

• the spacing between the columns in the FAQ section should be 120px instead of 32px
• the spacing in the FAQ section between headline and text should be 16px instead of 0px
• in the FAQ section a new headline with 20px size was introduced. Let's stick to measurements in Figma or let me know why you need a new headline style
• the spacing between FAQ and footer should be 200px instead of 368px

I realised that the current button styles don't work so well so I tweaked them a bit. You can find the new styles here

More discussion (internal)

• decrease the spacing between the input field so that the input fields can be wider. Currently, also the role default text is cut.

• the FAQ section is difficult to read. Let's have only one column

• decrease the spacing between FAQ and footer

• #8

How it will look

You can find the mockup here

All ellipse graphics are pixelated. How can we improve them?

What about exporting the graphics as SVGs (without the noise overlay which is a jpg)? Could we add the noise in code as well?
See graphic without noise overlay

See mockup

For more context see the internal discussion

• rename "join waitlist" to "join the waitlist"

• CTA should be top-aligned with the logo

• The logo is an outdated version as it has some empty top spacing. Could you replace it and adjust the size to 50px in height?

• while scrolling could you use 85% opacity instead of 80% and add blur effect (similar to how it's done on gitpod.io)?

• the bg of the nav bar should have the same color as the page background but will less opacity

• while scrolling could you change the stroke opacity to 10% of the defined paragraph color? It should look like this

This button is not doing anything.

Also can we now route it to [email protected]? [1] @pawlean

Description
Small changes to copy based on private feedback from Lou to increase clarity of value proposition

Remove LinkedIn token as discussed internally

Custom Scrollbar

• this text should be h4 (28px instead of 30px) and icon is 40px in height

• same for this text. There is no font style defined for 30px. It should be 28px

• mobile navigation: could you change "join" to "register" and could you keep "join the waitlist" as long as possible. So it only changes for phone sizes and not on tablet?
• mobile: reduce spacing between the different sections. Should be 120px instead of 200px on mobile

    // TODO: Update Opengraph data.

https://github.com/gitpod-io/CDE-Universe/blob/c70c5b6228daff03fbb4e7175a71203e21e36452/src/routes/+page.svelte#L7

Title, Description, Keywords, Images, Twitter Card

All changes are labeled in Figma

Task in Notion

• Implement copy changes based on internal discussion

the things touch the side of the screen for whatever reason

• remove this card

• swap blue card content (see Figma)

Related #31 (comment)

• small letter for "conference"

• check the spacing for mobile e.g. "the venue" - images, before "join us"

• on mobile: reduce spacing above the CTAs so that it's visually clear that they belong to the section above