Skip to content
This repository has been archived by the owner on Jun 20, 2022. It is now read-only.

Commit

Permalink
Version 1.0 du site (#9)
Browse files Browse the repository at this point in the history 
* Update 17/12/2021

-Dossier pour les versions multilingues
-Ajout de la page d'accueil en anglais
-Ajout de l'hypertexte pour changer de langue
-Ajout des débuts de la page d'histoire
-Amélioration du style.css
- Autres améliorations ....

* Update 17/12/2021

-Dossier pour les versions multilingues
-Ajout de la page d'accueil en anglais
-Ajout de l'hypertexte pour changer de langue
-Ajout des débuts de la page d'histoire
-Amélioration du style.css
- Autres améliorations ....

* Updated meta tags

* Page visiter FR

* Page visiter FR

* Mise à jour 03/01/2022

Commencement de la responsivité

* v2.0 du site (#5)

* v2.0 du site

Version 2.0 du site :
Seulement seule la page d'accueil FR est réalisée.
-- Plus modulaire pour ajouter des fonctionnalités et du contenu dessus
-- Plus joli
-- Topbar en bas qui se colle ensuite en haut ( uniquement sur la page d'accueil)
-- Ajout de padding  pour @blackdede (closed #4 )

* 18h05

* v2.5 ajout des pages visiter et a propos en francais, animation de scroll, image fixe, changement du style des h1, autres ameliorations et optimisations

* Fixed issue #6

* Ajout de flou sur l image d accueil

* Ajout traduction anglaise et MaJ des liens pour y acceder et inversement

* Finalisation trad anglaise about html

* updated redirection link

* Minor fixes

* Ajout page histoire

* Ajout page histoire

* Maj

* Fixed home page link from history EN

* Fixed link issues on history page EN et FR
  • Loading branch information
@Leon-ED
Leon-ED authored Jan 7, 2022
1 parent eaa4daa commit 87fa428
Show file tree
Hide file tree
Showing 29 changed files with 1,255 additions and 258 deletions.
120 changes: 120 additions & 0 deletions en/about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>About : Palace of Fontainebleau</title>
<meta charset="utf-8" />
<meta name="description" content="UNESCO project : Website about the Palace of Fontainebleau and its park">
<meta name="author" content="Léon EDMEE">
<meta name="robots" content="noindex, nofollow" />
<link rel="icon" href="../fichiers/medias/images/icon.PNG">
<link rel="stylesheet" href="../fichiers/css/styles.css">
<link rel="stylesheet" href="../fichiers/css/about.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<a id='skip' href="#content">Go to content</a>
<div class="bloc"></div>
<div class="top">
<div class="container">
<div class="content">
<p>
About this website
</p>
</div>
</div>
</div>
<div id='top'>
<nav class="bloc-navigation">
<ul class="top-nav" id="content">
<li><a href="./accueil.html">Home</a></li>
<li><a href="./history.html#content">History</a></li>
<li><a href="./visit.html#content">Visit</a></li>
<li><a href="#content">About</a></li>
<li><a href="../fr/about.html#content">FR</a></li>
</ul>
</nav>
</div>
<article>
<aside>
<p>
Thank you for visiting our site!
If you have the time, but especially if you have the desire, do not hesitate to help us by
by filling in the following form:<br>
</p>
<iframe class="bordures"
src="https://docs.google.com/forms/d/e/1FAIpQLSc08KKUIXc2nx45y9DGlNSyD3-2Vks2cniIGiiAUIPjYfPIRw/viewform?embedded=true"
width="400" height="600" frameborder="0" marginheight="0" marginwidth="0">Loading the form....
</iframe>

</aside>
<div class="article-content">
<h1>About</h1>
<p>
This website was created by the Fontainebleau team of the BUT 1 Informatique of the IUT Marne-la-Vallée
as part of the communication project by :
<ul>
<li>DELMAS Denis : <strong>Project manager</strong></li>
<li>CAI Delmas : <strong>Graphic Designer</strong></li>
<li>EDMEE Léon : <strong>Web Development Manager</strong></li>
<li>DOUMI Sofiane : <strong>Communication Manager and Writer</strong></li>
<li>EL OTMANI Loqmane : <strong>Writer </strong></li>
</ul>

</p>
<h1>Licence and credits</h1>
<p>
The images used on this site are free of rights according to following
<a href="https://creativecommons.org/licenses/by/2.0/">licence</a>.
</p>
<p>Home image : <a href="https://www.fontainebleau-tourisme.com/en/discover-the-region/patrimoine-2/">office du tourisme de Fontainebleau</a>
</p>
</div>
<!--
<aside>
<p>Retrouver le château de Fontainebleau:</p>
<p>
<ul class='links'>
<li>Sur youtube</li>
<li>Sur Facebook</li>
<li>Sur Twitter</li>
</ul>
</p>
</aside>
-->
</article>
<footer>
<p>Made in partnership with</p>
<div>
<img src="../fichiers/medias/images/mcn.PNG" height="60" alt="MCN's logo">
<img src="../fichiers/medias/images/unesco.PNG" height="70" alt="UNESCO's logo">
</div>
<details>
<summary>
Made in december of 2021.
</summary>
Copyrights (c) 2021 - All rights reserved <br>
The images used belong to their respective authors <br>
And have been used under the Creative Commons license allowing us <br>
to reuse them free of charge for non-profit or commercial purposes.
</details>

</footer>
<script>
window.onscroll = function() {myFunction()};
var navbar = document.getElementById("top");
var sticky = navbar.offsetTop;
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
navbar.classList.remove("top");
} else {
navbar.classList.remove("sticky");
}
}
</script>

</body>
101 changes: 101 additions & 0 deletions en/accueil.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>Home : Palace of Fontainebleau</title>
<meta charset="utf-8" />
<meta name="description" content="UNESCO project : Website about the Palace of Fontainebleau and its park">
<meta name="author" content="Léon EDMEE">
<meta name="robots" content="noindex, nofollow" />
<link rel="icon" href="../fichiers/medias/images/icon.PNG">
<link rel="stylesheet" href="../fichiers/css/styles.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
iframe{
max-width: 90%;
}
</style>
</head>
<body>
<a id='skip' href="#content">Go to content</a>
<div class="bloc">
<div class="mobile-hidden">
<a href="https://www.youtube.com/watch?v=wEdrFO9xKes">Happy new year in video ! </a>
</div>
</div>
<div class="top">
<div class="container">
<div class="content">
<p>
Fontainebleau, <br>
a World Heritage Site</p>
</div>
</div>
</div>
<div id='top'>
<nav class="bloc-navigation">
<ul class="top-nav" id="content">
<li><a href="#">Home</a></li>
<li><a href="./history.html#content">History</a></li>
<li><a href="./visit.html#content">Visit</a></li>
<li><a href="./about.html#content">About</a></li>
<li><a href="../fr/accueil.html">FR</a></li>
</ul>
</nav>
</div>
<article>
<div class="article-content">
<h1>Welcome !</h1>
<p>
On this website you will learn more about the thrilling history of the palace of Fontainebleau and its park both classed as
a World Heritage Site by UNESCO.
</p>
<p>
You will be able to plan your trip by learning how to come and how to visit as best as possible : <strong>Fontainebleau !</strong><br>
Where are the famous palace and its beautiful park.
</p>
<p>
<h2>Discover Fontainebleau</h2>
<iframe width="1000" height="500" src="https://www.youtube-nocookie.com/embed/pC2hIv2IFdk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h4>Drone footage from above.</h4>
</p>
<p>
<h2>Talking about us !</h2>
<iframe width="1000" height="500" src="https://www.youtube-nocookie.com/embed/Dko5_xVQMsc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h4>Palace of Fontainebleau video Guide on YouTube by <quote><a href="https://www.youtube.com/channel/UCYlW84S3ZOS4RpCmTKBdGow">Travel and discover</a></quote></h4>
</p>
</div>
</article>
<footer>
<p>Made in partnership with</p>
<div>
<img src="../fichiers/medias/images/mcn.PNG" height="60" alt="MCN's logo">
<img src="../fichiers/medias/images/unesco.PNG" height="70" alt="UNESCO's logo">
</div>
<details>
<summary>
Made in december of 2021.
</summary>
Copyrights (c) 2021 - All rights reserved <br>
The images used belong to their respective authors <br>
And have been used under the Creative Commons license allowing us <br>
to reuse them free of charge for non-profit or commercial purposes.
</details>

</footer>
<script>
window.onscroll = function() {myFunction()};
var navbar = document.getElementById("top");
var sticky = navbar.offsetTop;
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
navbar.classList.remove("top");
} else {
navbar.classList.remove("sticky");
}
}
</script>

