ocean-sampling-day / ocean-sampling-day.github.io

organisation page
Creative Commons Zero v1.0 Universal
0 stars 0 forks source link

change style / looks #2

Open marc-portier opened 2 years ago

marc-portier commented 2 years ago

the merlot theme we are starting with is too different from the generated ro-crate-previews of the subpages

marc-portier commented 2 years ago

even the new style applied during meeting 2022-05-03 has some room for improvement

kmexter commented 2 years ago

Katrina can add text/content to the footer and a wee bit more blabla to the existing text, and can provide an OSD image. Just say when and where to do that.

marc-portier commented 2 years ago

strategy to introduce some conformity between the subsites and the main one

  1. loading the css --> both could be referring to an agreed /css/main.css
    • this should be provided by this parent-level-side and just included by the child-sites
    • if it is not there - 404 on css will just not load and hopefully the subsite has some internal way for proper default styling
    • note that the top level can still use existing themes and meaningful css names by using a css @import statement
  2. further the subsite could be "inviting" the parent structure to inject header-footer content through that very same css
    • by introducing surrounding <a href="/"><div class="ro-crate-preview-header"></div></a> and <div class="ro-crate-preview-header"></div> snippets
    • these could be just leading to be ignored (visually not taking any space) if no-css or no-content is provided
    • the parent level css can simply inject the content to be displayed through rules like
.ro-crate-preview-header::before {
  content: '';
  background:url('«relative path from css to logo.png provided by parent project»') 
} 
.ro-crate-preview-header::after {
  content: "«name of the project»"
} 
marc-portier commented 2 years ago

please let us focus at least on some quick wins: