modifs page anim + page refernces en cours a finir

yacineblr · Sep 26, 2016 · 67335d4 · 67335d4
1 parent 86ecd2b
commit 67335d4
Show file tree

Hide file tree

Showing 16 changed files with 11,953 additions and 341 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/head.php b/head.php
@@ -1,112 +1,112 @@
-	<div class="sidebar">
-		<div class="leftbar">
-			<ul>
-				<a class="lisidebar" href="accueil/">
-					<li>
-						<h3><i class="fa fa-home fa-2x" aria-hidden="true"></i>Home</h3>
-					</li>
-				</a>
-				<a class="lisidebar" href="animation/">
-					<li>
-						<h3><i class="fa fa-clone fa-2x" aria-hidden="true"></i>Animation</h3>
-					</li>
-				</a>
-				<a class="lisidebar" href="transition/">
-					<li>
-						<h3><i class="fa fa-exchange fa-2x" aria-hidden="true"></i>Transition</h3>
-					</li>
-				</a>
-				<a class="lisidebar" href="atelier/">
-					<li>
-						<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Atelier</h3>
-					</li>
-				</a>
-				<a class="lisidebar" href="annexe/">
-					<li>
-						<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Lexique</h3>
-					</li>
-				</a>
-				<a class="lisidebar" href="references/">
-					<li>
-						<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Reference</h3>
-					</li>
-				</a>
-				<a class="lisidebar" href="#">
-					<li>
-						<h3><i class="fa fa-github fa-2x" aria-hidden="true"></i>Github</h3>
-					</li>
-				</a>
-			</ul>
-		</div>
+<div class="sidebar">
+	<div class="leftbar">
+		<ul>
+			<a class="lisidebar" href="accueil/">
+				<li>
+					<h3><i class="fa fa-home fa-2x" aria-hidden="true"></i>Home</h3>
+				</li>
+			</a>
+			<a class="lisidebar" href="animation/">
+				<li>
+					<h3><i class="fa fa-clone fa-2x" aria-hidden="true"></i>Animation</h3>
+				</li>
+			</a>
+			<a class="lisidebar" href="transition/">
+				<li>
+					<h3><i class="fa fa-exchange fa-2x" aria-hidden="true"></i>Transition</h3>
+				</li>
+			</a>
+			<a class="lisidebar" href="atelier/">
+				<li>
+					<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Atelier</h3>
+				</li>
+			</a>
+			<a class="lisidebar" href="annexe/">
+				<li>
+					<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Lexique</h3>
+				</li>
+			</a>
+			<a class="lisidebar" href="references/">
+				<li>
+					<h3><i class="fa fa-book fa-2x" aria-hidden="true"></i>Reference</h3>
+				</li>
+			</a>
+			<a class="lisidebar" href="#">
+				<li>
+					<h3><i class="fa fa-github fa-2x" aria-hidden="true"></i>Github</h3>
+				</li>
+			</a>
+		</ul>
+	</div>
+
+</div>
+<div id="active_menu" >
+	<a>
+		<span id="rotatespantop"></span>
+		<span id="hidespan"></span>
+		<span id="rotatespanbottom"></span>
+	</a>
+</div>
+<div class="topbar">
+	<div class="menutopbar">
+		<ul class="listbar">
+			<li class="listbarli">
+				<a href="accueil/"><h3>Accueil</h3>	</a>
+			</li>
+			<li class="listbarli">
+				<a href="transition/"><h3>Transition</h3></a>
 
+			</li>
+			<li class="listbarli">
+				<a href="animation/"><h3>Animation</h3></a>
+			</li>
+			<li class="listbarli">
+				<a href="atelier/"><h3>Atelier</h3>	</a>
+			</li>
+			<li class="listbarli">
+				<a href="annexe/"><h3>Lexique</h3>	</a>
+			</li>
+			<li class="listbarli">
+				<a href="references/"><h3>Références</h3>	</a>
+			</li>
+		</ul>
 	</div>
-	<div id="active_menu" >
-		<a>
-			<span id="rotatespantop"></span>
-			<span id="hidespan"></span>
-			<span id="rotatespanbottom"></span>
-		</a>
+	<div class="gitbuttondiv">
+		<form action="https://github.com/simplon-sofianeD/animustransismus/">
+			<button class="githubbutton" type="submit"><i class="fa fa-code-fork" aria-hidden="true"></i> us on Github</button>
+		</form>
 	</div>
