Skip to content

Instantly share code, notes, and snippets.

@daylightnanalog

daylightnanalog/gist:619ba7542d12900a11c4c0c43b2c7a69

Forked from NuubDev/gist:d5f6673e64f7e026392250eeb5c643ae
Created January 9, 2023 22:37
Show Gist options
  • Save daylightnanalog/619ba7542d12900a11c4c0c43b2c7a69 to your computer and use it in GitHub Desktop.
Save daylightnanalog/619ba7542d12900a11c4c0c43b2c7a69 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
import React, { Component } from 'react';
import { render } from 'react-dom';
import { createGlobalStyle } from 'styled-components';
import MediaQuery from 'react-responsive';
import WideScreenHero from './Slides/WideScreen/HeroSlide/Hero';
import WideScreenWork from './Slides/WideScreen/WorkSlide/Work';
import WideScreenSkills from './Slides/WideScreen/Skills';
import WideScreenContact from './Slides/WideScreen/ContactSlide/Contact';
import MobileHero from './Slides/Mobile/HeroSlide/Hero';
import MobileWork from './Slides/Mobile/WorkSlide/Work';
import MobileSkills from './Slides/Mobile/Skills';
import MobileContact from './Slides/Mobile/ContactSlide/Contact';
import './Assets/index.css';
const GlobalStyle = createGlobalStyle`
html, body { margin: 0;}
*, *:before, *:after { box-sizing: border-box; }
`;
class App extends Component {
componentDidMount() {
if ('scrollRestoration' in window.history) {
window.history.scrollRestoration = 'manual';
}
}
render() {
return (
<React.Fragment>
<MediaQuery query="(min-device-width: 1224px)">
<WideScreenHero />
<WideScreenWork />
<WideScreenSkills />
<WideScreenContact />
</MediaQuery>
<MediaQuery query="(max-device-width: 1224px)">
<MobileHero />
<MobileWork />
<MobileSkills />
<MobileContact />
</MediaQuery>
<GlobalStyle />
</React.Fragment>
);
}
}
render(React.createElement(App), document.getElementById('root'));
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment