Code Monkey home page Code Monkey logo

landing-page's Introduction

OpenSauced Landing Page

Prerequisites

In order to run the project we need the following software binaries installed on our development machines:

  • node>=16.7.0
  • npm>=8.0.0

πŸ–₯️ Local development

To install the application:

npm install

To start a local copy of the app on port 3000:

npm run dev

πŸ”‘ CMS (Sanity) commands

You will need to be added to the project beforehand. Contact a maintainer to get you added.

Install Sanity Studio:

npm install -g @sanity/cli

Start the local Sanity Studio which will be available at http://localhost:3333:

cd sanity
npm install # only needs to be ran once
sanity start

πŸ“„ Editing Home Page Content

Go to http://localhost:3333/desk/about;da83ea19-890f-43be-9757-d4eab5271392

πŸ”Ž Editing SEO Content

Go to http://localhost:3333/desk/seo;fab1dc19-7089-4b59-ac49-3481046078fc


This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

landing-page's People

Contributors

bdougie avatar bekahhw avatar brandonroberts avatar dependabot[bot] avatar dev-phantom avatar euotiniel avatar isabensusan avatar johnphamous avatar joshuamacklin avatar nickytonline avatar ogdev-01 avatar parmishh avatar plskz avatar ritadee avatar shamimbinnur avatar sunny-unik avatar tickerabucky2 avatar turjoc120 avatar wasimapinjari avatar zeucapua avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

landing-page's Issues

Bug: Blog post does not style any links

Describe the bug

Screen Shot 2022-10-04 at 7 29 01 PM

Steps to reproduce

Screen Shot 2022-10-04 at 7 28 54 PM

You need to use this link.

Note that Octoverse is clickable, it is just not bold or a different color. This may be something we can get the design from @Saucy-Christian. But at the very least, the link should be presented differently.

Affected services

opensauced.pizza

Platforms

No response

Browsers

Chrome

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Links only link to twitter

Type of feature

πŸ• Feature

Current behavior

Links to post on Linkedin and HN link to twitter. They should link to the proper place.

Suggested solution

LinkedIn

HackerNews

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Update Read.me to mention that you need a .env file to run project locally.

Type of feature

πŸ“ Documentation

Current behavior

Read.me omits stating that users need to add a .env file to root, as well as adding the Sanity_Project_Id to that file, for running locally. Could be improved to ease on-boarding in the future.

documentationOpenSauceEx1
&
documentationOpenSauceEx2

Suggested solution

Adding a short piece of documentation to the 'Getting Started' section, or the 'SanityCMS' section, describing where to make the .env file, and how to format the Sanity_Project_ID string.

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Developer focused landing page.

Type of feature

πŸ• Feature

Current behavior

Today on Twitch cmgriffing. He offered some advice of having IC or dev-focused copy

The clip is right before he opens the landing page and is confused by the copy. I will grab a better one in the future.

https://www.twitch.tv/cmgriffing/clip/MiniatureEnthusiasticAlfalfaTheTarFu-TBzcXodG8HP5JVP6?filter=clips&range=7d&sort=time

Suggested solution

I think for dev and for company landing pages would make for a good solution here.

GitHub does this with the main home page being for developers and enterprise.github.com being for enterprises. I don't think we need enterprise.opensauced.pizza, but a /dev and /teams or even /hire pages explaining the value would help.

side note: I think we may eventually market to enterprises with an entirely different brand in the future. But that's not worth exploring right now.

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Headers are not rendering

Describe the bug

H1, H2, etc ate not rendering on the page.

Screen Shot 2022-10-07 at 7 21 40 PM

Steps to reproduce

Screen Shot 2022-10-07 at 7 22 14 PM

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Blog links are still rendering a 404

Describe the bug

Screen Shot 2022-10-04 at 7 26 14 PM

Steps to reproduce

The link to the blog presents a 404.

You need to use this link

Affected services

