Commit e9f03663 authored by Corentin Bettiol's avatar Corentin Bettiol 💻
Browse files

design + fix liens html + camelCase class html + urlrewriting

parent 62a8ace2

bdd.txt

+0 −1
Original line number Diff line number Diff line
@@ -8,7 +8,6 @@ l3m_blog 
	id

	time

	title

	author

	content

	comments (boolean)

css/404.css

+6 −6
Original line number Diff line number Diff line 
/* http://www.alsacreations.com/tuto/lire/1620-une-video-arriere-plan-sur-toute-la-page.html */

#video-fond {

#videoFond {

  overflow: hidden;

  position: fixed;

  top: 0;
@@ -9,7 +9,7 @@ 
  opacity: 0.6;

  z-index: -1;

}

#video-fond > video {

#videoFond > video {

  width: 100%;

  height: 100%;

  position: absolute;
@@ -17,19 +17,19 @@ 
  left: 0;

}

@media (min-aspect-ratio: 16/9) {

  #video-fond > video {

  #videoFond > video {

	height: 300%;

	top: -100%;

  }

}

@media (max-aspect-ratio: 16/9) {

  #video-fond > video {

  #videoFond > video {

	width: 300%;

	left: -100%;

  }

}

@supports (object-fit: cover) {

  #video-fond > video {

  #videoFond > video {

	width: 100%;

	height: 100%;

	top: 0;
@@ -42,7 +42,7 @@ body{ 
  opacity: 0.75;

}



#video-fond{

#videoFond{

  opacity: 1;

}

css/design.css

+11 −11
Original line number Diff line number Diff line
@@ -27,7 +27,7 @@ CSS 
	padding: 2px;	

}



article p, #pageTitle,article h3{

article p, #pageTitle, article h3, article ul{

	max-width: 1500px;

	margin: 30px auto;

}
@@ -64,7 +64,7 @@ h3{ 
	font-size: 1em;

}



#list-menu{

#listMenu{

	list-style-type: none;

	font-size: 1.5em;

	display: flex;
@@ -75,7 +75,7 @@ h3{ 
	padding: 0;

}



#list-menu a{

#listMenu a{

	padding: 7px;

	margin: 10px;

	text-decoration: none;
@@ -83,7 +83,7 @@ h3{ 
	transition: color 0.2s, background-color 0.2s;

}



#list-menu a:hover{

#listMenu a:hover{

	color: #47476b;

	background-color: #f0f0f0;

	transition: color 0.2s, background-color 0.2s;
@@ -98,7 +98,7 @@ article{ 
section{

}



#list-menu .selected{

#listMenu .selected{

	padding-bottom: 2px;

	border-bottom: 5px solid #cccccc;

}
@@ -132,7 +132,7 @@ Media Queries 
		justify-content: space-around;

	}



	#list-menu{

	#listMenu{

		font-size: 1.2em;

	}

}
@@ -164,11 +164,11 @@ Media Queries 


@media all and (max-width: 700px){



	#list-menu{

	#listMenu{

		flex-wrap: wrap;

		justify-content: center;

	}

	#list-menu a{

	#listMenu a{

		padding: 5px;

	}

}
@@ -181,17 +181,17 @@ Media Queries 
		width: 45px;

		height: 45px;

	}

	#list-menu li{

	#listMenu li{

		width: 90%;

		margin: -5px auto;

		text-align: center;

	}

	#list-menu a{

	#listMenu a{

		display: inline-block;

		width: 90%;

		padding: 5px;

	}

	#list-menu .selected{

	#listMenu .selected{

		border: none;

		background-color: #d9d9d9;

	}

site/controller/functionGetPageName.php

+3 −0
Original line number Diff line number Diff line
@@ -19,6 +19,9 @@ function getPageName(){ 
	case '404':

		return ["Erreur 404 - File not found", "404"];

		break;

	case 'article':

		return [$_GET['title'], $_GET['title']];

		break;

	default:

		return ["Blog", "blog"];

		break;

site/controller/functionWriteMenu.php

+4 −4
Original line number Diff line number Diff line 
<?php

	function writeMenu($pageName){

?>

	<ul id="list-menu">

	<ul id="listMenu">

		<li><a href="/" title="Blog" <?php if($pageName == "Blog"){ ?>class="selected"<?php } ?>>Blog</a></li>

		<li><a href="about" title="À propos" <?php if($pageName == "À Propos"){ ?>class="selected"<?php } ?>>À propos</a></li>

		<li><a href="projects" title="Projets" <?php if($pageName == "Projets"){ ?>class="selected"<?php } ?>>Projets</a></li>

		<li><a href="contact" title="Contact" <?php if($pageName == "Contact"){ ?>class="selected"<?php } ?>>Contact</a></li>

		<li><a href="/about" title="À propos" <?php if($pageName == "À Propos"){ ?>class="selected"<?php } ?>>À propos</a></li>

		<li><a href="/projects" title="Projets" <?php if($pageName == "Projets"){ ?>class="selected"<?php } ?>>Projets</a></li>

		<li><a href="/contact" title="Contact" <?php if($pageName == "Contact"){ ?>class="selected"<?php } ?>>Contact</a></li>

	</ul>

<?php }
 
 No newline at end of file