* Modification de Mentions_view.php

* Modification de Navbar_view.php * Modification Consultation_view.php * Modification Footer_view.php * Modification style.css
TroyesWeb · Jun 8, 2020 · cb80c4e · cb80c4e
1 parent 78ff026
commit cb80c4e
Show file tree

Hide file tree

Showing 5 changed files with 86 additions and 41 deletions.
diff --git a/application/views/Consultation_view.php b/application/views/Consultation_view.php
@@ -39,7 +39,7 @@
 		// SideNav Button Initialization
 		$(".button-collapse").sideNav();
 		// SideNav Scrollbar Initialization
-		var sideNavScrollbar = document.querySelector('.custom-scrollbar');
+		var sideNavScrollbar = document.querySelector('.side-nav');
 		var ps = new PerfectScrollbar(sideNavScrollbar);
 	});
 </script>

diff --git a/application/views/Footer_view.php b/application/views/Footer_view.php
@@ -3,7 +3,7 @@
 
 	<!-- Copyright -->
 	<div class="footer-copyright text-center py-3">© <?php echo date("Y"); ?> Copyright:
-		<a href="https://mmimuseum.ml/"> mmimuseum.ml</a>
+		<a href="https://mmimuseum.ml/"> mmimuseum.ml</a> &dash; <a href="<?php echo base_url()?>Mentions">Mentions légales</a>
 	</div>
 	<!-- Copyright -->
 

diff --git a/application/views/Mentions_view.php b/application/views/Mentions_view.php
@@ -1,36 +1,75 @@
 <?php $this->load->view('Head_view'); ?>
-	<body>
-	<!-- Full Page Intro -->
-	<div class="view" style="background-image: url('https://remeng.rosselcdn.net/sites/default/files/dpistyles_v2/ena_16_9_extra_big/2019/01/31/node_36158/3977620/public/2019/01/31/B9718433140Z.1_20190131213803_000%2BGG0CSM6AT.1-0.jpg?itok=_eiKH9Iw1548967091'); background-repeat: no-repeat; background-size: cover; background-position: center center;">
-		<!-- Mask & flexbox options-->
-		<div class="mask rgba-black-light align-content-center align-items-center">
-
-			<div class="container align-content-center align-items-center">
-
-				<!-- Logos -->
-				<!-- TODO: Modifier les images pour des images + adaptées, de la même taille -->
-				<div class="row py-5 justify-content-center text-center">
-					<div class="col-2 d-inline-flex text-center justify-content-center">
-						<img class="img-fluid px-2" style="max-width: 15rem" src="<?php echo base_url()?>assets/photos/logonoiretblanc.png" alt="">
-						<img class="img-fluid px-2" style="max-width: 15rem" src="<?php echo base_url()?>assets/photos/logo_mmi_troyes.png" alt="">
-					</div>
-				</div>
-
-				<!-- Description -->
-				<div class="row align-middle">
-					<div class="col" id="description">
-						<p class="text-center text-white">
-							MMI Museum, site internet référençant les productions des étudiants en MMI à l'IUT de Troyes.
-						</p>
-						<p class="text-center text-white font-italic">
-							Celles-ci sont principalement des sites internet, des productions graphiques, du web design ainsi que des productions audiovisuelles.
-						</p>
-					</div>
-				</div>
-
-			</div>
+<body class="p-0 full-width bleuviolet">
+<?php $this->load->view('Navbar_view'); ?>
+
+<div class="container-fluid align-content-center align-items-center">
+
+	<!-- Logos -->
+	<!-- TODO: Modifier les images pour des images + adaptées, de la même taille -->
+	<div class="row py-5 justify-content-center text-center">
+		<div class="col-2 d-inline-flex text-center justify-content-center">
+			<img class="img-fluid px-2" style="max-width: 15rem" src="<?php echo base_url()?>assets/photos/logonoiretblanc.png" alt="">
+		</div>
+	</div>
+
+	<!-- Description -->
+	<div class="row align-middle pb-5">
+		<div class="col text-center pb-5" id="description">
+			<h1 class="text-white py-3">Mentions légales</h1>
+			<p class="text-white">
+				Le site TMM – The MMI Museum est la propriété de l'Institut Universitaire de Technologie de Troyes.<br>
+				Le directeur de la publication du site Internet est David Annebicque, Directeur du département Métiers du Multimédia de l’Internet à l'IUT de Troyes.
+			</p>
+
+			<h2 class="text-white py-3">Conception</h2>
+			<p class="text-white">
+				Ce site web a été réalisé par :<br>
+				I.U.T. de Troyes <br>
+				Les Étudiants S3D (année 2020) du département MMI <br>
+
+				9 Rue Québec <br>
+				10000 Troyes <br>
+				Contact webmaster : <a class="text-white font-weight-bold" href="mailto:[email protected]">[email protected]</a>
+			</p>
+
+			<h2 class="text-white py-3">Hébergement</h2>
+			<p class="text-white">
+				Ce site web est hébergé par <a class="text-white font-weight-bold" href="pulseheberg.com">Pulseheberg</a><br>
+				55 AVENUE DES CHAMPS PIERREUX <br>
+				92000   NANTERRE <br>
+				Contact pulseheberg : <a class="text-white font-weight-bold" href="mailto:[email protected]">[email protected]</a>
+			</p>
+
+			<h2 class="text-white py-3">Avertissement aux utilisateurs</h2>
+			<p class="text-white">
+				L'utilisateur déclare accepter les caractéristiques et les limites d'internet et, en particulier, reconnaître :<br>
+
+				Avoir connaissance de la nature du réseau de l'internet et en particulier, de ses performances techniques et des temps de réponse, pour consulter, interroger ou transférer les données d'informations ;
+				Que les données qui circule sur l'internet ne sont pas nécessairement protégées, notamment contre d’éventuels détournements ;
+				Qu'il appartient à l'utilisateur de prendre toutes les mesures appropriées de façon à protéger ses propres données et/ou logiciels de la contamination par des éventuels virus sur le réseau de l'internet.
+				Gestion des codes d'accès et mots de passe :<br>
+
+				Certains services interactifs présents sur le site nécessitent un code d'accès et un mot de passe qui sont fournis par le gestionnaire de ces services.
+				Les codes d'accès et les mots de passe sont confidentiels, personnels, incessibles et intransmissibles. L'utilisateur du site est le seul responsable de la gestion et de la conservation de ses codes d'accès et mots de passe.
+				En conséquence, il appartient à l'utilisateur de mettre en œuvre toutes mesures de précaution nécessaires à leur protection et à leur conservation.
+				L'utilisateur est responsable des conséquences de leur utilisation.<br>
+
+				Les responsables du site TMM - The MMI Museum se réserve le droit de suspendre l'accès au site en cas d'utilisation frauduleuse ou de tentative d'utilisation frauduleuse du mot de passe ou du code d'accès d'un utilisateur.
+				En cas de suspension de l'accès, TMM - The MMI Museum informera l'utilisateur. Le changement régulier de mot de passe est conseillé pour des raisons de confidentialité et de sécurité, et reste possible à tout moment sur le site.
+			</p>
 		</div>
