amigolab/amigolab.github.io

AMIGO website

amigolab.github.io's Issues

Clean up website code

After finished, refactor the website code to be easier to edit.

Create "Join us" page

Create a page to store the links and new about open positions.

Projects Page

Initial requirements:

• Should include funders
• Create initial placeholder page
• To be detailed by @mjorgecardoso

To be discussed:

1. Should we have something similar to van der Schaar and BioMedIA' website? [1][2]
2. Where do we put the funders since they facilitate the project all around?

References:

1. http://www.vanderschaar-lab.com/NewWebsite/index.html
2. https://biomedia.doc.ic.ac.uk/projects/

Change the body background color

As discussed in the last meeting, we need to change the background color of the body to a lighter color and change the font color.

Related to #22

Add Public Engagement content

Add the final text and contents of the Public Engagement page

Add new design to Landing page

We need to change the index.html to follow its new design based on the mock of a HTML version, prepared by Virginia.

It is necessary to check if it is working properly, and insert the CSS as well. Note: we need to check if it works on different devices and screen resolutions.

Publication Blog Post Page

Initial requirements:

• At the top have the title, authors and publication venue
• Include full BibTeX reference at the bottom of it (Github style) [1]
• Be able to run visualization in-line
• Have tags so it can be sorted by Project, Funders, Authors, Year
• Link to the published version (ideally not ArXiv)
• Should have the funders at the bottom

To be discussed:

1. Should we include the Abstract for SEO? [2]

References:

1. https://github.com/danieltudosiu/nmpevqvae
2. https://mlmh-lab.github.io/publications/2017-06-01-/

Configure fonts

Configure the font type and size for each section of the website (e.g. person profile, markdown content, pages title, hamburguer menu).

Personal Page

Initial requirements:

• Name and Photo
• Links to personal social media (LinkedIn/Twitter), GitHub and KCL E-mail
• Position (PI/RA/PostDoc/PhD/Masters/Bachelors)
• Address where the person is found
• Main funding body
• List of projects in which the person is a collaborator
• List of publications

To be discussed:

1. N/A

References:

1. N/A

General Design

Actions

• Define fonts (e.g. Header font, subtitles font, text font)
• Define Pallete of the website (Virginia)
• Edit Hamburguer menu
• Remove Home from Nav Menu.
• Add Logo
• Standardize image/avatar size
• Add in footer link to funders page
• Clean up repository: unused files (e.g. .github dir, layouts, includes...) and edit Readme.
• Clean up menu

Single project page

Discussion from 23/04/2020 group meeting

Actions:

• Add funding section
• Present the latest 5 publications
• Add Sidebar for each project - fields: Logo, Title, Website (optional).
• Add Schema with the values from the frontmatter [1].
• Add a HTML/Javascript (visualization) inside the .md [2]

References:
[1] - https://schema.org/
[2] - https://kramdown.gettalong.org/syntax.html#html-blocks

Landing Page

Initial requirements:

• Table of contents (sections)
• Banner
• Short introduction
• Embedded Tweets
• Contact Us (address, google maps pinpoint, email(s))

To be discussed:

1. Should we have a latest publications section? It requires heavy enforcement of publications blog posts.

References:

1. N/A

Add education content

Add the content for the education page

People Page

Initial requirements:

• The landing page of people page should include everybody
  • Each person thumbnail should be click-able (reference individual pages)
  • Divide by different job/degree titles (PI, PostDoc, PhD, RA, Masters, Bachelors, ...)
  • Include an alumni page
• Each person should have its own page which they can control
  • Should include a bit more detailed background, links to projects involved and publication posts

To be discussed:

1. Do we keep alive the personal page of any alumni?
2. Should the person thumbnail pop-out a very short summary instead of individual pages? [1]
3. Should we include icon links to Google Scholar/Github/Person page/Twitter/Orchid/Email/LinkedIn? [2]
4. Should we have standardized profile shots? [3]

References:

1. https://weblab.t.u-tokyo.ac.jp/en/members/
2. https://weblab.t.u-tokyo.ac.jp/en/members/
3. https://weblab.t.u-tokyo.ac.jp/en/members/

Configure colour palete

We need configure the colour palete for the website elements (like background, text, masthead, footer... ).

Some possible colour paletes were presented in this link

Create "About us" page

Create a page with a short introduction about the group.

Publications Page

Initial requirements:

• Publications should be ordered chronologically.
• Each publication links to its own blog post
• Put the funding bodies at the bottom

To be discussed:

1. Do we break down our publications only by a year, or do we break them down by project, funders, researchers (maybe can be done with tags)? [1]
2. Should we break down our publications by Journal, Oral, Main Conference, Workshop, Abstract, Books, Invited Presentation/Lecture? [2]
3. Should each publication have "in-line" Harvard/IEEE/Bibtex citation? [3]

References:

1. http://www.vanderschaar-lab.com/NewWebsite/Publications.html
2. https://weblab.t.u-tokyo.ac.jp/en/publications/
3. https://biomedia.doc.ic.ac.uk/publications/

Public Engagement

Initial Requirements:

• To be completed by @mjorgecardoso

To be discussed:

1. N/A

References:

1. N/A

Funders Page

Initial requirement:

• Create placeholder

To be discussed:

• Do we actually have one since we might have the funders everywhere on our webpage?

References:

• N/A

Add website's logo

It is necessary to add the new logo (stored in sharepoint).

To add a logo before the site title in the website, we can follow the documentation from minimal mistakes. However, this might not be our case. Following the design from chat "AMIGO Website" in the Teams, in the landing page, the logo would be centralized in the masthead without the hamburguer menu in the right side. I think for the landing page it is easy to costumize (since we can directly specify its content in the index.html), however we need to figure it out how the logo will be displayed in the other pages.

Add projects content

Add the project contents and the figures collected by Paul.

Software Page

Initial requirements:

• Short description of the software package
• Reference(s) to the required paper(s)
• Links to GitHub/Download/Documentation
• Tags for Project(s) and Funder(s)

To be discussed:

1. What's the extent of integrating the software's presence on our website?
2. Should we tag the initial first author?

References:

• N/A

Education Page

Initial Requirements:

• Have a chronologically (by year and trimester) ordered list of courses taught by members of the group [1] [2]
• Each course should have a small description, link to KEATS/KCL and list of recommended readings [1] [2]
• Should be grouped by the lead lecturer [2]

To be discussed:

• N/A

References:

1. http://engineering.nyu.edu/microbioengineering/teaching.html
2. http://svl.stanford.edu/teaching/