Code Monkey home page Code Monkey logo

vlctechhub-site's Introduction

All Contributors Code style Hacktoberfest

VLCTechHub

VLCTechHub association promotes local technical communities, encourage quality jobs and (co)organices events to help improve diversity, cooperation and make technological knowledge accessible to more people. It organices the event VLCTechFest once a year.

This repository is the website https://vlctechhub.org, built with the static generator Metalsmith and consuming VLCTechHub API in the building phase.

🚀 How to build this site

Please refer to the section How to build this site in the colaboration guide.

🤝 How to contribute

Questions, proposals, issues and pull requests are welcome! Have a look at our colaboration guide for further info.

📝 License

Licensed under the MIT License.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

hell03610
hell03610

💻 📖 👀 🐛 💬
Eduardo Sebastian
Eduardo Sebastian

💻 📖 👀 🐛 💬
Emma Lopez
Emma Lopez

💻
Miguel Ángel Fernández
Miguel Ángel Fernández

💻
David Hernández
David Hernández

💻 📖 👀 🐛 💬
Mercedes
Mercedes

💻
Jonas Talavera
Jonas Talavera

💻
Juan F. Pérez
Juan F. Pérez

💻
Nick Jantz
Nick Jantz

💻
Álvaro Bautista Pino
Álvaro Bautista Pino

💻
David
David

💻
Daniel Huth
Daniel Huth

💻
Zahid
Zahid

💻
mluisamc
mluisamc

💻
Lukas Lee
Lukas Lee

💻
Alexander Xavier Cubas Pérez
Alexander Xavier Cubas Pérez

💻
Andoni Alonso
Andoni Alonso

💻
alober8
alober8

💻
Adrien Luitot
Adrien Luitot

💻
Xeoth
Xeoth

💻
JotaMarti
JotaMarti

💻
François
François

💻

This project follows the all-contributors specification. Contributions of any kind welcome!

vlctechhub-site's People

Contributors

agreon avatar alober8 avatar alvarobp avatar andoniaf avatar davidhernandez avatar elmendalerenda avatar elopez-zd avatar esebastian avatar jantznick avatar jguitar avatar jonastg avatar jotamarti avatar lp-francois avatar lukasleeyo avatar meegido avatar mluisamc avatar nandawtek avatar pardiez avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

vlctechhub-site's Issues

Add docker image

Setting up the project in my laptop I thought it was a good idea to create a docker container to make it easier for anyone who wants to contribute to run the project in their local environment.

Do you think it's a good idea?

Make contact email field required in new job offer form

On the new job offer form, the contact email field (EMAIL DE CONTACTO) is not marked as required, but it is actually required by the API endpoint that receives the form data, so when no contact email is provided the form submission fails.

We would need to make the contact email field required, in the same way the rest of the required fields in the form (PUESTO, DESCRIPCIÓN, PALABRAS CLAVE, SUELDO, CÓMO APLICAR, NOMBRE DE LA EMPRESA, WEB DE LA EMPRESA).

Community list

Show a list of communities that have at least one event
In order to discover and give visibility to communities

Community list should show name, twitter avatar, twitter handler and twitter description for each twitter handler that we have.

Remove unused event views

  • Remove event/lastest as same info can be displayed from archive
  • Remove upcoming/index as same info is displayed in a more compact way in upcoming/list
  • Promote upcoming/list to upcoming
  • Display events in archive in the same way as in upcoming/list (in a compact list)

Add a "today" or "this week" badge on upcoming events

When viewing the upcoming events at https://vlctechhub.org/ it would be nice to quickly spot the events happening today or in the current week so users can quickly organize their evenings for the week.

We have a design for the badges, they should appear similar to this:

Screenshot from 2019-10-14 15-45-31

Today badge copy: Hoy
This week badge copy: Esta semana

