openforge / stencil-openforge.io-deprecated Goto Github PK

Currently, it is spelled Yangying Zhu but it needs to be corrected to Yanying Zhu

Buttons on the employee cards on the profile page are not displaying correctly, this is on all browsers

Homepage

• Startup, Small, Medium, Enterprise
• Steps of process

"mailto:[email protected]" tab opening in Chrome browser when pressing the "Learn More" or "Get In Touch" buttons.

The slider Progress color will switch sides as you move the slider, and the handle for the slider is slightly cut off. This is on Edge and IE

Pressing "Learn More" Button On Home Page will snap to its focus, not scroll. This is only on Firefox

Pressing the "Get to know us" and "Get in touch" button open the page in a new tab. This is happening in all browsers.

README Needs updated and we want to test the commit zen hook for relating to issues. Let's test this here.

I think we should be using the Intersection Observer API to add some lazy loading to the img that are not displayed in the first paint, so we don't need to load them.

There is an example on how to use it to lazy load img from Justin (ionic team member) here

Add parallax animation to all hero background images. Must consult with design to acquire image assets and receive animation approval.

Expected Result:
As the user scrolls down the page, the hero background images shall have a subtle animation. See: https://medium.com/@hamstu/recreating-the-firewatch-parallax-effect-213694d42f4e

When pressing "get to know us" (Homepage), or "Get in touch"(About Page) they will navigate to the page but display only the footer. All browsers

When clicking on the tabs in the navigation bar, the bar itself will pinch in, decreasing in height and then expanding. Present in all browsers

When you first navigate to Website on google chrome the following buttons will not be displayed on the home page ("Let's get started", "Learn about our process" (Both enterprise and startup)). Additionally the button 'Get to Know us" at the bottom of the page will open what seems to be a random page (About, Contact, or opportunities) in another tab.

Now this new tab that opens seems to function fine(besides #58), and If you navigate back to the home page all the buttons are there and clicking "Get to know us" at the bottom works correctly.

I will upload quicktime video to slack.

Single Page Web apps (SPA's) have certain configurations that need to be performed in order to properly index data for Google's crawler.

One of those pieces is Structured Data, which is described here: https://developers.google.com/search/docs/guides/intro-structured-data?visit_id=1-636631240128162327-3698134189&hl=en&rd=1

I've created two property listings on Search Console, and added Billy, Geoff, Paulina, and Luis to the listing.

https://www.google.com/webmasters/tools/dashboard?siteUrl=http://www.openforge.io/

Whoever takes this task, please do the following:

1. Research structured data and the links above
2. Create proposed data structure for our pages. Feel free to bring someone in to pair program with you.
3. Add me as a reviewer when it's ready for code review or when you need keywords.

Change: "We find the right way to build you app" for "We find the right way to build your app" under Services

The "h" in the GitHub tab is lowercase

Sliders requirements for the opportunity page is not correct should be a 90% requirement.

When a file gets uploaded and submitted through the opportunities page it comes through in the email as "undefined". This happened with a PDF and .docx format was uploaded

Twitter link for Luis leads "page doesn't exist". We might have the wrong URL for Luis account or he might not have a twitter anymore. if he doesn't I would recommend removing the twitter link form his account.

In this branch I put in linting; but we need to hook it up to our commit process so that npm run cz doesn't go through unless both TS and CSS are properly linted :)

https://github.com/openforge/main-website/tree/website-server-enhancements

Go throughout the repository and check that all pages and components are consistent with having the same files. Some of the components and pages only have .tsx and .scss files, but others have additional pages such as the README and file(s) for tests.

The page will flicker when navigating between tabs(Home, About, Services, and Contact). This seems to be present on all browsers.

Add slide-in animation to text/graphic components seen on the Opportunities and Home pages.

Expected Result:
As the user scrolls down the page, the image assets should slide in from off-screen to their current static position. See: https://tympanus.net/Tutorials/LateralOnScrollSliding/

Static design:

The "lets get started" buttons (Enterprise/Startup) jump to focus and don't scroll, I am only seeing this on IE

There is no 150 Character limit on the "what makes you unique" text box.

"Company" and "how did you hear about us" are not required fields on the contact us page. This is on all browsers

If you attempt to submit the contact form, on firefox and Edge, while one of the mandatory fields is not completed the pop up asking you to fill in that section will make the window scrollable, you will have to click to dismiss the message to be able to scroll. Firefox version 59.0.2, Edge version 41.16299.15.0

After reading up and inspecting Stencil team's service worker configuration, I believe ours is incorrectly set up.

https://github.com/ionic-team/stencil-site

Utilize our custom service worker to lazy load all of the images into the website.

Show us your Skills Slider Handle on Opportunities Page will shrink when you move the slider. Only on Chrome.

Non-adjusted
Adjusted

This usually happens when the web-friendly menu switches to the mobile-friendly view of the burger menu. It happens intermittently, but I have noticed that if the web-friendly view is close to the mobile-friendly size it will be more likely to happen.

The Contact form will freeze when you hit submit on Internet Explorer(v 11.15.16299.0). The button will become grayed out but the fields will not clear/the message sent message does not display. Please note that an email is still sent.

Navigating Via the URL will only load the footer. (eg. ...../about) however, navigating via the in-app tabs will display the pages(Chrome, Firefox). I cannot confirm if this is on safari as well because of issue #55

Edit: To clarify the home page does load when navigating to the base URL

Chrome v66.0.3359.181
Firefox v60.0.1

We have approved new styles and layout for the home page. Please review the PDF in slack or contact @LizCottrell or Rachel. You will need to get assets for the new design as well if they are not already on the project.

Note - This will include injecting the logic from the about page with app-member component into the home page so that it displays all the employees. If the user selects 'about' in the menu it will smooth scroll down to this newly created section on the home page.

@LizCottrell - for the tabbed content in the Services section on the homepage, use the bootstrap component (.nav-tab .tab-content .tab-pane) found here
I think using the data-attributes is the cleanest (over js)

Safari is only loading footer on all of the pages but the Home Page. this is when navigating to by URL/Tabs/Buttons.

Safari version 11.1
https://openforge-website-dev.herokuapp.com/

Pressing the "Learn more" Button on About Page will snap rather than scroll, on Chrome, Edge, and IE

The sliders on the opportunities page have a outline on them in Edge

When you refresh the site while on any page other then the home page the page will load only the footer. This seems to be present on all browsers.

When the Request an interview button becomes available( all sliders reach the required amount) the screen focus will jump up. if anything the focus should go down to show that the button is not active if this was the desired functionality

Should be 'technology'.

"Request Now" button on Contact Us Page will:

• scroll too far on Chrome
• on firefox , Edge, and IE, it will snap rather than scroll(Note it snaps to the correct position)

Bootstrap implements special print styles, which are being applied when Stencil builds the components/website. Ultimately setting min-width: 992px!important; to both the body and .container selectors.