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

some more styling

Browse source
This commit is contained in:
mose 2019-08-17 21:42:28 +08:00
parent 4222ff40ae
commit fc2d93d954
2 changed files with 29 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
site/crapaud-fou.css
View file

@ -1,9 +1,9 @@
.navbar { .header {
background-color: #28a745; background-color: #28a745;
padding-left: 5em; padding-left: 5em;
font-size: .9em; font-size: .9em;
} }
.navbar img { .header img {
position: absolute; position: absolute;
top: .1em; top: .1em;
left: .1em; left: .1em;
@ -12,6 +12,10 @@
background-color: #333; background-color: #333;
color: #fff; color: #fff;
} }
.footer {
background-color: #333;
color: #fff;
}
a { a {
color: #496; color: #496;
} }

29
site/index.html
View file

@ -34,11 +34,15 @@
</head> </head>
<body> <body>
<div class="container-fluid p-0"> <div class="container-fluid p-0 header">
<nav class="navbar navbar-expand-lg">
<img src="images/crapovecto_small.svg" height="90" class="float-left" /> <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. <div class="container">
</nav> <div class="row pt-2 pb-2">
<div class="col">
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.
</div>
</div>
</div>
</div> </div>
<div class="container-fluid entete pt-2 pb-2 mb-3"> <div class="container-fluid entete pt-2 pb-2 mb-3">
@ -218,7 +222,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row mt-5">
<div class="col"> <div class="col">
<div class="card"> <div class="card">
<div class="card-body"> <div class="card-body">
@ -235,7 +239,7 @@
<p></p> <p></p>
</div> </div>
<div class="col"> <div class="col">
<h4>Cratube</h4>
</div> </div>
</div> </div>
</div> </div>
@ -299,6 +303,19 @@
</div> </div>
</div> </div>
<div class="container-fluid footer mt-5">
<div class="container pt-5 pb-3">
<div class="row">
<div class="col">
Non, il n'y a pas de page facebook.
</div>
<div class="col text-right">
Fait avec les doigts.
</div>
</div>
</div>
</div>
<script <script
src="https://code.jquery.com/jquery-3.4.1.min.js" src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="