Skip to content

Commit

Permalink
refactor: 1.1.0
Browse files Browse the repository at this point in the history
  • Loading branch information
@ArthurBeaulieu
ArthurBeaulieu committed Nov 28, 2024
1 parent d2d3514 commit 81362a1
Show file tree
Hide file tree
Showing 72 changed files with 4,666 additions and 4,088 deletions.
1 change: 1 addition & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
node_modules/
assets/dist/*
5 changes: 5 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,9 @@
# guillaumebeaulieu.com

[![License](https://img.shields.io/github/license/MesseBasseProduction/guillaumebeaulieu.com.svg)](https://github.com/MesseBasseProduction/guillaumebeaulieu.com/blob/master/LICENSE.md)
![](https://badgen.net/badge/version/1.1.0/blue)

Official website for Guillaume Beaulieu, baroque recorder player.
This website offer several pages, allowing end-users to listen to released material, read biography and many more content related to the artist.

Warm thanks to [https://github.com/talkjs/country-flag-emoji-polyfill](country-flag-emoji-polyfill) that solves the issue on Windows/Chrome, not displayed properly the country flags emoji.
9 changes: 8 additions & 1 deletion assets/dist/gb.bundle.css
View file

Large diffs are not rendered by default.

128 changes: 127 additions & 1 deletion assets/dist/gb.bundle.js
View file

Large diffs are not rendered by default.

20 changes: 9 additions & 11 deletions assets/html/404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@
<meta content="initial-scale=1" name="viewport"/>
<meta name="description" content="Guillaume Beaulieu est un Flûtiste à Bec baroque de renommée internationale, reconnu pour sa virtuosité et son interprétation authentique des œuvres du répertoire.">
<link rel="canonical" href="https://guillaumebeaulieu.com/"/>
<link rel="stylesheet" href="/assets/lib/ScrollBar.bundle.css"/>
<link rel="stylesheet" href="/assets/dist/gb.bundle.css"/>
<!-- Favicon zone -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png">
Expand Down Expand Up @@ -47,7 +46,7 @@
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.mycozy.space/";
var u="https://matomo.mycozy.space/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '41']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
Expand All @@ -60,6 +59,7 @@
<header>
<h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
<div class="interaction-wrapper">
<label for="lang-select" id="nls-header-select-label">Langue</label>
<select id="lang-select">
<option value="en">🇬🇧 Anglais</option>
<option value="fr">🇫🇷 Français</option>
Expand All @@ -70,19 +70,20 @@ <h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
</select>
<div class="social-shortcuts">
<a href="https://www.instagram.com/guillaume_beaulieu_recorder/" target="_blank" rel="noopener" alt="instagram-profile">
<img src="/assets/img/logo/instagram.svg" alt="Instagram logo">
<img src="/assets/img/logo/instagram.svg" alt="Instagram logo" height="40" width="40">
</a>
<a href="https://www.youtube.com/@GuillaumeBeaulieuRecorder" target="_blank" rel="noopener" alt="youtube-account">
<img src="/assets/img/logo/youtube.svg" alt="YouTube logo">
<img src="/assets/img/logo/youtube.svg" alt="YouTube logo" height="40" width="40">
</a>
<a href="https://www.facebook.com/guillaume.beaulieu.73" target="_blank" rel="noopener" alt="facebook-profile">
<img src="/assets/img/logo/facebook.svg" alt="Facebook logo">
<img src="/assets/img/logo/facebook.svg" alt="Facebook logo" height="40" width="40">
</a>
</div>
</div>
</header>
<nav>
<a href="/biography" id="nls-nav-biography" alt="artist-biography">Biographie</a>
<a href="/programs" id="nls-nav-programs" alt="artist-programs">Programmes</a>
<a href="/discography" id="nls-nav-discography" alt="artist-discography">Discographie</a>
<a href="/medias" id="nls-nav-medias" alt="artist-medias">Médias</a>
<a href="/links" id="nls-nav-links" alt="artist-links">Liens</a>
Expand All @@ -91,20 +92,17 @@ <h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
<h1 id="nls-404-title">Erreur 404</h1>
<h2 id="nls-404-description">La page que vous cherchez à visionner n'existe pas. Veuillez utiliser la barre de navigation pour vous rendre sur une page définie.</h2>
<a href="/biography" id="nls-nav-biography" alt="artist-biography">
<img src="/assets/img/artists/gb2.webp" alt="artist-picture">
<img src="/assets/img/artists/gb2.webp" alt="artist-picture" height="425" width="756">
</a>
</main>
<footer>
<a href="https://messe-basse-production.com" target="_blank" rel="noreferrer noopener">
<img src="/assets/img/logo/mbp-text-white.png">
<img src="/assets/img/logo/mbp-text-white.webp" alt="messe-basse-production-logo" height="42" width="300">
</a>
<span id="info-modal">
<p>© 2024</p>
</span>
<a href="#" id="info-modal" class="info-modal">© 2024</a>
</footer>
<div id="loading-overlay" class="loading-overlay"></div>
<div id="modal-overlay" class="modal-overlay"></div>
<script type="text/javascript" src="/assets/lib/ScrollBar.bundle.js"></script>
<script type="text/javascript" src="/assets/dist/gb.bundle.js"></script>
<script type="text/javascript">window.gb = new gb();</script>
</body>
Expand Down
33 changes: 15 additions & 18 deletions assets/html/biography.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@
<meta content="initial-scale=1" name="viewport"/>
<meta name="description" content="Guillaume Beaulieu est un Flûtiste à Bec baroque de renommée internationale, reconnu pour sa virtuosité et son interprétation authentique des œuvres du répertoire.">
<link rel="canonical" href="https://guillaumebeaulieu.com/"/>
<link rel="stylesheet" href="/assets/lib/ScrollBar.bundle.css"/>
<link rel="stylesheet" href="/assets/dist/gb.bundle.css"/>
<!-- Favicon zone -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png">
Expand All @@ -25,9 +24,9 @@
<link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileColor" content="#2E4FB8">
<meta name="msapplication-TileImage" content="/assets/img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#FFFFFF">
<meta name="theme-color" content="#2E4FB8">
<!-- Open graph metas -->
<meta property="og:title" content="Guillaume Beaulieu"/>
<meta property="og:url" content="https://guillaumebeaulieu.com/"/>
Expand All @@ -47,7 +46,7 @@
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.mycozy.space/";
var u="https://matomo.mycozy.space/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '41']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
Expand All @@ -60,6 +59,7 @@
<header>
<h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
<div class="interaction-wrapper">
<label for="lang-select" id="nls-header-select-label">Langue</label>
<select id="lang-select">
<option value="en">🇬🇧 Anglais</option>
<option value="fr">🇫🇷 Français</option>
Expand All @@ -70,13 +70,13 @@ <h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
</select>
<div class="social-shortcuts">
<a href="https://www.instagram.com/guillaume_beaulieu_recorder/" target="_blank" rel="noopener" alt="instagram-profile">
<img src="/assets/img/logo/instagram.svg" alt="Instagram logo">
<img src="/assets/img/logo/instagram.svg" alt="Instagram logo" height="40" width="40">
</a>
<a href="https://www.youtube.com/@GuillaumeBeaulieuRecorder" target="_blank" rel="noopener" alt="youtube-account">
<img src="/assets/img/logo/youtube.svg" alt="YouTube logo">
<img src="/assets/img/logo/youtube.svg" alt="YouTube logo" height="40" width="40">
</a>
<a href="https://www.facebook.com/guillaume.beaulieu.73" target="_blank" rel="noopener" alt="facebook-profile">
<img src="/assets/img/logo/facebook.svg" alt="Facebook logo">
<img src="/assets/img/logo/facebook.svg" alt="Facebook logo" height="40" width="40">
</a>
</div>
</div>
Expand All @@ -92,31 +92,28 @@ <h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
<h2 id="nls-bio-short">Flûtiste à bec baroque de renommée internationale, reconnu pour sa virtuosité et son interprétation authentique des œuvres du répertoire.</h2>
<div class="biography-wrapper">
<div class="image-container">
<img src="/assets/img/artists/gb2.webp" id="artist-picture-path" class="artist-picture" alt="Guillaume Beaulieu playing recorder">
<img src="/assets/img/artists/gb2.webp" id="artist-picture-path" class="artist-picture" alt="Guillaume Beaulieu playing recorder" height="425" width="756">
<p>© <span id="artist-picture-author">Arthur Beaulieu</span></p>
<div id="photo-select" class="photo-select">
<span class="active"></span>
<span></span>
<span></span>
<a href="#" class="active" alt="artist-photo">Artist photo</a>
<a href="#" alt="artist-photo">Artist photo</a>
<a href="#" alt="artist-photo">Artist photo</a>
</div>
</div>
<div class="bio-container">
<p id="nls-bio-content1"><i>Guillaume Beaulieu</i> débute la flûte à bec à l'âge de dix ans au conservatoire de Massy, en région parisienne. Il obtient son DEM de flûte à bec en 2010 dans la classe de <i>Jean-Pierre Nicolas</i> au CRD de la vallée de Chevreuse avec les félicitations du jury à l’unanimité, puis il intègre la classe de <i>Pierre Hamon</i> au CNSMD de Lyon. Il y obtiendra son master en 2015 avec la mention très bien.<br><br>Son goût pour la musique ancienne le pousse à s'intéresser à la basse continue ; il complète ainsi sa formation en étudiant le clavecin avec <i>Michèle Dévérité</i> au CRD de la vallée de Chevreuse.<br><br>Cette polyvalence lui permet de se produire en France et à l’étranger (Brésil, Japon, Pologne, Hollande, Belgique, Israël…) avec différents ensembles : ensemble Pygmalion, les Nouveaux Caractères, ensemble Canzona, Orchestre Français des Jeunes Baroques.<br><br>Il a remporté plusieurs prix avec son ensemble de flûtes : le Consort Brouillamini (1<sup>er</sup> prix du Concours International des journées de musiques anciennes de Vanves 2016, Prix du public pour la saison musicale de Musée en musique de Grenoble 2015). Guillaume a également remporté en soliste le 2<sup>ème</sup> prix du concours international <i>Moeck / SRP solo recorder competition</i> 2017, le 3<sup>ème</sup> prix au concours de Nordhorn, le 3<sup>ème</sup> prix au concours international de New York en 2019 (<i>Golden Classical Music Awards</i>), ainsi que le 1<sup>er</sup> prix au concours soliste international de Tel Aviv en 2020.<br><br>Passionné par l'enseignement de son instrument, Guillaume intervient régulièrement lors de <i>masterclass</i> et enseigne la flûte à bec à l’école des arts de Marcoussis, ainsi qu’au conservatoire de Chevilly-Larue dont il est également le Directeur.</p>
<p id="nls-bio-content"><i>Guillaume Beaulieu</i> débute la flûte à bec à l'âge de dix ans au conservatoire de Massy, en région parisienne. Il obtient son DEM de flûte à bec en 2010 dans la classe de <i>Jean-Pierre Nicolas</i> au CRD de la vallée de Chevreuse avec les félicitations du jury à l’unanimité, puis il intègre la classe de <i>Pierre Hamon</i> au CNSMD de Lyon. Il y obtiendra son master en 2015 avec la mention très bien.<br><br>Son goût pour la musique ancienne le pousse à s'intéresser à la basse continue ; il complète ainsi sa formation en étudiant le clavecin avec <i>Michèle Dévérité</i> au CRD de la vallée de Chevreuse.<br><br>Cette polyvalence lui permet de se produire en France et à l’étranger (Brésil, Japon, Pologne, Hollande, Belgique, Israël…) avec différents ensembles : ensemble Pygmalion, les Nouveaux Caractères, ensemble Canzona, Orchestre Français des Jeunes Baroques.<br><br>Il a remporté plusieurs prix avec son ensemble de flûtes : le Consort Brouillamini (1<sup>er</sup> prix du Concours International des journées de musiques anciennes de Vanves 2016, Prix du public pour la saison musicale de Musée en musique de Grenoble 2015). Guillaume a également remporté en soliste le 2<sup>ème</sup> prix du concours international <i>Moeck / SRP solo recorder competition</i> 2017, le 3<sup>ème</sup> prix au concours de Nordhorn, le 3<sup>ème</sup> prix au concours international de New York en 2019 (<i>Golden Classical Music Awards</i>), ainsi que le 1<sup>er</sup> prix au concours soliste international de Tel Aviv en 2020.<br><br>Passionné par l'enseignement de son instrument, Guillaume intervient régulièrement lors de <i>masterclass</i> et enseigne la flûte à bec à l’école des arts de Marcoussis, ainsi qu’au conservatoire de Chevilly-Larue dont il est également le Directeur.</p>
</div>
</div>
<h2 id="nls-bio-find-online">Retrouvez Guillaume Beaulieu sur internet <a href="/links" alt="artist-links">ici</a>.</h2>
<h2 id="nls-bio-find-online">Retrouvez Guillaume Beaulieu <a href="/links" alt="artist-links">sur internet</a>.</h2>
</main>
<footer>
<a href="https://messe-basse-production.com" target="_blank" rel="noreferrer noopener">
<img src="/assets/img/logo/mbp-text-white.png">
<img src="/assets/img/logo/mbp-text-white.webp" alt="messe-basse-production-logo" height="42" width="300">
</a>
<span id="info-modal">
<p>© 2024</p>
</span>
<a href="#" id="info-modal" class="info-modal">© 2024</a>
</footer>
<div id="loading-overlay" class="loading-overlay"></div>
<div id="modal-overlay" class="modal-overlay"></div>
<script type="text/javascript" src="/assets/lib/ScrollBar.bundle.js"></script>
<script type="text/javascript" src="/assets/dist/gb.bundle.js"></script>
<script type="text/javascript">window.gb = new gb();</script>
</body>
Expand Down
21 changes: 9 additions & 12 deletions assets/html/discography.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@
<meta content="initial-scale=1" name="viewport"/>
<meta name="description" content="Guillaume Beaulieu est un Flûtiste à Bec baroque de renommée internationale, reconnu pour sa virtuosité et son interprétation authentique des œuvres du répertoire.">
<link rel="canonical" href="https://guillaumebeaulieu.com/"/>
<link rel="stylesheet" href="/assets/lib/ScrollBar.bundle.css"/>
<link rel="stylesheet" href="/assets/dist/gb.bundle.css"/>
<!-- Favicon zone -->
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png">
Expand All @@ -25,9 +24,9 @@
<link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileColor" content="#2E4FB8">
<meta name="msapplication-TileImage" content="/assets/img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#FFFFFF">
<meta name="theme-color" content="#2E4FB8">
<!-- Open graph metas -->
<meta property="og:title" content="Guillaume Beaulieu"/>
<meta property="og:url" content="https://guillaumebeaulieu.com/"/>
Expand All @@ -47,7 +46,7 @@
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.mycozy.space/";
var u="https://matomo.mycozy.space/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '41']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
Expand All @@ -60,6 +59,7 @@
<header>
<h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
<div class="interaction-wrapper">
<label for="lang-select" id="nls-header-select-label">Langue</label>
<select id="lang-select">
<option value="en">🇬🇧 Anglais</option>
<option value="fr">🇫🇷 Français</option>
Expand All @@ -70,13 +70,13 @@ <h1 class="artist-name"><a href="/">Guillaume Beaulieu</a></h1>
</select>
<div class="social-shortcuts">
<a href="https://www.instagram.com/guillaume_beaulieu_recorder/" target="_blank" rel="noopener" alt="instagram-profile">
<img src="/assets/img/logo/instagram.svg" alt="Instagram logo">
<img src="/assets/img/logo/instagram.svg" alt="Instagram logo" height="40" width="40">
</a>
<a href="https://www.youtube.com/@GuillaumeBeaulieuRecorder" target="_blank" rel="noopener" alt="youtube-account">
<img src="/assets/img/logo/youtube.svg" alt="YouTube logo">
<img src="/assets/img/logo/youtube.svg" alt="YouTube logo" height="40" width="40">
</a>
<a href="https://www.facebook.com/guillaume.beaulieu.73" target="_blank" rel="noopener" alt="facebook-profile">
<img src="/assets/img/logo/facebook.svg" alt="Facebook logo">
<img src="/assets/img/logo/facebook.svg" alt="Facebook logo" height="40" width="40">
</a>
</div>
</div>
Expand All @@ -94,15 +94,12 @@ <h2 id="nls-disco-description">Productions sur lesquels figurent des interpréta
</main>
<footer>
<a href="https://messe-basse-production.com" target="_blank" rel="noreferrer noopener">
<img src="/assets/img/logo/mbp-text-white.png">
<img src="/assets/img/logo/mbp-text-white.webp" alt="messe-basse-production-logo" height="42" width="300">
</a>
<span id="info-modal">
<p>© 2024</p>
</span>
<a href="#" id="info-modal" class="info-modal">© 2024</a>
</footer>
<div id="loading-overlay" class="loading-overlay"></div>
<div id="modal-overlay" class="modal-overlay"></div>
<script type="text/javascript" src="/assets/lib/ScrollBar.bundle.js"></script>
<script type="text/javascript" src="/assets/dist/gb.bundle.js"></script>
<script type="text/javascript">window.gb = new gb();</script>
</body>
Expand Down
Loading

0 comments on commit 81362a1

Please sign in to comment.