https://github.com/jdegand/backstage-talks

Frontend Practice Challenge - Backstage Talks
https://github.com/jdegand/backstage-talks

frontend-practice

Last synced: 5 months ago
JSON representation

Frontend Practice Challenge - Backstage Talks

• Host: GitHub
• URL: https://github.com/jdegand/backstage-talks
• Owner: jdegand
• License: mit
• Created: 2021-10-21T20:12:07.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-10-22T20:06:41.000Z (over 4 years ago)
• Last Synced: 2025-10-27T22:27:33.708Z (9 months ago)
• Topics: frontend-practice
• Language: HTML
• Homepage: https://jdegand.github.io/backstage-talks/
• Size: 1.21 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Backstage Talks




   Solution for a challenge from  Frontendpractice.com.





  


    

      Github Pages

    

     | 

    

      Frontend Practice    

    

  



## Table of Contents

- [Overview](#overview)

  - [Built With](#built-with)

- [Features](#features)

- [Useful Resources](#useful-resources)

## Overview

![](backstage-desktop.png)

![](backstage-mobile.png)

### Built With

- HTML & CSS

- Transitions possible without JS?

## Features

The [challenge](https://www.frontendpractice.com/project/backstage-talks) was to build an application to complete the following user stories:

- [x] User story: Recreate the layout

- [x] User story: Make it Mobile Responsive

- [ ] User story: Create the full page scroll background transitions & anchor links.

## Useful Resources

- [Backstage Talks](https://web.archive.org/web/20210719183800/https://backstagetalks.com/#issue1)

- [Stack Overflow](https://stackoverflow.com/questions/4967976/what-are-the-allowed-tags-inside-a-li) - li rules

- [Medium](https://medium.com/@_patrickcameron/a-complete-beginner-s-guide-to-changing-background-colour-on-scroll-using-jquery-fce686d55049) -jquery implementation

- [Stack Overflow](https://stackoverflow.com/questions/442404/retrieve-the-position-x-y-of-an-html-element-relative-to-the-browser-window) - position x & y

- [FullPage JS](https://alvarotrigo.com/fullPage/) - FullPage JS

- [Stack Overflow](https://stackoverflow.com/questions/26328511/how-to-find-height-of-a-section-of-the-page-below-a-div) - height

- [Reactgo](https://reactgo.com/select-element-data-attribute-js/) - data attributes

- [MDN Docs](https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle) - getComputedStyle

- [Stack Overflow](https://stackoverflow.com/questions/1248081/how-to-get-the-browser-viewport-dimensions) - browser viewport dimensions

- [Stack Overflow](https://stackoverflow.com/questions/29211998/make-div-max-height-equal-to-window-height-100px) - Window height and calc