Note: There are some events that the avatar image is the same color as the badge (defined in https://github.com/VLCTechHub/VLCTechHub-site/blob/master/data/assets/css/abstract/_variables.scss#L6) In the case the event is an event with twitter.hashtag instead of twitter.handle we can switch the colors of the badge (color -> background-color, background-color -> color)...or leave this scenario out of scope in the pull request.

Calendar view

It could be useful to be able to see all the scheduled events in a calendar view to help organizers to choose an event date in order to minimize event overlapping.

Footer is not visible in mobile

The footer contains very valuable links (like the one that links to the Slack community) that are not displayed in the mobile version. Also, they are not available in the menu neither.

I guess the decision of hiding the footer is made in purpose, so I propose to add the links in the menu when the website is displayed in a mobile device.

Clicking twice in "archive" menu buttton renders blank page

Click once in "archive" link so the app enters event.archive route and redirect is triggered towards event.archive.month.index
Archive year/month is rendered

Click again now on "archive", so the app nagivates to event.archive.index, which is not declared, and renders a blank page.

Proposed solution: Move the redirect from event.archive to event.archive.index

Design and implement a 404 page based on the current design

We currently dont have a 404 page designed so the default one is shown.

When a user visits the website with a non-existing url we are not giving this information in a simple and beautiful way.

The proposed solution is to design and implement a generic 404 page to inform the user the page requested is not available and to return to the root page (vlctechhub.org)

Make the upcoming event list mobile version more compact

When viewing the upcoming event page from a mobile phone, the event grid turns into a list. However the list is not very compact as the community avatar image is still very big.

Rethink how to show this list in mobile so it is more compact.

A possible solution would be a style similar to an inbox mailing list.

------------------------------------------------------------------------
(rounded avatar) event title
                              community name                     date
------------------------------------------------------------------------

Add validation to salary field on job submission board

The salary field is required on the job submission board. A lot of companies, do not want to publish the salary, so they add a text saying like "salary depends on the person". To prevent this, we should have some kind of validation, like checking that it has numbers on it. But we can not forbid the text on the input, as some people would write things like "between 30 to 40k".

Be able to process pages written in markdown

Even if nunjucks is not very complex, for simple pages having a simpler template engine (as markdown) would be more efficient.

Right now, only nunjucks pages can be processed, that is why the 404 page is written as a nunjuck page even if it would be simpler to write in markdown.

Proposed solution: Support pages written directly in markdown, with html syntax on them and migrate 404 page to markdown.

Add a new section to list communities

We currently have a list of available communities and their way of contact in https://trello.com/c/OnoWFnzw/101-comunidades-y-contactos

We would like to have that info in the new website, as a new "Communities" section, to display the communities and the way of contact (website, meetup, twitter, email where available).

Considerations:

  1. Design should take into account small, medium and large devices (as the current design takes)
  2. Take into account only Valencia communities, as Alicante is starting to develop its own network and already separated in https://comunidad-tecnologica.github.io/
  3. Data structure can be based on https://github.com/comunidad-tecnologica/valencia/blob/master/_data/communities.yaml where some effort has been applied already.
  4. The communities in https://trello.com/c/OnoWFnzw/101-comunidades-y-contactos are by no means a "source of truth", some communities there might have died and some others may have appeared that are not part of that document. If you know for sure any of those changes, reflect it in this pull request ;)
  5. Use the name the community has chosen for itself (ValenciaJS, Valencia DevOps, etc)

Tweet the job

Being able to tweet each of the the jobs, with a twitter button
Tweet should say:

Question: Should we link to the current offer or to some "permalink"?

Add RSS icon to upcoming events

The upcoming events page has a rss feed at /events/upcoming/feed.xml but it is not currently displayed anywhere, so people wont know that option is available.

We would like to add an rss icon linked to the feed in the main page where the upcoming events are displayed. We dont have any designs for that.

Generate event page for past events

We are currently only consuming an generating event pages for the upcoming events. So if someone clicks on a past event url from vlctechhub twitter account, she will see a 404 page.

We should generate pages for all the events, past & future ones - taking into account we should not fetch them all at the same time in order to avoid api timeouts. We could use the year/month api for that, and generate the past event pages from 2017 (date not checked with production data)

Add RSS icon to job board

The job board page has a rss feed at /job/board/feed.xml but it is not currently displayed anywhere, so people wont know that option is available.

We would like to add an rss icon linked to the feed in the job board page.
We dont have any designs for that.

When event titles are long, they are hard to read

See https://vlctechhub.org/events/past/

For example this row:
Screenshot from 2019-10-11 16-04-50

The event titles are bigger than the image (that for medium/large screen, image width is 300px), and sometimes are hard to read.

Proposed solution: Make the event title width to be the same as the image, so the "breathing space" for the images are the same for the texts. Check medium and large screens. Some other styles may need to change as for example the horizontal line that is now centered taking into account the empty space might need to be centered without taking it into account.

Sanitize job description when creating a new job

When adding a new job offer from https://vlctechhub.org/job/new/, chances are the job offer is already published somewhere with some html format. We as users tend to reuse the info with copy/paste instead of writting it directly, so when adding a new offer it will happen often that the text will have some html format.

However, if the copied text has html format, it wont be sanitized and will be displayed when published, as in https://vlctechhub.org/job/board/5967e407-6030-43ff-9e2b-8f80d4a8fbc6/
Screenshot from 2019-10-06 16-48-06

On the paste event in the job description textarea, we should sanitize the text and remove any html tag, for example the same way it does the github textarea for submitting new issues.

This is very needed in the new job form, job description textarea, but ideally would also apply to the new job form, job how to apply textarea and in the event form, in the event description textarea.

Hide Job -> More info if there is no further info url provided

When a user enters a job offer from https://vlctechhub.org/job/new/ she does not need to specify a further info url, as it is not mandatory.

However, we are always showing that field in the job page, with an empty link, which causes confusion (the user wonders: it is broken? some special charaters in the link that it can not be displayed correctly? - when actually there is no further info url available)

This happens for example on the job offer https://vlctechhub.org/job/board/ffd59c39-d803-49c9-aa1c-1f867a9baca6/

Screenshot from 2019-10-11 15-46-05

Suggested solution: if there is no further info url, dont show the section "Further info" at all.

Is it possible to show custom 404 pages? If so, show one to past jobs

When a job is older than 30 days, it is removed from the website. However a user may visit a past job clicking on the url link from an old tweet from the vlctechhub account.

If possible, it would be nice to show the user that that job is not longer available as it is older than 30 days.

Say the community that organizes the event

Knowing what community organizes an event is sometimes hard.

This is because we are not showing the name of the community, we only show its avatar instead. When the (twitter) avatar is not available we show an image with a hashtag.

We cannot know the name of the community right now, as we dont ask for it when creating the event. The only info we have is the twitter handler or the hashtag provided. So a proposed solution to this problem is to add the name of the avatar in the event page and in each event in the upcoming event list page for now.

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.