https://github.com/craigerskine/legendofmana.info

legendofmana.info
https://github.com/craigerskine/legendofmana.info

website

Last synced: 1 day ago
JSON representation

legendofmana.info

• Host: GitHub
• URL: https://github.com/craigerskine/legendofmana.info
• Owner: craigerskine
• License: apache-2.0
• Created: 2022-01-27T00:48:50.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2024-10-16T16:29:02.000Z (about 1 month ago)
• Last Synced: 2024-10-18T12:49:47.692Z (about 1 month ago)
• Topics: website
• Language: Nunjucks
• Homepage: https://legendofmana.info
• Size: 7.66 MB
• Stars: 3
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
## [legendofmana.info](https://legendofmana.info) [![Netlify Status](https://api.netlify.com/api/v1/badges/adad5c62-bc49-4a54-9e64-dfa703207f65/deploy-status)](https://app.netlify.com/sites/legendofmana-info/deploys)

### Live sites

- https://legendofmana.info

- https://legendofmana-info.netlify.app/ (in case the domain expires)

### Tech used

- [Twind](https://twind.style/)

- [11ty](https://11ty.dev/)

### Instructions

1. [Install node.js](https://nodejs.org/) on your computer

2. Download this repository and extract to a folder where you want to store it locally

3. Open a Terminal or Command prompt:

```bash

# change to the site folder

$ cd /path/to-folder/from-step-2

# install the site dependencies

$ npm install

# start a local hot version of the site

$ npm start

```

4. Open http://localhost:8080 in your browser of choice

5. Start editing the local files in your editor of choice and watch in amazement as your browser hot reloads your saved changes

All data, markup, components, layouts, scripts, files, and images are in the `_site` folder. The site will deploy locally to a `public` folder. Theoretically you could upload that folder to any web host since it's just static HTML.

Keep in mind that there are no CSS files anywhere to be found. This is intentional since I used [Twind](https://twind.style/) (which auto generates CSS on the client-side during browsing). Everything is styled using [Tailwind CSS](https://tailwindcss.com/) v3.0 syntax and kept organized via [Twind](https://twind.style/) grouping/one-offs.

Enjoy!