Ubuntu-fr

CM63

Nouveau site : Quel est le CMS ou frame-work utilisé?

Bonjour,

J'aime beaucoup le design du nouveau site, peut-on savoir dans quel CMS ou frame-work il est écrit? Et si c'est Word-press quel est le theme? Car j'apprécie  les fonctionnalités d'élargissement et d'économie d'énergie, j'aimerais mettre cela sur mon site. Merci .

---

D'sous n'a mis, est-elle avare, frivole ou tellurique?

krodelabestiole

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

merci pour le compliment !

c'est du hugo, mais le design est un développement personnel.

les sources sont là :
https://gitlab.com/ubuntu-fr/code/ufr-cms

---

nouveau forum ubuntu-fr on en parle là : refonte du site / nouveau design

autopromo : crachecode, création de sites internet, déploiement de services web
musique : mindthepressure

CM63

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

Ok, merci. Je vais voir comment mettre cette fonctionnalité d'élargissement dans un thème Wordpress.

---

D'sous n'a mis, est-elle avare, frivole ou tellurique?

krodelabestiole

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

il faut un thème responsive et bien conçu.

à partir de là on ajoute ou enlève (toggle) juste la classe wide sur l'élément html :

document.querySelector('#switcher-wide').addEventListener('click', function() {
  document.documentElement.classList.toggle('wide')
})

https://gitlab.com/ubuntu-fr/code/ufr-c … /js/app.js

cette classe définit simplement la largeur du contenu body (à ajuster si c'est un autre élément qui structure la page) :

:root {
  --page-narrow: 1080px;
  --page-wide: 1600px;
  --external-margin: 2rem;
}
body {
  /*** falkon fallback ***/
  max-width: var(--page-narrow);
  width: calc(100% - 2*var(--external-margin));
  max-width: min(100%);
  /*** fin falkon fallback ***/
  width: min(var(--page-narrow),calc(100% - 2*var(--external-margin)));
  transition: width .8s;
}
.wide body {
  /*** falkon fallback ***/
  max-width: var(--page-wide);
  width: 100%;
  max-width: min(100%);
  /*** fin falkon fallback ***/
  width: min(var(--page-wide), 100%);
}

https://gitlab.com/ubuntu-fr/code/ufr-c … s/main.css

(le falkon fallback, c'est parce que le navigateur falkon ne comprend pas la fonction min().)

---

nouveau forum ubuntu-fr on en parle là : refonte du site / nouveau design

autopromo : crachecode, création de sites internet, déploiement de services web
musique : mindthepressure

CM63

Re : Nouveau site : Quel est le CMS ou frame-work utilisé?

Ok, génial, merci beaucoup!

---

D'sous n'a mis, est-elle avare, frivole ou tellurique?