Code Monkey home page Code Monkey logo

proof-of-concept's Introduction

Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md

DPI-TNO

Uw informatie pagina over milieu uitstoot!

Dit project omvat een HandFoot-Print website dat gemaakt is in VisualCode.

Inhoudsopgave

Beschrijving

Deze webapplicatie is in opdracht van DPI. Bij deze webapplicatie moeten mensen informatie kunnen lezen wanneer je op de buttons klikt. Deze buttons laten popups zien met informatie die over uitstoot in de milieu gaat. Er zijn geen functionaliteiten, het is alleen een informatie pagina.

image

Gebruik

  • (Als lezer wil ik alle buttons kunnen aanklikken per hoofdstuk)

Ik heb elk button een andere hoofdstuk gegeven met een pop-up. Deze pop-ups openen door een click op de button, en geven dan informatie per hoofdstuk. De buttons bouncen ook zodra de pop-up actief is, zodra je de pop-up wegklikt stoppen de buttons met bouncen wat laat zien dat de pop-up niet meer actief is.

Kenmerken

  • ๐Ÿš€ HTML
  • ๐Ÿ‘จ๐Ÿฝโ€๐Ÿ’ป EJS
  • ๐ŸŒˆ CSS
  • โš™๏ธ JS

Installatie

  1. Clone of download deze repository
  2. Openen in Visual Studio Code
  3. Terminal openen
  4. "npm install" intypen, en laten downloaden
  5. "npm start" intypen
  6. Done

Bronnen

Directus API

Licentie

GNU GPL V3

This work is licensed under GNU GPLv3.

proof-of-concept's People

Contributors

koopreynders avatar yassirog avatar joostf avatar ju5tu5 avatar

proof-of-concept's Issues

Nesting

Ik zie dat je nesting gebruikt dat word nog niet helemaal ondersteund door alle browsers, verder zie ik ook dat je een h3 hebt in je nesting zet die bovenin bij de general styling

heading

Maak een partial aan voor je heading en footer en gebruik een footer element voor je footer

foot.ejs

Je bent vergeten een foot.ejs te maken, zet daarin de closing tag van body en html

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.