From 140b89603f36401bca9de9fb3624076064bae42c Mon Sep 17 00:00:00 2001
From: eleonore12345 <chopin.haydn@laposte.net>
Date: Wed, 19 Jun 2024 12:53:57 +0200
Subject: [PATCH] creation de historique

---
 historique.html   | 17 +++++++++++++++++
 index.html        | 24 +++++++++++++-----------
 karafon_style.css | 16 ++++++++++++++--
 3 files changed, 44 insertions(+), 13 deletions(-)
 create mode 100644 historique.html
diff --git a/historique.html b/historique.html
new file mode 100644
index 0000000..352b39e
--- /dev/null
+++ b/historique.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title> Karäfon </title>  
+    <link rel="stylesheet" href="karafon_style.css" /> 
+	<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpg" />
+</head>
+<body>
+    <header>
+        <img src="images/logo.jpg" alt="logo de l'association" height="70" width="70"/>
+        <h1>Collectif Karäfon</h1>      
+    </header>
+        <h1>Historique</h1>
+ 
+</body>
+</html>
diff --git a/index.html b/index.html
index 885e039..3952c25 100644
--- a/index.html
+++ b/index.html
@@ -3,22 +3,24 @@
 <head>
     <meta charset="utf-8" />
     <title> Karäfon </title>  
-    <link rel="stylesheet" href="karäfon_style.css" /> 
+    <link rel="stylesheet" href="karafon_style.css" /> 
 	<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpg" />
-<header>
-        <img src="images/logo.jpg" alt="logo de l'association" height="70" width="70"/>
-        <h1>Collectif Karafon</h1>
-        
-</header>
+</head>
 <body>
+    <header class="banniere">
+        <img src="images/logo.jpg" alt="logo de l'association" height="70" width="70"/>
+        <h1>Collectif Karäfon</h1>      
+    </header>
     <div class="centrer">
         <img src="/photos/festival.jpg" alt="photo du festival"/>
-        <p>Prochaine édition en juillet</p> 
-        <h1> prochaine édition en juillet en h1</h1>
+        <h1> prochaine édition en juillet</h1>
     </div>
-  
-        <input name="button" id="boutonHistorique" onclick="" value="historique" type="button" > <br/>
+        <input name="button" id="boutonHistorique" onclick="fonctionHistorique()" value="historique" type="button" > <br/>
     </div>   
 </body>
+<script id=historique type="text/javascript">
+    function fonctionHistorique(){
+        window.location.href("historique.html");
+    }
+</script>
 </html>
-
diff --git a/karafon_style.css b/karafon_style.css
index b777b08..ebe5ac9 100644
--- a/karafon_style.css
+++ b/karafon_style.css
@@ -4,9 +4,19 @@ html {
 
 header {
     background-color: rgb(39, 140, 180);
-    padding: 2px;
+    padding: 100px; 
     width: 100%;
-    position : fixed;  
+    height: auto;  
+    position: relative;
+    top: 0;  
+    left: 0; 
+    /*z-index: 1000; 
+    box-sizing: border-box; */
+    margin-top: auto;
+    margin-right: auto;
+    margin-bottom: auto;
+    margin-left: auto;
+
 }
 
 p {
@@ -17,6 +27,8 @@ img{
     position: static;
 }
 
+
+
 .centrer{
     text-align: center;
 }
\ No newline at end of file
