Commit efea90dd authored by Julian's avatar Julian 🦄

Ecriture des slides

parent 0c337148
......@@ -2,7 +2,7 @@
<html lang="fr">
<head>
<title>Diaporama AccesSlide - Access 42</title>
<title>Axul 102 - Pourquoi promouvoir le logiciel libre</title>
<meta charset="utf-8"> <!-- Layout stylesheet -->
<link rel="stylesheet" href="css/font/small.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
......@@ -22,33 +22,33 @@
<body>
<a href="https://github.com/access42/AccesSlide" class="btn-github noprint" lang="en"><img src="img_slide/forkme.png" alt="Fork me on Github"></a>
<a lang="en" class="lang-btn" href="en/index.htm">English</a>
<a href="https://framagit.org/Picus13/axul102" class="btn-github noprint" lang="en"><img src="img_slide/forkme_framagit.png" alt="Fork me on Framagit"></a>
<!--<a lang="en" class="lang-btn" href="en/index.htm">English</a> //// Masquer la traduction en anglais-->
<div id="screen" class="modeplan" data-effect="Eno">
<div id="volet"></div>
<header id="banner" role="banner" class="main-header clearfix">
<a href="http://www.access42.net"><img id="logo" class="main-logo" src="img_slide/logo_transparent.png" alt="Access42" /></a>
<h1 class="main-title">Diaporama AccesSlide - Access42</h1>
<a href="http://www.axul.org"><img id="logo" class="main-logo" src="img_slide/axul.png" width="50px" alt="Aller vers le site de l'Axul" /></a>
<h1 class="main-title">Axul 102 : Pourquoi promouvoir le logiciel libre</h1>
</header>
<div id="nav" class="tool-bar footer-nav clearfix">
<div id="wrappernav">
<ul class="related">
<li><a href="http://www.access42.net">www.access42.net</a></li>
<li><a href="https://twitter.com/access42net">
<li><a href="https://kappie.xyz/">kappie.xyz</a></li>
<li><a href="https://twitter.com/picux13">
<span class="icon-fallback-text">
<span class="icon icon-twitter" aria-hidden="true"></span>
<img class="text" src="img/twitter.png" alt="" />
</span>
@access42net</a></li>
<li><a href="https://github.com/access42/" lang="en">
@picux13</a></li>
<li><a href="https://framagit.org/Picus13/" lang="en">
<span class="icon-fallback-text">
<span class="icon icon-github" aria-hidden="true"></span>
<img class="text" src="img/github.png" alt="" />
<img class="text" src="img/framagit.png" alt="" />
</span>
Github</a></li>
Framagit</a></li>
</ul>
</div>
</div>
......@@ -60,27 +60,38 @@
<main role="main" id="main">
<section class="slide couv">
<h2>AccesSlide <br /><span class="small">Enfin un diaporama accessible</span></h2>
<p>par <a href="http://www.access42.net">Access42</a></p>
<h2>Axul #102 <br /><span class="small">Pourquoi promouvoir le logiciel libre</span></h2><span class="small">dans le cadre de l'Université Populaire d'Aix-en-Provence</span>
<h2>Les modéles économiques et contributif du logiciel libre</h2>
<p>par <a href="http://www.axul.org/">l'AXUL</a></p>
<img class="noborder" src="img_slide/undraw_open_source.png" width="350px" alt="">
</section>
<section class="slide">
<h2>Structure</h2>
<p>Les diapos s'insèrent dans l'élément <code>main</code> avec des éléments <code>section</code> associés à une classe <code>slide</code>.</p>
<p>La première diapositive possède une classe complémentaire <code>couv</code>. La dernière, une classe <code>end</code>.</p>
<p>On peut imbriquer des <code>section</code> dans des <code>section</code>.</p>
<h2 class="quote"><u>Idée reçu N°1 :</u><br>Le logiciel libre c'est gratuit ?!</h2>
</section>
<section class="slide">
<h2>Exemple minimal de structure</h2>
<pre><code class="html">&lt;section class="slide"&gt;
&lt;h2&gt;Titre de la diapo&lt;/h2&gt;
[contenu]
&lt;/section&gt;
&lt;section class="slide" aria-label="titre de la diapo"&gt;
[contenu]
&lt;/section&gt;</code></pre>
<section class="slide">
<h2>En bref :</h2>
<div class="col col-left">
<img class="noborder" src="img_slide/undraw_savings.png" alt="" />
</div>
<div class="col col-right">
<div class="Cmasque">
<p>
<ul>
<li class="Cmasque"><small>L'utilisateur·trice peut utiliser /modifier / redistribuer / améliorer gratuitement</small></li>
</ul>
</p>
<hr class="Cmasque">
<p class="Cmasque"><small>Les éditeurs·trices peuvent trouver des sources de financement en :</small>
<ul>
<li class="Cmasque"><small>Mécénat : Populaire/Public/Privé</small></li>
<li class="Cmasque"><small>Prestations de services</small></li>
<li class="Cmasque"><small>Autres : Publicité, Sponsoring, Goodies ...</small></li>
</ul>
</p>
</div>
</div>
</section>
<section class="slide">
......
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