<!-- .slide: class="splash" data-background="https://image.slidesdocs.com/responsive-images/background/nature-meteor-simple-starry-sky-blue-planet-powerpoint-background_e815352821__960_540.jpg" data-background-opacity="0.5" -->
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Meteor-logo.png"/> <br/>
(+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Angular_full_color_logo.svg/2048px-Angular_full_color_logo.svg.png" style="height: 30vh;"/>)
<!-- .element: class="fragment" data-fragment-index="1" -->
---
<table class="comparaison">
<tr>
<td class="definition"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a4/Meteor-logo.png"/></td>
<td><ul>
<li class="fragment">JavaScript portable client/serveur (<b>isobuild</b>)</li>
<li class="fragment">Modèle de données (MiniMongo, DDP, Tracker)</li>
<li class="fragment">Sessions, sécurité</li>
</ul></td>
</tr>
<tr class="fragment">
<td class="definition"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/cf/Angular_full_color_logo.svg/2048px-Angular_full_color_logo.svg.png" style="height: 30vh;"/></td>
<td>Affichage (DOM)</td>
<tr class="fragment">
<td class="definition"><img src="https://epfl-si.github.io/elements/svg/epfl-logo.svg"></td>
<td><ul>
<li class="fragment">Authentification (Tequila)</li>
<li class="fragment">... Quelque chose d'utile pour le métier ? 😂</li>
</td>
</tr>
</table>
---
Step 1
<!--
This style apply by default to all slides, unless .slide is used.
Note the use of the reveal class selector: this mean that only the presentation is affected by this style, and the makrdown preview or the book mode of hackmd.io is style intact.
If you want/need a resizable background image, add the background-size: cover; property and change background-position: 0px 0px;
-->
<style>
body {
--epfl-red: #FF0000;
--epfl-red-dark: #B51F1F;
}
.reveal {
background-image: url('https://epfl-si.github.io/elements/svg/epfl-logo.svg');
background-repeat: no-repeat;
background-position: 5px 5px;
}
.reveal h1, .reveal h2, .reveal h3,
.reveal h4, .reveal h5, .reveal h6 {
color: var(--epfl-red-dark);
}
.reveal code {
padding-top: 0.2em;
padding-bottom: 0.2em;
margin: 0;
font-size: 85%;
background-color: rgba(255, 255, 255, 0.46);
border-radius: 3px;
}
.reveal cite:before { content: "\2009 \2015 \2009"; }
.reveal cite { font-size: 80%; }
section {
padding: 1.5em 15px;
}
section[data-contrast="on-"] {
background-color: #ffffff20;
}
section[data-contrast="on"] {
background-color: #ffffff50;
}
section[data-contrast="on+"] {
background-color: #ffffff99;
}
.reveal section.splash p.fragment {
font-size: 30vh;
}
table.comparaison, table.comparaison td {
border: 1px solid;
}
table.comparaison td {
border: 1px solid;
font-size: 0.8ex;
padding: 1ex;
}
table.comparaison td.definition {
text-align: center;
}
table.comparaison img {
max-height: 20vh;
}
</style>
{"metaMigratedAt":"2023-06-18T03:08:21.486Z","metaMigratedFrom":"YAML","title":"Meteor (+ Angular)","breaks":true,"description":"Présentation Meteor + Angular à l'équipe ISCS-MD","slideOptions":"{\"transition\":\"convex\",\"theme\":\"white\",\"spotlight\":{\"enabled\":false},\"progress\":true}","contributors":"[{\"id\":\"35350d9c-aeac-41da-82de-65dc5010a23b\",\"add\":35726,\"del\":32150}]"}