</body>
157 changes: 157 additions & 0 deletions en/history.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,157 @@

<!DOCTYPE html>
<html lang="fr">

<head>
<title>History: Palace of Fontainebleau</title>
<meta charset="utf-8" />
<meta name="description" content="UNESCO project : Website about the Palace of Fontainebleau and its park">
<meta name="author" content="Léon EDMEE">
<meta name="robots" content="noindex, nofollow" />
<link rel="icon" href="../fichiers/medias/images/icon.PNG">
<link rel="stylesheet" href="../fichiers/css/styles.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<a id='skip' href="#content">Go to content</a>
<div class="bloc"></div>
<div class="top">
<div class="container">
<div class="content">
<p>
Fontainebleau, <br>
a rich History
</p>
</div>
</div>
</div>
<div id='top'>
<nav class="bloc-navigation">
<ul class="top-nav" id="content">
<li><a href="./accueil.html">Home</a></li>
<li><a href="#content">History</a></li>
<li><a href="./visit.html#content">Visit</a></li>
<li><a href="./about.html#content">About</a></li>
<li><a href="../fr/history.html">FR</a></li>
</ul>
</nav>
</div>
<article>
<div class="article-content">
<h1>Fontainebleau in history</h1>
<h2>Palace of Fontainebleau, a fortified palace
</h2>
<p>
In 1137, King Louis VII mentioned a palace for the first time in his charter. The
The exact date of the palace's construction is still unknown, but the first building may have been
the reign of Louis VII's father, Louis VI, or even during the reign of his grandfather
of his grandfather Philip I.

