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: ...@@ -12,8 +12,8 @@ authors:
helloasso: '' helloasso: ''
- name: Centre Culturel de Luminy - name: Centre Culturel de Luminy
prefix: ccl prefix: ccl
avatar: "/assets/images/authors-logo/indien-petit.png" avatar: "/assets/images/authors-logo/logo-ccl.png"
og_image: "/assets/images/logo-ccl-grand.png" og_image: "/assets/images/authors-logo/logo-ccl.png"
banner: "/assets/images/banniere-ccl-intime.png" banner: "/assets/images/banniere-ccl-intime.png"
bio: Animer, partager, avancer, s'améliorer, s'amuser bio: Animer, partager, avancer, s'améliorer, s'amuser
location: Luminy location: Luminy
......
...@@ -3,7 +3,6 @@ title: Adhésion et soutiens ...@@ -3,7 +3,6 @@ title: Adhésion et soutiens
toc: true toc: true
share: true share: true
overlay_image: assets/images/banniere-bulles.png overlay_image: assets/images/banniere-bulles.png
og_image: assets/images/logo-ccl-grand.png
--- ---
# Adhérez à l'asso du CCL # Adhérez à l'asso du CCL
......
...@@ -5,7 +5,7 @@ has_header: true ...@@ -5,7 +5,7 @@ has_header: true
header: header:
type: image type: image
overlay_image: assets/images/puget-fleuri.png 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 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 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 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 ...@@ -13,60 +13,6 @@ description: 'Le CCL porte de nombreuses initiatives et se propose d''aider à e
de travail ou encore de vie. 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 last_modified_at: 2019-12-01 00:00:00 +0100
--- ---
...@@ -82,4 +28,132 @@ 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> </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 version https://git-lfs.github.com/spec/v1
oid sha256:8fd9b2d49facebde289da305fd8bcde586aba33fd11e3b1b62e2064932c7344c oid sha256:5451dee5884e0d1149754a6646b0a3fe70675b12fa1ec17d7e41c9dd1c3e5295
size 31052 size 43212
version https://git-lfs.github.com/spec/v1 version https://git-lfs.github.com/spec/v1
oid sha256:1be3b9c38132c3947791e25b4134ec2555403c0df5721ec9a3a7ef10cd625730 oid sha256:86edc4898bad93fbef6189db7056b58f1ef65d210c8bc4b4fa87121ac1641c27
size 448408 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