update event section + new event

parent aa07f3fd
Pipeline #606 passed with stages
in 1 minute and 26 seconds
@font-face{font-family:'Fedra Serif B Pro Book';src:url(FedraSerifBPro-BookItalic.woff2) format('woff2'),url(FedraSerifBPro-BookItalic.woff) format('woff'),url(FedraSerifBPro-BookItalic.ttf) format('truetype');font-weight:400;font-style:italic}@font-face{font-family:'Fedra Serif B Pro Book';src:url(FedraSerifBPro-Book.woff2) format('woff2'),url(FedraSerifBPro-Book.woff) format('woff'),url(FedraSerifBPro-Book.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Fedra Serif B Pro';src:url(FedraSerifBPro-Bold.woff2) format('woff2'),url(FedraSerifBPro-Bold.woff) format('woff'),url(FedraSerifBPro-Bold.ttf) format('truetype');font-weight:700;font-style:normal}@media only screen and (min-width:576px){html{font-size:16px}}@media only screen and (max-width:576px){html{font-size:14px}}body{padding:3rem 0 1rem 0;font-family:'Fedra Serif B Pro Book',Roboto,"Helvetica Neue",Helvetica,Arial;background-color:#fff;color:#333}.titleIntro{font-family:'Fedra Serif B Pro',Roboto,"Helvetica Neue",Helvetica,Arial}.titleIntro h1{font-size:2.618rem}.intro{font-size:1.618rem;line-height:1.618}@media only screen and (min-width:576px){.rightSide{font-size:1rem}}@media only screen and (max-width:576px){.rightSide{font-size:1.218rem}}.rightSide h1{font-size:1rem;font-family:'Fedra Serif B Pro',Roboto,"Helvetica Neue",Helvetica,Arial;font-weight:700;margin-top:1.618rem}.rightSide h1:first-of-type{margin-top:0}.bookCover{width:90%;margin:auto}.bookCover-md{height:29rem;margin:auto}.openCover{position:absolute;bottom:-30px;width:250px;right:-123px}.aboutBook{font-size:1.218rem;line-height:1.718}.aboutBook strong{background-color:#fff2ac;background-image:linear-gradient(to right,#ffe359 0,#fff2ac 45%)}.aboutAuthors{line-height:1.718}@media only screen and (max-width:576px){.aboutAuthors{font-size:1.218rem}}.footer{font-size:1rem}.footer h2{font-size:1.418rem;font-family:'Fedra Serif B Pro',Roboto,"Helvetica Neue",Helvetica,Arial;font-weight:700}.footer .form-group{display:inline-block;width:60%}.footer .btn{position:absolute;margin-left:.5rem}.hidemail:after{content:attr(data-name) "@" attr(data-domain) "." attr(data-tld)}.credit{font-size:.7rem}
\ No newline at end of file
@font-face{font-family:'Fedra Serif B Pro Book';src:url(FedraSerifBPro-BookItalic.woff2) format('woff2'),url(FedraSerifBPro-BookItalic.woff) format('woff'),url(FedraSerifBPro-BookItalic.ttf) format('truetype');font-weight:400;font-style:italic}@font-face{font-family:'Fedra Serif B Pro Book';src:url(FedraSerifBPro-Book.woff2) format('woff2'),url(FedraSerifBPro-Book.woff) format('woff'),url(FedraSerifBPro-Book.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Fedra Serif B Pro';src:url(FedraSerifBPro-Bold.woff2) format('woff2'),url(FedraSerifBPro-Bold.woff) format('woff'),url(FedraSerifBPro-Bold.ttf) format('truetype');font-weight:700;font-style:normal}@media only screen and (min-width:576px){html{font-size:16px}}@media only screen and (max-width:576px){html{font-size:14px}}body{padding:3rem 0 1rem 0;font-family:'Fedra Serif B Pro Book',Roboto,"Helvetica Neue",Helvetica,Arial;background-color:#fff;color:#333}.titleIntro{font-family:'Fedra Serif B Pro',Roboto,"Helvetica Neue",Helvetica,Arial}.titleIntro h1{font-size:2.618rem}.intro{font-size:1.618rem;line-height:1.618}@media only screen and (min-width:576px){.rightSide{font-size:1rem}}@media only screen and (max-width:576px){.rightSide{font-size:1.218rem}}.rightSide h1{font-size:1rem;font-family:'Fedra Serif B Pro',Roboto,"Helvetica Neue",Helvetica,Arial;font-weight:700;margin-top:1.618rem}.rightSide h1:first-of-type{margin-top:0}.bookCover{width:90%;margin:auto}.bookCover-md{height:29rem;margin:auto}.openCover{position:absolute;bottom:-30px;width:250px;right:-123px}.aboutBook{font-size:1.218rem;line-height:1.718}.aboutBook strong{background-color:#fff2ac;background-image:linear-gradient(to right,#ffe359 0,#fff2ac 45%)}.aboutAuthors{line-height:1.718}@media only screen and (max-width:576px){.aboutAuthors{font-size:1.218rem}}.footer{font-size:1rem}.footer h2{font-size:1.418rem;font-family:'Fedra Serif B Pro',Roboto,"Helvetica Neue",Helvetica,Arial;font-weight:700}.footer .form-group{display:inline-block;width:60%}.footer .btn{position:absolute;margin-left:.5rem}.hidemail:after{content:attr(data-name) "@" attr(data-domain) "." attr(data-tld)}.credit{font-size:.7rem}.pastEvent{opacity:.7;font-size:80%}.events{list-style:none;margin-left:-1rem}.events li{margin:.5rem 0 .8rem 0}
\ No newline at end of file
......@@ -137,3 +137,16 @@ body {
.credit {
font-size: 0.7rem;
}
.pastEvent {
opacity: 0.7;
font-size: 80%;
}
.events {
list-style: none;
margin-left: -1rem;
li {
margin: 0.5rem 0 0.8rem 0;
}
}
......@@ -63,7 +63,7 @@
<a class="dropdown-item" href="https://www.leslibraires.fr/livre/16197242-declic-maxime-guedj-anne-sophie-jacques-les-arenes">LesLibraires.fr<br><small>1 Avis ⭐️⭐️⭐️⭐️⭐️</small></a>
<a class="dropdown-item" href="https://www.placedeslibraires.fr/livre/9782711201976-declic-comment-profiter-du-numerique-sans-tomber-dans-le-piege-des-geants-du-web-maxime-guedj-anne-sophie-jacques/">PlaceDesLibraires.fr</a>
<a class="dropdown-item" href="https://www.decitre.fr/livres/declic-9782711201976.html">Decitre.fr</a>
<a class="dropdown-item" href="https://livre.fnac.com/a13934043/Maxime-Guedj-Declic">Fnac.com<br><small>5 Avis ⭐️⭐️⭐️⭐️⭐️</small></a>
<a class="dropdown-item" href="https://livre.fnac.com/a13934043/Maxime-Guedj-Declic">Fnac.com<br><small>6 Avis ⭐️⭐️⭐️⭐️⭐️</small></a>
</div>
</div>
......@@ -79,7 +79,7 @@
<a class="dropdown-item" href="https://www.leslibraires.fr/livre/16866715-declic-maxime-guedj-anne-sophie-jacques-les-arenes">LesLibraires.fr<br><small>1 Avis ⭐️⭐️⭐️⭐️⭐️</small></a>
<a class="dropdown-item" href="https://www.placedeslibraires.fr/ebook/9791037501486-declic-maxime-guedj-anne-sophie-jacques/">PlaceDesLibraires.fr</a>
<a class="dropdown-item" href="https://www.decitre.fr/ebooks/declic-9791037501486_9791037501486_1.html">Decitre.fr</a>
<a class="dropdown-item" href="https://livre.fnac.com/a13934043/Maxime-Guedj-Declic?NUMERICAL=Y#bl=FA_ebook">Fnac.com<br><small>5 Avis ⭐️⭐️⭐️⭐️⭐️</small></a>
<a class="dropdown-item" href="https://livre.fnac.com/a13934043/Maxime-Guedj-Declic?NUMERICAL=Y#bl=FA_ebook">Fnac.com<br><small>6 Avis ⭐️⭐️⭐️⭐️⭐️</small></a>
</div>
</div>
......@@ -110,10 +110,14 @@
<div class="row mt-md-5 mt-5 mt-md-0">
<div class="col-lg-4 footer">
<h2>Se rencontrer</h2>
<ul class="pl-3">
<li><a href="https://42l.fr/article/Conf%C3%A9rence-Penser-le-num%C3%A9rique-Intervention-de-Maxime-Guedj"><strong>Penser le numérique</strong><br></a><small><b>30 Nov. 15h - <a href="https://bbb.42l.fr/">en ligne</a></b><br>Intervention de Maxime Guedj auprès des étudiant·e·s de l'école 42.</small></li>
<li><a href="https://librairiedupalais.fr"><strong>Artiste ou "créateur de contenus" ?</strong><br></a><small><b><del>20 Nov. - Librairie du Palais (Arles)</del>&nbsp;reporté</b><br>Déplier la question de la dépendance des artistes à Instagram, Adobe, Apple, etc et explorer ce que proposent les communs numériques.</small></li>
<li><a href="http://www.tmnlab.com/events/les-rencontres-tmnlab-19-ecologie-et-ethique-numerique-quelle-responsabilite/"><strong>TMNLab#19<br> Écologie et éthique numérique</strong><br></a><small><b>2 Nov. - <del>La Commune (Aubervilliers)</del> en ligne</b><br>Peut-on mener une transformation numérique responsable des théâtres&nbsp;?</small></li>
<ul class="pl-3 events">
<li class="futureEvent"><a href="https://www.eventbrite.fr/o/ada-tech-school-21606111440"><strong>Pour une tech alternative</strong><br></a><small><b>26 Janv. 18h30 - en ligne</b><br>Intervention de Maxime Guedj auprès des apprenant·e·s de l'école ADA Tech School.</small></li>
<li class="pastEvent"><a href="https://42l.fr/article/Conf%C3%A9rence-Penser-le-num%C3%A9rique-Intervention-de-Maxime-Guedj"><strong>Penser le numérique</strong><br></a><small><b>30 Nov. 15h - <a href="https://bbb.42l.fr/">en ligne</a></b><br>Intervention de Maxime Guedj auprès des étudiant·e·s de l'école 42.</small></li>
<li class="pastEvent"><a href="https://librairiedupalais.fr"><strong>Artiste ou "créateur de contenus" ?</strong><br></a><small><b><del>20 Nov. - Librairie du Palais (Arles)</del>&nbsp;reporté</b><br>Déplier la question de la dépendance des artistes à Instagram, Adobe, Apple, etc et explorer ce que proposent les communs numériques.</small></li>
<li class="pastEvent"><a href="http://www.tmnlab.com/events/les-rencontres-tmnlab-19-ecologie-et-ethique-numerique-quelle-responsabilite/"><strong>TMNLab#19<br> Écologie et éthique numérique</strong><br></a><small><b>2 Nov. - <del>La Commune (Aubervilliers)</del> en ligne</b><br>Peut-on mener une transformation numérique responsable des théâtres&nbsp;?</small></li>
<br>
</ul>
</div>
......@@ -124,14 +128,6 @@
<div class="col-lg-4 footer mt-3 mt-lg-0">
<h2>Restons en contact</h2>
<a href="https://framaforms.org/newsletter-declic-1582644391" target="_blank">S'inscrire à notre newsletter</a>
<!-- pas réussit à faire marcher à temps donc en standby. need help :)
<form id="mailSub-form" action="" method="post" accept-charset="utf-8">
<div class="form-group">
<input type="email" class="form-control" id="InputEmail" name="email" aria-describedby="emailHelp" placeholder="Entrez votre email">
<small id="emailHelp" class="form-text text-muted">Nous ne partagerons jamais vos données avec un tiers.</small>
</div>
<button type="submit" class="btn btn-primary">Je m'inscris</button>
</form> -->
</div>
</div>
<p class="credit mt-5">Le <a href="https://git.indie.host/imacrea/declic-lelivre">code</a> de ce site est publié sous licence libre AGPL3 - Conçu par PCFH Studio — Hébergé par <a href="https://indiehosters.net">IndieHosters</a>, membre des <a href="https://chatons.org">CHATONS</a>. <a rel="me" href="https://mamot.fr/@imacrea"></a></p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment