From 8eeb1dc5c6869bc5cf42333289de99276fe41676 Mon Sep 17 00:00:00 2001
From: Eloi Perdereau <eloi@perdereau.eu>
Date: Mon, 9 Dec 2019 15:20:12 +0100
Subject: [PATCH] accueil luminy.org with cards
---
_data/authors.yml | 2 +-
_layouts/splash.html | 2 -
_pages/index.md | 212 +++++++++---------
_sass/minimal-mistakes.scss | 1 +
_sass/minimal-mistakes/_cards.scss | 99 ++++++++
assets/images/authors-logo/allie.png | 4 +-
.../images/authors-logo/cafe-des-langues.png | 4 +-
assets/images/authors-logo/comnsea.png | 3 +
.../images/authors-logo/fse-transparent.png | 3 -
assets/images/authors-logo/fse.png | 3 +
assets/images/authors-logo/logo-ccl-nb.png | 3 -
assets/images/authors-logo/logo-ccl.png | 4 +-
.../authors-logo/logo-club-sciences.jpeg | 4 +-
.../authors-logo/logo-club-sciences.png | 3 +
assets/images/authors-logo/logo-com.png | 3 -
assets/images/authors-logo/logoCCL.png | 3 +
.../images/authors-logo/mouton-ecrivain.jpg | 3 +
.../authors-logo/mouton-millepattes.jpg | 3 +
.../authors-logo/mouton-millepattes.png | 3 +
19 files changed, 238 insertions(+), 124 deletions(-)
create mode 100644 _sass/minimal-mistakes/_cards.scss
create mode 100644 assets/images/authors-logo/comnsea.png
delete mode 100644 assets/images/authors-logo/fse-transparent.png
create mode 100644 assets/images/authors-logo/fse.png
delete mode 100644 assets/images/authors-logo/logo-ccl-nb.png
create mode 100644 assets/images/authors-logo/logo-club-sciences.png
delete mode 100644 assets/images/authors-logo/logo-com.png
create mode 100644 assets/images/authors-logo/logoCCL.png
create mode 100644 assets/images/authors-logo/mouton-ecrivain.jpg
create mode 100644 assets/images/authors-logo/mouton-millepattes.jpg
create mode 100644 assets/images/authors-logo/mouton-millepattes.png
diff --git a/_data/authors.yml b/_data/authors.yml
index 395ee96..cc65a31 100644
--- a/_data/authors.yml
+++ b/_data/authors.yml
@@ -43,7 +43,7 @@ authors:
og_image: ''
- name: FSE Luminy
prefix: fse
- avatar: "/assets/images/authors-logo/fse-transparent.png"
+ avatar: "/assets/images/authors-logo/fse.png"
bio: INFORMER les étudiants, DÉFENDRE leurs droits, et créer la SOLIDARITÉ sur nos
campus !
location: Cité U & Hexagone
diff --git a/_layouts/splash.html b/_layouts/splash.html
index 2116502..40d8fdf 100644
--- a/_layouts/splash.html
+++ b/_layouts/splash.html
@@ -15,8 +15,6 @@ layout: default
{% if page.date %}<meta itemprop="datePublished" content="{{ page.date | date_to_xmlschema }}">{% endif %}
{% if page.last_modified_at %}<meta itemprop="dateModified" content="{{ page.last_modified_at | date_to_xmlschema }}">{% endif %}
- <section class="page__content" itemprop="text">
{{ content }}
- </section>
</article>
</div>
diff --git a/_pages/index.md b/_pages/index.md
index 5f7f4cc..c3f49f2 100644
--- a/_pages/index.md
+++ b/_pages/index.md
@@ -5,7 +5,7 @@ has_header: true
header:
type: image
overlay_image: assets/images/puget-fleuri.png
- fixed_image: "/assets/images/banniere-puget-orange.jpg"
+ fixed_image: "/assets/images/banniere-hexagone.png"
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
@@ -28,132 +28,136 @@ last_modified_at: 2019-12-01 00:00:00 +0100
}
</script>
-
-<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;
+<style type="text/css">
+html {
+ background-color: #ebebe0;
}
-
-@media all and (max-width: 500px) {
- .card-list {
- /* On small screens, we are no longer using row direction but column */
- flex-direction: column;
- }
+.greedy-nav {
+ background-color: #ebebe0;
}
</style>
-<div class="cards-list">
-<a href="https://ccl.test.luminy.org">
- <div class="card">
- <div class="card_image"><img src="assets/images/authors-logo/logo-ccl-nb.png" /></div>
+<div class="cards">
+
+ <div class="cards_item">
+ <div class="card">
+ <div class="card_image">
+ <img src="assets/images/authors-logo/logoCCL.png">
+ </div>
+ <div class="card_content">
+ <h2 class="card_title">
+ Centre Culturel
+ </h2>
+ <div class="card_text">
+ Propose différentes initiatives et se propose d'aider à en monter de nouvelles !
+ </div>
+ <a href="https://ccl.test.luminy.org/" class="card_btn">Plus d'infos</a>
+ </div>
+ </div>
</div>
-</a>
-<a href="jardin">
- <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 class="cards_item">
+ <div class="card">
+ <div class="card_image">
+ <img src="assets/images/authors-logo/mouton-millepattes.png">
+ </div>
+ <div class="card_content">
+ <h2 class="card_title">
+ ALLIÉ
+ </h2>
+ <div class="card_text">
+ Association Luminyenne de Lutte et d'Information des Étudiants
+ </div>
+ <a href="allie/" class="card_btn">Plus d'infos</a>
+ </div>
</div>
</div>
-</a>
-<a href="club-science">
- <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 class="cards_item">
+ <div class="card">
+ <div class="card_image">
+ <img src="assets/images/authors-logo/logo-jardin.png">
+ </div>
+ <div class="card_content">
+ <h2 class="card_title">
+ Jardin Universitaire
+ </h2>
+ <div class="card_text">
+ Le JUDL est un jardin partagé chaleureux et ouvert à tous !
+ </div>
+ <a href="jardin/" class="card_btn">Plus d'infos</a>
+ </div>
</div>
</div>
-</a>
-<a href="allie">
- <div class="card">
- <div class="card_image">
- <img src="assets/images/authors-logo/allie.png" />
+ <div class="cards_item">
+ <div class="card">
+ <div class="card_image">
+ <img src="assets/images/authors-logo/comnsea.png">
+ </div>
+ <div class="card_content">
+ <h2 class="card_title">
+ Com & Sea
+ </h2>
+ <div class="card_text">
+ Association étudiante d'Océanologie.
+ Dynamise la vie étudiante et créé un réseau entre les étudiants, anciens étudiants et professionnels du monde de la mer.
+ </div>
+ <a href="comnsea/" class="card_btn">Plus d'infos</a>
+ </div>
</div>
</div>
-</a>
-<a href="fse">
- <div class="card">
- <div class="card_image">
- <img src="assets/images/authors-logo/fse-transparent.png" />
+ <div class="cards_item">
+ <div class="card">
+ <div class="card_image">
+ <img src="assets/images/authors-logo/logo-club-sciences.png">
+ </div>
+ <div class="card_content">
+ <h2 class="card_title">
+ Club de Science
+ </h2>
+ <div class="card_text">
+ Organisation de conférences, de cours d'histoire et de philosophie des sciences, du tutorat...
+ </div>
+ <a href="club-science/" class="card_btn">Plus d'infos</a>
+ </div>
</div>
</div>
-</a>
-<a href="comnsea">
- <div class="card">
- <div class="card_image">
- <img src="assets/images/authors-logo/logo-com.png" />
+ <div class="cards_item">
+ <div class="card">
+ <div class="card_image">
+ <img src="assets/images/authors-logo/fse.png">
+ </div>
+ <div class="card_content">
+ <h2 class="card_title">
+ FSE
+ </h2>
+ <div class="card_text">
+ INFORMER les étudiants, DÉFENDRE leurs droits, et créer la SOLIDARITÉ sur nos campus !
+ </div>
+ <a href="fse/" class="card_btn">Plus d'infos</a>
+ </div>
</div>
</div>
-</a>
-<a href="cafe-des-langues">
- <div class="card">
- <div class="card_image">
- <img src="assets/images/authors-logo/cafe-des-langues.png" />
+ <div class="cards_item">
+ <div class="card">
+ <div class="card_image">
+ <img src="assets/images/authors-logo/cafe-des-langues.png">
+ </div>
+ <div class="card_content">
+ <h2 class="card_title">
+ Café des Langues
+ </h2>
+ <div class="card_text">
+ Venez converser autour d’un bon café et dans une ambiance très conviviale !
+ </div>
+ <a href="cafe-des-langues/" class="card_btn">Plus d'infos</a>
+ </div>
</div>
</div>
-</a>
</div>
diff --git a/_sass/minimal-mistakes.scss b/_sass/minimal-mistakes.scss
index b431ca4..e70b653 100644
--- a/_sass/minimal-mistakes.scss
+++ b/_sass/minimal-mistakes.scss
@@ -39,6 +39,7 @@
@import "minimal-mistakes/sidebar";
@import "minimal-mistakes/print";
+@import "minimal-mistakes/cards";
@font-face {
font-family: "Tempus Sans ITC";
diff --git a/_sass/minimal-mistakes/_cards.scss b/_sass/minimal-mistakes/_cards.scss
new file mode 100644
index 0000000..25f6cf2
--- /dev/null
+++ b/_sass/minimal-mistakes/_cards.scss
@@ -0,0 +1,99 @@
+/* Font */
+
+a.card_btn {
+ color: #000000;
+ text-decoration: none;
+ text-align: center;
+ padding: 0.8rem;
+ font-size: 15px;
+ text-transform: uppercase;
+ border-radius: 8px;
+ font-weight: 400;
+ display: block;
+ width: 100%;
+ cursor: pointer;
+ border: 2px solid rgba(0.2, 0.2, 0.2, 0.2);
+ background: transparent;
+ margin-top: auto;
+}
+
+a.card_btn:hover {
+ background-color: rgba(255, 255, 255, 0.45);
+}
+
+.cards {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+}
+
+.cards_item {
+ display: flex;
+ padding: 1rem;
+}
+
+@media (min-width: 40rem) {
+ .cards_item {
+ width: 50%;
+ }
+}
+
+@media (min-width: 56rem) {
+ .cards_item {
+ width: 33.3333%;
+ }
+}
+
+.card {
+ background-color: #cdcdb1;
+ border-radius: 0.3rem;
+ box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
+ display: flex;
+ flex-direction: column;
+ overflow: hidden;
+}
+
+.card_image {
+ height: 15rem;
+ padding: 4%;
+ border-radius: 0.3rem;
+ overflow: hidden;
+ justify-content: center;
+ align-items: center;
+ img {
+ object-fit: cover;
+ min-height: 100%;
+ min-width: 100%;
+ max-height: 100%;
+ max-width: 100%;
+ }
+}
+
+.card_content {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ padding: 1rem;
+ background-color: #cdcdb1
+ // background: linear-gradient(to bottom left, #EF8D9C 40%, #FFC39E 100%);
+}
+
+.card_title {
+ font-size: 1.1rem;
+ font-weight: 700;
+ padding-bottom: 0.5em;
+ border-bottom: 1px solid $border-color;
+ letter-spacing: 1px;
+ text-transform: capitalize;
+ margin: 0px;
+}
+
+.card_text {
+ font-size: 0.875rem;
+ line-height: 1.5;
+ margin-top: 1rem;
+ margin-bottom: 1.25rem;
+ font-weight: 400;
+}
diff --git a/assets/images/authors-logo/allie.png b/assets/images/authors-logo/allie.png
index b1e0f49..ad1fde4 100644
--- a/assets/images/authors-logo/allie.png
+++ b/assets/images/authors-logo/allie.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:2dd830d69745a0b9461cc738eb0348d1e76976f14921580a85716c779b6fa052
-size 69106
+oid sha256:cb2c9ed62687d917de699a67e9caed15254c4fef23de338478b2827da2fc68c7
+size 67430
diff --git a/assets/images/authors-logo/cafe-des-langues.png b/assets/images/authors-logo/cafe-des-langues.png
index 44c3b2c..59e1dad 100644
--- a/assets/images/authors-logo/cafe-des-langues.png
+++ b/assets/images/authors-logo/cafe-des-langues.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b1164d02d0d30522ac8d4dda7750922071a7b8f179aefefddefb0cd7abe2a9a9
-size 301671
+oid sha256:08b8b1f105299e221673234daf2c1073d7cb1948ae4f4e506adcbaf98da4f167
+size 297121
diff --git a/assets/images/authors-logo/comnsea.png b/assets/images/authors-logo/comnsea.png
new file mode 100644
index 0000000..a59ae09
--- /dev/null
+++ b/assets/images/authors-logo/comnsea.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c6441fcf10872ff87ece180670635c7ecf70cf91688e4b7a9693bec1a9a7b1e6
+size 546744
diff --git a/assets/images/authors-logo/fse-transparent.png b/assets/images/authors-logo/fse-transparent.png
deleted file mode 100644
index cd72aee..0000000
--- a/assets/images/authors-logo/fse-transparent.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:135209d828aede4c8c82b7f940fb970d0f2038fbea963c831f4417e50ce800fc
-size 107381
diff --git a/assets/images/authors-logo/fse.png b/assets/images/authors-logo/fse.png
new file mode 100644
index 0000000..f264bf3
--- /dev/null
+++ b/assets/images/authors-logo/fse.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:45772f485c217a4cf28c39aa45c84a5e36a91ae3331857e90136a8dc377f74cd
+size 105158
diff --git a/assets/images/authors-logo/logo-ccl-nb.png b/assets/images/authors-logo/logo-ccl-nb.png
deleted file mode 100644
index 4c7a5e7..0000000
--- a/assets/images/authors-logo/logo-ccl-nb.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:5451dee5884e0d1149754a6646b0a3fe70675b12fa1ec17d7e41c9dd1c3e5295
-size 43212
diff --git a/assets/images/authors-logo/logo-ccl.png b/assets/images/authors-logo/logo-ccl.png
index eec142b..8b96571 100644
--- a/assets/images/authors-logo/logo-ccl.png
+++ b/assets/images/authors-logo/logo-ccl.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:86edc4898bad93fbef6189db7056b58f1ef65d210c8bc4b4fa87121ac1641c27
-size 446747
+oid sha256:ad254198d1ef871c477d2a711269b486e65e8cf4d40554d1b231a25a12786f77
+size 449205
diff --git a/assets/images/authors-logo/logo-club-sciences.jpeg b/assets/images/authors-logo/logo-club-sciences.jpeg
index 643c744..b28cece 100644
--- a/assets/images/authors-logo/logo-club-sciences.jpeg
+++ b/assets/images/authors-logo/logo-club-sciences.jpeg
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:3d9109d3b7eb9739685a445a3976addc7c53cf8552fed7a4a85e3c451f1d608e
-size 51540
+oid sha256:f76964a15aca888c461776011e7e3599e467f01421701ac37f5cbb8449848975
+size 41222
diff --git a/assets/images/authors-logo/logo-club-sciences.png b/assets/images/authors-logo/logo-club-sciences.png
new file mode 100644
index 0000000..23e5fbd
--- /dev/null
+++ b/assets/images/authors-logo/logo-club-sciences.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f3661b7f97d4c615c7f91cb57f39f2f185e3591d97f514c5a0b79898ed276c80
+size 232869
diff --git a/assets/images/authors-logo/logo-com.png b/assets/images/authors-logo/logo-com.png
deleted file mode 100644
index 9c57c8a..0000000
--- a/assets/images/authors-logo/logo-com.png
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:b810582b91d3c510b0f99179c42458e9b8f2bf31e0bd65fb366cb252fff2ff71
-size 60137
diff --git a/assets/images/authors-logo/logoCCL.png b/assets/images/authors-logo/logoCCL.png
new file mode 100644
index 0000000..dd3b5f9
--- /dev/null
+++ b/assets/images/authors-logo/logoCCL.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:da3ef5c0d70827b985140a79794d4f984fc957953ddbf54ba6ef5dc47541cdaa
+size 45112
diff --git a/assets/images/authors-logo/mouton-ecrivain.jpg b/assets/images/authors-logo/mouton-ecrivain.jpg
new file mode 100644
index 0000000..82946b1
--- /dev/null
+++ b/assets/images/authors-logo/mouton-ecrivain.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e4e4b2fa68e766d1090222059feffe35df9f2b22845227d54ae435dd44b98dd5
+size 26220
diff --git a/assets/images/authors-logo/mouton-millepattes.jpg b/assets/images/authors-logo/mouton-millepattes.jpg
new file mode 100644
index 0000000..c0fcfce
--- /dev/null
+++ b/assets/images/authors-logo/mouton-millepattes.jpg
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:89a00b3b3e3bc7b43f84030028da5ca3801d89ba365db312922cf7e4c991167d
+size 238752
diff --git a/assets/images/authors-logo/mouton-millepattes.png b/assets/images/authors-logo/mouton-millepattes.png
new file mode 100644
index 0000000..cedda9c
--- /dev/null
+++ b/assets/images/authors-logo/mouton-millepattes.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77d4358c0fee410ba22e2e569536b3b9eead7685edd075c200299268c10634ba
+size 355331
--
GitLab