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

css + layout + views

parent 26b34341

bdd.txt

0 → 100644
+21 −0
Original line number Diff line number Diff line 
l3m_projects

	id

	name

	link

	content



l3m_blog

	id

	time

	title

	author

	content

	comments (boolean)



l3m_comments

	id

	id_blog

	pseudo

	mail

	link

	content
 
 No newline at end of file

css/design.css

+12 −42
Original line number Diff line number Diff line
@@ -9,7 +9,9 @@ CSS 
}



#page{

	margin: 0;

	width: 100%;

	max-width: 1500px;

	margin: auto;

	padding: 0;

	font-family: ubuntulight;

	font-size: 1.5em;
@@ -39,7 +41,7 @@ CSS 
#title{

	display: flex;

	width: auto;

	margin: 0 0 0 15px;

	margin: auto;

	color: #2E2E2E;

	text-shadow: 0 0 3px #6699ff;

}
@@ -72,7 +74,7 @@ h3{ 


#list-menu a{

	padding: 7px;

	margin: 5px;

	margin: 10px;

	text-decoration: none;

	background-color: #d9d9d9;

	transition: color 0.2s, background-color 0.2s;
@@ -133,36 +135,22 @@ Media Queries 
	}

}



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

	#title{

		font-size: 1.4em;

	}

}



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

	#title{

		margin-left: 2px;

	}

}



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

	#list-menu li a{

		margin: 2px;

		padding: 5px;

	}

}



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

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

	#page{

		font-size: 1.2em;

	}



	#header, #title{

		flex-direction: column;

		margin-top: 5px;

		padding-top: 5px;

	}

	#title{

		font-size: 1.7em;

		font-size: 1.4em;

		margin: 0;

		text-align: center;

	}
@@ -173,35 +161,17 @@ Media Queries 
}



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

	#header{

		background-color: #e3e3e3;

	}

	nav{

		width: 75%;

	}



	#list-menu{

		flex-wrap: wrap;

		justify-content: center;

	}



	#list-menu li{

		margin: 7px;

	}

	#list-menu a{

		background-color: #f2f2f2;

		padding: 3px;

	}

	#list-menu a:hover{

		background-color: #e3e3e3;

	}

	#list-menu .selected{

		border-top: 1px solid #cccccc;

		border-bottom: 2px solid #cccccc;

		padding: 5px;

	}

}



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

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

	#page{

		font-size: 1em;

	}
@@ -211,13 +181,13 @@ Media Queries 
	}

	#list-menu li{

		width: 90%;

		margin: 3px auto;

		margin: -5px auto;

		text-align: center;

	}

	#list-menu a{

		display: inline-block;

		width: 90%;

		padding: 3px 5px;

		padding: 5px;

	}

	#list-menu .selected{

		border: none;

index.php

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

// action par défaut

$pageName = "blog";



require_once("site/controller/mainController.php");



$pageName = getPageName();



require_once("site/layout/layout.php");



?>
 
 No newline at end of file

site/controller/functionGetPageName.php

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

		return ["Projets", "projects"];

		break;

	case 'login':

		return ["Connexion", "login"];

		break;

	case 'changelog':

		return ["Changelog", "changelog"];

		break;

site/controller/functionWriteMenu.php

+0 −1
Original line number Diff line number Diff line
@@ -6,6 +6,5 @@ 
		<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="login" title="Connexion" <?php if($pageName == "Connexion"){ ?>class="selected"<?php } ?>>Connexion</a></li>

	</ul>

<?php }
 
 No newline at end of file