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 ...@@ -9,7 +9,9 @@ CSS
} }
#page{ #page{
margin: 0; width: 100%;
max-width: 1500px;
margin: auto;
padding: 0; padding: 0;
font-family: ubuntulight; font-family: ubuntulight;
font-size: 1.5em; font-size: 1.5em;
...@@ -39,7 +41,7 @@ CSS ...@@ -39,7 +41,7 @@ CSS
#title{ #title{
display: flex; display: flex;
width: auto; width: auto;
margin: 0 0 0 15px; margin: auto;
color: #2E2E2E; color: #2E2E2E;
text-shadow: 0 0 3px #6699ff; text-shadow: 0 0 3px #6699ff;
} }
...@@ -72,7 +74,7 @@ h3{ ...@@ -72,7 +74,7 @@ h3{
#list-menu a{ #list-menu a{
padding: 7px; padding: 7px;
margin: 5px; margin: 10px;
text-decoration: none; text-decoration: none;
background-color: #d9d9d9; background-color: #d9d9d9;
transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s;
...@@ -133,36 +135,22 @@ Media Queries ...@@ -133,36 +135,22 @@ Media Queries
} }
} }
@media all and (max-width: 1190px){
#title{
font-size: 1.4em;
}
}
@media all and (max-width: 1075px){ @media all and (max-width: 1075px){
#title{ #title{
margin-left: 2px; margin-left: 2px;
} }
} }
@media all and (max-width: 1020px){ @media all and (max-width: 910px){
#list-menu li a{
margin: 2px;
padding: 5px;
}
}
@media all and (max-width: 955px){
#page{ #page{
font-size: 1.2em; font-size: 1.2em;
} }
#header, #title{ #header, #title{
flex-direction: column; flex-direction: column;
margin-top: 5px; padding-top: 5px;
} }
#title{ #title{
font-size: 1.7em; font-size: 1.4em;
margin: 0; margin: 0;
text-align: center; text-align: center;
} }
...@@ -173,35 +161,17 @@ Media Queries ...@@ -173,35 +161,17 @@ Media Queries
} }
@media all and (max-width: 700px){ @media all and (max-width: 700px){
#header{
background-color: #e3e3e3;
}
nav{
width: 75%;
}
#list-menu{ #list-menu{
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
} }
#list-menu li{
margin: 7px;
}
#list-menu a{ #list-menu a{
background-color: #f2f2f2; padding: 5px;
padding: 3px;
}
#list-menu a:hover{
background-color: #e3e3e3;
}
#list-menu .selected{
border-top: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
} }
} }
@media all and (max-width: 370px){ @media all and (max-width: 450px){
#page{ #page{
font-size: 1em; font-size: 1em;
} }
...@@ -211,13 +181,13 @@ Media Queries ...@@ -211,13 +181,13 @@ Media Queries
} }
#list-menu li{ #list-menu li{
width: 90%; width: 90%;
margin: 3px auto; margin: -5px auto;
text-align: center; text-align: center;
} }
#list-menu a{ #list-menu a{
display: inline-block; display: inline-block;
width: 90%; width: 90%;
padding: 3px 5px; padding: 5px;
} }
#list-menu .selected{ #list-menu .selected{
border: none; border: none;
......
<?php <?php
// action par défaut
$pageName = "blog";
require_once("site/controller/mainController.php"); require_once("site/controller/mainController.php");
$pageName = getPageName();
require_once("site/layout/layout.php"); require_once("site/layout/layout.php");
?> ?>
\ No newline at end of file
...@@ -10,9 +10,6 @@ function getPageName(){ ...@@ -10,9 +10,6 @@ function getPageName(){
case 'projects': case 'projects':
return ["Projets", "projects"]; return ["Projets", "projects"];
break; break;
case 'login':
return ["Connexion", "login"];
break;
case 'changelog': case 'changelog':
return ["Changelog", "changelog"]; return ["Changelog", "changelog"];
break; break;
......
...@@ -6,6 +6,5 @@ ...@@ -6,6 +6,5 @@
<li><a href="about" title="À propos" <?php if($pageName == "À Propos"){ ?>class="selected"<?php } ?>>À propos</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="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="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> </ul>
<?php } <?php }
\ No newline at end of file
<?php <?php
require_once("functionWriteMenu.php"); require_once("functionWriteMenu.php");
require_once("functionGetPageName.php"); require_once("functionGetPageName.php");
\ No newline at end of file
$pageName = getPageName();
\ No newline at end of file
...@@ -17,11 +17,6 @@ ...@@ -17,11 +17,6 @@
#list-menu a{ #list-menu a{
background-color: #e3e3e3; background-color: #e3e3e3;
} }
@media all and (max-width: 700px){
#list-menu a{
background-color: #f2f2f2;
}
}
</style> </style>
</head> </head>
<body id="page"> <body id="page">
......
File mode changed from 100644 to 100755
...@@ -39,4 +39,14 @@ ...@@ -39,4 +39,14 @@
Certaines données pouvant vous concerner peuvent être y conservées dessus (pas plus d'un an). Elles ne seront jamais vendues ni transmises à des tiers. Certaines données pouvant vous concerner peuvent être y conservées dessus (pas plus d'un an). Elles ne seront jamais vendues ni transmises à des tiers.
</p> </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> </article>
\ No newline at end of file
<article> <article>
<h3><a href="?article=1">Premier article</a></h3> <h3><a href="/article/premier-article">Premier article</a></h3>
<p class="postInfos"> <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> </p>
<section> <section>
<p> <p>
Bonjour à tous et bienvenue sur cette nouvelle version du blog. Coucou, bienvenue sur cette nouvelle version du blog.
</p> </p>
</section> </section>
</article> </article>
\ No newline at end of file
<article> <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> <ul>
<li>Création & remplissage des pages <a href="changelog">changelog</a>, <a href="rss">rss</a> & <a href="404">404</a></li> <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 @@ ...@@ -17,7 +27,7 @@
<li>Création des pages vides Blog, Connexion, A propos, Contact, Projets</li> <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>Exemple de remplissage de Blog, remplissage de A propos & Contact</li>
<li>Design sommaire</li> <li>Design sommaire</li>
<li>Configuration Apache (url rewriting, site-enabled)</li> <li>Configuration Apache (url rewriting, site-enabled, toussa toussa)</li>
</ul> </ul>
</article> </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