crapaud-fou/portail
2
0
Fork 0
Code Issues 1 Pull requests Releases Activity

experiment styles

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

14
site/crapaud-fou.css
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 { a {
color: #496; color: #496;
} }

31
site/index.html
View file

@ -34,22 +34,24 @@
</head> </head>
<body> <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="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="media"> <h5 class="card-title mt-0">Les crapauds fous</h4>
<div class="media-body"> <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>
<h4 class="mt-0">Les crapauds fous</h4> <p>En mai 2017, une trentaine de personnes se reunissent aux Treilles et donnent naissance au manifeste des Crapauds Fous.</p>
<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>
</div> </div>
<div class="col"> <div class="col">
<h5 class="card-title">Le manifeste des crapauds fous</h5> <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> <ul>
<li><a href="">Le manifeste</a></li> <li><a href="">Le manifeste</a></li>
<li><a href="">Compte Rendu</a></li> <li><a href="">Compte Rendu</a></li>
@ -58,12 +60,15 @@
<li><a href="">Le manifeste en librairie</a></li> <li><a href="">Le manifeste en librairie</a></li>
</ul> </ul>
</div> </div>
</p> <div class="col align-middle">
<div class="col"> <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>
<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> </div>
</div> </div>
</div>
</div>
<div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
@ -119,6 +124,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<div class="card chat"> <div class="card chat">
<div class="card-body"> <div class="card-body">
@ -253,6 +259,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="modal fade" id="helpchat" tabindex="-1" role="dialog"> <div class="modal fade" id="helpchat" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">