Outsite website built using Nuxt.js docs, Vue.js, and Tailwind CSS.
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn run dev
# generate static project
$ yarn run generate
๐ Website for Outsite - Delft's LGBT+ youth society
Home Page: https://outsite.nl/
Outsite website built using Nuxt.js docs, Vue.js, and Tailwind CSS.
# install dependencies
$ yarn install
# serve with hot reload at localhost:3000
$ yarn run dev
# generate static project
$ yarn run generate
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."
Suggested translation: "visit queer parties, and much more..."
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.
This is a suggestion because it might be sensitive for those that consider a different name than their given birth-name.
This is a suggestion to be more inclusive towards those who might consider a different pronoun than the one they were called before.
The English version of the website resides on outsite.nl/en
but there is currently no way to go there from the webpage.
Currently the header buttons disappear on mobile, but it can be convenient for Outsite members if the link was there on mobile as well.
We could consider waiting with loading the video until the rest of the resources have been, and use a splashscreen instead in the mean time.
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.
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.
This list with photo, name and a little bio might take away some questions and doubts that come up in those who are interested but shy to sign up.
Replicate: Add /en
to URL and click 'JOIN THE KMG'. Page is in dutch now.
The board photo takes quite a prominent spot on the website at the moment.
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.
Stating under 28 is ambiguous and technically incorrect as we are accepting ages up to and including 28.
Watch for old language and completeness when compared to the Dutch version.
Doesn't lead to the right section because of commit 64c160d
This currently happens on mobile. Suggestions include a gradient to pink or purple.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.