Skip to content
Snippets Groups Projects
Commit 2505298b authored by Eloi Perdereau's avatar Eloi Perdereau
Browse files

page de garde cards + fixes images

parent 8c8afe73
No related branches found
No related tags found
1 merge request!13[bot] Nouveau post sur la page facebook du CCL
......@@ -12,8 +12,8 @@ authors:
helloasso: ''
- name: Centre Culturel de Luminy
prefix: ccl
avatar: "/assets/images/authors-logo/indien-petit.png"
og_image: "/assets/images/logo-ccl-grand.png"
avatar: "/assets/images/authors-logo/logo-ccl.png"
og_image: "/assets/images/authors-logo/logo-ccl.png"
banner: "/assets/images/banniere-ccl-intime.png"
bio: Animer, partager, avancer, s'améliorer, s'amuser
location: Luminy
......
......@@ -3,7 +3,6 @@ title: Adhésion et soutiens
toc: true
share: true
overlay_image: assets/images/banniere-bulles.png
og_image: assets/images/logo-ccl-grand.png
---
# Adhérez à l'asso du CCL
......
......@@ -5,7 +5,7 @@ has_header: true
header:
type: image
overlay_image: assets/images/puget-fleuri.png
fixed_image: "/assets/images/banniere-nuit.jpg"
fixed_image: "/assets/images/banniere-puget-orange.jpg"
description: 'Le CCL porte de nombreuses initiatives et se propose d''aider à en monter
de nouvelles ! Son but : remettre les notions de créativité, de connaissance, de
collectivité, de partage et d''entraide au coeur de la vie de notre campus universitaire
......@@ -13,60 +13,6 @@ description: 'Le CCL porte de nombreuses initiatives et se propose d''aider à e
de travail ou encore de vie.
'
feature_row:
- image_path: assets/images/panier.png
alt: paniers
title: Des paniers bio
excerpt: Livrés chaque jeudi, des légumes d'Arles à commander! Contrats de solidarité
avec en producteur.
url: "/jardin/paniers/"
btn_class: btn--primary
btn_label: Plus
- image_path: assets/images/logo-jardin-grand.png
alt: jardin
title: Jardin
excerpt: Découvrez le jardin! Projet lancé par le CCL en 2014, désormais indépendant
url: "/jardin/"
btn_class: btn--info
btn_label: Plus
- image_path: assets/images/theatre-rouge.jpg
alt: ateliers
title: Ateliers
excerpt: Des ateliers à gogo
url: "/ccl/activites/ateliers/"
btn_class: btn--warning
btn_label: Plus
- image_path: assets/images/authors-logo/logo-club-sciences.jpeg
alt: club-science
title: Club de science
excerpt: Des débats, des conférences, etc...
url: "/club-science/"
btn_class: btn--success
btn_label: Plus
- image_path: assets/images/authors-logo/fse-transparent.png
alt: FSE
title: FSE
excerpt: INFORMER les étudiants, DÉFENDRE leurs droits, et créer la SOLIDARITÉ sur
nos campus !
url: "/fse/"
btn_class: btn--twitter
btn_label: Plus
- image_path: assets/images/authors-logo/cafe-des-langues.png
alt: cafe-des-langues
title: Café des Langues
excerpt: Venez converser autour d’un bon café et dans une ambiance très conviviale
!
url: "/cafe-des-langues/"
btn_class: btn--error
btn_label: Plus
- image_path: assets/images/authors-logo/allie.png
alt: ALLIÉ
title: ALLIÉ
excerpt: Découvrez nos buts et nos actions présentés dans les rubriques ci-contre,
et n'hésitez pas à nous rejoindre, sur place ou par internet !
url: "/allie/"
btn_class: btn--danger
btn_label: Plus
last_modified_at: 2019-12-01 00:00:00 +0100
---
......@@ -82,4 +28,132 @@ last_modified_at: 2019-12-01 00:00:00 +0100
}
</script>
{% include feature_row %}
\ No newline at end of file
<style type="text/css" media="screen">
/* Add style rules here */
.cards-list {
z-index: 0;
width: 100%;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
.card {
margin: 30px auto;
width: 300px;
height: 300px;
border-radius: 40px;
box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
cursor: pointer;
transition: 0.4s;
}
.card .card_image {
width: inherit;
height: inherit;
border-radius: 40px;
}
.card .card_image img {
width: inherit;
height: inherit;
border-radius: 40px;
object-fit: cover;
}
.card .card_title {
text-align: center;
border-radius: 0px 0px 40px 40px;
font-family: sans-serif;
font-weight: bold;
font-size: 30px;
margin-top: -80px;
height: 40px;
}
.card:hover {
transform: scale(0.9, 0.9);
box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25),
-5px -5px 30px 15px rgba(0,0,0,0.22);
}
.title-white {
color: white;
}
.title-black {
color: black;
}
@media all and (max-width: 500px) {
.card-list {
/* On small screens, we are no longer using row direction but column */
flex-direction: column;
}
}
</style>
<div class="cards-list">
<a href="luminy.org">
<div class="card">
<div class="card_image"><img src="assets/images/authors-logo/logo-ccl-nb.png" /></div>
</div>
</a>
<a href="">
<div class="card">
<div class="card_image">
<img src="assets/images/authors-logo/logo-jardin.png" />
</div>
<div class="card_title title-black">
<p>Jardin Universitaire</p>
</div>
</div>
</a>
<a href="">
<div class="card">
<div class="card_image">
<img src="assets/images/authors-logo/logo-club-sciences.jpeg" />
</div>
<div class="card_title title-white">
<p>Club de Science</p>
</div>
</div>
</a>
<a href="">
<div class="card">
<div class="card_image">
<img src="assets/images/authors-logo/allie.png" />
</div>
</div>
</a>
<a href="">
<div class="card">
<div class="card_image">
<img src="assets/images/authors-logo/fse-transparent.png" />
</div>
</div>
</a>
<a href="">
<div class="card">
<div class="card_image">
<img src="assets/images/authors-logo/logo-com.png" />
</div>
</div>
</a>
<a href="">
<div class="card">
<div class="card_image">
<img src="assets/images/authors-logo/cafe-des-langues.png" />
</div>
</div>
</a>
</div>
version https://git-lfs.github.com/spec/v1
oid sha256:8fd9b2d49facebde289da305fd8bcde586aba33fd11e3b1b62e2064932c7344c
size 31052
oid sha256:5451dee5884e0d1149754a6646b0a3fe70675b12fa1ec17d7e41c9dd1c3e5295
size 43212
version https://git-lfs.github.com/spec/v1
oid sha256:1be3b9c38132c3947791e25b4134ec2555403c0df5721ec9a3a7ef10cd625730
size 448408
oid sha256:86edc4898bad93fbef6189db7056b58f1ef65d210c8bc4b4fa87121ac1641c27
size 446747
assets/images/banniere-puget-orange.jpg

115 KiB

0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment