let lastScrollTop = 0; const header = document.getElementById('custom-header'); const threshold = 5; // Pixels minimum pour déclencher window.addEventListener('scroll', function() { let st = window.pageYOffset || document.documentElement.scrollTop; // Si on est tout en haut, on affiche le header if (st <= 0) { header.classList.remove('header-hidden'); return; } // Si le scroll est significatif if (Math.abs(lastScrollTop - st) <= threshold) return; if (st > lastScrollTop && st > 100) { // Scroll Down : on cache header.classList.add('header-hidden'); } else { // Scroll Up : on montre header.classList.remove('header-hidden'); } lastScrollTop = st; }, { passive: true });
Planches
Éventail
Tenues Tourisme
Terrassa Map Full
Still Life
Portrait CoxonPortrait Mai ThuPortrait SelenaPortrait Singh
Kaytranada
Passants
Chocolat
AvironMoto AnimationAlbufura
Hortet
Entête
Horoscope Tous les Signes

Philomène Fontaine is a traditional and digital illustrator who loves
the beauty of the mundane

Read the 3rd person bio
she wrote about herself here ⭢
let lastScrollTop = 0; const header = document.getElementById('custom-header'); const threshold = 5; // Pixels minimum pour déclencher window.addEventListener('scroll', function() { let st = window.pageYOffset || document.documentElement.scrollTop; // Si on est tout en haut, on affiche le header if (st <= 0) { header.classList.remove('header-hidden'); return; } // Si le scroll est significatif if (Math.abs(lastScrollTop - st) <= threshold) return; if (st > lastScrollTop && st > 100) { // Scroll Down : on cache header.classList.add('header-hidden'); } else { // Scroll Up : on montre header.classList.remove('header-hidden'); } lastScrollTop = st; }, { passive: true });
Sketchbook Animals
Sketchbook Animals
Sketchbook Animals
Sketchbook Racerzzz
Sketchbook Animals
Sketchbook Animals
Sketchbook Animals
Sketchbook Animals
Marker and Colored Pencils
Sketchbook Animals
Sketchbook Animals
Sketchbook Animals
DRAW THE PHILOTO
const imageUrls = [ "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_van.PNG", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_stbenoit.jpg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_motif.jpg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_lacrosse.jpeg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_immaculee.jpg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_couvercle.png", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/Philoto_parapluie.jpeg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/Philoto_mains.jpeg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/Philoto_emote.jpg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/Philoto_courses.jpg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_markevans.PNG", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/Philoto_Rick.PNG", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_diogene.jpg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_billard.png", "https://raw.githubusercontent.com/menetaine/Portfolio/main/Philoto/philoto_arbres.gif", "https://raw.githubusercontent.com/menetaine/Portfolio/main/philoto_sche.png", "https://raw.githubusercontent.com/menetaine/Portfolio/main/philoto_havre.jpg", "https://raw.githubusercontent.com/menetaine/Portfolio/main/philoto_corcovado.png", "https://raw.githubusercontent.com/menetaine/Portfolio/main/philoto_alumette.png", "https://raw.githubusercontent.com/menetaine/Portfolio/main/philoto_agua.png" ]; function showRandomImage() { const randomIndex = Math.floor(Math.random() * imageUrls.length); const img = document.getElementById("randomImage"); img.src = imageUrls[randomIndex]; img.style.display = "block"; }
let lastScrollTop = 0; const header = document.getElementById('custom-header'); const threshold = 5; // Pixels minimum pour déclencher window.addEventListener('scroll', function() { let st = window.pageYOffset || document.documentElement.scrollTop; // Si on est tout en haut, on affiche le header if (st <= 0) { header.classList.remove('header-hidden'); return; } // Si le scroll est significatif if (Math.abs(lastScrollTop - st) <= threshold) return; if (st > lastScrollTop && st > 100) { // Scroll Down : on cache header.classList.add('header-hidden'); } else { // Scroll Up : on montre header.classList.remove('header-hidden'); } lastScrollTop = st; }, { passive: true });
Philomène Fontaine [fi.lɔ.mɛn fɔ̃.tɛn] (she/her) is a french illustrator from Nord-Pas-de-Calais.