opensauced.pizza

Platforms

No response

Browsers

Chrome

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Small screen does not switch hamburger

Describe the bug

Screen Shot 2022-08-05 at 12 15 24 PM

Steps to reproduce

  1. open opensauced.pizza site
  2. Shrink screen
  3. note when the menu is hidden on the white background.

Affected services

opensauced.pizza

Platforms

Desktop

Browsers

Chrome

Environment

Production

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Fix: small UI fixes

Type of feature

πŸ› Fix

Current behavior

The designer took a look at a few things and identify a few areas where the design did not line up.

Suggested solution

Below is a PDF with their notes

Additional context

OpenSauced_WebsiteNotesSinglePage_052022.pdf

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Subscribe email form submission is not styled

Describe the bug

Screen Shot 2022-12-10 at 2 44 29 PM

This should be styled like below

Screen Shot 2022-12-10 at 2 43 37 PM

Steps to reproduce

Scroll to the bottom of the page and type in an email. Then click out the form.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Improve lighthouse accessibility score.

Describe the bug

This was reported here.

Looks really cool, but doesn't feel like a website. Any reason why hyperlinks are marked up as

? Also, why do links that lead to a different page trigger a scroll up animation on the same page while page contents changes? It feels disorienting.

Looks like there are few places where we are doing Button or Link is rendering a <div href/>. Opening this issue for tracking reasons.

I have not yet triaged this myself, but we will want to make sure this site passes all accessibility tests now that it is live. This was an oversight on my part.

Steps to reproduce

Run the lighthouse on the site and report issues here. Depending on scope, we can open separate issues for fix in one PR.

Screen Shot 2022-12-14 at 9 34 22 AM

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Details feature pages needs back button

Type of feature

πŸ• Feature

Current behavior

At the moment when visiting the details pages, there is no nav.

Screen Shot 2022-05-10 at 12 52 55 PM

Suggested solution

Can we include a back button/arrow

Screen Shot 2022-05-11 at 6 58 45 AM

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Press page is 404

Describe the bug

The press page is pointing to the figma file and should be point to /press

Steps to reproduce

This should replaced with what was there.

https://raw.githubusercontent.com/open-sauced/landing-page/92aba4676b47961e14ae3bf420c0d432dc3f7b0e/pages/press/index.tsx

https://www.figma.com/file/tYLvWm9GV4K4WW5evmTpNy/OpenSauced-Brand?t=TL552YLY69VB50cj-0

Screen Shot 2022-12-12 at 7 37 10 PM

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Feature screen updates

Type of feature

πŸ• Feature

Current behavior

Screen Shot 2022-05-13 at 3 29 32 PM

Suggested solution

  • implement nav from home page
  • move cta button, description and title

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Add a blog section

Type of feature

πŸ• Feature

Current behavior

Currently the blog links to dev.to. We need a local blog on the site.

Suggested solution

  1. Create an individual post page for blogs (different from the feature page).
  2. Create a blog listing section.

Examples of blog listings (keep in mind it should match existing font and style in production)

Screen Shot 2022-08-05 at 12 22 07 PM

Individual posts

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Green squares is not accesible

Type of feature

πŸ• Feature

Current behavior

reported here.

The β€œWe are more than green squares” graphic is visually cool, but is marked up by 4 distinct block elements. A screen reader would likely read that as 4 paragraphs. The graphic could be marked up by a single

containing spans to chop it up visually via CSS.

Screen Shot 2022-12-14 at 9 35 50 AM

Suggested solution

This image should convert to a custom CSS.

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Add Layout component to the project

Type of feature

πŸ• Feature

Current behavior

Current we have duplicate head tags for site meta across all pages which doesn't look nice as far as clean code matters

Suggested solution

We could create a Layout or Seo container to wrap every page component that has metadata in it.

Suggested Approach

Create a Layout or Seo component that accepts props of:

  • children - the child component
  • customMeta the metadata for SEO

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Remove shadow under features

