experiment styles

This commit is contained in:
mose 2019-08-17 21:30:22 +08:00
parent b99dce6230
commit 4222ff40ae
2 changed files with 220 additions and 199 deletions

View file

@ -1,3 +1,17 @@
.navbar {
background-color: #28a745;
padding-left: 5em;
font-size: .9em;
}
.navbar img {
position: absolute;
top: .1em;
left: .1em;
}
.entete {
background-color: #333;
color: #fff;
}
a {
color: #496;
}

View file

@ -34,22 +34,24 @@
</head>
<body>
<div class="container-fluid p-0">
<nav class="navbar navbar-expand-lg">
<img src="images/crapovecto_small.svg" height="90" class="float-left" />
La mare des crapauds fous est un lieu de rencontre et de collaboration sur des sujets divers comme: écologie réelle, neurodiversité, éducation alternative, dégafamisation, logiciel libre, végétalisation urbaine, intelligence collective, parentalité responsable, monnaies libres, gouvernances partagées, open hardware, lutte contre l'obsolecense, permaculture, santé raisonnée, inclusion sociale, et beaucoup d'autres sujets.
</nav>
</div>
<div class="container-fluid entete pt-2 pb-2 mb-3">
<div class="container">
<div class="row">
<div class="col">
<div class="media">
<div class="media-body">
<h4 class="mt-0">Les crapauds fous</h4>
<p>Face aux dangers qui pèsent sur notre avenir, un grain de folie peut nous sortir de la depression.
</div>
<img src="images/crapovecto_small.svg" height="180"/>
</div>
<h5 class="card-title mt-0">Les crapauds fous</h4>
<p>Face aux dangers qui pèsent sur notre avenir, seul un grain de folie peut nous sortir de l'ornière (et de la déprime passive).</p>
<p>En mai 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
</div>
<div class="col">
<h5 class="card-title">Le manifeste des crapauds fous</h5>
<p>En mai 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
<p>
<ul>
<li><a href="">Le manifeste</a></li>
<li><a href="">Compte Rendu</a></li>
@ -58,12 +60,15 @@
<li><a href="">Le manifeste en librairie</a></li>
</ul>
</div>
</p>
<div class="col">
<iframe width="540" height="315" sandbox="allow-same-origin allow-scripts" src="https://thinkerview.video/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe>
<div class="col align-middle">
<iframe width="420" height="240" sandbox="allow-same-origin allow-scripts" src="https://thinkerview.video/videos/embed/5417c4b5-38ce-4e69-bbc7-19335ade44e4" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
@ -119,6 +124,7 @@
</div>
</div>
</div>
<div class="col">
<div class="card chat">
<div class="card-body">
@ -253,6 +259,7 @@
</div>
</div>
</div>
</div>
<div class="modal fade" id="helpchat" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">