diff --git a/public/styles/colors.css b/public/styles/colors.css new file mode 100644 index 0000000..d0900dd --- /dev/null +++ b/public/styles/colors.css @@ -0,0 +1,10 @@ +:root { + --primary: #4d8073; + --primary-light: #a5c0bc; + --primary-dark: #1f2d2d; + --secondary: #8a5542; + --secondary-light: #bd8751; + --secondary-dark: #3b1c11; + --light: #f2ebd9; + --dark: #261f0d; +} \ No newline at end of file diff --git a/public/styles/header.css b/public/styles/header.css new file mode 100644 index 0000000..8bdb89f --- /dev/null +++ b/public/styles/header.css @@ -0,0 +1,30 @@ +header { + height: 100%; + position: fixed; + background-color: var(--primary-dark); + width: 10em; + box-shadow: 0.2em 0 1em black; + padding-left: 1em; +} + +.header-category { + text-transform: uppercase; + color: var(--secondary); + font-size: 0.75em; + font-weight: normal; + margin-top: 5em; + margin-bottom: 0; +} + +header ul { + color: var(--secondary-light); + font-size: 1em; + font-weight: bold; + margin-top: 0.25em; +} + +header .icon { + display: inline-block; + margin-right: 0.5em; + width: 1em; +} \ No newline at end of file diff --git a/public/styles/main.css b/public/styles/main.css new file mode 100644 index 0000000..f1c8b48 --- /dev/null +++ b/public/styles/main.css @@ -0,0 +1,17 @@ +* { + font-family: 'Asap', sans-serif; + text-decoration: none; + line-height: 1.25em; +} + +h1 { + display: none; +} + +h2, h3 { + font-family: 'Kanit', sans-serif; +} + +ul { + margin-bottom: 0; +} \ No newline at end of file diff --git a/templates/_includes/html/base.html.twig b/templates/_includes/html/base.html.twig index a1b305a..b68feb4 100644 --- a/templates/_includes/html/base.html.twig +++ b/templates/_includes/html/base.html.twig @@ -4,6 +4,9 @@ "https://fonts.googleapis.com/css2?family=Kanit", "https://fonts.googleapis.com/css2?family=Asap", baseUrl~"icofont/icofont.css", + baseUrl~"styles/main.css", + baseUrl~"styles/header.css", + baseUrl~"styles/colors.css", ]|merge(styles) %} {% set scripts=[ @@ -23,6 +26,27 @@ {% endfor %} +
+

Activity manager

+

Activités

+
  • + + + +
  • +

    Paramètres

    +
  • + + +
  • +
    {% block pageContent %}