-		<?php $this->load->view('Footer_view'); ?>
-	</body>
-	</html>
-<?php
+	</div>
+</div>
+
+<?php $this->load->view('Footer_view'); ?>
+<script>
+	$(document).ready(() => {
+		// SideNav Button Initialization
+		$(".button-collapse").sideNav();
+		// SideNav Scrollbar Initialization
+		var sideNavScrollbar = document.querySelector('.side-nav');
+		var ps = new PerfectScrollbar(sideNavScrollbar);
+	});
+</script>
+</body>
+</html>
diff --git a/application/views/Navbar_view.php b/application/views/Navbar_view.php
@@ -5,10 +5,10 @@ class="fas fa-bars"></i></a>
 </div>
 
 <!-- Sidebar navigation -->
-<div id="slide-out" class="side-nav fixed purple lighten-4">
+<div id="slide-out" class="side-nav bleuviolet">
 	<ul class="custom-scrollbar">
 		<!-- Logo -->
-		<li class="">
+		<li class="text-center">
 			<div class="text-center">
 				<img src="<?php echo base_url()?>assets/photos/logonoiretblanc.png" class="img-fluid w-75 p-4">
 			</div>
@@ -33,9 +33,9 @@ class="fas fa-bars"></i></a>
 
 		<!--bouton upload-->
 		<li>
-			<div class="w-responsive text-center mx-auto mb-2">
-				<a href="<?php echo base_url()?>Upload">
-					<button type="button" class="btn purple lighten-3 btn-rounded">UPLOAD</button>
+			<div class="text-center mb-2">
+				<a class="text-center" href="<?php echo base_url()?>Upload">
+					<button type="button" class="btn btn-rounded btn-small white black-text">Upload</button>
 				</a>
 			</div>
 		</li>

diff --git a/assets/css/style.css b/assets/css/style.css
@@ -1,6 +1,7 @@
 /* Required for full background image */
 html,
 body {
+	min-height: 100%;
 	height: 100%
 }
 html,
@@ -10,6 +11,11 @@ header,
 	height: 100%;
 }
 
+.bleuviolet {
+	color: #5662BC;
+	background-color: #5662BC;
+}
+
 input:focus:not([readonly]) + label {
 	color: #ce93d8 !important;
 }