Loading css/404.css 0 → 100644 +51 −0 Original line number Original line Diff line number Diff line /* http://www.alsacreations.com/tuto/lire/1620-une-video-arriere-plan-sur-toute-la-page.html */ #video-fond { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6; z-index: -1; } #video-fond > video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } @media (min-aspect-ratio: 16/9) { #video-fond > video { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { #video-fond > video { width: 300%; left: -100%; } } @supports (object-fit: cover) { #video-fond > video { width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } } body{ opacity: 0.75; } #video-fond{ opacity: 1; } #header{ margin-top: 0; } No newline at end of file css/design.css +20 −19 Original line number Original line Diff line number Diff line Loading @@ -59,7 +59,7 @@ h3{ font-size: 1em; font-size: 1em; } } ul{ #list-menu{ list-style-type: none; list-style-type: none; font-size: 1.5em; font-size: 1.5em; display: flex; display: flex; Loading @@ -70,7 +70,7 @@ ul{ padding: 0; padding: 0; } } li a{ #list-menu a{ padding: 7px; padding: 7px; margin: 5px; margin: 5px; text-decoration: none; text-decoration: none; Loading @@ -78,7 +78,7 @@ li a{ transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } } li a:hover{ #list-menu a:hover{ color: #47476b; color: #47476b; background-color: #f0f0f0; background-color: #f0f0f0; transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; Loading @@ -94,7 +94,7 @@ article{ section{ section{ } } li .selected{ #list-menu .selected{ padding-bottom: 2px; padding-bottom: 2px; border-bottom: 5px solid #cccccc; border-bottom: 5px solid #cccccc; } } Loading @@ -112,6 +112,11 @@ article .postInfos{ font-size: 0.8em; font-size: 0.8em; } } hr{ width: 66%; border: 1px solid #CFCFCF; } /* /* ==== ==== Loading @@ -123,7 +128,7 @@ Media Queries justify-content: space-around; justify-content: space-around; } } ul{ #list-menu{ font-size: 1.2em; font-size: 1.2em; } } } } Loading @@ -138,14 +143,10 @@ Media Queries #title{ #title{ margin-left: 2px; margin-left: 2px; } } li{ margin: 0 5px; } } } @media all and (max-width: 1020px){ @media all and (max-width: 1020px){ li a{ #list-menu li a{ margin: 2px; margin: 2px; padding: 5px; padding: 5px; } } Loading Loading @@ -179,22 +180,22 @@ Media Queries width: 75%; width: 75%; } } ul{ #list-menu{ flex-wrap: wrap; flex-wrap: wrap; justify-content: center; justify-content: center; } } li{ #list-menu li{ margin: 5px; margin: 7px; } } li a{ #list-menu a{ background-color: #f2f2f2; background-color: #f2f2f2; padding: 3px; padding: 3px; } } li a:hover{ #list-menu a:hover{ background-color: #e3e3e3; background-color: #e3e3e3; } } li .selected{ #list-menu .selected{ border-top: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 2px solid #cccccc; border-bottom: 2px solid #cccccc; } } Loading @@ -208,17 +209,17 @@ Media Queries width: 45px; width: 45px; height: 45px; height: 45px; } } li{ #list-menu li{ width: 90%; width: 90%; margin: 3px auto; margin: 3px auto; text-align: center; text-align: center; } } ul li a{ #list-menu a{ display: inline-block; display: inline-block; width: 90%; width: 90%; padding: 3px 5px; padding: 3px 5px; } } li .selected{ #list-menu .selected{ border: none; border: none; background-color: #d9d9d9; background-color: #d9d9d9; } } Loading img/CloudsLoop.mp4 0 → 100644 +490 KiB File added.No diff preview for this file type. View file site/controller/functionGetPageName.php +9 −0 Original line number Original line Diff line number Diff line Loading @@ -13,6 +13,15 @@ function getPageName(){ case 'login': case 'login': return ["Connexion", "login"]; return ["Connexion", "login"]; break; break; case 'changelog': return ["Changelog", "changelog"]; break; case 'rss': return ["Rss", "rss"]; break; case '404': return ["Erreur 404 - File not found", "404"]; break; default: default: return ["Blog", "blog"]; return ["Blog", "blog"]; break; break; Loading site/controller/functionWriteMenu.php +1 −1 Original line number Original line Diff line number Diff line <?php <?php function writeMenu($pageName){ function writeMenu($pageName){ ?> ?> <ul> <ul id="list-menu"> <li><a href="/" title="Blog" <?php if($pageName == "Blog"){ ?>class="selected"<?php } ?>>Blog</a></li> <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="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> Loading Loading
css/404.css 0 → 100644 +51 −0 Original line number Original line Diff line number Diff line /* http://www.alsacreations.com/tuto/lire/1620-une-video-arriere-plan-sur-toute-la-page.html */ #video-fond { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6; z-index: -1; } #video-fond > video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } @media (min-aspect-ratio: 16/9) { #video-fond > video { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { #video-fond > video { width: 300%; left: -100%; } } @supports (object-fit: cover) { #video-fond > video { width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } } body{ opacity: 0.75; } #video-fond{ opacity: 1; } #header{ margin-top: 0; } No newline at end of file
css/design.css +20 −19 Original line number Original line Diff line number Diff line Loading @@ -59,7 +59,7 @@ h3{ font-size: 1em; font-size: 1em; } } ul{ #list-menu{ list-style-type: none; list-style-type: none; font-size: 1.5em; font-size: 1.5em; display: flex; display: flex; Loading @@ -70,7 +70,7 @@ ul{ padding: 0; padding: 0; } } li a{ #list-menu a{ padding: 7px; padding: 7px; margin: 5px; margin: 5px; text-decoration: none; text-decoration: none; Loading @@ -78,7 +78,7 @@ li a{ transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; } } li a:hover{ #list-menu a:hover{ color: #47476b; color: #47476b; background-color: #f0f0f0; background-color: #f0f0f0; transition: color 0.2s, background-color 0.2s; transition: color 0.2s, background-color 0.2s; Loading @@ -94,7 +94,7 @@ article{ section{ section{ } } li .selected{ #list-menu .selected{ padding-bottom: 2px; padding-bottom: 2px; border-bottom: 5px solid #cccccc; border-bottom: 5px solid #cccccc; } } Loading @@ -112,6 +112,11 @@ article .postInfos{ font-size: 0.8em; font-size: 0.8em; } } hr{ width: 66%; border: 1px solid #CFCFCF; } /* /* ==== ==== Loading @@ -123,7 +128,7 @@ Media Queries justify-content: space-around; justify-content: space-around; } } ul{ #list-menu{ font-size: 1.2em; font-size: 1.2em; } } } } Loading @@ -138,14 +143,10 @@ Media Queries #title{ #title{ margin-left: 2px; margin-left: 2px; } } li{ margin: 0 5px; } } } @media all and (max-width: 1020px){ @media all and (max-width: 1020px){ li a{ #list-menu li a{ margin: 2px; margin: 2px; padding: 5px; padding: 5px; } } Loading Loading @@ -179,22 +180,22 @@ Media Queries width: 75%; width: 75%; } } ul{ #list-menu{ flex-wrap: wrap; flex-wrap: wrap; justify-content: center; justify-content: center; } } li{ #list-menu li{ margin: 5px; margin: 7px; } } li a{ #list-menu a{ background-color: #f2f2f2; background-color: #f2f2f2; padding: 3px; padding: 3px; } } li a:hover{ #list-menu a:hover{ background-color: #e3e3e3; background-color: #e3e3e3; } } li .selected{ #list-menu .selected{ border-top: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 2px solid #cccccc; border-bottom: 2px solid #cccccc; } } Loading @@ -208,17 +209,17 @@ Media Queries width: 45px; width: 45px; height: 45px; height: 45px; } } li{ #list-menu li{ width: 90%; width: 90%; margin: 3px auto; margin: 3px auto; text-align: center; text-align: center; } } ul li a{ #list-menu a{ display: inline-block; display: inline-block; width: 90%; width: 90%; padding: 3px 5px; padding: 3px 5px; } } li .selected{ #list-menu .selected{ border: none; border: none; background-color: #d9d9d9; background-color: #d9d9d9; } } Loading
site/controller/functionGetPageName.php +9 −0 Original line number Original line Diff line number Diff line Loading @@ -13,6 +13,15 @@ function getPageName(){ case 'login': case 'login': return ["Connexion", "login"]; return ["Connexion", "login"]; break; break; case 'changelog': return ["Changelog", "changelog"]; break; case 'rss': return ["Rss", "rss"]; break; case '404': return ["Erreur 404 - File not found", "404"]; break; default: default: return ["Blog", "blog"]; return ["Blog", "blog"]; break; break; Loading
site/controller/functionWriteMenu.php +1 −1 Original line number Original line Diff line number Diff line <?php <?php function writeMenu($pageName){ function writeMenu($pageName){ ?> ?> <ul> <ul id="list-menu"> <li><a href="/" title="Blog" <?php if($pageName == "Blog"){ ?>class="selected"<?php } ?>>Blog</a></li> <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="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> Loading