Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
l3m-website
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
3
Issues
3
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Packages
Packages
Container Registry
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Corentin Bettiol
l3m-website
Commits
49c5a5f4
Commit
49c5a5f4
authored
Mar 03, 2019
by
Corentin Bettiol
💻
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
change hamburger menu; it displays the current page
parent
ae7f1d25
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
45 additions
and
11 deletions
+45
-11
design.css
css/design.css
+34
-10
mainController.php
site/controller/mainController.php
+3
-0
changelog.php
site/view/public/changelog.php
+8
-1
No files found.
css/design.css
View file @
49c5a5f4
...
...
@@ -321,7 +321,13 @@ Media Queries
height
:
45px
;
}
#header
{
margin-top
:
30px
;
}
/* hamburger menu - taken on https://actudiant.fr/ - from an old version of https://scotch.io/tutorials/building-a-morphing-hamburger-menu-with-css */
#toggle
{
position
:
absolute
;
left
:
-9999px
;
...
...
@@ -340,34 +346,49 @@ Media Queries
background-size
:
50px
50px
;
}
#listMenu
{
width
:
100%
;
margin
:
auto
;
background-color
:
#f0f0f0
;
border-bottom
:
5px
solid
#ccc
;
position
:
fixed
;
top
:
0
;
max-height
:
0
;
overflow
:
hidden
;
opacity
:
0
;
transition
:
max-height
0.30s
ease
,
opacity
0.30s
;
transition
:
border-bottom
0.3s
;
}
#listMenu
li
{
margin
:
3px
auto
;
margin
:
0
auto
;
max-height
:
0
;
transition
:
max-height
0.45s
;
}
#listMenu
a
{
padding
:
3px
0
;
max-height
:
0
;
overflow
:
hidden
;
opacity
:
0
;
padding
:
0
;
transition
:
max-height
0.3s
ease
,
opacity
0.3s
,
padding
0.3s
;
}
#listMenu
.selected
{
border
:
none
;
background-color
:
#ccc
;
max-height
:
300px
;
padding
:
0
;
opacity
:
0.5
;
}
#toggle
:checked
~
#listMenu
{
border-bottom
:
5px
solid
#ccc
;
transition
:
border-bottom
0.3s
;
}
#toggle
:checked
~
#listMenu
li
{
max-height
:
300px
;
transition
:
max-height
0.45s
;
}
#toggle
:checked
~
#listMenu
a
{
padding
:
3px
0
;
max-height
:
300px
;
opacity
:
1
;
transition
:
max-height
0.
45s
ease-out
,
opacity
0.30
s
;
transition
:
max-height
0.
3s
,
opacity
0.3s
,
padding
0.3
s
;
}
#toggle
:checked
~
.nav-label
{
...
...
@@ -377,6 +398,9 @@ Media Queries
background-size
:
50px
50px
;
}
#toggle
:checked
~
#listMenu
.selected
{
background-color
:
#ccc
;
}
}
/*
...
...
site/controller/mainController.php
View file @
49c5a5f4
...
...
@@ -67,6 +67,9 @@ function writeMenu($pageName){
<?php
}
else
if
(
isset
(
$_SESSION
[
'user'
])){
?>
<li><h2><a
href=
"/patate"
>
🔧
</a></h2></li>
<?php
}
if
(
$pageName
==
'Changelog'
){
?>
<li><h2><a
href=
"/changelog"
class=
"selected"
>
Changelog
</a></h2></li>
<?php
}
?>
<li><h2><a
href=
"/"
title=
"Blog"
<?php
if
(
$pageName
==
'Blog'
){
?>
class=
"selected"
<?php
}
?>
>
Blog
</a></h2></li>
<li><h2><a
href=
"/about"
title=
"À propos"
<?php
if
(
$pageName
==
'À Propos'
){
?>
class=
"selected"
<?php
}
?>
>
À propos
</a></h2></li>
...
...
site/view/public/changelog.php
View file @
49c5a5f4
<article>
<h3><a
href=
""
>
02/03/19
</a></h3>
<h3><a
href=
""
>
03/03/19
</a></h3>
<ul>
<li>
Màj menu hamburger ; il affiche la page courante maintenant
</li>
</ul>
</article>
<article>
<h3><a
href=
"https://git.bitmycode.com/sodimel/l3m-website/commit/6088891e4bf5a032a2746d6d3ad2d326b304704b"
>
02/03/19
</a></h3>
<ul>
<li>
Ajout du menu hamburger pour les smartphones
</li>
<li>
Ajout du renommage automatique de l'url d'un post/projet pour toujours avoir des url différentes même si plusieurs posts/projets on le même nom
</li>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment