First commit

author: NeodarZ <bretoncorentin44@gmail.com> 2016-06-02 16:30:27 +0200
committer: NeodarZ <bretoncorentin44@gmail.com> 2016-06-02 16:30:27 +0200
commit: a095fb1c61ae36ef83a6a6bbfcddf44347fa779a (patch)
tree: 7621c2bd31170e9a35f9e27bc5420f611df7c977
download: my_old_personal_website-a095fb1c61ae36ef83a6a6bbfcddf44347fa779a.tar.xz
my_old_personal_website-a095fb1c61ae36ef83a6a6bbfcddf44347fa779a.zip
20 files changed, 517 insertions, 0 deletions
diff --git a/index.php b/index.php
new file mode 100755
index 0000000..a8c86d2
--- /dev/null
+++ b/index.php
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>#Home</title>
+		<link href="ressources/styles/default.css" rel="stylesheet" type="text/css">
+		<link href="ressources/styles/menu_gost.css" rel="stylesheet" type="text/css">
+		<link rel="icon" type="image/png" href="ressources/images/fox_v2_ico.png" />
+		<meta charset='UTF-8'>
+	</head>
+
+	<body >
+		<div class="page">
+
+			 <?php include 'ressources/includes/header.php'; ?>
+
+
+
+			<div class="site-content">
+				<div class="article"><div class="articleT"><h1>A propos...</h1></div>
+					<p>Je m'appelle Corentin Breton (<i class="fa fa-at fa-lg"></i>NeodarZ), je suis en première année de BTS SIO (Service Informatique aux Organisations) au Lycée Andrée Malraux.</p>
+					<p>Plus précisément, je fais des études dans le développement informatique web & logiciel. Mes passions sont la programmation et la bidouille, lien vers mon GitHub :</p>
+					<a href="https://github.com/NeodarZ"><span class="button"> <i class="fa fa-github fa-lg"></i> GitHub </span></a>
+				</div>
+			</div>
+
+			<?php include 'ressources/includes/footer.php'; ?>
+
+		</div>
+		</body>
+
+</html>
diff --git a/projets.php b/projets.php
new file mode 100644
index 0000000..0f5610b
--- /dev/null
+++ b/projets.php
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>Projets</title>
+		<link href="ressources/styles/default.css" rel="stylesheet" type="text/css">
+		<link href="ressources/styles/menu_gost.css" rel="stylesheet" type="text/css">
+		<link rel="icon" type="image/png" href="ressources/images/fox_v2_ico.png" />
+		<meta charset='UTF-8'>
+	</head>
+
+	<body >
+		<div class="page">
+
+			 <?php include 'ressources/includes/header.php'; ?>
+
+
+
+			<div class="site-content">
+				<div class="article"><div class="articleT"><h1>NEOKRON PROJEKT</h1></div>
+					<p>NeoKron Projekt est un site web fictif qui permet de vendre des jeux de manière décentralisé, ce site est réalisé dans le cadre du cours de PPE2 du BTS SIO(Service Informatique aux Organisation) du lycée Andrée Malraux. Il est développé par Adrien Robert (<i class="fa fa-at fa-lg"></i>Redkro) et, moi même, Corentin Breton (<i class="fa fa-at fa-lg"></i>NeodarZ).</p>
+					<p>Démo &nbsp;<i class="fa fa-long-arrow-right fa-lg"></i> &nbsp;<a href="NeoKron-Projekt/"><span class="button"> <i class="fa fa-html5 fa-lg"></i> Web </span></a></p>
+					<p>Code Source &nbsp;<i class="fa fa-long-arrow-right fa-lg"></i> &nbsp;<a href="https://github.com/NeodarZ/NeoKron-Projekt"><span class="button"> <i class="fa fa-github fa-lg"></i> GitHub </span></a></p>
+					<p>Etats :</p>
+						<ul>
+							<li style="color:rgb(34, 143, 48)"><i class="fa fa-check fa-lg"></i>&nbsp; Développement : en cours</li>
+							<!-- le code suivant permet de mettre une croix orange en cas de problème -->
+							<!-- <li style="color:rgb(215, 113, 5)"><i class="fa fa-times fa-lg"></i>&nbsp;&nbsp; Démo : Base de donnée pas encore implémentée sur le serveur; Des bugs sont donc présents !</li> -->
+							<li style="color:rgb(34, 143, 48)"><i class="fa fa-check fa-lg"></i>&nbsp; Démo : en cours ~ fonctionnel</li>
+						</ul>
+					</div>
+			</div>
+
+			<?php include 'ressources/includes/footer.php'; ?>
+
+		</div>
+		</body>
+
+</html>
diff --git a/ressources/images/3.png b/ressources/images/3.png
new file mode 100755
index 0000000..7f11bc2
--- /dev/null
+++ b/ressources/images/3.png
diff --git a/ressources/images/fond2.jpeg b/ressources/images/fond2.jpeg
new file mode 100644
index 0000000..089bb3f
--- /dev/null
+++ b/ressources/images/fond2.jpeg
diff --git a/ressources/images/fond4.jpeg b/ressources/images/fond4.jpeg
new file mode 100755
index 0000000..79cecdc
--- /dev/null
+++ b/ressources/images/fond4.jpeg
diff --git a/ressources/images/fox_v2.png b/ressources/images/fox_v2.png
new file mode 100755
index 0000000..1b5d229
--- /dev/null
+++ b/ressources/images/fox_v2.png
diff --git a/ressources/images/one.png b/ressources/images/one.png
new file mode 100755
index 0000000..333b4d2
--- /dev/null
+++ b/ressources/images/one.png
diff --git a/ressources/images/two.png b/ressources/images/two.png
new file mode 100755
index 0000000..fbc91f2
--- /dev/null
+++ b/ressources/images/two.png
diff --git a/ressources/images/wall.jpg b/ressources/images/wall.jpg
new file mode 100755
index 0000000..af6e585
--- /dev/null
+++ b/ressources/images/wall.jpg
diff --git a/ressources/includes/footer.php b/ressources/includes/footer.php
new file mode 100755
index 0000000..748273d
--- /dev/null
+++ b/ressources/includes/footer.php
@@ -0,0 +1,10 @@
+<!--
+nom projet : NeoKron Projekt
+nom fichier : footer.php
+Auteurs : Adrien Robert & Corentin Breton
+version : 7.1
+Note : Pour modifier le design se reférer directement au fichier ressources/styles/default.css
+-->
+<footer class="site-footer">
+	<p style="color: #797979; font-size: 12px; font-weight: bold;">Copyright © 2015 - 2016 - Codé avec <span style="color:#e74c3c;">❤</span> par NeodarZ &#8239;<span style="font-family:'starjedi';">&</span></p>
+</footer>
diff --git a/ressources/includes/header.php b/ressources/includes/header.php
new file mode 100755
index 0000000..3369435
--- /dev/null
+++ b/ressources/includes/header.php
@@ -0,0 +1,52 @@
+<!--
+nom projet : NeoKron Projekt
+nom fichier : header.php
+Auteurs : Adrien Robert & Corentin Breton
+ersion : 7.1
+Note : Pour modifier le design se reférer directement au fichier ressources/styles/default.css
+-->
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+<!--
+Code JS trouvé sur le site openclassroom  afin de gérer le menu déroulant
+C'est à dire si on affiche le menu déroulant seulement quand le curseur est dessus
+-->
+<script type="text/javascript">
+<!--
+sfHover = function() {
+        var sfEls = document.getEle
+        mentById("menu").getElementsByTagName("LI");
+        for (var i=0; i<sfEls.length; i++) {
+                sfEls[i].onmouseover=function() {
+                        this.className+=" sfhover";
+                }
+                sfEls[i].onmouseout=function() {
+                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
+                }
+        }
+}
+if (window.attachEvent) window.attachEvent("onload", sfHover);
+-->
+</script>
+
+<!-- On commence le début du code header -->
+<header class="site-header">
+  <a href="index.php"><img class="logo" alt="logo" src="ressources/images/fox_v2.png"></img></a>
+  <h1 class="title">NeodarZ &#8239;<span style="font-family:'starjedi';">&</span></h1>
+
+<!-- menu en php un peu plus complexe mais qui permet de gérer le disign de la page active (A modifier ultérieurement) -->
+<?php
+$page_actuel = basename($_SERVER['SCRIPT_NAME']);
+?>
+
+<nav id="main-nav">
+  <ul id="main-menu">
+    <li <?php if ($page_actuel == 'index.php') {echo ' id="en_cours"';} ?> ><a href="index.php"><i class="fa fa-home fa-lg"></i> Accueil</a></li>
+    <li <?php if ($page_actuel == 'projets.php') {echo ' id="en_cours"';} ?> ><a href="projets.php"><i class="fa fa-book fa-lg"></i> Projets</a></li>
+    <li <?php if ($page_actuel == '#.php') {echo ' id="en_cours"';} ?> ><a href="#"><i class="fa fa-code fa-lg"></i> Hacktualité</a></li>
+    <li <?php if ($page_actuel == 'admin.php') {echo ' id="en_cours"';} ?> ><a href="admin.php"><i class="fa fa-user-secret fa-lg"></i> Admin Zone</a></li>
+  </ul>
+</nav>
+
+
+
+</header>
diff --git a/ressources/includes/menu.php b/ressources/includes/menu.php
new file mode 100755
index 0000000..452c60f
--- /dev/null
+++ b/ressources/includes/menu.php
@@ -0,0 +1,39 @@
+<!--
+nom projet : NeoKron Projekt
+nom fichier : menu.php
+Auteurs : Adrien Robert & Corentin Breton
+version : 7.1
+Note: Sérieusement je sais pas d'où sort ce code --'
+-->
+<?php
+    function affiche_menu()
+    {
+        // tableaux contenant les liens d'accès et le texte à afficher
+        $tab_menu_lien = array( "index.php", "forum.php", "livre_or.php", "equipe.php", "inscription.php", "connexion.php" );
+        $tab_menu_texte = array( "Accueil", "Forums", "Livre d'or", "L'équipe", "Inscription", "Connexion" );
+        
+        // informations sur la page
+        $info = pathinfo($_SERVER['PHP_SELF']);
+
+        $menu = "\n<div id=\"menu\">\n    <ul id=\"onglets\">\n";
+
+        
+
+        // boucle qui parcours les deux tableaux
+        foreach($tab_menu_lien as $cle=>$lien)
+        {
+            $menu .= "    <li";
+                
+            // si le nom du fichier correspond à celui pointé par l'indice, alors on l'active
+            if( $info['basename'] == $lien )
+                $menu .= " class=\"active\"";
+                
+            $menu .= "><a href=\"" . $lien . "\">" . $tab_menu_texte[$cle] . "</a></li>\n";
+        }
+        
+        $menu .= "</ul>\n</div>";
+        
+        // on renvoie le code xHTML
+        return $menu;        
+    }
+?>
diff --git a/ressources/includes/slider.php b/ressources/includes/slider.php
new file mode 100755
index 0000000..945523d
--- /dev/null
+++ b/ressources/includes/slider.php
@@ -0,0 +1,23 @@
+<!--
+nom projet : NeoKron Projekt
+nom fichier : slider.php
+Auteurs : Adrien Robert & Corentin Breton
+version : 7.1
+Note : Pour modifier le design se reférer directement au fichier ressources/styles/slider.css
+-->
+<br />
+<div id="slider">
+  <a href="#" class="control_next"></a>
+  <a href="#" class="control_prev"></a>
+  <ul>
+    <li><img border="0" src="ressources/images/gta-5-next-gen-ps4.jpg" width="100%" height="100%"></li>
+    <li><img border="0" src="ressources/images/assassins_creed1.jpg" width="100%" height="100%"></li>
+    <li><img border="0" src="ressources/images/wow-legion-shop-header.03cKN.jpg" width="100%" height="100%"> </li>
+    <li><img border="0" src="ressources/images/2013_lara_croft_tomb_raider-1680x10501.jpg" width="100%" height="100%"></li>
+  </ul>  
+</div>
+
+<div class="slider_option">
+  <input type="checkbox" id="checkbox">
+  <label for="checkbox">Autoplay</label>
+</div> 
diff --git a/ressources/polices/ASHBB.ttf b/ressources/polices/ASHBB.ttf
new file mode 100755
index 0000000..abe2d5e
--- /dev/null
+++ b/ressources/polices/ASHBB.ttf
diff --git a/ressources/polices/ASHBL.ttf b/ressources/polices/ASHBL.ttf
new file mode 100755
index 0000000..51ab0c9
--- /dev/null
+++ b/ressources/polices/ASHBL.ttf
diff --git a/ressources/polices/Reckoner_Bold.ttf b/ressources/polices/Reckoner_Bold.ttf
new file mode 100755
index 0000000..a9789ba
--- /dev/null
+++ b/ressources/polices/Reckoner_Bold.ttf
diff --git a/ressources/polices/Viafont.ttf b/ressources/polices/Viafont.ttf
new file mode 100755
index 0000000..b46c809
--- /dev/null
+++ b/ressources/polices/Viafont.ttf
diff --git a/ressources/polices/projets.php b/ressources/polices/projets.php
new file mode 100644
index 0000000..8b18b2a
--- /dev/null
+++ b/ressources/polices/projets.php
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>NeodarZ</title>
+		<link href="ressources/styles/default.css" rel="stylesheet" type="text/css">
+		<link href="ressources/styles/menu_gost.css" rel="stylesheet" type="text/css">
+		<link href="ressources/styles/font-awesome.css" rel="stylesheet" type="text/css">
+		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+		<link rel="icon" type="image/png" href="ressources/images/fox_v2_ico.png" />
+		<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
+		<meta charset='UTF-8'>
+	</head>
+
+	<body >
+		<div class="page">
+
+			 <?php include 'ressources/includes/header.php'; ?>
+
+
+
+			<div class="site-content">
+				<div><h1>NEOKRON PROJEKT</h1>
+					<p>NEOKRON PROJEKT est un site web qui permet de simuler l'achat de jeux en ligne, ce site est réaliser dans le cadre du cours de PPE2 du BTS SIO(Service Informatique aux Organisation) du lycée Andrée Malraux. Il est développer par Adrien Robert et, moi même, Corentin Breton (@NeodarZ).</p>
+					<p>Pour la démo -> |>|</p>
+					<p><i class="fa fa-github fa-4x"></i>Pour le code Source -> <i class="fa fa-github fa-lg">&nbsp; GitHub</p>
+					<p>Etats :
+						<ul><li>Développement : en cours</li>
+							<li>Démo : Base de donnée pas encore implémentée sur le serveur</li></ul>
+
+			</div>
+
+			<?php include 'ressources/includes/footer.php'; ?>
+
+		</div>
+		</body>
+
+</html>
diff --git a/ressources/styles/default.css b/ressources/styles/default.css
new file mode 100755
index 0000000..9c8baa6
--- /dev/null
+++ b/ressources/styles/default.css
@@ -0,0 +1,206 @@
+@font-face {
+    font-family: "Reckoner_Bold";
+    src: url('../polices/Reckoner_Bold.ttf');
+}
+
+@font-face {
+    font-family: "ASHBB";
+    src: url('../polices/ASHBB.ttf');
+}
+@font-face {
+    font-family: "starjedi";
+    src: url('../../Starjedi.ttf');
+}
+/* Design des liens */
+a {
+  color: black;
+  text-decoration: none;
+}
+
+ul {
+  list-style-type: none;
+}
+
+.button {
+  border:1px solid #1A1717;
+  display:inline-block;
+  color:rgb(255,255,255);
+  font-size: 14px;
+  padding:6px 6px;
+  background-color:#1A1717;
+  border-bottom: 4px solid #DB1C36;
+  cursor: pointer;
+}
+
+/* Image de font */
+html {
+background-color:white;
+background-image:url(../images/fond2.jpeg);
+background-attachment: fixed;
+background-position: center center;
+font-size: 16px;
+color: #a3a3a3;
+font-weight: bold;
+font-family: 'ASHBB';
+overflow-x: hidden;
+}
+
+/* Début de gestion du format de la page */
+body {
+margin-left: 10%;
+margin-right: 10%;
+margin-top: 10%;
+margin-bottom: 10%;
+position: relative;
+display: flex;
+flex-direction: column;
+min-height: 100vh;
+background-color:#444141;
+padding:5px;
+box-shadow:
+  0 2px 2px 3px rgba(0, 0, 0, 0.5) inset,
+  0 1px 2px 0 rgba(255, 255, 255, 0.5);
+}
+
+.site-content {
+  flex: 1;
+}
+/* Fin de gestion du format de la page */
+
+/*Erreur design*/
+.error{
+  font-size: 250px;
+  color: #FFFFFF;
+}
+.errorC {
+  text-align: center;
+}
+
+/* Logo */
+.logo {
+  float:left;
+  margin-top: -1%;
+  width: 8%;
+  margin-left: 0%;
+}
+
+/* Design du titre */
+.title {
+  margin-left:auto;
+  margin-right:auto;
+  margin-left: 38.5%;
+  margin-top: 3%;
+  margin-bottom: 4%;
+  width:35%;
+  color: #fff;
+  font-family: "Reckoner_Bold";
+  font-size: 60px;
+}
+
+/* Design du header */
+.site-header {
+  background-color: #1A1717;
+  float:left;
+  width: 100%;
+  margin-left: -0.4%;
+  padding-left: 0.8%;
+  margin-top: -0.4%;
+  padding-top:0.8%;
+  margin-bottom:3%;
+  box-shadow: 0 5px rgba(219, 28, 54, 0.8);
+}
+
+.article {
+  background-color: rgb(238, 238, 238);
+  color: #000000;
+  margin-bottom: 30%;
+  margin-left: 10%;
+  margin-right: 10%;
+  margin-top: 30%;
+  padding: 2%;
+  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
+}
+
+.articleT {
+  background-color: #1A1717;
+  color: #ffffff;
+  float:left;
+  width: 100%;
+  margin-left: -2.7%;
+  padding-left: 5.5%;
+  margin-top: -2.6%;
+  margin-bottom:3%;
+  box-shadow: 0 5px #DB1C36;
+}
+
+/* Design du footer */
+.site-footer {
+  text-align: center;
+  background-color:#1A1717;
+  color: white;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3);
+}
+
+.site-footer a {
+  color: white;
+}
+
+/* Design info dev */
+.dev-info-devs {
+  margin-top: 10%;
+  margin-left:10%;
+  margin-right: 10%;
+  border: 1px solid white;
+  padding-left: 2%;
+  padding:5px;
+  background-color: white;
+  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
+  display: inline-block;
+}
+
+.dev-info-devs-text-name {
+  font-weight: 500;
+  margin: 0px 0px 5px 0px;
+  font-size: 24px;
+  color: #FF5722;
+}
+
+.dev-info-devs-text-poste {
+  font-weight: 500;
+  margin: 0px 0px 5px 0px;
+  font-size: 16px;
+}
+
+/* Design de la photo polaroid du husky */
+.husky-zone {
+  text-align: center;
+  background-color: #444141;
+  margin-bottom: 10%;
+}
+
+.husky-box {
+  padding: 2%;
+  background-color: white;
+  display: inline-block;
+  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
+}
+
+.husky {
+  display: inline-block;
+  width: 250px;
+  height:250px;
+  border: none;
+}
+
+.husky-about {
+  font-size:12px; /* Une police plus grande pose problème pour les écran de baisse résolution comme le mien ! A régler !*/
+  color: black;
+}
+
+.style-content{
+  /*position: absolute;*/
+}
diff --git a/ressources/styles/menu_gost.css b/ressources/styles/menu_gost.css
new file mode 100755
index 0000000..0c2b834
--- /dev/null
+++ b/ressources/styles/menu_gost.css
@@ -0,0 +1,81 @@
+/*
+nom projet : NeoKron Projekt
+nom fichier : menu_gost.css
+Auteurs : Adrien Robert & Corentin Breton
+version : 7.1
+Note: Permet de modifier le design du menu
+*/
+#main-nav {
+  padding: 0;
+  background-color: #231F20;
+}
+
+#main-menu {
+  width: 100%;
+  float: left;
+  height: 100%;
+  font-family: FreeSetLightC;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  margin-left: 6%;
+  margin-right: auto;
+}
+
+#main-menu li {
+  float: left;
+  width: 20%;
+  height: 100%;
+  border-right: 1px dashed #434243;
+  border-left: 1px dashed #434243;
+  overflow: hidden;
+  border-radius: 5px;
+}
+
+#main-menu li a {
+  position: relative;
+  display: block;
+  height: 100%;
+  text-align: center;
+  padding-top: 14px;
+  padding-bottom: 14px;
+  text-decoration: none;
+  color: #FFF;
+  text-transform: uppercase;
+  background-color: #231F20;
+  border-top: 4px solid #231F20;
+  border-bottom: 4px solid #231F20;
+}
+
+#main-menu li ul {
+  position: absolute;
+}
+
+#main-menu li a:hover {
+  border-top: 4px solid #DB1C36;
+  border-bottom: 4px solid #231F20;
+}
+
+#main-menu li a:hover {
+  border-top: 4px solid #DB1C36;
+  border-bottom: 4px solid #231F20;
+}
+
+#main-menu-sous {
+  position: absolute;
+  width: 100%;
+  display: block;
+  left: -1000em;
+}
+
+
+#main-menu li:hover ul
+{
+  left: auto;
+  position: absolute;
+  z-index: 2;
+}
+
+#en_cours {
+  border-top: 0 solid #231F20;
+  border-bottom: 4px solid #DB1C36;
+}
+\ No newline at end of file
author	NeodarZ <bretoncorentin44@gmail.com>	2016-06-02 16:30:27 +0200
committer	NeodarZ <bretoncorentin44@gmail.com>	2016-06-02 16:30:27 +0200
commit	a095fb1c61ae36ef83a6a6bbfcddf44347fa779a (patch)
tree	7621c2bd31170e9a35f9e27bc5420f611df7c977
download	my_old_personal_website-a095fb1c61ae36ef83a6a6bbfcddf44347fa779a.tar.xz my_old_personal_website-a095fb1c61ae36ef83a6a6bbfcddf44347fa779a.zip