nddv-fct-nova / nddv-fct-nova.github.io

Github page for Gamedev group at FCT NOVA (Núcleo de Design e Desenvolvimento de Videojogos)

NDDV Github Website

Github pages + jekyll based website for NDDV Styles are written in sass and can be found at _sass

Running locally

The project requires ruby. The project uses bundler to allow for easier dependency installation The following command is used to install development dependencies:

bundle config set --local path 'vendor/bundle'

The following command updates dependencies:

bundle update

The following command allows for website local testing

bundle exec jekyll serve

Credits:

Html Design Template:

• html5up

Demo Images:

• Unsplash

Icons:

• Font Awesome

Other:

• jQuery
• Scrollex
• Responsive Tools
• Jekyll installation

Project developped by Rafael Patronilo

nddv-fct-nova.github.io's Issues

Create page for each member

There should be a member page for each member. Instruction on how to make one can be found at templates/member.md

Essentially one needs to copy the template to _members, change its name to a short version of the member's name and set the name and course fields. Other fields are optional.

Resizing window's width hides navbar

Change to github action based build

As suggested here we are missing on useful jekyll features with the current usage of the built in jekyll version in github pages. This guide shows how to setup github actions instead to unlock the last version and any plugins for jekyll.
Steps (incomplete):

• Create access token (Organization admin required, @rafael-patronilo )
• Read the rest of the guide (There are more steps there I just haven't read them yet)

EDIT:
I've found this in the market. Apparently it's officially supported, easier to use and requires no secret.

About page

• Move about from index.html to about.md and replace the index.html about with a jekyll excerpt from the about page.

• Write proper about page

• include our contacts at the end of about page

• Change _data/navigation.yml to link to about page when the navigation is rendered in a page other than home (it's just setting the link field do /about.html)

Create a post layout

Create post template, layout and navigation pages.

• template
• layout
• post navigation
  • recent posts
  • by category
  • by label
  • by month and then by year
  • include events?

Change FCT NOVA stuff to NOVA SSH | FCT NOVA

Change where "FCT NOVA" shows up to "NOVA SSH | FCT NOVA".

• Organization name
• Repo name
• (if we keep react) package.json homepage attribute

Add department field to member page

Adds a field for the Communication, Events and Projects departments.

Links on navbar are broken

"Sobre nós" e "Contactos" are broken

They lead to https://nddv-fct-nova.github.io/index.html/index.html#about

Use discord server custom embed

Change the contacts template to allow choosing to use the discord server invite custom embed instead of the current icon.
Example of the embed:

<iframe src="https://discordapp.com/widget?id=649213525276753951&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>

Example of the expected result:

Create an event layout

Create event templates, layouts and navigation

• Create event template
• Create event layout
  • Include calendar like widget that highlights event span for multi day events?
• Create events navigation pages
  • Page with current and coming soon events (in two sections)
  • Page with future (still away) events
  • Page with past events
  • Include in recent news (posts) view?
  • Include calendar like widget that highlights days with events?
• Figure out how to solve time dependency rendering with github pages (recurring every day building would be nice)
• Recurrent event support?

Facebook links on contacts are linking wrong

Probably missing the facebook url prefix for the username on the contacts include.

Migrate frontend scripts to React

Currently assets/js uses jquery. Our course uses React so it would be cool to use React in the website too. The goal is to check if React can be used instead of jquery (requiring a port of the current scripts), if both could be useful or if jquery is indeed the best for our needs.