https://github.com/atomantic/gallery
NFT hosting gallery for hicetnunc works (hosted on my GitHub pages)
https://github.com/atomantic/gallery
Last synced: over 1 year ago
JSON representation
NFT hosting gallery for hicetnunc works (hosted on my GitHub pages)
- Host: GitHub
- URL: https://github.com/atomantic/gallery
- Owner: atomantic
- License: mit
- Created: 2021-04-07T15:00:00.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2024-07-26T04:51:05.000Z (almost 2 years ago)
- Last Synced: 2025-02-01T03:41:40.040Z (over 1 year ago)
- Language: JavaScript
- Size: 3.24 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hic Et Nunc Digital Art Galleries
This repo creates a set of gallery pages based on IPFS hosted hicetnunc.xyz NFT token artworks:
https://adameivy.com/gallery
# Forking / Making it Your Own
You can create your own gallery website with nothing more than a github account.
1. fork this repo in to your github account
2. install Node.js: https://nodejs.org/en/
3. clone your fork to your machine and navigate to the folder
4. install dependencies: `npm install`
5. run the setup script: `npm run setup`
6. Add items to your gallery
```
# this will create the gallery named "prosopagnosia" if it doesn't exist
# add it will add the object 26001 to that gallery
node tools/add_item.js prosopagnosia 26001
```
7. Remove items from the gallery
```
# this will remove object 26001 from the prosopagnosia gallery
node tools/rm_item.js prosopagnosia 26001
```
8. Change the favicon.ico files
- You can upload a new image to a favicon creator like this one: https://favicon.io
- Download the images and overwrite the files in `./public/`
9. Commit your changes: `git add -A .; git commit -m 'initial gallery setup'`
10. Push to your own fork: `git push -u origin main`
11. Deploy to github pages: `npm run deploy`
In a few minutes, your site will be at https://{YOUR_GITHUB_USERNAME}.github.io/gallery
# Event Countdown
If you want to setup an event clock for your gallery, edit `./src/data/galleries.json` add add an `eventTime` as a unix timestamp (https://www.unixtimestamp.com) for the moment in time that the event will begin and `eventURL` that will display as a link to the event location when the countdown finishes.
Example:
```
"prosopagnosia": {
"eventTime": 1618167600000,
"eventURL": "https://www.hicetnunc.xyz/tz/tz1c2e1WMKKtf6oBZcZK3YFxrXgVbb2ggRr9",
"description": "\"I can't remember her face, but when she looked at me, it felt like this.\"",
"main": 25769,
"items": [25769, 25896, 25900, 25918, 25948, 25998, 26001, 26002]
}
```
# Update Cached Data
```
npm run fetch
```
Then you can commit and re-deploy:
```
git add -A .; git commit -m 'update data'; git push; npm run deploy
```
# Working with the codebase
- This site is built using Vue.js, SCSS, and pug
- Text and social media links are in `config.json`
- `./src/data/galleries.json` can be edited to rearrange items, to set new main thumbnails, add event countdowns, and gallery level descriptions.
- `./src/data/gallery_data.json` is the downloaded object data from hicetnunc.xyz
- Primary CSS styles for background-color, text-color, etc, can be found in `./src/App.vue`
### Local testing
```
npm run serve
```