-
Notifications
You must be signed in to change notification settings - Fork 1
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
Feature: Developer Portal #42
Conversation
## Details - Set link to localhost for `Dev Docs` for local development Closes #30
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
- also fix tailwindow.config.js to use 'extend' property, else Tailwind classes from the package don't come through always - Closes #36 ## Screenshot(s) Desktop: ![image](https://github.com/user-attachments/assets/0cf2479b-0ab0-4dc9-a463-9858ed115259) Mobile/small screen: ![image](https://github.com/user-attachments/assets/b6637fef-97be-422a-88cc-b00c59e00783) Please delete options that are not relevant. - [X] Content Change (Required approval in Slack: `#frequency-xyz` and remember that changes along the way trigger re-approval.) - [ ] Approved HE (Required for technical wording) - [ ] Approved CM - [ ] Approved UO # How to Test? 1. Pull branch 2. Run `npm run dev -- --open` 3. Visually verify that the footer matches the screenshots 4. # Checklist: - [x] I have performed a self-review of my code - [x] I have commented my code & PR, particularly in hard-to-understand areas - [x] I have checked at all the breakpoints to make sure it works on all screen sizes
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Please include a summary of the changes and the related issue. Please also include relevant motivation and context. - Closes #31 ## Screenshot(s) Including screenshots helps reviewers know what to expect. ### Desktop ![image](https://github.com/user-attachments/assets/30fa5aac-8dcb-4867-bfd0-e87abfabe1b9) ### Mobile ![image](https://github.com/user-attachments/assets/1b200ef1-c584-4a0b-8939-41ef9af294b5) ## Type of change Please delete options that are not relevant. - [x] New Feature # How to Test? Please describe how to test that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration 1. git clone the repository 2. `cd frequency-xyz && npm i` 3. `npm run dev` then got to `http://localhost:3000/docs` # Checklist: - [x] I have performed a self-review of my code - [ ] I have commented my code & PR, particularly in hard-to-understand areas - [ ] I have checked at all the breakpoints to make sure it works on all screen sizes --------- Co-authored-by: Joe Caputo <[email protected]>
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
[](url)Replace current header with header from the style-guide library. Closes #35 <img width="1724" alt="Screenshot 2024-10-31 at 3 29 19 PM" src="https://github.com/user-attachments/assets/5b69caa5-487e-427e-9014-fc53b37e4242"> <img width="495" alt="Screenshot 2024-10-31 at 3 29 12 PM" src="https://github.com/user-attachments/assets/f117c285-95f3-4f05-bce3-3c3ab393551c"> <img width="1728" alt="Screenshot 2024-10-31 at 3 29 31 PM" src="https://github.com/user-attachments/assets/3a4b0212-e779-4866-aada-ec412b8b110d"> --------- Co-authored-by: Claire Olmstead <[email protected]>
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Please include a summary of the changes and the related issue. Please also include relevant motivation and context. - Closes # (issue) ## Screenshot(s) Including screenshots helps reviewers know what to expect. ## Type of change Please delete options that are not relevant. - [x] Bug fix (non-breaking change which fixes an issue) - [ ] Content Change (Required approval in Slack: `#frequency-xyz` and remember that changes along the way trigger re-approval.) - [ ] Approved HE (Required for technical wording) - [ ] Approved CM - [ ] Approved UO - [ ] New Feature - [ ] CI/Dependencies/etc... - [ ] Other # How to Test? Please describe how to test that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration 1. Pull and run locally 2. Go to 3. See that # Checklist: - [x] I have performed a self-review of my code - [ ] I have commented my code & PR, particularly in hard-to-understand areas - [ ] I have checked at all the breakpoints to make sure it works on all screen sizes --------- Co-authored-by: Wil Wade <[email protected]>
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
Just getting ready for all the subs of #48 - Removes the special treatment of the header - Removes all the special side scrolling stuff - Renames sections to their section header name - Removes many of the extra containers - Removes all the extra waves (although not assets yet)
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Initial implementation of "Explore & Build" section - Closes #32 ## Screenshot(s) <img width="898" alt="image" src="https://github.com/user-attachments/assets/61c6508d-72a5-49c2-8620-61039d8214e9"> <img width="898" alt="image" src="https://github.com/user-attachments/assets/88e55d8f-39b6-40c4-837f-e4427afc371c"> <img width="920" alt="image" src="https://github.com/user-attachments/assets/0a4540c1-0f73-4281-94fa-2f2ac625e5e0"> <img width="920" alt="image" src="https://github.com/user-attachments/assets/bb9e8c7e-3bf0-468a-b28a-ede22f4a5828"> <img width="920" alt="image" src="https://github.com/user-attachments/assets/4dd762e0-fb0e-423a-8540-58c9a4a4e45a"> - [ ] Content Change (Required approval in Slack: `#frequency-xyz` and remember that changes along the way trigger re-approval.) - [ ] Approved HE (Required for technical wording) - [ ] Approved CM - [ ] Approved UO - [ ] New Feature # How to Test? Please describe how to test that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration 1. Pull and run locally 2. Go to "Dev Docs" link in header 3. See that the "Explore & Build" section matches the design & behaves as per #32 # Checklist: - [ ] I have performed a self-review of my code - [ ] I have commented my code & PR, particularly in hard-to-understand areas - [ ] I have checked at all the breakpoints to make sure it works on all screen sizes --------- Co-authored-by: Claire Olmstead <[email protected]> Co-authored-by: V. Claire Olmstead <[email protected]>
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Update all routes to use newdark (blue #14313F background) footer as per design - Closes #50 ## Screenshot(s) <img width="920" alt="image" src="https://github.com/user-attachments/assets/e965f220-ece6-44a5-8749-55dfcbbe0043"> <img width="920" alt="image" src="https://github.com/user-attachments/assets/a8796455-6b48-43f1-8dc6-c7c8f674957f"> ## Type of change Please delete options that are not relevant. - [ ] Content Change (Required approval in Slack: `#frequency-xyz` and remember that changes along the way trigger re-approval.) - [ ] Approved HE (Required for technical wording) - [ ] Approved CM - [ ] Approved UO # How to Test? 1. Pull and run locally 2. Go to "About" and "Dev Docs" links 3. See that footer is dark blue and lines up with content # Checklist: - [x] I have performed a self-review of my code - [x] I have commented my code & PR, particularly in hard-to-understand areas - [x] I have checked at all the breakpoints to make sure it works on all screen sizes
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Updates the context around the new header so that it works correctly for the site - Closes #49
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description The design for the image and text for the main Dev Portal page has changed. Update the page to the current design. - Closes #67 ## Screenshot(s) <img width="920" alt="image" src="https://github.com/user-attachments/assets/7c35a007-a59e-487c-a512-545f7b88e833"> ## Type of change Please delete options that are not relevant. - [x] Other - page did not match design # How to Test? 1. Pull and run locally 2. Go to "Developer Portal" 3. See that the top half of the page matches the current design (see screenshot) # Checklist: - [x] I have performed a self-review of my code - [x] I have commented my code & PR, particularly in hard-to-understand areas - [x] I have checked at all the breakpoints to make sure it works on all screen sizes
# Description Switch to use the default style guide breakpoints instead of custom ones.
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Render responsive design for phone & tablet. - Closes #33 ## Screenshot(s) <img width="378" alt="image" src="https://github.com/user-attachments/assets/0535423c-2327-42fb-9d10-a9d4517a7125"> <img width="378" alt="image" src="https://github.com/user-attachments/assets/36297975-8722-47a1-9da6-3b66b253f196"> <img width="378" alt="image" src="https://github.com/user-attachments/assets/7c371658-3718-4272-a358-304585d4fbeb"> - [x] New Feature # How to Test? 1. Pull and run locally 2. Go to "Developer Portal" page 3. See that the design at different sizes responds appropriately # Checklist: - [x] I have performed a self-review of my code - [x] I have commented my code & PR, particularly in hard-to-understand areas - [x] I have checked at all the breakpoints to make sure it works on all screen sizes
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Adds the Ecosystem section to the home page - Closes #55
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description - Mission section content and styling in all screen sizes. - Closes #51 ## Screenshot(s) Mobile: <img width="482" alt="Screenshot 2024-11-12 at 3 43 07 PM" src="https://github.com/user-attachments/assets/b981399d-c9a4-49ae-864b-a6624f29a462"> <img width="478" alt="Screenshot 2024-11-12 at 3 43 00 PM" src="https://github.com/user-attachments/assets/cfd8e549-1090-4843-bd66-68e969964c67"> Tablet: <img width="941" alt="Screenshot 2024-11-12 at 3 42 34 PM" src="https://github.com/user-attachments/assets/f200a4e1-4744-4e4a-a1a0-be310842c678"> <img width="923" alt="Screenshot 2024-11-12 at 3 42 25 PM" src="https://github.com/user-attachments/assets/c513c95b-1b06-4793-872f-07b291215bac"> Desktop: <img width="1470" alt="Screenshot 2024-11-12 at 3 42 08 PM" src="https://github.com/user-attachments/assets/8ee45791-5613-448b-9c3b-997d4794cf94"> <img width="1457" alt="Screenshot 2024-11-12 at 3 41 58 PM" src="https://github.com/user-attachments/assets/2de45707-64c3-4106-9aee-be9ad535e76e"> ## Type of change - [X] Approved HE (Required for technical wording) - [ ] Approved CM - [ ] Approved UO - [X] New Feature # How to Test? Run locally and check that it matches designs in all screen sizes. # Checklist: - [X] I have performed a self-review of my code - [X] I have commented my code & PR, particularly in hard-to-understand areas - [X] I have checked at all the breakpoints to make sure it works on all screen sizes --------- Co-authored-by: Claire Olmstead <[email protected]>
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Update Klaro and use the css extracted version so that we can update the colors - Closes #87
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Final (?) Copy changes - Closes #91
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Adding the animations to the user and dev sections - Closes #89 - Also cleans up some of the layout for developer number sections to align with the new animation - Also cleaned up some overflow issues from Ecosystem and Users mostly by applying `title-70`
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Various font sizes needed tweaking - Part of #78 - All fonts should be correctly (or extremely closely) sized to the design - All body fonts should be "body" instead of `text-*` - Everything should be responsive all the way from xs->xl
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Standardize and cleanup margins - Closes #78
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Please include a summary of the changes and the related issue. Please also include relevant motivation and context. - Closes #34 --------- Co-authored-by: Claire Olmstead <[email protected]> Co-authored-by: Wil Wade <[email protected]>
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💯
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
# Description Hot fix to add title transitions to the dev portal and clip the height of the accordion content as it loads in in the explore section. Co-authored-by: Claire Olmstead <[email protected]>
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
🚀 Preview deployment for this PR is going up! Remember you might need to hard refresh to get the new content. Preview URL: https://www.frequency.xyz/_pr/42/ |
Feature Branch for Developer Portal