amplication / site

The Amplication website

Amplication site

This repo holds the code for the first Amplication.com site and it is no longer in use

site's Issues

Upgrade the Issue Template to use GitHub Issue forms 📜

Introduction

GitHub has recently rolled out a public beta for their issue forms feature. This would allow us to create interactive issue templates and validate them.

Amplication Site currently doesn't use any issue template format. The task is to create GitHub issue forms for this repository.

Tasks summary:

• Fork & clone this repository
• Prepare bug report issue form in .github/ISSUE_TEMPLATE/bug.yaml
• Prepare documentation issue form in .github/ISSUE_TEMPLATE/documentation.yaml
• Prepare feature request issue form in .github/ISSUE_TEMPLATE/feature.yaml
• Push changes to master and test issue forms on your fork
• Submit pull request

Customizing the default scrollbar

The default scrollbar looks a little jarring. Customizing it to the website's color theme enhances the look and feel. This is just an suggestive enhancement.

Existing scrollbar:

Update Site Repository Issues Templates

Button icon text spacing not present

In the current version of the website some buttons having icon with text to their right don't have proper spacing in between them.
Screenshot

🚀 Feature: Add a PR Template

🔖 Feature description

This issue aims to bring in a standard template that will be used whenever we raise a PR to this repository.

🎤 Pitch

Well, whenever the community contributes, we want to ensure they have followed certain guidelines and their contribution is up to the mark. Adding a PR template would enable the maintainers to have a quick check whether the contributor has gone through all the required steps before raising a PR or not.

✌️ Solution

A PR template yaml file needs to be added to the .github folder.

🔄️ Alternative

This is the best-suited approach to address this issue.

👀 Have you spent some time checking if this issue has been raised before?

• I checked and didn't find a similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

🚀 Feature: Modularize the site

🔖 Feature description

Use a SSG to be able to break up the code and make updates easy across this site.

🎤 Pitch

• By using a SSG we can break out reusable parts of the site so they can be updated only once.
• With a build process we can apply cool "tricks" to improve the sites performance.
  • Minifying HTML
  • Inlining critical CSS
• Now that generic components and parts of the code are no longer in the same file as the content of the pages.
  • The content of the pages are easier to read and edit.
• We can apply different loading behaviors when in development vs production, like CSS files can be deferred in prod as we inline critical CSS. Same as JS.
  • Overall this would improve FCP, TTI, TBT, and more!
• Some values can be written into the HTML rather than requiring HTTP requests on client.
• • Like the version number, it's now outputted into the HTML and not gotten with a get request on client.
• We can use data sources to create HTML
  • The teams page is hardcoded HTML, instead we could just loop over data entries in a JSON to render team members.

✌️ Solution

I created a PR for this.

🔄️ Alternative

You could manually go in and change every file...

👀 Have you spent some time to check if this issue has been raised before?

• I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

• I have read the Code of Conduct

Padding issue on mobile screens for "Build your apps in 5 minutes" button

While viewing the amplication website on mobile devices the "Build your apps in 5 minutes" button does not have sufficient padding.
Screenshot

🐛 Bug Report: Bug in the main page/team page when screen wider than 1920px

It seems that the hero is aligned to the left while all other content is in the center. It's noticeable as soon as the screen becomes wider than the regular 1920 px width

also, on the team page, when we go wider than 1920px, the text on the left side become tiny while the main img on the right grow with the page due to the responsive

Add a Contributing Guidelines and CODE_OF_CONDUCT file to the repository

Introduction

Amplication Site currently doesn't have Contributing Guidelines and CODE_OF_CONDUCT files. The task is to create these two files for this repository as per the files in Amplication repository.

Tasks summary:

• Fork & clone this repository
• Prepare Contributing Guidelines file in CONTRIBUTING.md
• Prepare CODE_OF_CONDUCT file in CODE_OF_CONDUCT.md
• Push changes to master and test issue forms on your fork
• Submit pull request

Chat button obstructs the footer on mobile screens

In the current version of the website, the chat button on the bottom right corner obstructs the footer on mobile screens.
Screenshot

Video content not aligned well on mobile devices.

There is a slight misalignment of the video on mobile devices.

OS: WIndows 10 and Android
Browser: Chrome Version 95.0.4638.54 (Official Build) (64-bit)

It looks like below,