/* Ligne centrale */
#timeline::before {
content: » »; position:absolute; left:50%; top:0; bottom:0;
width:4px; background:#dee2e6; transform:translateX(-50%);
}
/* Conteneur d’un événement */
.timeline-item {
position:relative; width:50%; padding:1rem; box-sizing:border-box;
}
.timeline-item.left { left:0; text-align:right; }
.timeline-item.right { left:50%; }
/* Point de la timeline */
.timeline-item::before {
content: » »; position:absolute; top:1rem;
width:12px; height:12px; border-radius:50%;
background:#0d6efd; border:2px solid #fff;
}
.timeline-item.left::before { right:-6px; }
.timeline-item.right::before { left:-6px; }
/* Carte événement */
.timeline-content {
background:#fff; padding:.75rem; border-radius:.25rem;
border:1px solid #dee2e6; cursor:pointer;
}
.timeline-content:hover,
.timeline-content:focus {
background:#f8f9fa; outline:none;
}
// Données de la timeline (modifiable)
const events = [
{date: »2007″, title: »Formation de Skip the Use à Lille »},
{date: »2009″, title: »Sortie de l’album éponyme »},
{date: »2010-2011″, title: »Festivals Main Square et Solidays »},
{date: »2012″, title: »Album Can Be Late et Victoire de la musique »},
{date: »2014″, title: »Little Armageddon »},
{date: »2016″, title: »Première séparation »},
{date: »2018″, title: »Reformation »},
{date: »2025-2026″, title: »Tournée européenne en cours »}
];
const container = document.getElementById(« timeline »);
events.forEach((evt, idx) => {
// Détermine le côté (gauche/droite)
const side = (idx % 2 === 0) ? « left » : « right »;
// Élément timeline-item
const item = document.createElement(« div »);
item.className = « timeline-item » + side;
// Contenu interactif
const content = document.createElement(« div »);
content.className = « timeline-content »;
content.setAttribute(« role », « button »);
content.setAttribute(« tabindex », « 0 »);
content.setAttribute(« aria-label », « Événement » + evt.date + » : » + evt.title);
content.innerHTML = « » + evt.date + « » + evt.title;
// Interaction au clic
const openDetail = => {
alert(« Événement – » + evt.date + » : » + evt.title);
};
content.addEventListener(« click », openDetail);
// Interaction au clavier (touche Entrée)
content.addEventListener(« keydown », e => {
if (e.key === « Enter » || e.key === » « ) {
openDetail;
e.preventDefault;
}
});
item.appendChild(content);
container.appendChild(item);
});
Survoltée, engagée et irrésistiblement dansante, la trajectoire de Skip the Use s’apparente à une course folle dans les coulisses du rock français. Né au tournant de la décennie 2000 dans la chaleur inattendue du Nord, ce groupe chamboule les repères entre rap, électro et power pop, avant d’envisager un punk-rock étoilé de nuances disco. À mi-chemin entre machines à danser et manifeste social, le quintette décline ses revendications en riffs acérés et chœurs entêtants.
Sans filtre, Skip the Use capte les préoccupations de son public : d’un clin d’œil à Black Lives Matter jusqu’à l’évocation des Gilets Jaunes, les morceaux ressuscitent l’urgence d’un monde en mutation. Véritables adeptes d’innovations sonores, ils jonglent avec la technologie pour écrire l’histoire d’un groupe qui continue de faire scintiller la scène hexagonale.
Origines et formation de Skip the Use : histoire d’un groupe nordiste
Entre les vieilles usines de Ronchin et les squats lillois, plusieurs musiciens se croisent à l’orée des années 2000. Tous anciens du projet Carving, ils partagent une même volonté : injecter une dose de fraîcheur dans un univers rock encaustiqué. Selon une anecdote souvent racontée, c’est après avoir téléchargé des sons sur LimeWire que l’idée de casser les codes punk a germé.
Les racines lilloises et le passé punk de Carving
À 13 ans, chaque membre s’essaye au rock brut. Les répétitions s’enchaînent dans des salles municipales, financées parfois comme on rénove un petit frigo : avec peu de moyens, mais l’âme tenace. Cet élan rappelle les premières expériences de certains journalistes culturels, comme celles relatées dans l’article sur Elizabeth Tchoungui, partisane d’un récit authentique.
Jay Gimenez : basse et groove incendiaire;
Yan Stefani : guitares explosives;
Mat Bastard : chant habité;
Manamax Catteloin : batterie implacable;
Lionel Raepsaet : clavier et textures électro.
Membre
Instrument
Année d’arrivée
Jay Gimenez
Basse
2007
Yan Stefani
Guitare
2007
Mat Bastard
Voix
2007
Manamax Catteloin
Batterie
2007
Lionel Raepsaet
Clavier
2007
La formation officielle de Skip the Use en 2007 marque une rupture : les morceaux entendent élargir le public, tout comme on recherche des produits électroménagers alliant économie d’énergie et confort. Le désir de maintenir une durabilité artistique guide ce groupe dans l’exploration de scènes inattendues.
Après quinze ans passés ensemble sous l’étiquette Carving, l’envie de se mettre en danger devient irrésistible. “Pourquoi rester dans un seul registre alors que l’on peut en explorer mille ?”, se demandaient-ils. Cette remise en question se mue en opportunité : renouveler les riffs, injecter des beats électro, ajouter des grooves disco.
Réflexion collective autour des mélanges de genres;
Recherche d’un son puissant au studio YellowSub;
Collaboration avec Yves Jaguet et Manu Guiot;
Premiers enregistrements et premières dates à guichets fermés.
Au-delà d’une simple métamorphose stylistique, c’est une machine collaborative qui se met en marche, intégrant service client et engagement dans une relation d’égal à égal avec le public. Cette dynamique, nourrie de visions communes, façonne la réputation d’un groupe qui ne tient pas en place.
Insight : la genèse de Skip the Use repose sur la volonté de sublimer un héritage punk par une palette d’inspirations inédites.
Quiz : Skip the Use
// Données du quiz (modifiables ; textes en français)
const quizData = [
{
question: « En quelle année Skip the Use a-t-il sorti son premier album ? »,
options: [« 2004 », « 2008 », « 2010 », « 2012 »],
correctIndex: 1
},
{
question: « Quel festival n’a pas accueilli le groupe en 2010 ? »,
options: [« Les Vieilles Charrues », « Rock en Seine », « Francofolies », « Nuits de Fourvière »],
correctIndex: 1
},
{
question: « Qui produit l’album éponyme de 2009 ? »,
options: [« Fred Duquesne », « Mat Bastard », « Hadrien Aumont », « Skip the Use »],
correctIndex: 0
}
];
let currentQuestion = 0;
let score = 0;
const container = document.getElementById(« question-container »);
const prevBtn = document.getElementById(« prev-btn »);
const nextBtn = document.getElementById(« next-btn »);
const resultDiv = document.getElementById(« result »);
// Fonction pour afficher une question
function showQuestion(index) {
const q = quizData[index];
// Création du HTML de la question et des options
let html = `
${q.question}
`;
q.options.forEach((opt, i) => {
html += `
`;
});
html += « ;
container.innerHTML = html;
// Gestion des boutons en fonction de la sélection
const form = document.getElementById(« quiz-form »);
form.addEventListener(« change », => {
nextBtn.disabled = false;
});
// Initialisation état boutons
prevBtn.disabled = index === 0;
nextBtn.disabled = true;
}
// Afficher la première question
showQuestion(currentQuestion);
// Gestion des boutons
prevBtn.addEventListener(« click », => {
if (currentQuestion > 0) {
currentQuestion–;
showQuestion(currentQuestion);
}
});
nextBtn.addEventListener(« click », => {
const selectedOption = document.querySelector(‘input[name= »option »]:checked’);
if (!selectedOption) return;
if (parseInt(selectedOption.value) === quizData[currentQuestion].correctIndex) {
score++;
}
currentQuestion++;
if (currentQuestion < quizData.length) {
showQuestion(currentQuestion);
} else {
container.innerHTML = `