8000 Add about us modal by itspatys · Pull Request #183 · instructlab/ui · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Add about us modal #183

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Sep 25, 2024
Merged

Conversation

itspatys
Copy link
Collaborator
@itspatys itspatys commented Sep 19, 2024

Addresses: #102

about.us.modal.demo.mov

Please let me know what you think. I've tried making some of the text lighter but for some reason changing font-weight to lighter or 300 doesn't work.

Signed-off-by: Patryk-Pierzchala1 <patryk.pierzchala1@ibm.com>
@vishnoianil
Copy link
Member

@itspatys This looks great. We should use the x.y.z formate for the version, so lets use 1.0.0 for version.

@Misjohns Please take a look and share your thoughts.

</div>
<div className={styles.joinCommunityButtonWrapper}>
<Button variant="primary" icon={<GithubIcon />} iconPosition="left" size="lg" className={styles.joinCommunityButton}>
Join the community
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@vishnoianil @nerdalert do we have a way to link people to join the instructlab community? At present this does not link the user to anywhere.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@aevo98765
Copy link
Member

Nice submission @itspatys! I have left a few comments but after they have been resolved it's a LGTM from me.

Signed-off-by: Patryk-Pierzchala1 <patryk.pierzchala1@ibm.com>
@Misjohns
Copy link
Collaborator

Looks good just a few minor tweaks. Some maybe fine as is but it's hard for me to accurately judge color on video:

  • The close X looks big. Should be 24px
  • About InstructLab should be 28pt medium #DEDEDD
  • InstructLab is an open source... should be 18pt #FFFFFF and wrap like sample below
  • Join the Community should be 16pt medium #FFFFFF and button should be black #030303
  • Links and legal should be 14pt #FFFFFF

InstructLab is an open source AI project that allows
you to shape the future of Large Language Models.
Join the community to start contributing today.

@aevo98765
Copy link
Member

Looks good just a few minor tweaks. Some maybe fine as is but it's hard for me to accurately judge color on video:

  • The close X looks big. Should be 24px
  • About InstructLab should be 28pt medium #DEDEDD
  • InstructLab is an open source... should be 18pt #FFFFFF and wrap like sample below
  • Join the Community should be 16pt medium #FFFFFF and button should be black #030303
  • Links and legal should be 14pt #FFFFFF

InstructLab is an open source AI project that allows
you to shape the future of Large Language Models.
Join the community to start contributing today.

Hey @Misjohns , is there a way we can access these specific requirements as devs so we can implement these specifics as a first pass? Could we detail these as requirements in the issue?

@Misjohns
Copy link
Collaborator

I can either give you access to the Figma file or create a quick red line to spec fonts, colors, etc. Which is better for you?

@aevo98765
Copy link
Member

I can either give you access to the Figma file or create a quick red line to spec fonts, colors, etc. Which is better for you?

Let's chat about it in the community meeting tomorrow. This would be good to have a consistent approach going forward as I think we should take as much guidance as possible from you guys early on.

8000

@vishnoianil
Copy link
Member

I can either give you access to the Figma file or create a quick red line to spec fonts, colors, etc. Which is better for you?

Let's chat about it in the community meeting tomorrow. This would be good to have a consistent approach going forward as I think we should take as much guidance as possible from you guys early on.

+1, @aevo98765 / @Misjohns Added this as an agenda item for community meeting.

@vishnoianil
Copy link
Member

@itspatys If you can address @Misjohns review comments on this PR, i think it's good to go.

@itspatys
Copy link
Collaborator Author

@vishnoianil I will try, but currently I am on vacation and I am not sure if I will have the time
but I will try!

@vishnoianil
Copy link
Member

@vishnoianil I will try, but currently I am on vacation and I am not sure if I will have the time but I will try!

no worries at all, enjoy your vacations, last thing i want is folks to look at their laptop during their day off :-)

Signed-off-by: Ash Evans <70710356+aevo98765@users.noreply.github.com>
Signed-off-by: Ash Evans <70710356+aevo98765@users.noreply.github.com>
Signed-off-by: Ash Evans <70710356+aevo98765@users.noreply.github.com>
…t function.

Signed-off-by: Ash Evans <70710356+aevo98765@users.noreply.github.com>
…ctlab

Signed-off-by: Ash Evans <70710356+aevo98765@users.noreply.github.com>
@aevo98765
Copy link
8000 Member

@vishnoianil I will try, but currently I am on vacation and I am not sure if I will have the time but I will try!

As @vishnoianil said. Prioritise your vacation! I have completed the changes and also caught (and sorted) some issue with the AboutModal not having an aria-label for accessibility. Going to push this one through.

@aevo98765 aevo98765 marked this pull request as ready for review September 25, 2024 09:33
@aevo98765
Copy link
Member

@vishnoianil @Misjohns looks like I can't review now. When you get chance I would appreciate a review. Thanks!

@Misjohns
Copy link
Collaborator

Placed the changes beside design mockup so you can easily compare
image

@Misjohns
Copy link
Collaborator

Link to Figma dev mode for About screen: https://www.figma.com/design/6QLf45DArE6d3ngxRSYarO/InstructLab?node-id=73-7952&m=dev

Let me know if you can access it.

Copy link
Member
@vishnoianil vishnoianil left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@vishnoianil vishnoianil merged commit 34bf190 into instructlab:main Sep 25, 2024
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants
0