🌈 Website of DWH

DWH is the independent LGBT+ association of Delft and surroundings. We're two things: a meeting place for LGBT+ people and their friends and a group that actively pushes for greater LGBT+ rights and acceptance.

The website is a (statically generated) Nuxt.js app hosted on Netlify. The app makes heavy use of Vue.js and Tailwind CSS.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out Nuxt.js docs.

Page Types

The "easier" pages are Markdown based and can be found in content/pages. There are multiple layouts available for these pages. The markdown pages can make use of components from components/globals. See the documentation of Nuxt Content for further details.

The more complex pages of the website live in the pages/ directory and are Vue components, supported by the components in components/. When these pages have content-heavy elements, their content usually comes from markdown files in the content/ directory.