Giter Site home page Giter Site logo

martijncuppens / naaiactie Goto Github PK

View Code? Open in Web Editor NEW

This project forked from makeinbelgium/naaiactie

0.0 1.0 0.0 16.88 MB

Onze zorgverleners hebben je nodig! Om de strijd tegen #COVID19BE te winnen, hebben ze dringend nood aan mondmaskers. Dat sporen we aan dmv deze website.

Dockerfile 0.59% JavaScript 0.79% CSS 11.78% Shell 2.84% HTML 84.01%

naaiactie's Introduction

Naaiactie

Bijdrage leveren? Dat kan!

  • Maak een fork en een pull request.
  • Meld problemen via de issues.

Deployment

Site is beschikbaar in 2 verschillende talen:

Het is een onepager en iedere taal heeft zn eigen index bestand:

  • index_nl.html
  • index_fr.html
  • index_en.html

De website wordt gehost bij cloudz.be. Daar draait een script dat iedere 5 minuten een git pull doet van deze repo. Hou er rekening mee dat Cloudflare alles cached. Bij een update moet de cached geïnvalideerd worden.

# Stuur je public key naar @iworx
ssh [email protected]

Kom er bij!

Neem dan deel aan de conversatie op de Slack workspace van de Corona-denktank Make in Belgium: https://join.coronadenktank.be (Kanaal: #project-corona-naaiactie-dev).

local server

Zelf een lokale server opzetten? Dat kan op verschillende manieren!

met python

Eenvoudig lokaal previewen met het terminal-commando: python3 -m http.server 8000 (of python -m http.server 8000 als python 3 je standaardpython is) De Naaiactie is vervolgens bereikbaar op http://localhost:8000

met php

Heb je php op je computer geïnstalleerd? Gebruik dan de PHP built-in webserver:

$> php -S 0.0.0.0:8000

De Naaiactie is vervolgens bereikbaar op http://localhost:8000

met docker

Gebruik de Dockerfile om een image te builden. Zie docker-run.sh voor een voorbeeld van hoe het in productie wordt gedraaid. Hiervoor gebruiken we een set-up met Traefik, voor de config, zie de repository van solidariteitsnetwerk.

CSS

De css wordt gegenereerd met bootstrap in de npm dependencies, dit kan via het commando npm ci. Vervolgens kan je in de map assets/css met SCSS de SCSS converteren naar CSS:

Dev (met auto refresh)

scss --watch assets/css/style.scss assets/css/style.css

Prod (voor een push)

scss --style compressed assets/css/style.scss assets/css/style.css

PDF met handleiding + patroon

Je kan de verschillende versies van de patronen vinden in de /pdf folder. Bij het aanpassen van de huidige versie van een patroon best volgende stappen doorlopen:

  • Voeg versienummer en eventueel datum toe aan de naam van het document
  • Zorg ervoor dat de grootte van het document zeker kleiner is dan 1 MB (om onze bandbreedte te vrijwaren). Haal daarom je versie altijd nog eens door de website http://www.pdfcompressor.com
  • Er zijn al problemen geweest met Adobe Reader. Probeer zeker af te checken of je nieuwe PDF ook daarin goed te lezen valt.

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.