Giter Club home page Giter Club logo

website-content's Introduction

DIAG Website content

Build and Deploy Optimize Images

This repository stores all the content and source code for the DIAG websites. From this repository multiple Pelican-powered websites are built, based on a central content database.

Websites

Live websites:

Updating the content

Please see the documentation for guides on updating the sites.

Building the website locally

Requirements: Linux environment (on Windows via WSL) and Python 3 (we use Ubuntu with conda/miniconda istalled and a conda environment with PYTHON=3.9)

Preparations:

  1. Clone website content (if on windows, do this from WSL/ubuntu commandline). cd into website-content
  2. Install dependencies: pip install -r requirements.txt
  3. Run bash ./parse_publications.sh to download and parse the publication files.
  4. Run: LOCAL=1 WEBSITE=website-pathology bash ./copy_content.sh to copy files for any website. If you get an error cp: cannot create directory 'website-pathology/output/images': No such file or directory, then you should make this folder: mkdir -p website-pathology/output/images and try again

Building the website:

  1. cd into the website folder: cd website-pathology
  2. Run pelican: pelican --autoreload --listen
  3. Visit http://localhost:8000

To build the css:

  1. Install npm==7.12.0
  2. Run css build in radboudumc-theme: npm run deploy-watch

To automatically build and host the website in a docker image, follow the instruction in the docker folder.

Design resources

If you design an image/poster or similar for the website, please store the design files (if not too big) in the directoy content/src/ in the apropriate subtree. This allows others to update media more easily should they ever become outdated.

Pipeline

pipeline

website-content's People

Contributors

adhering avatar ajaypatel86 avatar anindox8 avatar bramvanginneken avatar carlijnlems avatar cjacobs1 avatar cristinaggonzalo avatar dependabot[bot] avatar diagwebteam avatar drepeeters avatar francescociompi avatar geertlitjens avatar ghumpire avatar henkjanhuisman avatar jmsmkn avatar jonasteuwen avatar josthannhauser avatar kdercksen avatar keelinm avatar kicksta avatar kiranvaidhya avatar marinadamato avatar martvanrijthoven avatar meykehermsen avatar michellestegem avatar nlessmann avatar rashindra avatar silvanquax avatar thomasvdheuvel avatar wouterbulten avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

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

website-content's Issues

Bibtex errors in build log

warning! bibtex format error in name "Hekman M.C.H., Boerman O.C., Bos D.L., Massuger L.F.A.G., Weil S., Grasso L., Rybinski K.A., Oosterwijk E., Mulders P.F.A, Rijpkema M."
warning! bibtex format error in name "J.P.van den Bergh, C. Noordam, J.M. Thijssen, B.J. Otten, A.G."
warning! bibtex format error in name "M.C. van Wijk, J.H.G.M. Klaessens, J.C.W. Hopman, K.D. Liem, J.M. Thijssen"
warning! bibtex format error in name "Hulsbergen-van de Kaa, C.A., Barentsz, J.O."
List of bibkeys returning UnicodeEncodeError

Not sure why causes this. Maybe the bibtex entry is not formatted correctly?

Pathology - Request highlight section home page

  1. It would be nice if we could add a button after the highlights on the homepage that says: ' All highlights', that redirects you to the Highlight page (also requested by Francesco).

  2. I would like it if we could write a short caption about the highlight in the overview page, that has a fixed number of characters. Now the text in de boxes has a different size and it just shows the first lines of the original article.

Add ability to view people that are not in the group

I added James and Clarisa to my project while James is not in the retina group and Clarisa is not in the RSE group. This results in their picture and job title not showing up on those pages. It would be nice if it does show that, although I understand this might be difficult since you don't want those people to be shown as members of the group.

Example: this vs. this

Duplicate slug errors in build log

WARNING: There are 2 items with slug "babak-ehteshami-bejnordi" with lang en: 
  | /home/travis/build/DIAGNijmegen/website-content/website-pathology/content/pages/members/babak-ehteshami-bejnordi.md
  | /home/travis/build/DIAGNijmegen/website-content/website-pathology/content/pages/publications/babak-ehteshami-bejnordi.md
WARNING: There are 2 original (not translated) items with slug "babak-ehteshami-bejnordi": 
  | /home/travis/build/DIAGNijmegen/website-content/website-pathology/content/pages/members/babak-ehteshami-bejnordi.md
  | /home/travis/build/DIAGNijmegen/website-content/website-pathology/content/pages/publications/babak-ehteshami-bejnordi.md
WARNING: There are 2 items with slug "david-tellez" with lang en: 
  | /home/travis/build/DIAGNijmegen/website-content/website-pathology/content/pages/members/david-tellez.md
  | /home/travis/build/DIAGNijmegen/website-content/website-pathology/content/pages/publications/david-tellez.md

See also https://github.com/getpelican/pelican/issues/2303

Only show text on active icon in top bar

I do not like the design of the top bar:

image

It gives the feeling that the first 4 items, highlights to vacancies are important, and it is not even clear how the icon relates to the item, and then there are a few more items. I propose that instead we show text for all if that fits, if not you show icons only, but when you hover over an icon, the text appears, like this:

image

The other thing I do not like, but I do not really know how to solve, is the icons themselves, I think if you would do a test and ask people based on only the icons to say what kind of page on a research group website you'd expect, they would not get very far.

Private download of publication PDF files

Is your feature request related to a problem? Please describe.
Users need access to PDF files of publications in a private matter.

Describe the solution you'd like
Users need to fill in their email and receive a link to the pdf file.

Do not deploy websites without changes

Pelican updates a timestamp in the sitemap on each build. This results in a new deploy for each website even when nothing was changed (for that particular website).

Add "src" directory to directories allowing to preserve "design artifacts"

I am currently designing a info graphic using Inkscape. To include it on the page, I need to export the svg to an png (because I use some features which are not supported by browsers). If we ever want to update the infographic it is useful to have the original source files at hand. In order to store the source file as well, I added a subdirectory content/images/projects/src/ for storing the "design artifacts" (committing soon).

Shall we have a common policy for storing these files? Is this acceptable?

Make sure that default image is of reasonable size

Most places on the website don't use the image size plugin but load a default image. This image can be large if the uploaded image was not resized before uploading. We need to make sure that the default image is of reasonable size.

Auto resize and optimize of images

Add support for automatically resizing and optimizing images when new ones are uploaded.

Todo:

  • Deleting images
  • Integration with pelican

Hide empty sections

Would be nice to hide some of the sections - we probably won't use the Presentations or Thesis gallery. Even better if this could be automated based on the content for that site.

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.