Having lived in Paris and Milan and enjoyed long term stays in the Netherlands, Catalonia and Ireland, her curiosity for cultural heritage and decorative arts is her biggest inspiration in her artistic practice.

She studied Graphic Design at l'ECV Lille (FR), Design at Politecnico di Milano (ITA), Creative Strategy in Estienne (FR), and Communication, Media & Creative Industries in Sciences Po Paris (FR). She's worked as a graphic designer, art director and marketing assistant in advertizing agencies, product design studios and a luxury house, but her main drive has always remained illustration.
let lastScrollTop = 0; // CORRECTION : On utilise bien l'ID 'custom-header-contact' const headerContact = document.getElementById('custom-header-contact'); const threshold = 5; window.addEventListener('scroll', function() { let st = window.pageYOffset || document.documentElement.scrollTop; if (st <= 0) { headerContact.classList.remove('header-hidden'); return; } if (Math.abs(lastScrollTop - st) <= threshold) return; if (st > lastScrollTop && st > 100) { headerContact.classList.add('header-hidden'); } else { headerContact.classList.remove('header-hidden'); } lastScrollTop = st; }, { passive: true });
P MENTIONS LÉGALES

Conformément à l’article n°6 de la Loi n°2004-575 du 21 Juin 2004 pour la confiance dans l’économie numérique, la responsable du présent site internet philomene-fontaine.fr est: Laure Bourgain SARL XX XX Numéro de SIREN : XX XX Responsable éditorial : XX XX Téléphone : XX XX Email : [email protected]
Philomène Fontaine est le nom d'emprunt de Laure Bourgain dans sa présente activité profesionnelle d'illustration.

Hébergement
INFOMANIAK NETWORK SA 26, Avenue de la Praille – 1227 Carouge / Genève – SUISSE Tél. : +41 22 820 35 44. Fax : +41 22 301 67 69
Ce site XX XX est proposé en diƯérents langages web (HTML, HTML5, Javascript, CSS, etc…) pour un meilleur confort d’utilisation et un graphisme plus agréable. Nous vous recommandons de recourir à des navigateurs modernes comme Internet explorer, Safari, Firefox, Google Chrome, etc…

Propriété intellectuelle
Tout le contenu du présent site philomene-fontaine.fr, incluant, de façon non limitative, les graphismes, images, textes, vidéos, animations, sons, logos, gifs et icônes ainsi que leur mise en forme sont la propriété exclusive de la société à l’exception des marques, logos ou contenus appartenant à d’autres sociétés partenaires ou auteurs. Toute reproduction, distribution, modification, adaptation, retransmission ou publication, même partielle, de ces différents éléments est strictement interdite sans l’accord exprès par écrit de Laure Bourgain. Cette représentation ou reproduction, par quelque procédé que ce soit, constitue une contrefaçon sanctionnée par les articles L.335-2 et suivants du Code de la propriété intellectuelle. Le non-respect de cette interdiction constitue une contrefaçon pouvant engager la responsabilité civile et pénale du contrefacteur. En outre, les propriétaires des Contenus copiés pourraient intenter une action en justice à votre encontre.

let lastScrollTop = 0; // CORRECTION : On utilise bien l'ID 'custom-header-contact' const headerContact = document.getElementById('custom-header-contact'); const threshold = 5; window.addEventListener('scroll', function() { let st = window.pageYOffset || document.documentElement.scrollTop; if (st <= 0) { headerContact.classList.remove('header-hidden'); return; } if (Math.abs(lastScrollTop - st) <= threshold) return; if (st > lastScrollTop && st > 100) { headerContact.classList.add('header-hidden'); } else { headerContact.classList.remove('header-hidden'); } lastScrollTop = st; }, { passive: true });
DISCUSS A PROJECT, PROPOSE A COLLAB, ASK A QUESTION

THE CREATION PROCESS