Type of feature

πŸ• Feature

Current behavior

Screen Shot 2022-05-12 at 9 50 03 PM

Screen Shot 2022-05-12 at 9 50 29 PM

There is not meant to be a shadow on the feature pages.

Suggested solution

Export the image from figma without the shadow.

Additional context

The feature title is also distorted and not centered, I believe that is because of the shadow.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Need repo release automation

Type of feature

πŸ” CI

Current behavior

We will have more changes for this site in the future. It will be nice to implement beta and alpha release automation similar to all other projects.

Suggested solution

Implement

https://github.com/open-sauced/open-sauced/blob/main/.github/workflows/release.yml

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: New color scheme.

Type of feature

πŸ• Feature

Current behavior

Screen Shot 2022-05-11 at 7 01 11 AM

Suggested solution

Screen Shot 2022-05-11 at 7 01 25 AM

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Dynamic pricing labels

Type of feature

πŸ• Feature

Current behavior

Screen Shot 2022-12-12 at 1 32 19 PM

Suggested solution

Buttons need different CTA

Limited Acces - Get Started
Full Access - Get Started
Enterprise - Contact Us

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Duplicated features

Describe the bug

image

I was informed that the PR feature was duplicated. I unpublished it, and it now shows once.

Steps to reproduce

  1. Why is duplicated?
  2. How is it showing when it is showing even as unpublished.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: This all assets folder is empty

Describe the bug

assets.zip
Screen Shot 2022-12-08 at 4 03 56 PM

Steps to reproduce

visit https://opensauced.pizza/press

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Testimonial title needs to be updates

Type of feature

πŸ• Feature

Current behavior

Title of the testimonials is lorem ipsum.

Suggested solution

Let's change the title to "The value of open source." for now.

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Navigation links blend into background on large screen

Describe the bug

When using a large screen (in my case, 4K), the Docs link at https://opensauced.pizza/ flows into the white part of the header, making it unreadable unless I highlight the links - see the below screenshot.

image

Steps to reproduce

Browse to https://opensauced.pizza/ with a sufficiently large screen.

Affected services

opensauced.pizza

Platforms

Desktop

Browsers

Edge

Environment

Production

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Blog needs to be a local link "/blog"

Describe the bug

The way the navigation is setup in the CMS, it enforces external links only. Need to add an option to remove the target="_blank"

Steps to reproduce

  1. Click the blog link
  2. It should not open a new tab.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

On mobile view, the feature title looks huge.

Describe the bug

On mobile view, the feature title looks huge and it loses the alignment
02

Steps to reproduce

We can set the text size to about 24 pixels for the mobile view,
01

Affected services

opensauced.pizza

Platforms

Mobile

Browsers

Chrome

Environment

Production

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Production Bug: Rendering issue in hero? "Unlock the power of $yellow-to-orangeOpen Source$yellow-to-orange"

Describe the bug

Sorry if this was an intentional design thing and I'm just being stupid, but I figured I'd report it just in case. The giant heading on the landing page says:

Unlock the power of$yellow-to-orangeOpen Source$yellow-to-orange

I've been trying to figure out if this was an intentional design to trigger open-source devs into being interested, or if it was actually supposed to be the class name or some other internal mechanism for controlling the text gradient but instead got displayed as text by accident.

I can create a PR to try to fix it if that's something that needs to be fixed :)

Steps to reproduce

Open https://opensauced.pizza/

image

Affected services

opensauced.pizza

Platforms

Desktop

Browsers

Chrome

Environment

Production

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Can't submit email for subscription form on mobile

Describe the bug

It is not possible to submit an email on mobile.

Steps to reproduce

  1. On a mobile device, scroll to the bottom of the page
  2. Try clicking the form and adding an email.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Swap video out for a youtube

Type of feature

πŸ• Feature

Current behavior

The video on the feature page is uploaded in Sanity. Ca need to switch it to a YouTube video.

