Giter VIP home page Giter VIP logo

outsite.nl's Introduction

Outsite Website

Netlify Status

Outsite website built using Nuxt.js docs, Vue.js, and Tailwind CSS.

Build Setup

# install dependencies
$ yarn install

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

# generate static project
$ yarn run generate

outsite.nl's People

Contributors

arbaart avatar boukestoelinga avatar casperboone avatar dependabot[bot] avatar felipemoraes avatar jellevos avatar jsabrahams avatar leonoverweel avatar nivbharos avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

outsite.nl's Issues

Overflowing panda

On smaller screens the Panda overflows. Tricky part: on larger screens this is exactly what it is supposed to be doing ๐Ÿ˜…. Maybe create a div with page width and set overflow to hidden.

Many linting (and some other) warnings

Fix in PR #95

For in future: the linter has a decent auto-fix feature. Run it by doing yarn lint --fix. Obviously this won't work for the two rules that were disabled as the linter can't guess the type and default value of a prop.

Check Netlify's data limits

Since we're displaying a self-hosted video (~2MB), the data consumption will likely be higher than average. We have to check whether this will be an issue.

Facebook page access token expiration

The Facebook page access token expires after two months. For now, to solve this, I just created a new one on the Facebook website to make sure it works again. However, we need a more automated way to request a new token or extend the current token. This should be possible via the API, but it is not straightforward.

Dates in activities are broken

Screenshot 2019-11-06 at 18 30 43

They break on the time zone designation at the end: "+0100", which seems to be valid ISO 8601 otherwise afaics.

Mogelijke fix is onderstaande regel toevoegen aan formatDate:
date = date.substring(0, date.length - 2) + ':' + date.substring(date.length - 2, date.length)

Stuff be slow, yo

Even aside from the 2.6MB video (issue #40), there are some 'large' files being loaded, which leads to sluggish rendering time.

  • the board image is 1.3MB (issue #44 but also file type)
  • index.html is 1.2MB
  • the various packaged .js files are in the hundreds of KB

Revise first sentence explaining Outsite as part of DWH

Perhaps the way the website currently states what Outsite is is not the most strategic: "Outsite is het onderdeel van DWH (Delftse Werkgroep Homoseksualiteit) speciaal voor jongeren." and "Outsite is the part of DWH (Delftse Werkgroep Homoseksualiteit) specially for LGBT+ youth."

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.