Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 46fb6c64 authored by peter_rabbit's avatar peter_rabbit
Browse files

news:article rdb podcast

parent b851c930
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 98 additions and 39 deletions
public/articles/news/go-game-studio-club/go-game-studio-club.txt
+ 3
− 3
View file @ 46fb6c64
Le <b><a href="https://kuadrado-software.fr/education/#game-studio-club" target="_blank">Game Studio Club</a></b> ouvrira ses portes à compter du 1er Mars dans nos locaux à Vernoux en Vivarais !
<b>Qu'est-ce qu'on y fera ?</b>
<b><blue>Qu'est-ce qu'on y fera ?</blue></b>
Des <b>jeux vidéos</b> bien sûr, non pas pour y jouer mais bien pour les <b>fabriquer</b> !
Créer un jeu c'est l'occasion de croiser ensemble une multitude de disciplines, comme l'animation 2D, l'écriture, la création sonore, la programmation, les maths et la physique, et d'autres choses encore.
S'inscrire au Game Studio Club c'est l'occasion d'être accompagné en douceur sur l'apprentissage de toutes ces choses et d'acquerrir l'autonomie pour créer un jeu vidéo entièrement.
Créer un jeu c'est l'occasion de croiser ensemble une multitude de disciplines, comme l'animation 2D, l'écriture, le sons, la programmation, les maths, et d'autres choses encore.
S'inscrire au Game Studio Club c'est pouvoir être accompagné en douceur sur l'apprentissage de toutes ces choses et acquerrir l'autonomie pour créer un jeu vidéo entièrement.
Retrouvez toutes les infos sur la page <b><a href="https://kuadrado-software.fr/education/#game-studio-club" target="_blank">Game Studio Club</a></b> !
......
public/articles/news/index.json
+ 1
− 1
View file @ 46fb6c64
{
"articles": ["installation-kuadrado", "go-game-studio-club"]
"articles": ["installation-kuadrado", "go-game-studio-club", "rdb_27_02_2021"]
}
public/articles/news/rdb_27_02_2021/rdb_27_02_2021.json 0 → 100644
+ 6
− 0
View file @ 46fb6c64
{
"title": "On en parle à la radio !",
"date": "2021/03/01",
"subtitle": "Podcast RDB.fm - Avatars et Coquecigrues - 27/02/2021",
"body": "<file>rdb_27_02_2021.txt"
}
public/articles/news/rdb_27_02_2021/rdb_27_02_2021.txt 0 → 100644
+ 5
− 0
View file @ 46fb6c64
Samedi dernier on parlait de <b><blue>Kuadrado Software</blue></b> et de l'<b><blue>École Numérique Ardéchoise</blue></b> avec Jean-Bernard Huet et Pierre Jarriges sur <b><blue>Radio des Boutières</blue></b> !
2 heures d'émssion et d'échanges autour du numérique, le code, la formation et la pédagogie, le web, le game dev et l'artisanat logiciel.
Merci à Nicolas et Frank de RDB.fm pour l'émission !
<iframe scrolling="no" id="hearthis_at_track_5680217" width="100%" height="150" src="https://app.hearthis.at/embed/5680217/transparent_black/?hcolor=&color=&style=2&block_size=2&block_space=1&background=1&waveform=0&cover=0&autoplay=0&css=" frameborder="0" allowtransparency allow="autoplay"><p>Listen to <a href="https://hearthis.at/radiodesboutieres/2021-02-27-avatars-et-coquecigrues-29/" target="_blank">2021-02-27 Avatars et Coquecigrues # 29</a> <span>by</span><a href="https://hearthis.at/radiodesboutieres/" target="_blank" >Radio des Boutières (RDBFM)</a> <span>on</span> <a href="https://hearthis.at/" target="_blank">hearthis.at</a></p></iframe>
\ No newline at end of file
public/main.js
+ 5
− 3
View file @ 46fb6c64
......@@ -187,6 +187,7 @@ class NewsArticles {
renderArticle(articleData) {
return {
tag: "article",
class: `${articleData.images ? "grid-2" : "grid-1"}`,
typeof: "Article",
contents: [
{
......@@ -233,9 +234,10 @@ class NewsArticles {
},
],
},
new ImageCarousel({
images: articleData.images.map(img => `${articleData.path}/images/${img}`),
}).render(),
articleData.images &&
new ImageCarousel({
images: articleData.images.map(img => `${articleData.path}/images/${img}`),
}).render(),
],
};
}
......
public/style/style.css
+ 34
− 11
View file @ 46fb6c64
......@@ -482,11 +482,16 @@ main #page-container #home-page #news .articles-displayer .prev-next-buttons .pr
main #page-container #home-page #news .articles-displayer article {
display: grid;
gap: 5px 50px;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto 1fr;
position: relative;
padding-left: 20px;
}
main #page-container #home-page #news .articles-displayer article.grid-1 {
grid-template-columns: 1fr;
}
main #page-container #home-page #news .articles-displayer article.grid-2 {
grid-template-columns: 1fr 1fr;
}
main #page-container #home-page #news .articles-displayer article .date {
grid-column: 1;
grid-row: 1;
......@@ -542,30 +547,48 @@ main #page-container #home-page #news .articles-displayer article.article-placeh
@media screen and (max-width: 900px) {
main #page-container #home-page #news .articles-displayer article {
gap: 5px;
padding: 0;
}
main #page-container #home-page #news .articles-displayer article.grid-2 {
grid-template-columns: 1fr;
grid-template-rows: 300px auto auto auto 1fr;
padding: 0;
}
main #page-container #home-page #news .articles-displayer article .date {
main #page-container #home-page #news .articles-displayer article.grid-2 .date {
grid-row: 2;
padding: 0 10px;
}
main #page-container #home-page #news .articles-displayer article .title {
main #page-container #home-page #news .articles-displayer article.grid-2 .title {
grid-row: 3;
padding: 0 10px;
}
main #page-container #home-page #news .articles-displayer article .subtitle {
main #page-container #home-page #news .articles-displayer article.grid-2 .subtitle {
grid-row: 4;
padding: 0 10px;
}
main #page-container #home-page #news .articles-displayer article .body {
main #page-container #home-page #news .articles-displayer article.grid-2 .body {
grid-row: 5;
padding: 0 10px 30px;
}
main #page-container #home-page #news .articles-displayer article .image-carousel {
main #page-container #home-page #news .articles-displayer article.grid-2 .image-carousel {
grid-row: 1;
grid-column: 1;
}
main #page-container #home-page #news .articles-displayer article.grid-1 .date {
grid-row: 1;
}
main #page-container #home-page #news .articles-displayer article.grid-1 .title {
grid-row: 2;
}
main #page-container #home-page #news .articles-displayer article.grid-1 .subtitle {
grid-row: 3;
}
main #page-container #home-page #news .articles-displayer article.grid-1 .body {
grid-row: 4;
}
main #page-container #home-page #news .articles-displayer article .date,
main #page-container #home-page #news .articles-displayer article .title,
main #page-container #home-page #news .articles-displayer article .subtitle {
padding: 0 10px;
}
main #page-container #home-page #news .articles-displayer article .body {
padding: 0 10px 30px;
}
}
main #page-container #home-page .poles {
display: grid;
......
src/home-page-components/news-articles.js
+ 5
− 3
View file @ 46fb6c64
......@@ -33,6 +33,7 @@ class NewsArticles {
renderArticle(articleData) {
return {
tag: "article",
class: `${articleData.images ? "grid-2" : "grid-1"}`,
typeof: "Article",
contents: [
{
......@@ -79,9 +80,10 @@ class NewsArticles {
},
],
},
new ImageCarousel({
images: articleData.images.map(img => `${articleData.path}/images/${img}`),
}).render(),
articleData.images &&
new ImageCarousel({
images: articleData.images.map(img => `${articleData.path}/images/${img}`),
}).render(),
],
};
}
......
src/home-page-components/news-articles.scss
+ 39
− 18
View file @ 46fb6c64
......@@ -56,13 +56,14 @@
article {
display: grid;
gap: 5px 50px;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto 1fr;
position: relative;
padding-left: 20px;
// background-color: $dark_2;
*:not(a) {
// color: $light_0;
&.grid-1 {
grid-template-columns: 1fr;
}
&.grid-2 {
grid-template-columns: 1fr 1fr;
}
.date {
grid-column: 1;
......@@ -120,29 +121,49 @@
@media screen and (max-width: $screen_l) {
article {
gap: 5px;
grid-template-columns: 1fr;
grid-template-rows: 300px auto auto auto 1fr;
padding: 0;
.date {
grid-row: 2;
padding: 0 10px;
&.grid-2 {
grid-template-columns: 1fr;
grid-template-rows: 300px auto auto auto 1fr;
.date {
grid-row: 2;
}
.title {
grid-row: 3;
}
.subtitle {
grid-row: 4;
}
.body {
grid-row: 5;
}
.image-carousel {
grid-row: 1;
grid-column: 1;
}
}
.title {
grid-row: 3;
padding: 0 10px;
&.grid-1 {
.date {
grid-row: 1;
}
.title {
grid-row: 2;
}
.subtitle {
grid-row: 3;
}
.body {
grid-row: 4;
}
}
.date,
.title,
.subtitle {
grid-row: 4;
padding: 0 10px;
}
.body {
grid-row: 5;
padding: 0 10px 30px;
}
.image-carousel {
grid-row: 1;
grid-column: 1;
}
}
}
}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Froggit est fièrement fabriqué avec amour par Lydra avec des Logiciels Libres et hébergé en France chez Scaleway | Status du service