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

css + layout + views

parent 26b34341
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
......@@ -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;
......
<?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
......@@ -10,9 +10,6 @@ function getPageName(){
case 'projects':
return ["Projets", "projects"];
break;
case 'login':
return ["Connexion", "login"];
break;
case 'changelog':
return ["Changelog", "changelog"];
break;
......
......@@ -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
<?php
require_once("functionWriteMenu.php");
require_once("functionGetPageName.php");
$pageName = getPageName();
\ No newline at end of file
......@@ -17,11 +17,6 @@
#list-menu a{
background-color: #e3e3e3;
}
@media all and (max-width: 700px){
#list-menu a{
background-color: #f2f2f2;
}
}
</style>
</head>
<body id="page">
......
File mode changed from 100644 to 100755
......@@ -40,3 +40,13 @@
</p>
</article>
<hr />
<article>
<h3>À propos du logo</h3>
<p>
C'est un morse. C'est le pixel-art résultant d'un petit dessin gribouillé dans une marge d'une feuille au lycée.
</p>
</article>
\ No newline at end of file
<article>
<h3><a href="?article=1">Premier article</a></h3>
<h3><a href="/article/premier-article">Premier article</a></h3>
<p class="postInfos">
<a href="?profile=1">Corentin Bettiol</a>, <time datetime="2018-09-20 14:32:49">Jeudi 20 septembre 2018 à 14h32</time>, pas de commentaire
Le <time datetime="2018-09-20 14:32:49">Jeudi 20 septembre 2018 à 14h32</time> par Corentin Bettiol, pas de commentaire
</p>
<section>
<p>
Bonjour à tous et bienvenue sur cette nouvelle version du blog.
Coucou, bienvenue sur cette nouvelle version du blog.
</p>
</section>
</article>
\ No newline at end of file
<article>
<h3>22/10/18</h3>
<h3>23/10/18</h3>
<ul>
<li>Modif design pour écrans > 1500px</li>
<li>Création bdd (voir fichier bdd.txt)</li>
<li>Suppression de la page de connexion (inutile)</li>
</ul>
</article>
<article>
<h3><a href="https://git.bitmycode.com/sodimel/l3m-website/commit/26b343419dbe163e95f354283471a791f4545d59" title="commit 26b34341">22/10/18</a></h3>
<ul>
<li>Création & remplissage des pages <a href="changelog">changelog</a>, <a href="rss">rss</a> & <a href="404">404</a></li>
......@@ -17,7 +27,7 @@
<li>Création des pages vides Blog, Connexion, A propos, Contact, Projets</li>
<li>Exemple de remplissage de Blog, remplissage de A propos & Contact</li>
<li>Design sommaire</li>
<li>Configuration Apache (url rewriting, site-enabled)</li>
<li>Configuration Apache (url rewriting, site-enabled, toussa toussa)</li>
</ul>
</article>
......
TODO -- login
\ No newline at end of file
File mode changed from 100644 to 100755
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment