diff --git a/themes/default/css/custom.css b/themes/default/css/custom.css index 44dfd54..49648fb 100644 --- a/themes/default/css/custom.css +++ b/themes/default/css/custom.css @@ -87,9 +87,6 @@ background-color: #fce6c2; } -/* fin--------------------------------------------------------------------- */ - - @@ -105,9 +102,34 @@ /* } */ +/*debut dans stage 2018 les lignes suivantes etaient actives-------------------------------------------------------------------*/ +/* +/**background sur toutes les pages, couleurs, image...il faut enlever #home devant le #wrap*/ +/*page d'accueil avec image en fond*/ +/*#home #wrap{ + background-image: url(../logos_img/img/testFond5.jpg); + background-position: right; + background-size: cover; + background-repeat: no-repeat; + min-height: 100vh; +}*/ +/*dans stage2018 la ligne suivante etait en commentaire*/ +/*body { + background-color: #fef2df !important}; +}*/ +/*dans stage 2018 les lignes suivantes etaient actives*/ +/*#home #wrap{ + padding-bottom: 9em; +}*/ +/*dans stage 2018 lligne suivante etait en commentaire*/ +/*footer{ + background-color: #fce6c2; +}*/ +/*fin --------------------------------------- +*/ - +/* fin--------------------------------------------------------------------- */ /** * PAGE D'ACCUEIL : boites, placement, couleur */ @@ -123,6 +145,35 @@ max-width: 100%; } + +/*stage 2018 les lignes suivantes etaient actives*/ +/* +#home #primary .homepage-text { + margin: auto; + margin-top: 150px; + color: white; + background-color: transparent;*/ +/*la ligne suivante etait en commentaire dans stage 2018*/ +/*background-clip: text;*/ +/*stage 2018 les lignes suivantes etaient actives*/ +/*} +#home #primary .homepage-text h1{ + font-size: 50px; + } +#home #primary .homepage-text h3 { + font-size: 25px; +} +@media screen and (max-width: 500px){ + #home #primary .homepage-text h1 { + font-size: 40px; + } + #home #primary .homepage-text h3 { + font-size: 20px; + } +} +*/ + + #home #primary img{ max-width: 100%; } @@ -184,10 +235,20 @@ object-fit: contain; max-height: 100px; } + + +/*dans stage 2018 les lignes suivantes etaient actives*/ +/* +#home #search-container {*/ +/*dans stage 2018 les 2 lignes suivantes etaient en commentaire*/ + /*position: relative; + top: 20em;*/ +/*dans stage2018 la ligne etait active*/ + /*margin-top: 50px; +}*/ + + /* fin------------------------------------------------------------------------------- */ - - - /* paragraphes dans les boite de l'accueil (valable pour les contenus en avant et les ajoutés recemments)*/ #home div.record p{ line-height: 20px; @@ -195,7 +256,6 @@ } - /* debut---------------------------------------------------------------------------------------------- */ /* Tout le bloc sert à changer le texte des titres de contenus en avant de la page d'accueil */ /* #home #primary div[id^=featured] > h2{ */ @@ -288,7 +348,9 @@ display: none; } -.items.advanced-search .inputs *{ + +/*dans stage 2018 les lignes suivantes sont absentes si elles sont activées un ascenseur apparait dans restreindre à des champs particuliers quand on clique sur ajouter un champ*/ +/*.items.advanced-search .inputs *{ font-size: 12px; line-height: 12px; } @@ -316,7 +378,7 @@ .items.advanced-search .two.columns.alpha{ width: 100%; -} +}*/ /* fin page recherche -------------------------------------------------------------------------------------------------------------------- */ @@ -335,6 +397,37 @@ display: inline-block; } +/*stage 2018 les lignes suivantes etaient actives*/ +/*pactols sujets sur 1 ligne par sujet*/ +/*.element-set #ageferprovence-item-type-metadata-pactols-sujets .element-text { + width: 48%; + vertical-align: middle; + position: relative; + bottom: 1.4em; +}*/ + +/*pactols sujets pour avoir sur une meme ligne le terme et son ark et que le terme sur les lignes suivantes ne revienne pas completement a gauche mais sous la premiere ligne */ +/*.element-set #ageferprovence-item-type-metadata-pactols-sujets .element-text:nth-of-type(odd) { + padding-left: 8.3em; +} +@media screen and (max-width: 1000px){ + .element-set #ageferprovence-item-type-metadata-pactols-sujets .element-text { + position: static; + } + .element-set #ageferprovence-item-type-metadata-pactols-sujets .element-text:nth-of-type(odd) { + padding-left: 0; + } + +} +.element-set #ageferprovence-item-type-metadata-pactols-sujets h3 { + width: 100%; +} +*/ + + + +/**/ + .item.show h3, .item.show h2{ font-size: 16px; line-height: 20px; @@ -422,9 +515,27 @@ .item.show .item-file img{ max-width: 100%; + /*dans stage 2018 la ligne suivante est active*/ + /*height: auto !important;*/ } +/*dans stage 2018 les lignes suivantes sont actives*/ +/* +.item.show .item-pagination.navigation{ + width: 100% +} +.item.show .youtube-embed{ + height: 25vw; +} +@media screen and (max-width: 867px){ + .item.show .youtube-embed{ + height: 50vw; + } +} +*/ + + /* fin page item-------------------------------------------------------------------------------------------------------------------- */ @@ -480,6 +591,31 @@ max-height: 10em; } + + +/*dans stage 2018 les lignes suivantes sont actives*/ +/* tous les items-files qui ne contiennent pas image dans le nom de classe (pdf, txt...) */ +/* +.item-file:not([class*="image"]) *{ + display: inline-block; + max-height: 10em; + width: 5em !important; +} +.item-file.application-pdf { + width: 5em; + display: inline-block; + margin: 5px; +} +.item-file.application-pdf :before{ + content: "pdf associé"; + font-family: Roboto; + font-size: 12px; + font-weight: bold; +} +*/ + + + /* les titres en dessous de chaque fichier associé à l'item */ .item-file h4{ font-size: 12px; @@ -664,7 +800,7 @@ */ div.menu-button.button{ max-width: 100%; - margin: 0; + margin: 0; } @@ -841,6 +977,18 @@ position: relative; } +/*dans stage 2018*/ +/*---- mettre le logo du site au milieu du header verticalement */ + /*display: flex; + flex-direction: column; + justify-content: center; + box-sizing: border-box; + position: relative; + height: 50px; +} +*/ + + /*pour hiscant */ @@ -914,9 +1062,9 @@ } /* logo du site dans le header*/ -/* pour enlever le débordement du logo du header sur la navbar, enelver l'instruction "top: 50px;" */ +/* pour enlever le débordement du logo du header sur la navbar, enlever l'instruction "top: 50px;" */ #site-title{ - max-height: 150px; + max-height: 150px; /*dans stage 2018 max-height: 100%;*/ z-index: 10; position: relative; bottom: 5px; @@ -929,7 +1077,23 @@ margin-left: 5vw; } - + + /*dans stage 2018 pour image du site-title*/ + /* + #site-title img{ + max-height: 200%; + width: 22vw;*/ + /*dans stage 2018 la ligne suivante etait en commentaire*/ + /*margin-left: 5vw;*/ + /*height: 50px; + object-fit: contain; + margin-top: 10px; + position: relative; + top: 0px; +} +*/ + + .shareMenuFleche{ float: right; @@ -1087,11 +1251,26 @@ } /*fin de modification*/ -/*modification VDB 13 juin 2018 formulaire de contact retreci en largeur -body > #wrap > #content { - width: 50%; +/*dans stage 2018 */ +/* +* Page exposition : justification du texte +#exhibit-blocks > .layout-text > p { + font-weight: normal; + font-size: 15px; + line-height: 20px; + text-align: justify; } -fin de modification VBD 13 juin 2018*/ +*/ + + +/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/ + + + + + +/* formulaire de contact retreci en largeur*/ + #contact-form { width: 60%; @@ -1126,10 +1305,24 @@ @media screen and (max-width: 1000px){ #content{ - width: 100% + width: 100%; } } + + +/*dans stage 2018*/ +/* +@media screen and (max-width: 1000px){ + #content{ + width: 100%; + padding: 1em; + } +} +*/ + + + @media screen and (max-width: 768px){ #primary-nav{ @@ -1152,7 +1345,24 @@ float: none !important; width: auto !important; } + + + + /*dans stage 2018*/ + /* + .item.show #content > .element-text:first-of-type { + width: 100%; + float: none; + } + .item.show #content > div{ + width: 100%; + } +*/ + + + + #site-title{ top:0; } diff --git a/themes/default/javascripts/custom.js b/themes/default/javascripts/custom.js index 58e5cac..80dd40a 100644 --- a/themes/default/javascripts/custom.js +++ b/themes/default/javascripts/custom.js @@ -4,9 +4,9 @@ // ! important pour le rangement de date var ameliorerAffichageSolr = true; -//le tris des facettes sont pensé indépendamments pour que les deux soient utilisables à la fois si les métadonnées le nécéssitent +//les tris des facettes sont pensés indépendamment pour que les deux soient utilisables à la fois si les métadonnées le nécessitent -//trie les facettes "chrononologie" par ordre croissant (chiffres romains) +//trie les facettes "chronologie" par ordre croissant (chiffres romains) var trierChiffresRomains = true; //selecteur du tri des chiffres romains var selListeTriChiffresRomains = '.Chronologie'; @@ -16,6 +16,18 @@ var selListeTriChiffresArabes = '.Chronologie'; +/*dans stage 2018 dans type de contenu les champs STARTING PERIOD ; Debut Period Start ; Debut Period End ; ENDING PERIOD ; Fin Period Start ; Fin Period End ont ete ajoutes*/ +/* +//trie les facettes "chronologie" par ordre croissant (chiffres romains) +var trierChiffresRomains = true; +//selecteur du tri des chiffres romains +var selListeTriChiffresRomains = ['.FinPeriodStart','Chronologie','.FinPeriodEnd','.DebutPeriodStart','.DebutPeriodEnd']; +//trie les facettes "chronologie" par ordre croissant (chiffres arabes) +var trierChiffresArabes = false; +//selecteur du tri des chiffres arabes (div dans laquelle se trouve la balise ul contenant les facettes li) +var selListeTriChiffresArabes = ['.Chronologie']; +*/ + //ameliore les facettes de solrSearch avec un "afficher plus" var menuDeroulantSolr = true; //nombre de lignes avant le "afficher plus", sachant qu'il y en aura 10 maximum avant d'avoir une scrollbar; @@ -47,11 +59,31 @@ var selecteurMetadonneSketchfab = "#sites-mdivaux-item-type-metadata-url-fichier"; //pour youtube, placer juste l'identifiant de la vidéo, placé après de ?v= dans l'url dans un champs dont le selecteur doit etre écrit ci dessous -var selecteurYoutube = "#dublin-core-creator"; +/*var selecteurYoutube = "#dublin-core-creator";*/ +/*modification VBD 14 juin 2018 on prend is refrenced by car on utilise dublin core creator dans image*/ +var selecteurYoutube = "#dublin-core-is-refrenced-by"; +/*fin modification VBD 14 juin 2018*/ + +/*dans stage 2018 des elements sketchfab et youtube ont etet ajoutes au type de contenu AgeFerProvence*/ +/*//insérer 3D sketchfab dans la page item +var sketchfab = true; +//correspond au selecteur css dans lequel sera le sketchfab (div dans laquelle il y a un h3 et le element-text) +//var selecteurMetadonneSketchfab = "#sites-mdivaux-item-type-metadata-url-fichier"; +var selecteurMetadonneSketchfab = "#ageferprovence-item-type-metadata-sketchfab"; + +//pour youtube, placer juste l'identifiant de la vidéo, placé après de ?v= dans l'url dans un champs dont le selecteur doit etre écrit ci dessous +var selecteurYoutube = "#ageferprovence-item-type-metadata-youtube";*/ + + //insere une icone maison dans la navbar var iconeMaison = true; +/*dans stage 2018 pour avoir un lien actif vers les PACTOLS avec le terme et l'ark sur une meme ligne, attention si désactivé le bloc recherche avancée reste déplié sur les pages*/ +/* +var Remplacerthesaurus = true; +var selecteurThesaurus = "#ageferprovence-item-type-metadata-pactols-sujets"; +*/ // ----------------------------fin config @@ -81,7 +113,31 @@ barreIcones.ajouterIcone("https://www.facebook.com/Itin%C3%A9raire-M%C3%A9di%C3%A9val-des-sites-Arch%C3%A9ologiques-du-Grand-Est-174694072548853/", "/custom/themes/default/logos_img/icones/facebookIcon.png"); - //popup partage + +/*dans stage 2018*/ +/* +//icones reseaux Sociaux + fluxRSS + + if (reseauxSociaux) { + var barreIcones = jQuery('
'); + barreIcones.ajouterIcone = function (lien, urlImage) { + this.append(''); + } + //appeler la meme fonction barreIcones.ajouterIcone(lien,urlImage) + //se placent dans l'ordre, de gauche à droite + //pour les urls, depuis le HTML ou le javascript, les chemins relatifs sont par rapport au "basepath" du serveur (ici le repertoire www par default) + //il est donc important de prêter attention au nom des dossiers du thème si le nom est changé + //(contrairement au css qui construit l'url avec une url relative par rapport à l'emplacement de cette feuille CSS) + barreIcones.ajouterIcone("https://www.facebook.com/Itin%C3%A9raire-M%C3%A9di%C3%A9val-des-sites-Arch%C3%A9ologiques-du-Grand-Est-174694072548853/", "/custom/themes/default/logos_img/icones/facebookIcon.png"); + barreIcones.ajouterIcone("https://www.academia.edu/", "/custom/themes/default/logos_img/icones/academiaIcon.png"); + barreIcones.ajouterIcone("https://www.researchgate.net/", "/custom/themes/default/logos_img/icones/researchgateIcon.png"); + barreIcones.ajouterIcone("https://arula.hypotheses.org/", "/custom/themes/default/logos_img/icones/hypotheses.png"); + //pour le rss deux possibilités de lien : "/items/browse?output=rss2" ou "/items/browse?output=atom" + barreIcones.ajouterIcone("/items/browse?output=rss2", "/custom/themes/default/logos_img/icones/RSS.png"); +*/ + + +//popup partage /*modification du chemin du theme custom*/ /*custom/themes/NOM DU THEME/logos_img/icones/partage.png*/ var partage = jQuery(''); @@ -135,6 +191,17 @@ } //copier cette ligne , remplacerTexte(selecteur, texte) les paramètre entre quote remplacerTexte("#home #featured-item h2","Site de la semaine"); + /*modification VBD 14 juin 2018 */ + remplacerTexte(".element-set #dublin-core-creator h3","Auteur"); + /*fin de modification VBD 14 juin 2018*/ + + /*modification VBD 14 juin 2018 sans effet car géré directement par le plugin donc non modifiable via javascript*/ + remplacerTexte("#wrap #content #solr-facets .Creator","Auteur"); + /*fin de modification VBD 14 juin 2018*/ + /*par javascript on ne peut pas modifier le texte dans l'onglet parcourir par mot-clé quand il y a des tags car c'est géré directement par omeka si modification on perd le lien vers le chemin de l'onglet*/ + + + @@ -252,7 +319,25 @@ } }); - +/*dans stage 2018 pour activer le lien vers les PACTOLS*/ +/* +if(Remplacerthesaurus && jQuery(selecteurThesaurus).length){ + let reg = new RegExp(/https?:\/\//g); + jQuery(selecteurThesaurus+' .element-text a').each(function(i,elem){ + let element = jQuery(elem); + let text = element.text(); + // console.log(elem,text.match(reg)); + if(text.match(reg)){ + let lien = element.text(); + element.text('Voir dans le thésaurus PACTOLS'); + element.attr('target',"_blank"); + element.attr("href",lien); + element.css('margin-left',"2em"); + } + }); + } +}); +*/ // init: function(){ // var allStrongs = jQuery("#solr-facets strong"); @@ -328,7 +413,35 @@ jQuery('#solr-facets '+selListeTriChiffresRomains+" ul").append(triRomains); } +/*dans stage 2018 tri chiffres romains négatifs avant JC*/ +/* +if(trierChiffresRomains){ + for(var iterateur=0;iterateurintb) return 1; + else if (inta===intb) return 0; + else return -1; + }); + jQuery('#solr-facets '+selListeTriChiffresRomains[iterateur]+" ul").append(triRomains); + } + } +*/ if(trierChiffresArabes){ var triArabes = jQuery('#solr-facets '+selListeTriChiffresArabes+" li").sort(function (a, b) { @@ -489,6 +602,18 @@ jQuery(selecteurMetadonneSketchfab).css('display', 'none'); } +/*dans stage 2018 pour Sketchfab 3D*/ +/* +function integrerSketchfab() { + let lien = jQuery(selecteurMetadonneSketchfab + ' .element-text'); + console.log(lien); + let visionneuse = jQuery('
'); + + jQuery(selecteurMetadonneSketchfab).after(visionneuse); + jQuery(selecteurMetadonneSketchfab).css('display', 'none'); +} +*/ + function integrerYoutube() { let lien = jQuery(selecteurYoutube + ' .element-text'); // console.log(lien); @@ -498,7 +623,19 @@ jQuery(selecteurYoutube).css('display', 'none'); } +/*dans stage 2018 pour Youtube*/ +/* +function integrerYoutube() { + let lien = jQuery(selecteurYoutube + ' .element-text').text().replace('/watch?v=',"/embed/"); + console.log(lien); + // console.log(lien); + + let visionneuse = jQuery('
'); + jQuery(selecteurYoutube).after(visionneuse); + jQuery(selecteurYoutube).css('display', 'none'); +} +*/