-	<div class="topbar">
-		<div class="menutopbar">
-					<ul class="listbar">
-							<li class="listbarli">
-								<a href="accueil/"><h3>Accueil</h3>	</a>
-							</li>
-							<li class="listbarli">
-									<a href="transition/"><h3>Transition</h3></a>
-
-							</li>
-							<li class="listbarli">
-								<a href="animation/"><h3>Animation</h3></a>
-							</li>
-							<li class="listbarli">
-									<a href="atelier/"><h3>Atelier</h3>	</a>
-							</li>
-							<li class="listbarli">
-								<a href="annexe/"><h3>Lexique</h3>	</a>
-							</li>
-							<li class="listbarli">
-								<a href="references/"><h3>Références</h3>	</a>
-							</li>
-					</ul>
-				</div>
-				<div class="gitbuttondiv">
-				<form action="https://github.com/simplon-sofianeD/animustransismus/">
-					<button class="githubbutton" type="submit"><i class="fa fa-code-fork" aria-hidden="true"></i> us on Github</button>
-				</form>
-				</div>
-			</div>
-	<header id="header">
-		<div class="logo"><img src="logo.svg"></div>
-		<div class="content_header">
+</div>
+<header id="header">
+	<div class="logo"><img src="logo.svg"></div>
+	<div class="content_header">
 		<div class="moon">
-		<div class="lune">
-			<div class="croissant_lune"></div>
-			<div class="lune_no_visibility"></div>
-		</div>
+			<div class="lune">
+				<div class="croissant_lune"></div>
+				<div class="lune_no_visibility"></div>
+			</div>
 		</div>
-			<div class="clouds-wrapper">
-						<ul class="clouds1">
-							<li></li>
-							<li></li>
-							<li></li>
-						</ul>
-				<div class="clouds2-container">
-						<ul class="clouds2">
-							<li></li>
-							<li></li>
-							<li></li>
-						</ul>
-				</div>
-			 </div>
-		  <div class="content_mountains">
-		    <ul class="mountains">
-		      <li class="peak1"></li>
-		      <li class="peak2"></li>
-		      <li class="peak3"></li>
-					<li class="peak4"></li>
-		    </ul>
-		  </div>
+		<div class="clouds-wrapper">
+			<ul class="clouds1">
+				<li></li>
+				<li></li>
+				<li></li>
+			</ul>
+			<div class="clouds2-container">
+				<ul class="clouds2">
+					<li></li>
+					<li></li>
+					<li></li>
+				</ul>
 			</div>
-	</header>
+		</div>
+		<div class="content_mountains">
+			<ul class="mountains">
+				<li class="peak1"></li>
+				<li class="peak2"></li>
+				<li class="peak3"></li>
+				<li class="peak4"></li>
+			</ul>
+		</div>
+	</div>
+</header>
diff --git a/index.php b/index.php
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="fr">
 <head>
-    <meta charset="utf-8">
+	<meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>Animation/Transition</title>
 	<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Ubuntu|Lato|Plaster|Monoton" rel="stylesheet">

diff --git a/layout.css b/layout.css
@@ -74,7 +74,7 @@ code[class*="language-"], pre[class*="language-"] {
     width: 80%;
     text-align: center;
     height: 100px;
-    background-color: white;
+    background-color: inherit;
     position: relative;
   }
   .menutopbar,.gitbuttondiv{
@@ -445,6 +445,7 @@ header {
 
 .content_mountains  {
   text-align: center;
+  /*border:1px solid red;*/
   margin: auto;
   margin-left: 12vw;
   z-index: 12;

diff --git a/script.js b/script.js
@@ -159,7 +159,7 @@ function displayContentHeader(elem) {
     contentHeader.style.display = "block";
     contentHeader.style.height = "20vh";
     moon.style.display = "block";
-    contentMountains.style.display = "none";
+    // contentMountains.style.display = "none";
   }
   if (elem === "transition") {
     contentHeader.style.display = "block";

diff --git a/src/.DS_Store b/src/.DS_Store