From 9116d0f07903ca3eedd7610b9bc55c7099019af7 Mon Sep 17 00:00:00 2001 From: ThibaultGuillaumont Date: Thu, 19 Dec 2024 15:42:56 +0100 Subject: [PATCH] bouton --- _layouts/default.html | 227 ++++++++++++++++++++++-------------------- _layouts/doc.html | 2 +- _plugins/howto_nav.rb | 137 +++++++++++++++++++++++++ _sass/base.scss | 39 +++++--- fr/howto/index.html | 77 ++++++++++++++ 5 files changed, 360 insertions(+), 122 deletions(-) create mode 100644 _plugins/howto_nav.rb create mode 100644 fr/howto/index.html diff --git a/_layouts/default.html b/_layouts/default.html index 0f62d765..ef7d6034 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,113 +1,126 @@ {%- assign lang = page.lang | default: "fr" -%} - - - - {{ page.title }} - {{ site.title }} - - - - - - {%- if page.description -%} - - - {%- endif -%} - - {%- if page.image -%} - - {% elsif page.scene %} - - {%- else -%} - - - - {%- endif -%} - - {%- if page.lang -%} - {%- if page.lang == "fr" -%} - {%- assign alt_lang = "en" -%} - {%- assign alt_url = page.url | replace_first: "/fr/", "/en/" -%} - {%- else -%} - {%- assign alt_lang = "fr" -%} - {%- assign alt_url = page.url | replace_first: "/en/", "/fr/" -%} - {%- endif -%} - {%- assign alt = site.pages | where:"url", alt_url | first -%} - - {%- if alt -%} - - - {%- endif -%} - {%- endif -%} - - - - - - - - - - - - - -
- - - eCorpus + + + + + {{ page.title }} - {{ site.title }} + + + + + + {%- if page.description -%} + + + {%- endif -%} + + {%- if page.image -%} + + {% elsif page.scene %} + + {%- else -%} + + + + {%- endif -%} + + {%- if page.lang -%} + {%- if page.lang == "fr" -%} + {%- assign alt_lang = "en" -%} + {%- assign alt_url = page.url | replace_first: "/fr/", "/en/" -%} + {%- else -%} + {%- assign alt_lang = "fr" -%} + {%- assign alt_url = page.url | replace_first: "/en/", "/fr/" -%} + {%- endif -%} + {%- assign alt = site.pages | where:"url", alt_url | first -%} + + {%- if alt -%} + + + {%- endif -%} + {%- endif -%} + + + + + + + + + + + + + + +
+ + + eCorpus + + plaque de Gédéon et la toison +
+ + + + {{ content }} + + + + {%- for script in page.scripts -%} + + {%- endfor -%} + - - - {{ content }} - - - - {%- for script in page.scripts -%} - - {%- endfor -%} - - + \ No newline at end of file diff --git a/_layouts/doc.html b/_layouts/doc.html index 460a6408..df6c56a4 100644 --- a/_layouts/doc.html +++ b/_layouts/doc.html @@ -8,7 +8,7 @@ - {% docnav %} + {% howtonav %}
{{ content }} diff --git a/_plugins/howto_nav.rb b/_plugins/howto_nav.rb new file mode 100644 index 00000000..eeff9532 --- /dev/null +++ b/_plugins/howto_nav.rb @@ -0,0 +1,137 @@ +# Copied from holusion.com build plugins (https://github.com/Holusion/holusion.com/blob/master/_plugins/dev_nav.rb) + +module Jekyll + module Tags + class HowtoNav < Liquid::Tag + @@uids = 1 + + def cache + @@cache ||= Jekyll::Cache.new("HowtoNav") + end + def getUid + @@uids += 1 + return @@uids + end + + def initialize(tag_name, markup, tokens) + super + end + + + # makes a tree of howtos as a hash like : + # { + # "fr" => { + # "page_path" => { :title, :url, :children } + # } + # } + def howto_tree(howtos) + tree = { "fr" =>{}, "en" => {}} + howtos.each do |howto| + next if howto.data["type"] != "howto" + match = /\/(?fr|en)\/howto\/((?.*)\/)?(?(?!index)[^\/]+)/.match(howto.url) + next if ! match #skip if page does not match + lang = match["lang"] + parts = match["rest"]? match["rest"].split("/") : [] + last_part = match["last"] + + current_hash = tree[lang] + + parts.each do |part| + #print "current hash :#{current_hash}" + current_hash[part] = {:children =>{}, :title => part.capitalize() } if not current_hash.has_key? part + current_hash = current_hash[part][:children] + end + + current_hash[last_part] = { + :title => howto.data["title"], + :rank => howto.data.has_key?("rank")? howto.data["rank"] : 0, + :url => howto.url, + :children =>(current_hash.has_key?(last_part)) ? current_hash[last_part][:children]: {}, + :visible => howto.data.has_key?("visible")? howto.data["visible"] : true + } if howto.data["visible"] != false + end + + return tree + end + + def render_item(path, item, active_uri) + uid = getUid + + is_active = active_uri.include? path + title = item[:title] || path.split("/").last + url = item[:url] || "" + + markup = %(
  • ) + + if item[:children].empty? + markup += %(#{title}) + else + sorted_children = item[:children].sort_by { |key, val| val.has_key?(:rank)? val[:rank] : 0 } + child_nodes = sorted_children.map do |childKey, child| + render_item(path+"/#{childKey}", child, active_uri) + end + + markup += %( + + #{title} + + ) + + markup += %( +
      + ) + if url and 0 < url.length + markup += %( +
    • + Introduction +
      • + ) + end + markup += child_nodes.join("\n") + markup += %(
    ) + end + + markup += %(
    • ) + return markup + end + + def render(context) + #global site variable + site = context.registers[:site] + page = context.registers[:page] + #replace variables with their current value + + lang = page["lang"] + if not lang + raise SyntaxError, <<~END + Syntax Error in tag 'howtonav' : require a lang to be set + END + end + + howtos_tree = cache.getset(site.time.to_s) do + howto_tree(site.pages) + end + + html = %(
      ) + + html += %(
    • + Introduction +
      • ) + + sorted_localized_howtos = howtos_tree[lang].sort_by { |key, val| val.has_key?(:rank)? val[:rank] : 0 } + sorted_localized_howtos.each do |key, howto| + next if howto[:children].empty?# do not render categories with no children for now + html += render_item(key, howto, page["url"]) + end + return html+"
    " + end + end + end +end + +Liquid::Template.register_tag('howtonav', Jekyll::Tags::HowtoNav) \ No newline at end of file diff --git a/_sass/base.scss b/_sass/base.scss index 5cc79404..9d8ceffa 100644 --- a/_sass/base.scss +++ b/_sass/base.scss @@ -74,20 +74,7 @@ img.fluid{ /// NAVIGATION ////////////////////////////// -.nav-tuto{ - height: 125%; - margin-top: -5px; - margin-right: 25px; - color: #444444; - background: #E6B900; - padding-top: 16px; - text-align: center; - padding-inline: 30px; - padding-bottom: 10px; - position: relative; - font-weight: bold; - box-shadow: 0px 3px 5px grey; -} + .navbar-header{ grid-area: header; @@ -129,6 +116,7 @@ nav.navbar{ margin: 0; padding: 1px 0; box-sizing: border-box; + display: flex; @@ -140,6 +128,7 @@ nav.navbar{ padding-left: 2em; background-color: $middlegrey; box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4); + max-height: 50px; @media screen and (max-width: calc($main_width - 1px) ){ padding-left:5px; } @@ -188,6 +177,26 @@ nav.navbar{ // } } + .nav-tuto{ + height: 125%; + margin-top: -5px; + margin-right: 25px; + background: #E6B900; + text-align: center; + padding-inline: 30px; + padding-bottom: 10px; + font-weight: bold; + box-shadow: 0px 3px 5px grey; + + } + .nav-tuto > a{ + color: #444444; + padding-inline: 10px; + &:hover {color : white;} + } + + + .menu-btn{ height: calc($navbar_height - 2px); box-sizing: border-box; @@ -209,6 +218,8 @@ nav.navbar{ flex-direction: row; } + + ul{ padding-inline-start: 40px; padding-inline-end: 0; diff --git a/fr/howto/index.html b/fr/howto/index.html new file mode 100644 index 00000000..40cb6146 --- /dev/null +++ b/fr/howto/index.html @@ -0,0 +1,77 @@ +--- +layout: doc +title: Documentation +--- + +
    +
    +

    Documentation +

    +
    +

    + Sauvegarder, éditer, commenter, valoriser et publier les numérisations d'artefacts culturels. +

    +
    +Gros plan sur le chapiteau en émail sur cuir champlevé du Pied de croix de l'abbaye de Saint-Bertin. + +
    +

    Introduction

    +

    + eCorpus est une intégration de l'éditeur dpo-voyager + développée par Holusion permettant l'hébergement, l'édition et la gestion de scènes 3D. +

    +

    + Conçu pour des collections de taille moyenne (jusqu'à quelques milliers d'objets), + un déploiement eCorpus propose une interface complète de gestion des droits utilisateurs, de publication des + données ainsi que des garanties de conservation des données à l'aide d'une gestion avancée des historiques de + modification. +

    +

    + Le développement se fait en open-source sur GitHub. L'ensemble + du logiciel est publié sous license libre Apache. +

    +
    + +

    Édition de contenu

    +
    + Interface Voyager Story pour l'édition d'une scène 3D comportant des annotations et articles +
    +

    + L'édition de contenu repose sur l'éditeur Voyager Story développé par le Smithsonian Institute, avec l'ajout de fonctionnalités essentielles à l'utilisation en environnement pédagogique: gestion des droits utilisateurs, historique des modifications, gestion des collections, etc. +

    +

    Découvrez comment éditer une Scène 3D :

    +
    + + + +
    + + +

    Déploiement

    +

    + Une petite instance eCorpus peut tourner sur à peu près n'importe + quel appareil. L'installation se fait avec un minimum de dépendances externes. +

    + +
    + + + +
    + +

    Fonctionnalités

    +

    + eCorpus propose un ensemble de fonctions administratives permettant de gérer les utilisateurs, les + collections, les scènes 3D et les annotations. + C'est un serveur complet et prêt à l'emploi qui peut être déployé en quelques + minutes. +

    +

    + En plus des fonctionnalités développées par Holusion, eCorpus intègre les derniers changements publiés par l'ensemble de la communauté pour l'éditeur Voyager au fur et à mesure de leur déploiement. +

    \ No newline at end of file