You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
import Head from 'next/head'
|
|
|
|
|
import styles from '../styles/Gallery.module.css'
|
|
|
|
|
import Header from '../components/header';
|
|
|
|
|
import Footer from '../components/footer';
|
|
|
|
|
|
|
|
|
|
const cache = {};
|
|
|
|
|
|
|
|
|
|
function importAll(r) {
|
|
|
|
|
r.keys().forEach((key) => (cache[key] = r(key)));
|
|
|
|
|
}
|
|
|
|
|
// Note from the docs -> Warning: The arguments passed to require.context must be literals!
|
|
|
|
|
importAll(require.context("../public/gallery", false, /\.(png|jpe?g|svg)$/));
|
|
|
|
|
|
|
|
|
|
const images = Object.entries(cache).map(module => module[1].default);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default function Gallery() {
|
|
|
|
|
// return (
|
|
|
|
|
// <>
|
|
|
|
|
// <p>Media Page..</p>
|
|
|
|
|
|
|
|
|
|
// {images.map(image => (
|
|
|
|
|
// <img style={{width: 100}} src={image} />
|
|
|
|
|
// ))}
|
|
|
|
|
// </>
|
|
|
|
|
// );
|
|
|
|
|
return (
|
|
|
|
|
<div className="page">
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Trick - Gallery</title>
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<Header />
|
|
|
|
|
|
|
|
|
|
<div className="container">
|
|
|
|
|
<article className="content">
|
|
|
|
|
|
|
|
|
|
<section className="card">
|
|
|
|
|
<h1 className="h-unset">Gallery</h1>
|
|
|
|
|
<p>Coming Soon...</p>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
</article>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<Footer />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