Suggested solution

Let's swap it with this, https://www.youtube.com/watch?v=ms_tI6KAws0

We will want to make it a YouTube embed.

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Missing secondary button

Describe the bug

Screen Shot 2022-09-01 at 6 49 51 AM

Steps to reproduce

Screen Shot 2022-09-01 at 6 51 09 AM

Visit the opensauced.pizza landing page, not the button is missing.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: unpublishing a blog does not remove it from the list live on the site

Describe the bug

I unpublished unfinished blogs that still include lorem ipsum. That takes no effect on what is displayed live.

Uploading Screen Shot 2022-09-29 at 11.52.21 PM.png…

Steps to reproduce

  1. View the unpublished post in the CMS
  2. Note they are still viewable on the live page.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Featured blog is not editable in Sanity Studio

Describe the bug

When attempting to edit the featured blog links, I do not see any posts.

Screen Shot 2022-09-20 at 4 34 19 AM

Steps to reproduce

  1. Navigate to https://opensauced.sanity.studio/desk/featuredBlog
  2. Note the empty section

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

https://opensauced.sanity.studio/desk/featuredBlog

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Resize for mobile (features)

Type of feature

πŸ• Feature

Current behavior

Screen Shot 2022-05-15 at 7 40 03 AM

On mobile the icons are huge. Can we bump these to 25% height.

Suggested solution

  1. 25% height
  2. Move icon and title to the same line.

Screen Shot 2022-05-15 at 7 43 15 AM

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Featured blogs are not rendering.

Describe the bug

#39 the item saucyBlog was replaced with featuredBlogs, but the site is still rendering the old saucyBlog post.

Screen Shot 2022-09-29 at 7 47 01 AM

Steps to reproduce

@shamimbinnur can you confirm if this is connect correctly.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Weird margins on the socials in Footer on landscape mode.

Describe the bug

On certain mobile devices/layouts the socials are missing margins on the right:

OpenSauced footer bug

Steps to reproduce

1.) Go to developer tools
2.) Select mobile view
3.) Select "IPhone 12/13" on the devices drop-down menu.
4.) Switch to landscape mode
5.) Scroll down to Footer section.

At the top are my dev-tool settings as displayed in Firefox:
OpenSauced footer bug settings

I was able to replicate the issue in Google Chrome as well.

Affected services

opensauced.pizza

Platforms

Mobile

Browsers

Chrome, Firefox

Environment

Production

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Move the border behind the sauce

Type of feature

πŸ• Feature

Current behavior

Screen Shot 2022-05-13 at 12 54 25 PM (2)

Suggested solution

Move the border behind using z-index?

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Link Twitter handles in the testimonial section

Type of feature

πŸ• Feature

Current behavior

When viewing testimonials, any @ mentioned uses are not linkable.
Screen Shot 2022-07-06 at 2 45 26 PM

Suggested solution

Make them linkable through either a service or sanitizing through markdown.

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Feature: Add links to the testimonials

Type of feature

πŸ• Feature

Current behavior

The testimonials are meant to be links to the original tweets.

Screen Shot 2022-05-10 at 12 50 39 PM

Suggested solution

Provide url input in the sanity data

  1. Let's make the username clickable that opens tab to the tweet.

  2. We can also remove the date from the displayed data.

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Blue border seems off

Describe the bug

reported here

IMG_4977

Steps to reproduce

On mobile, open the menu.

I'd suggest using grey there.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Bug: Scrolling testimonial carousel on mobile is slow.

Describe the bug

Screen Shot 2022-12-08 at 1 41 25 PM

Steps to reproduce

  1. While viewing mobile scroll to the testimonials section
  2. Scroll to next tweet
  3. Note how slow it is.

Affected services

opensauced.pizza

Platforms

No response

Browsers

No response

Environment

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributing Docs

  • I agree to follow this project's Contribution Docs

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.