diff --git a/.gitignore b/.gitignore index 4d29575..b8beea6 100644 --- a/.gitignore +++ b/.gitignore @@ -21,3 +21,6 @@ npm-debug.log* yarn-debug.log* yarn-error.log* + +# next.js +.next/ diff --git a/README.md b/README.md index 56ec105..1a60afb 100644 --- a/README.md +++ b/README.md @@ -1,53 +1 @@ -# Open-Sora Gallery - -We rewrite the `nerfies`[https://github.com/google/nerfies] with React to enable people without knowledge in html to edit the web content by simply changing the data files. - -The web content will display videos given in the `src/data/video.js` file. This file contains a `videos` variable and its structure follows this format: - -```javascript -[ - // video group - { - "title": "group1" - "items": [ - // put videos here - { - "prompt": "some descriptions", - "link": "link to the video 1" - }, - { - "prompt": "some descriptions", - "link": "link to the video 2" - }, - ] - }, - - // another group of videos - { - "title": "group2" - "items": [ - // put videos here - { - "prompt": "some descriptions", - "link": "link to the video 3" - }, - { - "prompt": "some descriptions", - "link": "link to the video 4" - }, - ] - }, -] - -``` - -If you wish to add another video, just add the following data to the `items` field in a video group. - -```javascript -{ - "prompt": "your prompt", - "link": "video url" -} -``` - -If you wish to add another video group, just replicate the group structure and edit the video items inside. \ No newline at end of file +This is a starter template for [Learn Next.js](https://nextjs.org/learn). diff --git a/src/components/ExampleGrid.js b/components/ExampleGrid.js similarity index 82% rename from src/components/ExampleGrid.js rename to components/ExampleGrid.js index c98624d..c642a96 100644 --- a/src/components/ExampleGrid.js +++ b/components/ExampleGrid.js @@ -9,13 +9,13 @@ const VideoItem = ({ video }) => { position: "relative", width: "100%", height: "0px", - "padding-bottom": "100.000%", + paddingBottom: "100.000%", }} >