Giter VIP home page Giter VIP logo

dwhdelft.nl's Introduction

🌈 Website of DWH

Netlify Status

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.

Node version

Compatible node versions: (^14.18.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0).

We recommend node v16.

For node v17 and up, a ERR_OSSL_EVP_UNSUPPORTED error can arrise. To surpress this, switch to an older version (node v16), or set NODE_OPTIONS=--openssl-legacy-provider in your .zshrc.

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.

dwhdelft.nl's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

dwhdelft.nl's Issues

Confidential counsellors

Add a page for the confidential counsellors of DWH.

  • Add the page at dwhdelft.nl/lets-talk
  • Create a link in the footer
  • Change the link in the Outsite footer??

Content

DWH heeft vertrouwenspersonen met wie je contact kunt opnemen. Zij geven steun en advies als je te maken hebt gehad met ongewenst gedrag of ongelijke behandeling bij DWH. Niet alleen voor als het jou overkwam, maar ook als je het zag of iemand achteraf hebt opgevangen en het wil nabespreken.

Alles wat je bespreekt met de vertrouwenspersoon is strikt vertrouwelijk en wordt niet gedeeld met derden, ook niet de andere vertrouwenspersonen of het bestuur. Alleen wanneer het nodig is en met jouw persoonlijke toestemming worden kwesties met derden gedeeld.

Wees niet bang om contact op te nemen. De vertrouwenspersoon zal elke kwestie serieus behandelen en is er om je te helpen.

Taken

De vertrouwenspersoon

  • Zorgt voor opvang van personen die te maken hebben met ongewenst gedrag
  • Biedt een luisterend oor
  • Bespreekt met jou welke opties er zijn
  • Kijkt indien gewenst naar mogelijke oplossingen in de informele sfeer
  • Kan je ook wijzen op andere hulpverlenende instanties of zorgprofessionals
  • Kan je ook helpen met een klacht, melding of aangifte
  • Begeleidt je, maar alleen wanneer jij dit wenst
  • Heeft geheimhoudingsplicht
  • Is een vrijwilliger en niet altijd of onbeperkt beschikbaar
  • Kan een vraag weigeren, bijvoorbeeld als ze er persoonlijk te betrokken bij zijn

Beleid

Vertrouwenspersonen worden aangesteld door het bestuur van DWH. Zij worden gekozen uit de leden van DWH en benoemd voor onbepaalde tijd. Voorafgaand daaraan worden zij geΓ―nterviewd en wordt een Verklaring Omtrent Gedrag aangevraagd. Het bestuur vraagt enkel personen die bekend zijn bij de vereniging en een onbetwiste reputatie hebben.
Vertrouwenspersoon-zijn eindigt door:

  1. Opzegging door de vertrouwenspersoon zelf, of
  2. Het eindigen van het DWH lidmaatschap, of
  3. Ontslag door de algemene vergadering van DWH.
    Het bestuur is verantwoordelijk te zorgen dat er voldoende vertrouwenspersonen zijn, en dat er vertrouwenspersonen zijn die geen bestuurslid zijn.
    Vertrouwenspersonen kunnen indien ze dat wensen zich beperken tot een specifieke doelgroep of specifieke vraag. Het bestuur draagt zorg dat er wel voor elke doelgroep en klacht combinatie een vertrouwenspersoon beschikbaar blijft.

WhatsApp form announcements chat

Since there are such chats now for DWH and MIXUP as well, I feel like the form should be changed to add a:

() all announcements
() some announcements:
[] DWH
[] Outsite
[] MIXUP

or something, and it should be on the DWH site too

Netlify interferes with newsletter sign up

Having the newsletter sign up component on a page causes a JS error on the first load of a page (subsequent loads work fine). Locally there are no issues, but it is likely that Netlify is trying to insert some code for Netlify forms which interferes with other code.

image

For now, I've hidden the newsletter component. Before re-introducing it, we need to look into this.

Low contrast on paarse vrijdag sign-up panel

At dwhdelft.nl/resources, in the TNW panel, under Campfire section, the sign up here is linked, but the colour of the link is almost the same as the background and hard to discern. It is better to change it to a colour with more contrast.

image

'Header' image slideshow/video

The background image at the top of the page is now just one static image. I think it would look nicer to either have a video there or a number of images in an automatic slideshow.

Health page

One of the things Delft gives us subsidy money for is having an information page for health topics related to being LGBT.
The new OUTofMind group is also working on an updated overview of mental health options.

I think we should have a page with a useful list of health providers and options which we can link from in e.g. the barbuddy or KMG texts in a line like "If you're dealing with physical or mental problems look here for professional help"

Upgrade to new Nuxt component imports

Nuxt has changed the way components are auto-imported. For now, we worked around that by adding

  components: [
    '~/components/',
    '~/components/bar_buddies',
    '~/components/bookings',
    '~/components/content_layouts',
    '~/components/Form',
    '~/components/global',
    '~/components/Home',
  ],

to the config but I prefer to adhere to the new standard to maintain the "convention over configuration" strategy.

Links

Missing ANBI data

Per anbi.nl/publicatieverplichting the ANBI page should contain the following items that are not currently present:

Post- of bezoekadres, dan wel het telefoonnummer, dan wel het e-mailadres van de instelling;
This is currently only in the footer, which technically is sufficient but listing all on the ANBI page itself would be better.

Doelstelling volgens de statuten en andere interne regelgeving;
I'm fine with the altered LGBT+ version as "interne regelgeving", but the statutory version needs to be there as well, I suggest simply linking the statutes like on the old ANBI page.

Bestuurssamenstelling, het beloningsbeleid van de instelling en de namen van de bestuurders
This is missing. There are exceptions for the requirement to publish by the way, we could look into those as they could apply to us and allow us to have board members who remain anonymous to the outside world.

Missing menu items

The top menu of the DWH site should have many items that are now only in the footer or not anywhere, e.g.

  • Vereniging
    • Over ons
    • Word lid
    • Barbuddy
    • My DWH
    • Andersblad
  • Activiteiten
    • ...
  • Jeugd
    • Outsite
    • Jong&Out
    • KMG
  • Maatschappelijk
    • Voorlichting
    • Resources

or something like that. I don't have a great idea for the exact division of items but I feel a bunch are at least missing right now.

J&O link on Outsite website

I think due to the age proximity and general knowledge of Outsite as a thing among people, we should have a clearer way for young people to find out about Jong&Out if they happen to land on the Outsite page.
And perhaps some other links too, so they don't miss out just because they found the Outsite page before the DWH page

List vacancies on website

There may be people who aren't seeking an association for the activities and fun but who do want to volunteer their time to do something good in the LGBT+ domain. We should have a page that lists the things they could do.

Word lid op dwh pagina

De DWH pagina zou eenzelfde menu item en blokje bij het kennismaken deel moeten hebben als de Outsite pagina heeft.

Manifest meta already provided! warning

This is because Nuxt already generates one, see here and we do the same manually in the headers.

We could change this by adding the following to next.config.js

  pwa: {
    manifest: {
      "name": "DWH",
      "short_name": "DWH",
      (...)
    }
  },

which would add the information from static/site.webmanifest and removing the line

      { rel: 'manifest', href: '/site.webmanifest' },

However, it also adds some other fields that presumably are by default in the Nuxt manifest, and the simple version of just copying site.webmanifest into pwa.manifest turned icons into an empty array...

I haven't found a way to solve it the other way around, by removing the default manifest, so perhaps we'll have to live with this warning.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.