</p>
<h2>Palace of Fontainebleau - The Renaissance</h2>
<p>
The Palace of Fontainebleau was one of the greatest works of the French Renaissance.
French Renaissance.
The year 1527 was the second birth of the palace. That year
That year, François I decided to renovate the palace.
After his captivity, he wanted to restore his reputation. He wanted to restore his reputation after his captivity.
He therefore decided to make the palace his home by renovating it.
The inspiration for the palace came from the Italian renaissance, which took place at the same time.
which took place at the same time.
The only remnant of the old palace is the keep.

</p>
<h2>A revival with Henry IV</h2>
<p>
After the Wars of Religion, Henri IV wanted to reconstitute his court in Fontainebleau because of
of his opponents. He therefore tried to give the place all the splendour he could. In
hiring artists to magnify the palace and its gardens with water features and
fountains. Later, the palace became the birthplace of the Bourbons.


</p>
<figure>
<img src="../fichiers/medias/images/parc.jpg" height="400" alt="Alexandre-Louis Robert MILLIN du PERREUX Paris, 1764 - 1843 Sully s’agenouillant devant Henri IV devant le château de Fontainebleau...">
<figcaption>Alexandre-Louis Millin du Perreux(1764-1843) 1819 Huile sur toile,
Palace of
Fontainebleau</figcaption>
</figure>
<h2>Le Palace of roi Soleil</h2>
<p>
The main project of Louis XIV, the Sun King, was to renovate and settle in Versailles.
But during the renovations the young king's court moved to Fontainebleau.
Despite this, the Palace of Fontainebleau remained the king's hunting Palace, so he came to stay there every autumn.
he came to stay there every autumn.
</p>
<h2>From Louis XV to the French Revolution</h2>
<p>
Louis XV and Louis XVI, like Louis XIV, made the Palace of Fontainebleau their
secondary residence. They came there for their annual hunts in the autumn and held banquets during this period, as well as
banquets during this period as well as large parties. They undertook some
renovations.
During the French revolution, the palace of the kings of France was the target of demolition projects.
demolition. This was avoided thanks to the two schools that were established there for a time.
</p>
<h2>
Fontainebleau under the reign of Napoleon the I<sup>st</sup>

</h2>
<p>
Napoleon Bonaparte became Napoleon the I<sup>st</sup>, and when he was to be crowned emperor by the pope,
the Pope refurnished Palace of Fontainebleau to accommodate him.
The more the conquests progressed, the more sumptuous the renovations and refurnishing became.
He built a throne there in 1808 and it was a place
and festivities for the emperor.
The moment of the Farewell to his guard, at the foot of the
the Horseshoe Staircase is a highlight of the
of the place.
</p>



<figure>
<img src="../fichiers/medias/images/adieu_napoleon.jpg" height="400">
<figcaption>MONTFORT Antoine Alphonse (1802 -1884)</figcaption>
</figure>
</div>

</article>
<footer>
<p>Made in partnership with</p>
<div>
<img src="../fichiers/medias/images/mcn.PNG" height="60" alt="MCN's logo">
<img src="../fichiers/medias/images/unesco.PNG" height="70" alt="UNESCO's logo">
</div>
<details>
<summary>
Made in december of 2021.
</summary>
Copyrights (c) 2021 - All rights reserved <br>
The images used belong to their respective authors <br>
And have been used under the Creative Commons license allowing us <br>
to reuse them free of charge for non-profit or commercial purposes.
</details>

</footer>
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};

// Get the navbar
var navbar = document.getElementById("top");
// Get the offset position of the navbar
var sticky = navbar.offsetTop;

// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset >= sticky) {
navbar.classList.add("sticky")
navbar.classList.remove("top");
} else {
navbar.classList.remove("sticky");
}
}
</script>

</body>
Loading

0 comments on commit 87fa428

Please sign in to comment.