render() { return( <section> <Container fixed={this.props.fixed}> <Navigation light /> </Container> </section> ) }
render() { return ( <Layout> <Helmet title="Generic Page Title" /> <HeaderGeneric /> <div id="main"> <section id="content" className="main"> <span className="image main"><img src={pic04} alt="" /></span> <h2>Magna feugiat lorem</h2> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis fames ac ante ipsum primis in faucibus.</p> <p>Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Consequat leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit enim turpis lorem ipsum dolor sit amet feugiat. Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget hendrerit bibendum, urna est aliquam sem, sit amet est velit quis lorem.</p> <h2>Tempus veroeros</h2> <p>Cep risus aliquam gravida cep ut lacus amet. Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae ante vestibulum ante. Blandit. Ante accumsan nisi eu placerat gravida placerat adipiscing in risus fusce vitae ac mi accumsan nunc in accumsan tempor blandit aliquet aliquet lobortis. Ultricies blandit lobortis praesent turpis. Adipiscing accumsan adipiscing adipiscing ac lacinia cep. Orci blandit a iaculis adipiscing ac. Vivamus ornare laoreet odio vis praesent nunc lorem mi. Erat. Tempus sem faucibus ac id. Vis in blandit. Nascetur ultricies blandit ac. Arcu aliquam. Accumsan mi eget adipiscing nulla. Non vestibulum ac interdum condimentum semper commodo massa arcu.</p> </section> </div> </Layout> ) }
render() { return ( <NavContainer> <section> <Link className="nav-link" to="/"> {' '} Home{' '} </Link> <Link className="nav-link" to="/quick-start"> {' '} Docs{' '} </Link> <a className="nav-link" href="https://github.com/jondot/hygen"> Github </a> {this.props.withSearch && <DocSearch />} </section> </NavContainer> ) }
render() { return ( <section className="splash-viz"> <h1 className="splash-viz__heading"> <span> bundle your</span> <TextRotator delay={ 5000 } repeatDelay={ 5000 } maxWidth={ 110 }> <span> assets </span> <span> scripts </span> <span> images </span> <span> styles </span> </TextRotator> </h1> <div className="splash-viz__modules" dangerouslySetInnerHTML={{__html: HomeSVG.body}}></div> <Cube className="splash-viz__cube" depth={ 120 } repeatDelay={ 5000 } continuous/> </section> ); }
render() { let logo; let style; if (this.props.light) { logo = <LogoLink href='/'><Logo src='/logos/logo-medium-light.png' alt='' /></LogoLink> style = {color: 'white'}; } else { logo = <LogoLink href='/'><Logo src='/logos/logo-medium-normal.png' alt='' /></LogoLink> style = {color: 'black'}; } return ( <NavContainer > <section> {logo} <Link className='nav-link' style={style} to='/' > HOME </Link> <Link className='nav-link' style={style} to='/get-started' > DOCS </Link> <Link className='nav-link' style={style} to='/get-started' > GET STARTED </Link> <a className='nav-link' style={style} target='_blank' href={config.userLinks.APIDoc} > API </a> <Link className='nav-link' style={style} to='/donate' > DONATE </Link> </section> <UserLinks /> </NavContainer> ) }
const Footer = (props) => ( <footer id="footer"> <section className="special"> <p className="copyright_nomargin">© <a href="https://twitter.com/liran_tal">Liran Tal</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p> </section> <section className="special"> <ul className="icons"> <li> <a href="https://twitter.com/liran_tal" className="icon fa-twitter alt"> <span className="label">Twitter</span> </a> </li> <li> <a href="https://github.com/lirantal/dockly" className="icon fa-github alt" > <span className="label">GitHub</span> </a> </li> </ul> </section> </footer> )
<section style={{ marginTop: '5em' }}> {children} </section>
<section className="page"> <PageLinks page={rest} />
const Footer = () => ( <footer className="footer"> <Container className="footer__inner"> <section className="footer__left"> <Link className="footer__link" to="/guides/getting-started/">Get Started</Link> <Link className="footer__link" to="/organization/">Organization</Link> </section> <section className="footer__middle"> <Link to="/" className="footer__icon"> <img src={ Icon } alt="webpack icon" /> </section> <section className="footer__right"> <Link className="footer__link" to="https://webpack.threadless.com/">Swag Store</Link> <Link className="footer__link" to="/glossary/">Glossary</Link>
render() { return( <section> <Container fixed={this.props.fixed}> <Navigation light /> </Container> </section> ) }
render() { return ( <Layout> <Helmet title="Generic Page Title" /> <HeaderGeneric /> <div id="main"> <section id="content" className="main"> <span className="image main"><img src={pic04} alt="" /></span> <h2>Magna feugiat lorem</h2> <p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis fames ac ante ipsum primis in faucibus.</p> <p>Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Consequat leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit enim turpis lorem ipsum dolor sit amet feugiat. Phasellus convallis elit id ullamcorper pulvinar. Duis aliquam turpis mauris, eu ultricies erat malesuada quis. Aliquam dapibus, lacus eget hendrerit bibendum, urna est aliquam sem, sit amet est velit quis lorem.</p> <h2>Tempus veroeros</h2> <p>Cep risus aliquam gravida cep ut lacus amet. Adipiscing faucibus nunc placerat. Tempus adipiscing turpis non blandit accumsan eget lacinia nunc integer interdum amet aliquam ut orci non col ut ut praesent. Semper amet interdum mi. Phasellus enim laoreet ac ac commodo faucibus faucibus. Curae ante vestibulum ante. Blandit. Ante accumsan nisi eu placerat gravida placerat adipiscing in risus fusce vitae ac mi accumsan nunc in accumsan tempor blandit aliquet aliquet lobortis. Ultricies blandit lobortis praesent turpis. Adipiscing accumsan adipiscing adipiscing ac lacinia cep. Orci blandit a iaculis adipiscing ac. Vivamus ornare laoreet odio vis praesent nunc lorem mi. Erat. Tempus sem faucibus ac id. Vis in blandit. Nascetur ultricies blandit ac. Arcu aliquam. Accumsan mi eget adipiscing nulla. Non vestibulum ac interdum condimentum semper commodo massa arcu.</p> </section> </div> </Layout> ) }
render() { return ( <NavContainer> <section> <Link className="nav-link" to="/"> {' '} Home{' '} </Link> <Link className="nav-link" to="/quick-start"> {' '} Docs{' '} </Link> <a className="nav-link" href="https://github.com/jondot/hygen"> Github </a> {this.props.withSearch && <DocSearch />} </section> </NavContainer> ) }
const Footer = (props) => ( <footer id="footer"> <section className="special"> <p className="copyright_nomargin">© <a href="https://twitter.com/liran_tal">Liran Tal</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p> </section> <section className="special"> <ul className="icons"> <li> <a href="https://twitter.com/liran_tal" className="icon fa-twitter alt"> <span className="label">Twitter</span> </a> </li> <li> <a href="https://github.com/lirantal/dockly" className="icon fa-github alt" > <span className="label">GitHub</span> </a> </li> </ul> </section> </footer> )
render() { let logo; let style; if (this.props.light) { logo = <LogoLink href='/'><Logo src='/logos/logo-medium-light.png' alt='' /></LogoLink> style = {color: 'white'}; } else { logo = <LogoLink href='/'><Logo src='/logos/logo-medium-normal.png' alt='' /></LogoLink> style = {color: 'black'}; } return ( <NavContainer > <section> {logo} <Link className='nav-link' style={style} to='/' > HOME </Link> <Link className='nav-link' style={style} to='/get-started' > DOCS </Link> <Link className='nav-link' style={style} to='/get-started' > GET STARTED </Link> <a className='nav-link' style={style} target='_blank' href={config.userLinks.APIDoc} > API </a> <Link className='nav-link' style={style} to='/donate' > DONATE </Link> </section> <UserLinks /> </NavContainer> ) }
<section style={{ marginTop: '5em' }}> {children} </section>