The repository DIGIfor1Health_web is a customized version of the Type-on-Strap Jekyll theme.
The website resulting from this repository is available on digifor1health.se and it is serving this project for higlighting their work, reporting, events etc.
Below is a comparison highlighting the main modifications made to the original Type-on-Strap repository
to develop the DIGIfor1Health_web project.

1. Content Modifications:

   • Main (Hem) Page:
     in _config.yml - updated title, description and feature photo; replaced footer with a collection of icons of the flexible size adapting to page size (e.g. mobile)
     index.html - contains the home page content devided in containers to alternate images and text.
     

   • Posts and Pages:
     The _pages directory in DIGIfor1Health_web contains items specific to the DIGIfor1Health project, replacing the placeholder content from Type-on-Strap.
     _includes/header.html : Added new static pages such as about (Aktuellt), contact (Kontakt), and projects (Projekt) have been added or customized to reflect the project's information.
     Removed all the other pages and tabs
     

2. Configuration Changes:
   

   • Site Settings (_config.yml):
     Title and Description: Updated to "DIGIfor1Health" with a description provided by project leader.
     URL and Base URL: Configured to match the deployment environment of DIGIfor1Health.
     Social Media Links: temporary removed.
     

   • Adaptation to mobile devices:
     CSS flexbox added in _scss/_custom.scss, _layout.scss, index.html and _footer.scss, including flex-wrap (directing to column for narrow screen and side-by-side on wider screens)
     in: _navigation.scss and _sass/includes - added flex display and fixed hamburger menu for smaller screens
     

3. Design and Layout Adjustments:
   

   • Branding:
     Logos, color schemes, and fonts have been modified to align with DIGIfor1Health's (SciLifeLab) graphical guidelines.
     favicon was changed to SciLifeLab icon (_config.yml)
     

   • Layouts:
     added _sass/_custom.scss file to overwite pages layouts:
     added flex container to adjust the content to the ecreen width with responsive adjustment, both for text and images
     as above for footer
     defined hamburger menu
     changed padding and background for pages
     changed fonts
     buttons styling
     

     Modifications in the _layouts directory have been made to adjust the structure and appearance of pages, ensuring consistency with the project's design aesthetics.
     

4. Assets and Media:
   

   Images:
   The assets/img directory has been populated with images, logos, and graphics relevant to DIGIfor1Health.
   

   Scripts and Styles:
   Custom JavaScript and CSS files have been added or modified to enhance functionality and styling specific to the project's needs.
   

5. Plugins and Dependencies:
   

   Gemfile:
   The Gemfile has been updated to include Jekyll plugins and dependencies required for additional functionalities, such as SEO optimization and sitemap generation.
   

6. Localization:
   

   Language Support:
   The repository includes directories like en to support multiple languages. However, this feature was not yet utilised. Instead, language icon leads to the static page announcing future English version.
   

List of modified files (A = Added, M = Modified, D = Deleted):

A pages/projects.md
A pages/contact.md
A _data/language.yml
A _sass/_custom.scss
A assets/img/footer_logo_combined.png
A assets/img/homepage_section1.jpg
A assets/img/homepage_section2.jpg
A assets/img/homepage_section3.jpg
A assets/img/homepage_section4.jpg
A assets/img/Digifor1Health_NyaBubblor20240408_2.jpg
A assets/img/Digifor1Health_NyaBubblor20240408_3.jpg
A assets/img/Picture_Om_Oss.jpg
A assets/img/SciLifeLab.ico
A assets/img/connections.jpeg
A assets/img/Vinnova.png
A assets/img/gms_logo.png
A assets/img/ki_logo.png
A assets/img/kth_logo.png
A assets/img/scilifelab_logo.png
A assets/img/umu_logo.png
A assets/img/uu_logo.png
A assets/img/vinnova_logo.png
A assets/img/logo1.png
A assets/img/logo2.png
A assets/img/logo3.png
A assets/img/logo4.png
A assets/img/logo5.png
A assets/img/logo6.png
A assets/img/logoB.png
A assets/img/SciLifeLab.jpg
A assets/img/DIGIfor1Health_footers.png
A assets/img/pexels/connect_D_c1.jpeg
A assets/img/pexels/digi_D_o.jpeg
A assets/img/pexels/dots.jpeg
A assets/img/pexels/project_R_p.jpeg
A assets/img/pexels/globe_R.jpeg
A assets/img/contact-logos/EGDI logo_2.png
A assets/img/contact-logos/GOE_logo_flat.jpg
A assets/img/contact-logos/HDS logotype_landscape.jpg
A assets/img/contact-logos/LOGO_EUCAI.png
A assets/img/contact-logos/gms logo.png
A assets/img/contact-logos/tefs-maybefinals_tef-image-black-horizontal.png
A assets/img/feature-img/DIGIfor1Health_collab.png
A assets/img/feature-img/Inhand_D1.jpeg
A assets/img/feature-img/Inhand_Da.jpeg
A assets/img/feature-img/Labview_Da.jpeg
A assets/img/feature-img/skeleton_D.jpeg
A assets/img/feature-img/tablet_Da.jpeg
A assets/img/header/Bubblor_2-medium.jpg
A assets/img/header/Bubblor_2-small.jpg
A assets/img/header/Bubblor_2.jpg
A assets/img/header/header_bubblor.jpg
A assets/img/header/header_bubblor_T-medium.jpg
A assets/img/header/header_bubblor_T-small.jpg
A assets/img/header/header_bubblor_T.jpg
A assets/img/header/human_D-medium.jpeg
A assets/img/header/human_D-small.jpeg
A assets/img/header/human_D.jpeg
M _config.yml
M index.html
M _includes/default/footer.liquid
M _includes/header.html
M _layouts/home.liquid
M _sass/includes/_footer.scss
M _sass/includes/_layout.scss
M _sass/includes/_navigation.scss
M _sass/includes/_variables.scss
M README.md
D pages/gallery.md
D pages/portfolio.md
D pages/search.md
D pages/tags.md
D _data/authors.yml
D _data/biblio.yml
D _data/icons.yml
D _data/social.yml