/Evelios.github.io

Evelios Website and Blog

Primary LanguageF#

Website for Thomas G Waters

Development

First of all, start with installing the project's npm dependencies

npm install

If you are using a Mac computer with an M1 chip run

arch -arm64 brew install llvm
sudo gem install ffi

Once this is finished, you can then build and compile the project:

npm run build

You can start developing the application in watch mode using the webpack development server:

npm start

After the first compilation is finished, navigate to http://localhost:8080 in your browser to see the application.

Images

  • Article Preview
    • Aspect ratio of 4:3
    • Size of 240px by 180px
  • Gallery Images
    • Thumbnail should have a max width of 800px
  • Interactive Images
    • Thumbnail should have a size of 500px by 500px

Deploying

After you run npm run build, the contents of the public folder can be hosted as a static site. If you haven't hosted a static site before, I'd recommend using Netlify (it's free!)

Netlify

Add a netlify.toml file next to this README, for standard SPA routing:

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

Build command: npm run build

Publish directory: public