Skip to content
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

Merged
merged 35 commits into from
Nov 19, 2024
Merged

Feature: Developer Portal #42

merged 35 commits into from
Nov 19, 2024

Conversation

wilwade
Copy link
Collaborator

@wilwade wilwade commented Oct 29, 2024

Feature Branch for Developer Portal

## Details
- Set link to localhost for `Dev Docs` for local development
Closes #30
@wilwade wilwade added the blocked Blocked by another issue label Oct 29, 2024
Copy link

🚀 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/
Commit: a25678d

- 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
Copy link

🚀 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/
Commit: 28738d3

# 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]>
Copy link

🚀 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/
Commit: b72752b

[](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]>
Copy link

🚀 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/
Commit: bc04686

# 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]>
Copy link

github-actions bot commented Nov 1, 2024

🚀 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/
Commit: 63521e4

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)
Copy link

github-actions bot commented Nov 7, 2024

🚀 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/
Commit: c6f6722

# 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]>
Copy link

github-actions bot commented Nov 8, 2024

🚀 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/
Commit: 47cd2ae

# 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
Copy link

github-actions bot commented Nov 8, 2024

🚀 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/
Commit: bc0fa94

# Description

Updates the context around the new header so that it works correctly for
the site

- Closes #49
Copy link

🚀 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/
Commit: f84a74a

JoeCap08055 and others added 2 commits November 12, 2024 15:53
# 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.
Copy link

🚀 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/
Commit: e4312f8

# Description
Developers section, according to designs. 
- Closes #54
Copy link

🚀 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/
Commit: ed3b409

# 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
Copy link

🚀 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/
Commit: 3270988

# Description

Adds the Ecosystem section to the home page

- Closes #55
Copy link

🚀 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/
Commit: d53bdb8

# 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]>
Copy link

🚀 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/
Commit: 34699b4

# Description

Completed the top section of the page and the associated animation

- Closes #59 
- Closes #85 
- Part of #34 

Note: Some of those section margins end up quite large. We'll be
cleaning those up at the end so we can make sure the margins are
consistent.
Copy link

🚀 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/
Commit: c2ff310

# Description
Update Klaro and use the css extracted version so that we can update the colors

- Closes #87
Copy link

🚀 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/
Commit: fe877cf

…ns/Cleanups (#90)

# Description

- Closes #80 
- Part of #57 

## Screenshot(s)

- Updated people's bid svg
- Optimized some images
- Renamed a generic svg
- Switched aboutRoad to a jpg for size due to the style
Copy link

🚀 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/
Commit: 5b3ed43

# Description

Final (?) Copy changes

- Closes #91
Copy link

🚀 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/
Commit: a8b4af4

# 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`
Copy link

🚀 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/
Commit: 1b31f09

# 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
Copy link

🚀 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/
Commit: ffae56f

@shannonwells
Copy link
Contributor

shannonwells commented Nov 18, 2024

Longer words and the signups counter are cut off at iPhone 12 mini sizes (accessing w/ actual iPhone):
File

# Description

Standardize and cleanup margins

- Closes #78
Copy link

🚀 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/
Commit: c024575

# 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]>
Copy link

🚀 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/
Commit: 3498bbd

Copy link
Contributor

@saraswatpuneet saraswatpuneet left a comment

Choose a reason for hiding this comment

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

💯

# Description

- Closes #57 
- Closes #60
Copy link

🚀 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/
Commit: dc97767

# 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]>
Copy link

🚀 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/
Commit: d4a4a9d

@wilwade wilwade removed the blocked Blocked by another issue label Nov 19, 2024
Copy link

🚀 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/
Commit: d7f7c02

@wilwade wilwade merged commit 9724c12 into main Nov 19, 2024
7 checks passed
@wilwade wilwade deleted the developer-portal branch November 19, 2024 00:33
github-actions bot pushed a commit that referenced this pull request Nov 19, 2024
@wilwade wilwade mentioned this pull request Nov 19, 2024
13 tasks
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.

6 participants