Skip to content

Commit

Permalink
better data cascade for demo purposes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Bubobubobubobubo
Bubobubobubobubo committed Jul 26, 2024
1 parent 2745757 commit 098b4df
Show file tree
Hide file tree
Showing 2 changed files with 167 additions and 17 deletions.
87 changes: 74 additions & 13 deletions src/_data/projects.json
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,79 @@
[
{
"title": "Projet 1",
"author": "Bibi"
"title": "Envi 2 terroir",
"description": "On a voulu collaborer avec des artistes locaux pour créer un projet qui met en valeur la culture de notre ville et les nombreux produits de la région.",
"date": "27-07-2024",
"videast": {
"name": "Jean",
"pseudonym": "Jean Lafuma",
"role": "videast",
"bio": "Jean est un vidéaste parisien bienheureux.",
"website": "https://jeanjean.com",
"links": {
"youtube": "https://youtube.com/jeanjean",
"instagram": "https://instagram.com/jeanjean",
"website": "https://jeanjean.com"
},
"technology": {
"camera": "Canon EOS 5D Mark IV",
"lens": "Canon EF 24-70mm f/2.8L II USM",
"software": "Adobe Premiere Pro"
}
},
"musician": {
"name": "Paul",
"pseudonym": "Paul Reebok",
"role": "musician",
"bio": "Paul est un musicien parisien bienheureux.",
"website": "https://paulpaul.com",
"links": {
"youtube": "https://youtube.com/paulpaul",
"instagram": "https://instagram.com/paulpaul",
"website": "https://paulpaul.com"
},
"technology": {
"instrument": "Gibson Les Paul",
"software": "Ableton Live"
}
}
},
{
"title": "Projet 2",
"author": "Riri"
},
{
"title": "Projet 3",
"author": "Dada"
},
{
"title": "Projet 4",
"author": "Fifi"
}
"title": "Urban Harmony",
"description": "Un projet collaboratif visant à capturer l'essence de la vie urbaine à travers des images et des sons. Nous avons parcouru la ville avec un appareil photo afin de capter les meilleurs instants de vie... tant que nous sommes encore jeunes !",
"date": "15-08-2024",
"videast": {
"name": "Marie",
"pseudonym": "Marie Lumière",
"role": "videast",
"bio": "Marie est une vidéaste passionnée de Lyon, spécialisée dans les documentaires urbains.",
"website": "https://marielumiere.com",
"links": {
"youtube": "https://youtube.com/marielumiere",
"instagram": "https://instagram.com/marielumiere",
"website": "https://marielumiere.com"
},
"technology": {
"camera": "Sony A7 III",
"lens": "Sony FE 35mm f/1.4 GM",
"software": "Final Cut Pro"
}
},
"musician": {
"name": "Lucas",
"pseudonym": "Lucas Beats",
"role": "musician",
"bio": "Lucas est un musicien lyonnais spécialisé dans la production de musique électronique.",
"website": "https://lucasbeats.com",
"links": {
"youtube": "https://youtube.com/lucasbeats",
"instagram": "https://instagram.com/lucasbeats",
"website": "https://lucasbeats.com"
},
"technology": {
"instrument": "Novation Launchpad",
"software": "FL Studio"
}
}
}

]
97 changes: 93 additions & 4 deletions src/project.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,61 @@

<div class="page-container">

<h1>{{ project.title }} by {{ project.author }}</h1>
<h1><em>{{ project.title }}</em> by {{ project.videast.pseudonym }} ({{project.videast.name }}) and {{ project.musician.pseudonym }} ({{project.musician.name}}) - {{project.date}}</h1>

Ces pages sont auto-générées à partir des données présentes dans `projects.json`.
Ajouter des méta-données dans ce fichier et utiliser les données ici...
<div class="project-description">
<p><b>Description: </b>{{ project.description }}</p>
</div>

<div class="container">
<div class="column">
<h2>Videast: {{ project.videast.pseudonym }}</h2>
<div class="info">
<strong>Bio:</strong>
<p>{{ project.videast.bio }}</p>
</div>
<div class="info">
<strong>Website:</strong>
<p><a href="{{ project.videast.website }}">{{ project.videast.website }}</a></p>
</div>
<div class="info">
<strong>Social Media:</strong>
<p>
<a href="{{ project.videast.links.youtube }}">YouTube</a><br>
<a href="{{ project.videast.links.instagram }}">Instagram</a>
</p>
</div>
<h3>Gear</h3>
<ul class="gear">
<li><strong>Camera:</strong> {{ project.videast.technology.camera }}</li>
<li><strong>Lens:</strong> {{ project.videast.technology.lens }}</li>
<li><strong>Software:</strong> {{ project.videast.technology.software }}</li>
</ul>
</div>
<div class="column">
<h2>Musician: {{ project.musician.pseudonym }}</h2>
<div class="info">
<strong>Bio:</strong>
<p>{{ project.musician.bio }}</p>
</div>
<div class="info">
<strong>Website:</strong>
<p><a href="{{ project.musician.website }}">{{ project.musician.website }}</a></p>
</div>
<div class="info">
<strong>Social Media:</strong>
<p>
<a href="{{ project.musician.links.youtube }}">YouTube</a><br>
<a href="{{ project.musician.links.instagram }}">Instagram</a>
</p>
</div>
<h3>Gear</h3>
<ul class="gear">
<li><strong>Instrument:</strong> {{ project.musician.technology.instrument }}</li>
<li><strong>Software:</strong> {{ project.musician.technology.software }}</li>
</ul>
</div>
</div>

</div>

Expand All @@ -21,6 +72,44 @@ <h1>{{ project.title }} by {{ project.author }}</h1>
max-width: 1600;
margin: 0 auto;
padding: 20px;
font-size: 2em;
font-size: 1.5em;
}
.project-description {
padding-top:20px;
padding-bottom: 40px;
}
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.column {
flex: 1;
padding: 20px;
box-sizing: border-box;
max-width: 45%;
border: 1px solid #ddd;
margin: 10px;
border-radius: 5px;
}
.column h2 {
margin-top: 0;
}
.info {
margin-bottom: 10px;
}
.info strong {
display: block;
margin-bottom: 5px;
}
.gear {
list-style: none;
padding: 0;
}
.gear li {
background: #f4f4f4;
margin: 5px 0;
padding: 10px;
border-radius: 3px;
}
</style>

0 comments on commit 098b4df

Please sign in to comment.