diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 9871dcfd5be197b2d9d9699b3377c4ad7fa4014d..49a45ee370d184682a34b823a7a721d340f59da6 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -155,7 +155,7 @@ $zindex-footer: 70 !default
// Header
$header-color: $color-text !default
$header-hover-color: $color-accent !default // TODO : Réflechir à plus élégant / générique
-$header-background: transparent !default
+$header-background: $color-background-alt !default
$header-transition: 0.3s !default
$header-dropdown-full: false !default
$header-dropdown-background: $header-background !default
@@ -170,8 +170,8 @@ $header-nav-padding-y: px2rem(20) !default
$header-nav-padding-y-desktop: px2rem(30) !default
$header-logo-height: 32px !default
$header-logo-height-desktop: $header-logo-height !default
-$header-height: 99px !default
-$header-height-desktop: 74px !default
+$header-height: 87px !default
+$header-height-desktop: 96px !default
$header-sticky-invert-logo: false !default
$header-border-bottom-width: 1px !default
@@ -198,31 +198,33 @@ $breadcrumb-icon-color: $color-text-alt !default
// Icons
$icons: ()
-$icons: map-merge($icons, ("arrow": "\e905"))
-$icons: map-merge($icons, ("arrow-first": "\e906"))
-$icons: map-merge($icons, ("arrow-last": "\e907"))
-$icons: map-merge($icons, ("arrow-left": "\e908"))
-$icons: map-merge($icons, ("arrow-right": "\e909"))
+$icons: map-merge($icons, ("toc": "\e918"))
+$icons: map-merge($icons, ("search": "\e916"))
+$icons: map-merge($icons, ("play": "\e910"))
+$icons: map-merge($icons, ("pause": "\e90f"))
+$icons: map-merge($icons, ("eye": "\e901"))
+$icons: map-merge($icons, ("download": "\e900"))
+$icons: map-merge($icons, ("close": "\e90e"))
$icons: map-merge($icons, ("burger": "\e902"))
+$icons: map-merge($icons, ("arrow-next": "\e909"))
+$icons: map-merge($icons, ("arrow-previous": "\e908"))
+$icons: map-merge($icons, ("arrow-last": "\e907"))
+$icons: map-merge($icons, ("arrow-first": "\e906"))
+$icons: map-merge($icons, ("arrow-right": "\ff00"))
$icons: map-merge($icons, ("caret": "\e904"))
-$icons: map-merge($icons, ("caret-bottom": "\e911"))
-$icons: map-merge($icons, ("caret-left": "\e912"))
-$icons: map-merge($icons, ("caret-right": "\e913"))
$icons: map-merge($icons, ("caret-top": "\e914"))
-$icons: map-merge($icons, ("close": "\e90e"))
-$icons: map-merge($icons, ("download": "\e900"))
-$icons: map-merge($icons, ("eye": "\e901"))
-$icons: map-merge($icons, ("facebook": "\e90b"))
-$icons: map-merge($icons, ("instagram": "\e90a"))
-$icons: map-merge($icons, ("link-blank": "\e903"))
-$icons: map-merge($icons, ("linkedin": "\e90c"))
+$icons: map-merge($icons, ("caret-right": "\e913"))
+$icons: map-merge($icons, ("caret-left": "\e912"))
+$icons: map-merge($icons, ("caret-bottom": "\e911"))
$icons: map-merge($icons, ("list-hyphen": "\e917"))
-$icons: map-merge($icons, ("pause": "\e90f"))
-$icons: map-merge($icons, ("play": "\e910"))
-$icons: map-merge($icons, ("search": "\e916"))
-$icons: map-merge($icons, ("social": "\e915"))
-$icons: map-merge($icons, ("toc": "\e918"))
+$icons: map-merge($icons, ("link-blank": "\e903"))
$icons: map-merge($icons, ("twitter": "\e90d"))
+$icons: map-merge($icons, ("social": "\e915"))
+$icons: map-merge($icons, ("linkedin": "\e90c"))
+$icons: map-merge($icons, ("instagram": "\e90a"))
+$icons: map-merge($icons, ("facebook": "\e90b"))
+$icons: map-merge($icons, ("arrow": "\ff01"))
+$icons: map-merge($icons, ("arrow-left": "\ff02"))
// Breakpoints
// TODO: réécrire en sass les mixins bootstrap
@@ -352,3 +354,10 @@ $program-zindex-toc: $zindex-toc !default
// Animations
$arrow-ease-transition: cubic-bezier(0, 0.65, 0.4, 1.2) !default
$arrow-ease-transition-2: cubic-bezier(0, 0.65, 0.4, 1) !default
+
+// Icons
+$icon-burger-margin-right: -12px
+$icon-close-margin-right: -12px
+$icon-toc-margin-right: -14px
+$icon-arrow-previous-margin-left: -22px // cf. testimonial
+$icon-social-margin-right: -14px
\ No newline at end of file
diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index 7d9b3d2a0d96b913d409e4fae338d0ac74958fc8..cbe395fc2ce23a7a70a829c9feb3347a4732b22d 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/assets/sass/_theme/_utils.sass
@@ -56,6 +56,7 @@
@mixin hover-translate-icon($pseudo: after, $distance: 10)
&::#{$pseudo}
+ display: inline-block
transition: transform 0.55s $arrow-ease-transition
transform: translateX(0)
&:hover
@@ -71,12 +72,11 @@
top: calc(var(--header-height) + #{$offset-y})
// NEW UTILS
-@mixin icon($icon-name: '', $pseudo-element: before, $font-size: px2rem(10), $non-breaking: false)
+@mixin icon($icon-name: '', $pseudo-element: before, $non-breaking: false)
&::#{$pseudo-element}
content: map-get($icons, $icon-name)
display: inline-block
font-family: 'Icon'
- font-size: $font-size
font-style: normal
font-variant: normal
font-weight: normal
@@ -89,6 +89,12 @@
display: inline
@content // TODO : important de documenter ça
+@mixin icon-block($icon-name: '', $pseudo-element: before, $non-breaking: false)
+ @include icon($icon-name, $pseudo-element, $non-breaking)
+ font-size: 44px
+ display: inline
+ @content
+
@mixin container
margin-left: auto
margin-right: auto
@@ -206,7 +212,7 @@
@include h2
transition: color 0.55s
@include media-breakpoint-down(desktop)
- @include icon("arrow-right", "after", px2rem(16), true)
+ @include icon(arrow-right, after, true)
bottom: $spacing0
position: absolute
right: 0
@@ -214,7 +220,6 @@
@include arrow-right-hover
display: block
&::after
- font-size: px2rem(16)
transform: translateX(0)
position: relative
&:hover
@@ -284,12 +289,10 @@
@include button-reset
line-height: $body-line-height
border: 1px solid $hero-color
- padding: $spacing0 $spacing1
+ padding: half($spacing0) $spacing1
white-space: nowrap
@if $icon
- @include icon($icon, after)
- font-size: px2rem(20)
- margin-left: px2rem(10)
+ @include icon-block($icon, after)
@mixin text-underline
text-decoration-color: $color-border
@@ -298,13 +301,12 @@
text-underline-offset: 3px
text-decoration-line: underline
-
@mixin arrow-right-hover
position: relative
display: flex
justify-content: space-between
align-items: center
- @include icon("arrow-right", after, $small-size)
+ @include icon(arrow, after)
opacity: 0
transform: translateX(-20px)
transition: 0.55s $arrow-ease-transition
@@ -334,11 +336,8 @@
display: block
left: 0
right: 0
+ text-align: right
z-index: 10
- a
- color: inherit
- p
- @include meta
&::before
@include meta
content: '©'
@@ -347,21 +346,28 @@
top: 0
background: $color-background-alt
text-align: center
- line-height: px2rem(30)
- width: px2rem(30)
- height: px2rem(30)
+ padding: half($spacing0)
display: block
p
+ @include meta
background: $color-background-alt
display: none
padding: half($spacing0)
- padding-right: $spacing2
+ padding-right: $spacing1
+ a
+ color: inherit
&:focus
p
display: block
+ @include media-breakpoint-up(desktop)
+ &:before
+ padding-bottom: 0
+ padding-top: 0
+
&:hover
figcaption p
display: block
+
// https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6
@function str-replace($string, $search, $replace: "")
$index: str-index($string, $search)
diff --git a/assets/sass/_theme/blocks/contact.sass b/assets/sass/_theme/blocks/contact.sass
index fcba901628b620f4a7c17b65d1c5b47fa8989020..181434d4a78636128f46bd3b200a9a8a055441df 100644
--- a/assets/sass/_theme/blocks/contact.sass
+++ b/assets/sass/_theme/blocks/contact.sass
@@ -56,7 +56,6 @@
span + span
text-align: right
time + time
- @include icon("arrow-right", before)
+ @include icon(arrow-right, before)
display: inline-block
- font-size: px2rem(12)
padding: 0 px2rem(7) 0 px2rem(3)
diff --git a/assets/sass/_theme/blocks/files.sass b/assets/sass/_theme/blocks/files.sass
index cad352b8ead01bc1e2cc46451235dff3512e0986..b700606e853547dd019aacaaabbcdca12c87ff2b 100644
--- a/assets/sass/_theme/blocks/files.sass
+++ b/assets/sass/_theme/blocks/files.sass
@@ -6,7 +6,7 @@
.files
@include list-reset
li
- @include icon("download", before)
+ @include icon-block(download, before)
align-items: start
display: flex
position: relative
@@ -15,7 +15,6 @@
border: 1px solid $color-border
display: flex
flex-shrink: 0
- font-size: px2rem(18)
height: px2rem(60)
justify-content: center
margin-right: $spacing0
@@ -23,17 +22,20 @@
width: px2rem(60)
&:hover
&::before
- background-color: $color-border
+ background-color: $color-text
border-color: transparent
+ color: $color-background
a
@include stretched-link(before)
@include small
text-decoration: none
+ display: block
&::after
content: none !important // Remove default icon _blank
figcaption
@include meta
+ margin-top: half($spacing0)
@include media-breakpoint-down(desktop)
.files
li + li
diff --git a/assets/sass/_theme/blocks/gallery.sass b/assets/sass/_theme/blocks/gallery.sass
index fdb26009ddd65f4d5dad8dac79832312edafb920..8e9fa3fe2d14765597ba9c9413cd0366b0d2c805 100644
--- a/assets/sass/_theme/blocks/gallery.sass
+++ b/assets/sass/_theme/blocks/gallery.sass
@@ -81,7 +81,7 @@
padding-right: 20%
img
max-width: 100%
- figure
+ figure
margin-right: half($grid-gutter)
picture
img
@@ -110,7 +110,7 @@
&--prev,
&--next
@include button-reset
- @include icon("arrow-left", before)
+ @include icon(arrow-left, before)
height: 48px
padding: 0
position: static
@@ -118,8 +118,13 @@
svg
display: none
&--next
- @include icon("arrow-right", before)
+ @include icon(arrow-right, before)
@include in-page-without-sidebar
+ @include media-breakpoint-up(desktop)
+ .splide
+ figure
+ margin-left: $grid-gutter
+ margin-right: half(-$grid-gutter)
.splide
&__slide
&:first-child
diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass
index a60ea02463fc710f5e90bf6c423c3e7d82e2dc1a..f2f77ada58e90c7b02339075ab8312836c31ff5f 100644
--- a/assets/sass/_theme/blocks/pages.sass
+++ b/assets/sass/_theme/blocks/pages.sass
@@ -46,10 +46,8 @@
grid-column: 1 / 5
a
text-decoration: none
- @include icon("arrow-right", "after", px2rem(16), true)
+ @include icon(arrow, after, true)
@include hover-translate-icon
- &::after
- display: inline-block
.description
@include h2
grid-column: 5 / 13
@@ -59,8 +57,8 @@
&--grid
.grid
a
- @include icon("arrow-right", "after", px2rem(16), true)
- @include hover-translate-icon(after, 3)
+ @include icon(arrow, after, true)
+ @include hover-translate-icon(after)
@include media-breakpoint-up(desktop)
.grid
@include grid(2, desktop)
@@ -106,6 +104,7 @@
min-width: 100%
.more
@include arrow-right-hover
+ @include icon-block(arrow-right, after)
@include link($block-pages-card-page-color)
@include text-underline
position: relative
@@ -137,9 +136,10 @@
margin-top: $spacing0
a
@include meta
- @include icon("arrow-right", before, px2rem(10))
+ @include icon(arrow, before, true)
padding-right: $spacing0
- @include hover-translate-icon(before)
+
+ @include hover-translate-icon(before, 5)
@include link
text-decoration-color: rgba(0,0,0,0)
@include media-breakpoint-down(desktop)
diff --git a/assets/sass/_theme/blocks/posts.sass b/assets/sass/_theme/blocks/posts.sass
index a0488076e8fa15d79c07bb7af0e69fe1426cc3bc..eae9f38c00d515d1dbe4e7dbe20be582de3e9649 100644
--- a/assets/sass/_theme/blocks/posts.sass
+++ b/assets/sass/_theme/blocks/posts.sass
@@ -2,7 +2,7 @@
.top
margin-bottom: $spacing2
a
- @include icon("arrow-right", "after", px2rem(16), true)
+ @include icon(arrow-right, after, true)
text-decoration: none
.posts
@include grid(1)
diff --git a/assets/sass/_theme/blocks/timeline.sass b/assets/sass/_theme/blocks/timeline.sass
index ca2b9a447084adabb0e01ed27b8d192adad92e42..472ef37d30d42da2014c4451ce832b2ca387a9c4 100644
--- a/assets/sass/_theme/blocks/timeline.sass
+++ b/assets/sass/_theme/blocks/timeline.sass
@@ -76,24 +76,24 @@
.timeline-arrows
display: flex
+ padding-left: half($grid-gutter)
> button
@include button-reset
background: none
border: none
color: $block-timeline-horizontal-color
cursor: pointer
- font-size: 1rem
- padding: half($grid-gutter)
&:first-child
- @include icon(arrow-left, before)
+ @include icon-block(arrow-previous, before)
+ margin-left: $icon-arrow-previous-margin-left
&:last-child
- @include icon(arrow-right, before)
+ @include icon-block(arrow-next, before)
&:disabled
cursor: default
opacity: 0.3
.events
- margin-left: calc(#{$grid-gutter} / -2)
- margin-right: calc(#{$grid-gutter} / -2)
+ margin-left: half(-$grid-gutter)
+ margin-right: half(-$grid-gutter)
// TODO : fixer le px gap en desktop entre chaque event
ol
display: flex
@@ -151,9 +151,6 @@
@include in-page-with-sidebar
.timeline
padding-left: offset(4)
- // @include media-breakpoint-up(xxl)
- // .timeline
- // padding-left: offset(5)
@include in-page-without-sidebar
@include media-breakpoint-up(xxl)
diff --git a/assets/sass/_theme/dependencies/glightbox.sass b/assets/sass/_theme/dependencies/glightbox.sass
index 255e9d22bba7a90854a7e2fb1d201cec3850ae74..421fd968cda67d8ed31163212599c67e381ebabe 100644
--- a/assets/sass/_theme/dependencies/glightbox.sass
+++ b/assets/sass/_theme/dependencies/glightbox.sass
@@ -6,7 +6,7 @@
background-color: transparent
&-title,
&-desc
- color: $color-background
+ color: white
.gnext,
.gprev
color: white
diff --git a/assets/sass/_theme/dependencies/splide.sass b/assets/sass/_theme/dependencies/splide.sass
index b4960027066eea43bb8f677e952857bd20d9f7ab..976f7a904617836a3d926c7702133e49802927a8 100644
--- a/assets/sass/_theme/dependencies/splide.sass
+++ b/assets/sass/_theme/dependencies/splide.sass
@@ -44,7 +44,6 @@
bottom: 0
position: absolute
right: 0
-
&.is-active
.splide__play
display: none
@@ -53,16 +52,15 @@
&__pause,
&__play
- // @extend .icon
height: 48px
padding: 0
width: 48px
&__play
- @include icon(play)
+ @include icon-block(play)
&__pause
- @include icon(pause)
+ @include icon-block(pause)
display: none
diff --git a/assets/sass/_theme/design-system/header.sass b/assets/sass/_theme/design-system/header.sass
index dcbe424e99015bb38fdaf38c77cd41b8389e58b1..d19eb5411a7f083e1a710ef317ea72a04956247a 100644
--- a/assets/sass/_theme/design-system/header.sass
+++ b/assets/sass/_theme/design-system/header.sass
@@ -112,13 +112,11 @@ header#document-header
font-size: 14px
span:last-of-type
background: none
- display: block
- padding: half($spacing0) 0 half($spacing0) half($spacing0)
- line-height: 1
- @include icon("burger", before, 11px)
+ @include icon-block(burger, before)
vertical-align: baseline
+ margin-right: $icon-burger-margin-right
&[aria-expanded="true"]
span:last-of-type
&::before
content: map-get($icons, "close")
- font-size: 12px
+ margin-right: $icon-close-margin-right
diff --git a/assets/sass/_theme/design-system/layout.sass b/assets/sass/_theme/design-system/layout.sass
index 1a399523c44cd96378288929b1a7017b44a6178c..ea0d007862599690093af90cdff243603a326525 100644
--- a/assets/sass/_theme/design-system/layout.sass
+++ b/assets/sass/_theme/design-system/layout.sass
@@ -73,7 +73,7 @@ details
padding-top: $spacing0
position: relative
cursor: pointer
- @include icon(caret, after, px2rem(5))
+ @include icon(caret, after)
margin-left: px2rem(10)
line-height: px2rem(22)
transition: transform 0.25s
@@ -83,7 +83,7 @@ details
display: none
&[open]
summary
- @include icon(caret-top, after, px2rem(5))
+ @include icon(caret-top, after)
&:hover
summary::after
transform: translateY(-5px)
diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass
index 87980bb755538384e74770b316aa67c643c1c821..aa04bf689f35bb8f885f3dc2824be1438ba572fb 100644
--- a/assets/sass/_theme/design-system/nav.sass
+++ b/assets/sass/_theme/design-system/nav.sass
@@ -29,11 +29,11 @@
@include meta
cursor: pointer
transition: text-decoration 0.15s
+ display: block
&:not(:hover)
text-decoration-color: transparent
&[aria-expanded]
@include icon(caret, after)
- font-size: px2rem(6)
margin-left: px2rem(5)
transition: transform 0.15s
&[aria-expanded="true"]
@@ -90,6 +90,9 @@
@include meta
@include media-breakpoint-up(desktop)
+ .nav-level-3
+ li
+ margin-top: $spacing0
@if $header-dropdown-full
.dropdown-menu
inset: 100% 0 auto 0
@@ -128,7 +131,7 @@
display: block
li
a, span
- padding: half($spacing1) 0
+ padding: half($spacing0) 0
display: block
> li:not(:last-child)
border-bottom: 1px solid #adb5bd
@@ -141,9 +144,10 @@
align-items: center
display: flex
justify-content: space-between
- @include icon("caret-bottom", after)
+ text-decoration: none
+ @include icon(caret-bottom, after)
+ display: block
&::after
- font-size: .375rem
line-height: 1
.dropdown-menu
display: none
@@ -156,6 +160,8 @@
.nav-level-2
> .has-children + .has-children
margin-top: $spacing1
+ .nav-level-3
+ padding-top: 0
.share
display: flex
@@ -165,11 +171,9 @@
li:not(:last-child)
margin-right: 1rem
a
- font-size: px2rem(13)
text-decoration: none
padding: $spacing0
- &::before
- font-size: px2rem(13)
+ font-size: px2rem(24)
&:hover
opacity: 0.7
&::after
diff --git a/assets/sass/_theme/design-system/pagination.sass b/assets/sass/_theme/design-system/pagination.sass
index 357d125e34ca6acf57dffa1e3cdbd1139c61da9e..6a3b229f49e954a3343a6349c052693261f1c730 100644
--- a/assets/sass/_theme/design-system/pagination.sass
+++ b/assets/sass/_theme/design-system/pagination.sass
@@ -23,16 +23,24 @@
background-color: $color-background-alt
&:first-child
a
- @include icon(arrow-first, before, px2rem(10))
+ @include icon-block(arrow-first, before)
+ padding-left: 0
+ padding-right: 0
&:nth-child(2)
a
- @include icon(arrow-left, before, px2rem(10))
+ @include icon-block(arrow-previous, before)
+ padding-left: 0
+ padding-right: 0
&:nth-last-child(2)
a
- @include icon(arrow-right, before, px2rem(10))
+ @include icon-block(arrow-next, before)
+ padding-left: 0
+ padding-right: 0
&:last-child
a
- @include icon(arrow-last, before, px2rem(10))
+ @include icon-block(arrow-last, before)
+ padding-left: 0
+ padding-right: 0
.posts-navigation
border-top: 1px solid $color-border
@@ -56,12 +64,12 @@
margin-bottom: $spacing0
.previous
span
- @include icon(arrow-left, before, px2rem(12))
+ @include icon(arrow-left, before)
margin-right: px2rem(5)
.next
text-align: right
span
- @include icon(arrow-right, after, px2rem(12))
+ @include icon(arrow-right, after)
margin-left: px2rem(5)
@include media-breakpoint-up(desktop)
@@ -86,9 +94,9 @@
display: block
padding: $spacing1 0
.previous
- @include icon(arrow-left, before, px2rem(12))
+ @include icon(arrow-left, before)
margin-right: $spacing0
.next
justify-content: end
- @include icon(arrow-right, after, px2rem(12))
+ @include icon(arrow-right, after)
margin-left: $spacing0
\ No newline at end of file
diff --git a/assets/sass/_theme/design-system/table_of_contents.sass b/assets/sass/_theme/design-system/table_of_contents.sass
index 608a335e070822ba2279c290ea94d7df25b1a14f..5d7aec2a7a48e534aaed20adaba6549c792ebe77 100644
--- a/assets/sass/_theme/design-system/table_of_contents.sass
+++ b/assets/sass/_theme/design-system/table_of_contents.sass
@@ -47,13 +47,14 @@
margin-top: 0
button
@include button-reset
- display: flex
- justify-content: space-between
+ @include icon-block(close, after)
+ margin-right: -14px
align-items: center
- padding: $spacing0 $spacing1 calc(#{$spacing0} - 1px)
border-top: 1px solid $color-border
+ display: flex
+ justify-content: space-between
+ padding: 0 $spacing1
line-height: $body-line-height
- @include icon(close, after)
@include media-breakpoint-up(desktop)
border-top: 0
position: absolute
@@ -78,7 +79,6 @@
margin-bottom: $spacing3
body.offcanvas-toc &
display: flex
-
@include media-breakpoint-down(desktop)
border-top: 1px solid $color-border
position: fixed
@@ -86,11 +86,9 @@
background: white
left: 0
width: 100%
- padding: $spacing0
+ padding: 0 half($grid-gutter-sm)
z-index: $zindex-toc-cta
-
button
- @include icon(toc, after)
@include button-icon(toc)
border: 0
line-height: inherit
@@ -102,8 +100,8 @@
text-overflow: ellipsis
overflow: hidden
&::after
- font-size: 11px
color: $toc-color
+ margin-right: $icon-toc-margin-right
@include media-breakpoint-down(desktop)
display: flex
justify-content: space-between
@@ -192,5 +190,4 @@
@include icon(list-hyphen)
&::before
opacity: 0.3
- font-size: 6px
margin-inline-end: 6px
diff --git a/assets/sass/_theme/design-system/typography.sass b/assets/sass/_theme/design-system/typography.sass
index dfb770e09ee41617b906545e45f7e9c31e39d855..b53b14fd86183ec43ddff6c8627c6b682ead06ac 100644
--- a/assets/sass/_theme/design-system/typography.sass
+++ b/assets/sass/_theme/design-system/typography.sass
@@ -218,7 +218,7 @@ a,
@include link
overflow-wrap: break-word
&[target="_blank"]:not(.icon)
- @include icon("link-blank", "after", px2rem(10), true)
+ @include icon(link-blank, after, true)
&[href^="mailto"]
&::after
content: none
@@ -277,6 +277,8 @@ abbr, abbr[title]
@each $name, $glyph in $icons
.icon-#{$name}
@include icon($name, before)
+ .icon-block-#{$name}
+ @include icon-block($name, before)
.btn-#{$name}
@include icon($name)
&::before
diff --git a/assets/sass/_theme/sections/diplomas.sass b/assets/sass/_theme/sections/diplomas.sass
index ca4ee1834b14d907869ec663b962a9a0119c0283..c5b2d68c5dd83fbc8aa7a5e8080d1885869f8763 100644
--- a/assets/sass/_theme/sections/diplomas.sass
+++ b/assets/sass/_theme/sections/diplomas.sass
@@ -11,7 +11,7 @@ ul.diplomas
padding-bottom: $spacing1
padding-top: $spacing1
border-bottom: 1px solid $color-border
- @include icon("arrow-right", after, $small-size)
+ @include icon(arrow-right, after)
align-self: center
margin-left: auto
&:hover
@@ -63,7 +63,6 @@ ul.diplomas
button
@include button-reset
@include icon(caret, after)
- font-size: px2rem(6)
margin-left: 5px
.dropdown-menu
@include inset(calc(100% + #{$spacing0}), 0, auto, auto)
@@ -94,7 +93,6 @@ ul.diplomas
button[aria-expanded="true"]
@include icon('caret-top', 'after')
- font-size: px2rem(6)
+ .dropdown-menu
display: block
diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass
index 9205b479d52351da2155b2e26bee0f77546405d2..aaf490bccf4383afe564797a533cee890bc3db42 100644
--- a/assets/sass/_theme/sections/persons.sass
+++ b/assets/sass/_theme/sections/persons.sass
@@ -4,7 +4,7 @@
justify-content: flex-start
@include media-breakpoint-up(desktop)
@include grid(2)
- @include icon("arrow-right", "after", px2rem(16), true)
+ @include icon(arrow-right, after, true)
color: inherit
position: absolute
right: 0
diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass
index a9daacc9bf0e91e7fcc37b9a1d3fe9d4fb52ee39..84d7e623a8616a2227c5f439a0108256966ba50f 100644
--- a/assets/sass/_theme/sections/posts.sass
+++ b/assets/sass/_theme/sections/posts.sass
@@ -138,7 +138,7 @@
text-align: right
flex: 1
a
- @include meta
+ // @include meta
@include link($color-accent)
.share
justify-content: flex-end
diff --git a/assets/sass/_theme/sections/programs.sass b/assets/sass/_theme/sections/programs.sass
index b8a7c6c2929ce5f5bafe5f52fcce7fee2eb22d60..265f7c76816ba8b453cde994d61dbc9dc3739698 100644
--- a/assets/sass/_theme/sections/programs.sass
+++ b/assets/sass/_theme/sections/programs.sass
@@ -26,6 +26,8 @@ ol.programs
position: relative
> button
@include button-icon(social)
+ &:after
+ margin-right: $icon-social-margin-right
color: $hero-color
border-color: $color-border
font-size: $program-share-font-size
@@ -51,6 +53,8 @@ ol.programs
width: 100%
.share
display: flex
+ align-items: center
+ height: 100%
li
margin: 0
flex: 1 1
@@ -166,7 +170,7 @@ ol.programs
padding-top: $spacing0
@include media-breakpoint-up(desktop)
@include grid(2)
- @include icon("arrow-right", "after", px2rem(12), true)
+ @include icon(arrow-right, after, true)
color: inherit
position: absolute
right: 0
diff --git a/content/icons.html b/content/icons.html
new file mode 100644
index 0000000000000000000000000000000000000000..24dc8b853bda561de2099bd64ef5865315bc5046
--- /dev/null
+++ b/content/icons.html
@@ -0,0 +1,86 @@
+---
+title: Icônes
+url: icons
+design:
+ full_width: true
+ toc:
+ present: false
+ offcanvas: false
+blocks:
+- template: chapter
+ title: >-
+ Icônes à la taille du texte
+ position: 1
+ data:
+ layout: no_background
+ text: >-
+ <p>
+ icon-caret-bottom <i class="icon-caret-bottom"></i><br>
+ icon-caret-right <i class="icon-caret-right"></i><br>
+ icon-caret-left <i class="icon-caret-left"></i><br>
+ icon-caret-top <i class="icon-caret-top"></i><br>
+ icon-caret <i class="icon-caret"></i><br>
+ icon-list-hyphen <i class="icon-list-hyphen"></i><br>
+ icon-facebook <i class="icon-facebook"></i><br>
+ icon-twitter <i class="icon-twitter"></i><br>
+ icon-linkedin <i class="icon-linkedin"></i><br>
+ icon-instagram <i class="icon-instagram"></i><br>
+ icon-link-blank <i class="icon-link-blank"></i><br>
+ icon-arrow <i class="icon-arrow"></i><br>
+ icon-arrow-right <i class="icon-arrow-right"></i><br>
+ icon-arrow-left <i class="icon-arrow-left"></i><br>
+ </p>
+ <p class="lead">
+ icon-caret-bottom <i class="icon-caret-bottom"></i><br>
+ icon-caret-right <i class="icon-caret-right"></i><br>
+ icon-caret-left <i class="icon-caret-left"></i><br>
+ icon-caret-top <i class="icon-caret-top"></i><br>
+ icon-caret <i class="icon-caret"></i><br>
+ icon-list-hyphen <i class="icon-list-hyphen"></i><br>
+ icon-facebook <i class="icon-facebook"></i><br>
+ icon-twitter <i class="icon-twitter"></i><br>
+ icon-linkedin <i class="icon-linkedin"></i><br>
+ icon-instagram <i class="icon-instagram"></i><br>
+ icon-link-blank <i class="icon-link-blank"></i><br>
+ icon-arrow <i class="icon-arrow"></i><br>
+ icon-arrow-right <i class="icon-arrow-right"></i><br>
+ icon-arrow-left <i class="icon-arrow-left"></i><br>
+ </p>
+- template: chapter
+ title: >-
+ Icônes en taille fixe (bloc)
+ position: 1
+ data:
+ layout: no_background
+ text: >-
+ <p>
+ icon-block-burger <i class="icon-block-burger"></i><br>
+ icon-block-close <i class="icon-block-close"></i><br>
+ icon-block-toc <i class="icon-block-toc"></i><br>
+ icon-block-arrow-first <i class="icon-block-arrow-first"></i><br>
+ icon-block-arrow-previous <i class="icon-block-arrow-previous"></i><br>
+ icon-block-arrow-next <i class="icon-block-arrow-next"></i><br>
+ icon-block-arrow-last <i class="icon-block-arrow-last"></i><br>
+ icon-block-pause <i class="icon-block-pause"></i><br>
+ icon-block-play <i class="icon-block-play"></i><br>
+ icon-block-download <i class="icon-block-download"></i><br>
+ icon-block-eye <i class="icon-block-eye"></i><br>
+ icon-block-search <i class="icon-block-search"></i><br>
+ icon-block-social <i class="icon-block-social"></i><br>
+ </p>
+ <p class="lead">
+ icon-block-burger <i class="icon-block-burger"></i><br>
+ icon-block-close <i class="icon-block-close"></i><br>
+ icon-block-toc <i class="icon-block-toc"></i><br>
+ icon-block-arrow-first <i class="icon-block-arrow-first"></i><br>
+ icon-block-arrow-previous <i class="icon-block-arrow-previous"></i><br>
+ icon-block-arrow-next <i class="icon-block-arrow-next"></i><br>
+ icon-block-arrow-last <i class="icon-block-arrow-last"></i><br>
+ icon-block-pause <i class="icon-block-pause"></i><br>
+ icon-block-play <i class="icon-block-play"></i><br>
+ icon-block-download <i class="icon-block-download"></i><br>
+ icon-block-eye <i class="icon-block-eye"></i><br>
+ icon-block-search <i class="icon-block-search"></i><br>
+ icon-block-social <i class="icon-block-social"></i><br>
+ </p>
+---
diff --git a/i18n/en.yml b/i18n/en.yml
index d3afd31f4057438fe8f1efb929d5916f4bc9af29..8fc90feb13f9e099953ec03d426d1cba06d64770 100644
--- a/i18n/en.yml
+++ b/i18n/en.yml
@@ -34,6 +34,9 @@ commons:
"false": "No"
in: In
language: Language
+ lightbox:
+ link:
+ title: Open image
link:
blank: extern link
blank_aria: “{{ .Title }}†- extern link
diff --git a/i18n/fr.yml b/i18n/fr.yml
index a58c40bf4dacddbee70ee052d40043fc24cacdbd..d7b26891d35558931e20ea080ef56c4236109dd1 100644
--- a/i18n/fr.yml
+++ b/i18n/fr.yml
@@ -34,6 +34,9 @@ commons:
"false": Non
in: Dans
language: Langue
+ lightbox:
+ link:
+ title: Ouvrir l'image
link:
blank: lien externe
blank_aria: “{{ .Title }}†- lien externe
diff --git a/layouts/partials/blocks/templates/chapter.html b/layouts/partials/blocks/templates/chapter.html
index adc7a8ce310cf0402b63a1783088e4e384a959da..b95f37eddf95c659c165be226f3a02eb1f38f131 100644
--- a/layouts/partials/blocks/templates/chapter.html
+++ b/layouts/partials/blocks/templates/chapter.html
@@ -40,7 +40,9 @@
<figure class="{{- $image_class -}}">
<a class="glightbox"
data-glightbox="type: image;{{ if .credit }}description: {{ partial "PrepareHTML" .credit }}{{ end }}"
- href="{{ partial "GetLightboxUrl" .image }}">
+ href="{{ partial "GetLightboxUrl" .image }}"
+ title="{{- i18n "commons.lightbox.link.title" -}}"
+ >
{{ partial "commons/image.html"
(dict
"image" .image
diff --git a/layouts/partials/blocks/templates/gallery/carousel.html b/layouts/partials/blocks/templates/gallery/carousel.html
index 6d37edb3fa4a39949fca6a1bca2c9e62808ca540..67fdbeb154f55666b3be33df492a9f0ead189ffd 100644
--- a/layouts/partials/blocks/templates/gallery/carousel.html
+++ b/layouts/partials/blocks/templates/gallery/carousel.html
@@ -16,7 +16,9 @@
<figure{{ if $is_carousel }} class="splide__slide"{{ end }}>
<a class="glightbox"
data-glightbox="type: image;{{ if .credit }}description: {{ partial "PrepareHTML" .credit }}{{ end }}"
- href="{{ partial "GetLightboxUrl" (dict "id" .id) }}">
+ href="{{ partial "GetLightboxUrl" (dict "id" .id) }}"
+ title="{{- i18n "commons.lightbox.link.title" -}}"
+ >
{{ partial "commons/image.html"
(dict
"image" .id
diff --git a/layouts/partials/blocks/templates/gallery/grid.html b/layouts/partials/blocks/templates/gallery/grid.html
index 42899739d2055febf2007f96a7146b784b9a6fab..b87645234ae62df56904bfae48a13fca6ae19de0 100644
--- a/layouts/partials/blocks/templates/gallery/grid.html
+++ b/layouts/partials/blocks/templates/gallery/grid.html
@@ -6,7 +6,9 @@
<figure>
<a class="glightbox"
data-glightbox="type: image;{{ if .credit }}description: {{ partial "PrepareHTML" .credit }}{{ end }}"
- href="{{ partial "GetLightboxUrl" (dict "id" .id) }}">
+ href="{{ partial "GetLightboxUrl" (dict "id" .id) }}"
+ title="{{- i18n "commons.lightbox.link.title" -}}"
+ >
{{ partial "commons/image.html"
(dict
"image" .file
diff --git a/layouts/partials/blocks/templates/image.html b/layouts/partials/blocks/templates/image.html
index 0d1532f4977eb0b582a8cc7edc78ac9b67e4339b..f27221ffb6646ba51e0da06ed8325d35176dcfea 100644
--- a/layouts/partials/blocks/templates/image.html
+++ b/layouts/partials/blocks/templates/image.html
@@ -29,7 +29,9 @@
<figure>
<a class="glightbox"
data-glightbox="type: image;"
- href="{{ partial "GetImageUrl" (dict "url" $url "size" $lightbox_sizes ) }}">
+ href="{{ partial "GetImageUrl" (dict "url" $url "size" $lightbox_sizes ) }}"
+ title="{{- i18n "commons.lightbox.link.title" -}}"
+ >
{{ partial "commons/image.html"
(dict
"image" .
diff --git a/layouts/partials/footer/debug.html b/layouts/partials/footer/debug.html
index 517e24acc2bdd17c1432373b862a101f2cc3cacf..7ca6990f64c2124768f1cbf2f457e1d66b19cd78 100644
--- a/layouts/partials/footer/debug.html
+++ b/layouts/partials/footer/debug.html
@@ -22,9 +22,11 @@
<div><span>5 (256px) </span></div>
</div>
+<div class="d-cross"></div>
<style>
:root {
--d-grid-margin: 64px;
+ --d-grid-sm-margin: 44px;
}
.d-grid {
bottom: 0;
@@ -107,6 +109,45 @@
.d-spacing > div:nth-child(6){
height: var(--spacing5);
}
+ .d-cross {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 2px;
+ height: 2px;
+ background: gray;
+ display: none;
+ pointer-events: none;
+ z-index: 100;
+ }
+ .d-cross.is-visible {
+ display: block;
+ }
+ .d-cross:after, .d-cross:before{
+ content: '';
+ position: absolute;
+ background: gray;
+ transform: translate(-50%, -50%);
+ width: 1px;
+ height: 1px;
+ }
+ .d-cross:after{
+ height: 200vh;
+ }
+ .d-cross:before{
+ width: 200vw;
+ }
+
+ @media (max-width: 768px) {
+ .d-grid > div {
+ display: none;
+ }
+ .d-grid {
+ border-left: calc(var(--d-grid-sm-margin) / 2) solid fuchsia;
+ border-right: calc(var(--d-grid-sm-margin) / 2) solid fuchsia;
+ }
+ }
+
</style>
<script>
@@ -114,9 +155,14 @@
if (e.ctrlKey && e.key === 'g') {
document.querySelector('.d-grid').classList.toggle('is-visible');
document.querySelector('.d-spacing').classList.toggle('is-visible');
+ document.querySelector('.d-cross').classList.toggle('is-visible');
}
if (e.ctrlKey && e.key === 'w') {
document.body.classList.toggle('full-width');
}
});
+ window.addEventListener('pointermove', e => {
+ document.querySelector('.d-cross').style.left = e.clientX + "px";
+ document.querySelector('.d-cross').style.top = e.clientY + "px";
+ })
</script>
\ No newline at end of file
diff --git a/layouts/partials/header/hero.html b/layouts/partials/header/hero.html
index e0a8371efef758050f66e7086084a3e73b4f4d3b..9cb3207efe68471fd085da077a4f7ff0e3514a49 100644
--- a/layouts/partials/header/hero.html
+++ b/layouts/partials/header/hero.html
@@ -21,7 +21,9 @@
<figure>
<a class="glightbox"
data-glightbox="type: image;{{ if .image.credit }}description: {{ partial "PrepareHTML" .image.credit }}{{ end }}"
- href="{{ partial "GetLightboxUrl" .image }}">
+ href="{{ partial "GetLightboxUrl" .image }}"
+ title="{{- i18n "commons.lightbox.link.title" -}}"
+ >
{{ partial "commons/image.html"
(dict
"image" .image
diff --git a/static/assets/fonts/fonticons/IconFont.ttf b/static/assets/fonts/fonticons/IconFont.ttf
index fc78322ea4dfda50e790fc93c29708914c1aa087..6f7c90afbedb4792fb3e36593b936fefc86546cf 100644
Binary files a/static/assets/fonts/fonticons/IconFont.ttf and b/static/assets/fonts/fonticons/IconFont.ttf differ
diff --git a/static/assets/fonts/fonticons/IconFont.woff b/static/assets/fonts/fonticons/IconFont.woff
index ba92116c278e598a4e3ab80705ca3499d1bb1757..92e67eb0ac5add565e9b59db107b4b0606c63554 100644
Binary files a/static/assets/fonts/fonticons/IconFont.woff and b/static/assets/fonts/fonticons/IconFont.woff differ
diff --git a/static/assets/fonts/fonticons/IconFont.woff2 b/static/assets/fonts/fonticons/IconFont.woff2
index 79f3a865758a647b06acb12467f4401842184e3d..d09103a7a231e2695f7ddcfb0c04f18998b212e1 100644
Binary files a/static/assets/fonts/fonticons/IconFont.woff2 and b/static/assets/fonts/fonticons/IconFont.woff2 differ
diff --git a/static/assets/fonts/icons/icomoon.svg b/static/assets/fonts/icons/icomoon.svg
deleted file mode 100644
index 0c79ad37835ae9b93f3161d5b30c16370d456917..0000000000000000000000000000000000000000
--- a/static/assets/fonts/icons/icomoon.svg
+++ /dev/null
@@ -1,35 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Generated by IcoMoon</metadata>
-<defs>
-<font id="icomoon" horiz-adv-x="1024">
-<font-face units-per-em="1024" ascent="960" descent="-64" />
-<missing-glyph horiz-adv-x="1024" />
-<glyph unicode=" " horiz-adv-x="512" d="" />
-<glyph unicode="" glyph-name="download" horiz-adv-x="1170" d="M36.571 309.029c9.699 0 19.001-3.853 25.86-10.712s10.712-16.16 10.712-25.86v-182.857c0-19.397 7.706-38.005 21.423-51.719s32.321-21.424 51.72-21.424h877.714c19.397 0 38.005 7.709 51.719 21.424s21.424 32.322 21.424 51.719v182.857c0 9.699 3.855 19.002 10.708 25.86 6.861 6.859 16.165 10.712 25.863 10.712s19.003-3.853 25.863-10.712c6.853-6.858 10.708-16.16 10.708-25.86v-182.857c0-38.795-15.411-76.003-42.847-103.439s-64.644-42.847-103.439-42.847h-877.714c-38.797 0-76.006 15.411-103.44 42.847s-42.846 64.644-42.846 103.439v182.857c0 9.699 3.853 19.002 10.712 25.86s16.161 10.712 25.86 10.712zM559.25 166.107c3.397-3.408 7.433-6.107 11.876-7.951s9.206-2.794 14.016-2.794c4.811 0 9.574 0.951 14.016 2.794s8.479 4.542 11.876 7.951l219.429 219.429c6.868 6.867 10.723 16.181 10.723 25.893s-3.855 19.025-10.723 25.893c-6.868 6.867-16.179 10.725-25.893 10.725s-19.024-3.858-25.893-10.725l-156.965-157.038v643.145c0 9.699-3.853 19.001-10.712 25.86s-16.16 10.712-25.86 10.712c-9.699 0-19.002-3.853-25.86-10.712s-10.712-16.161-10.712-25.86v-643.145l-156.965 157.038c-6.867 6.867-16.181 10.725-25.893 10.725s-19.025-3.858-25.893-10.725c-6.867-6.867-10.725-16.181-10.725-25.893s3.858-19.025 10.725-25.893l219.429-219.429z" />
-<glyph unicode="" glyph-name="eye" horiz-adv-x="1489" d="M1489.455 448c0 0-279.273 512-744.727 512s-744.727-512-744.727-512c0 0 279.273-512 744.727-512s744.727 512 744.727 512zM109.196 448c45.010 68.411 96.781 132.125 154.531 190.185 119.808 119.994 283.648 228.724 481.001 228.724s361.1-108.73 481.094-228.724c57.754-58.060 109.521-121.774 154.531-190.185-5.399-8.099-11.357-17.036-18.153-26.81-31.185-44.684-77.265-104.262-136.378-163.375-119.994-119.994-283.834-228.724-481.094-228.724-197.353 0-361.1 108.73-481.094 228.724-57.749 58.060-109.427 121.775-154.438 190.185zM744.727 680.727c-61.723 0-120.919-24.519-164.563-68.164s-68.164-102.84-68.164-164.563c0-61.723 24.519-120.919 68.164-164.563s102.84-68.164 164.563-68.164c61.723 0 120.919 24.519 164.563 68.164s68.164 102.84 68.164 164.563c0 61.723-24.52 120.919-68.164 164.563s-102.84 68.164-164.563 68.164zM418.909 448c0 86.413 34.327 169.286 95.43 230.388s143.975 95.43 230.388 95.43c86.413 0 169.286-34.327 230.391-95.43s95.427-143.975 95.427-230.388c0-86.413-34.323-169.286-95.427-230.388s-143.978-95.43-230.391-95.43c-86.413 0-169.286 34.327-230.388 95.43s-95.43 143.975-95.43 230.388z" />
-<glyph unicode="" glyph-name="burger" horiz-adv-x="1489" d="M1489.455 866.909h-1489.455v93.091h1489.455v-93.091zM1489.455 401.455h-1489.455v93.091h1489.455v-93.091zM1489.455-64h-1489.455v93.091h1489.455v-93.091z" />
-<glyph unicode="" glyph-name="link-blank" d="M612.64 262.047l-175.040-175.041c-78.784-78.78-210.048-78.78-288.832 0-78.784 78.785-78.784 210.049 0 288.833l175.040 175.040c17.504 17.504 17.504 43.776 0 61.28s-43.776 17.504-61.28 0l-175.040-175.040c-52.704-52.608-85.312-125.344-85.312-205.664s32.608-153.085 85.312-205.667c52.512-52.506 131.296-87.518 210.048-87.518s148.8 26.24 210.048 87.518l175.040 175.043c17.504 17.504 17.504 43.776 0 61.28s-52.48 17.44-69.984-0.064zM936.482 874.688c-52.608 52.704-125.347 85.312-205.667 85.312s-153.088-32.608-205.664-85.312l-87.52-87.52c-17.504-17.504-17.504-43.777 0-61.28l140.032-140.032-315.072-323.84c-17.504-17.504-17.504-43.776 0-61.28 8.768-8.736 17.504-8.736 35.008-8.736s26.24 0 35.008 8.736l306.336 323.84 148.8-148.8c8.736-8.736 17.504-8.736 35.008-8.736s26.24 0 35.011 8.736l87.518 87.52c105.020 113.792 104.96 297.6-8.798 411.392zM875.196 524.608l-61.276-52.512-113.792 113.792 52.512 52.512c17.504 17.504 17.504 43.776 0 61.28s-35.008 17.504-52.512 0l-61.28-52.512-113.792 113.792 52.512 52.512c78.784 78.784 210.048 78.784 288.83 0 87.518-78.784 87.586-210.080 8.798-288.864z" />
-<glyph unicode="" glyph-name="caret" horiz-adv-x="1664" d="M814.592 326.4l633.6 633.6 180.992-180.992-814.592-814.592-814.592 814.592 180.992 180.992 633.6-633.6z" />
-<glyph unicode="" glyph-name="arrow" horiz-adv-x="1638" d="M1126.4 960l-89.6-89.6 358.4-358.4h-1395.2v-128h1395.2l-358.4-358.4 89.6-89.6 512 512-512 512z" />
-<glyph unicode="" glyph-name="arrow-first" horiz-adv-x="1408" d="M0 960v-1024h128v421.49l362.039-362.038c24.993-24.995 65.516-24.995 90.509 0 24.995 24.993 24.995 65.516 0 90.509l-298.038 298.039h1125.49v128h-1125.49l298.038 298.039c24.995 24.993 24.995 65.516 0 90.509-24.993 24.994-65.516 24.994-90.509 0l-362.039-362.038v421.49h-128z" />
-<glyph unicode="" glyph-name="arrow-last" horiz-adv-x="1408" d="M1280 357.49v-421.49h128v1024h-128v-421.49l-362.039 362.038c-24.993 24.994-65.516 24.994-90.509 0-24.995-24.994-24.995-65.516 0-90.509l298.038-298.039h-1125.49v-128h1125.49l-298.038-298.039c-24.995-24.993-24.995-65.516 0-90.509 24.993-24.995 65.516-24.995 90.509 0l362.039 362.038z" />
-<glyph unicode="" glyph-name="arrow-left" horiz-adv-x="1408" d="M490.039-45.254l-407.294 407.293c-24.994 24.993-24.994 65.516 0 90.509l407.294 407.294c24.993 24.994 65.516 24.994 90.509 0 24.995-24.994 24.995-65.516 0-90.509l-298.038-298.039h1125.49v-128h-1125.49l298.038-298.039c24.995-24.993 24.995-65.516 0-90.509-24.993-24.993-65.516-24.993-90.509 0z" />
-<glyph unicode="" glyph-name="arrow-right" horiz-adv-x="1408" d="M917.961 941.255l407.3-407.294c24.986-24.993 24.986-65.516 0-90.509l-407.3-407.293c-24.993-24.995-65.516-24.995-90.509 0-24.995 24.993-24.995 65.516 0 90.509l298.038 298.039h-1125.49v128h1125.49l-298.038 298.039c-24.995 24.994-24.995 65.516 0 90.51 24.993 24.994 65.516 24.994 90.509 0z" />
-<glyph unicode="" glyph-name="instagram" d="M512 867.744c136.704 0 152.896-0.512 206.88-2.976 49.92-2.272 77.028-10.624 95.074-17.632 23.899-9.281 40.96-20.384 58.88-38.304s29.019-34.977 38.305-58.881c7.003-18.048 15.36-45.151 17.629-95.071 2.465-53.984 2.977-70.176 2.977-206.88s-0.512-152.896-2.977-206.88c-2.269-49.92-10.626-77.028-17.629-95.074-9.287-23.899-20.385-40.96-38.305-58.88s-34.981-29.019-58.88-38.305c-18.046-7.003-45.154-15.36-95.074-17.629-53.984-2.465-70.176-2.977-206.88-2.977s-152.928 0.512-206.88 2.977c-49.92 2.269-77.024 10.626-95.071 17.629-23.904 9.287-40.961 20.385-58.881 38.305s-29.023 34.981-38.304 58.88c-7.008 18.046-15.36 45.154-17.632 95.074-2.464 53.984-2.976 70.176-2.976 206.88s0.512 152.896 2.976 206.88c2.272 49.92 10.624 77.024 17.632 95.071 9.281 23.904 20.384 40.961 38.304 58.881s34.977 29.023 58.881 38.304c18.048 7.008 45.151 15.36 95.071 17.632 53.984 2.464 70.176 2.976 206.88 2.976zM512 960c-139.040 0-156.48-0.576-211.104-3.072-54.496-2.496-91.712-11.136-124.288-23.808-33.664-13.088-62.208-30.592-90.688-59.072s-45.984-57.023-59.040-90.688c-12.672-32.576-21.312-69.792-23.808-124.288-2.496-54.623-3.072-72.031-3.072-211.104s0.576-156.48 3.072-211.104c2.496-54.496 11.136-91.716 23.808-124.287 13.088-33.666 30.592-62.243 59.040-90.687 28.448-28.451 57.024-45.954 90.688-59.045 32.577-12.666 69.792-21.307 124.288-23.804 54.624-2.497 72.064-3.072 211.104-3.072s156.48 0.575 211.104 3.072c54.496 2.497 91.709 11.138 124.288 23.804 33.666 13.091 62.243 30.594 90.687 59.045 28.451 28.444 45.985 57.021 59.077 90.687 12.635 32.571 21.307 69.791 23.804 124.287 2.497 54.624 3.072 72.064 3.072 211.104s-0.575 156.481-3.072 211.104c-2.497 54.496-11.138 91.713-23.804 124.288-13.091 33.664-30.594 62.208-59.077 90.688-28.475 28.48-57.021 45.984-90.687 59.040-32.579 12.672-69.791 21.312-124.288 23.808-54.592 2.496-72.032 3.072-211.104 3.072v0.032zM512 710.912c-145.216 0-262.912-117.728-262.912-262.912s117.696-262.912 262.912-262.912c145.216 0 262.912 117.696 262.912 262.912s-117.728 262.912-262.912 262.912v0zM512 277.344c-94.24 0-170.656 76.416-170.656 170.656s76.416 170.656 170.656 170.656c94.24 0 170.656-76.416 170.656-170.656s-76.416-170.656-170.656-170.656v0zM846.753 721.312c0-33.92-27.522-61.44-61.442-61.44s-61.44 27.52-61.44 61.44c0 33.92 27.52 61.44 61.44 61.44s61.442-27.52 61.442-61.44z" />
-<glyph unicode="" glyph-name="facebook" horiz-adv-x="630" d="M360.088 561.777h270.066l-30.007-113.777h-240.059v-512h-120.029v512h-240.059v113.777h240.059v106.496c0 101.434 11.162 138.24 32.048 175.332 20.465 36.647 52.081 66.617 90.742 86.016 39.129 19.797 77.959 30.379 184.965 30.379 31.327 0 58.814-2.844 82.34-8.533v-105.244h-82.34c-79.459 0-103.645-4.438-128.312-16.954-18.244-9.216-31.807-22.073-41.53-39.366-13.203-23.382-17.885-46.308-17.885-121.629v-106.496z" />
-<glyph unicode="" glyph-name="linkedin" d="M497.371 605.989c53.658 54.828 123.524 90.697 204.8 90.697 85.358 0 167.212-33.907 227.569-94.261 60.35-60.355 94.259-142.213 94.259-227.567v-438.857h-117.029v438.857c0 54.317-21.577 106.408-59.984 144.816s-90.5 59.984-144.816 59.984c-54.317 0-106.408-21.577-144.816-59.984s-59.984-90.499-59.984-144.816v-438.857h-117.029v731.429h117.029v-61.44zM87.771 784.457c-23.278 0-45.603 9.247-62.064 25.708s-25.708 38.785-25.708 62.064c0 23.278 9.247 45.603 25.708 62.064s38.785 25.708 62.064 25.708c23.278 0 45.603-9.247 62.064-25.708s25.708-38.785 25.708-62.064c0-23.278-9.247-45.603-25.708-62.064s-38.785-25.708-62.064-25.708zM29.257 667.429h117.029v-731.429h-117.029v731.429z" />
-<glyph unicode="" glyph-name="twitter" horiz-adv-x="1195" d="M828.149 836.895v0c114.827 0 175.098-102.296 175.098-131.699 0-360.221-186.831-578.592-467.824-636.536-44.43-9.105-97.972-11.691-154.373-8.055l94.816 71.536c4.72 3.55 8.525 8.241 11.083 13.662s3.791 11.407 3.592 17.434c-0.2 6.027-1.827 11.912-4.738 17.139s-7.019 9.638-11.962 12.848l-104.047 67.541c-167.536 108.816-237.1 249.866-201.484 453.474 112.445-96.76 229.654-154.952 351.985-172.175l92.97-13.041c4.992-0.695 10.070-0.291 14.901 1.184s9.305 3.988 13.129 7.375c3.825 3.386 6.912 7.57 9.061 12.275s3.31 9.827 3.408 15.029l1.667 96.883c0.828 46.744 19.389 91.284 51.691 124.037s75.761 51.098 121.027 51.091zM536.317 664.043c1.039 59.296 18.992 116.957 51.61 165.764s78.451 86.592 131.762 108.623c53.311 22.031 111.729 27.33 167.939 15.232 56.218-12.098 107.725-41.054 148.079-83.242 42.342 0.307 78.379-10.765 158.959 39.676-19.951-100.882-29.781-144.679-72.303-204.9 0-470.083-279.742-698.668-563.594-757.164-194.634-40.107-477.652 25.771-558.769 113.246 41.333 3.319 209.286 21.956 306.365 95.344-82.13 55.916-409.042 254.602-194.218 788.782 100.832-121.611 203.092-204.408 306.722-248.329 68.968-29.218 85.882-28.604 117.507-33.094l-0.060 0.061z" />
-<glyph unicode="" glyph-name="close" d="M946.869 904.302l-891.171-891.171-55.698 55.698 891.171 891.171 55.698-55.698zM914.243-11.579l-891.172 891.17 55.698 55.699 891.171-891.171-55.698-55.698z" />
-<glyph unicode="" glyph-name="pause" horiz-adv-x="788" d="M708.923-64v1024h78.769v-1024h-78.769zM0-64v1024h78.769v-1024h-78.769z" />
-<glyph unicode="" glyph-name="play" horiz-adv-x="788" d="M0-24.615v984.615l787.692-512-787.692-472.615z" />
-<glyph unicode="" glyph-name="caret-bottom" horiz-adv-x="1664" d="M814.592 326.4l633.6 633.6 180.992-180.992-814.592-814.592-814.592 814.592 180.992 180.992 633.6-633.6z" />
-<glyph unicode="" glyph-name="caret-left" horiz-adv-x="658" d="M241.592 456.117l362.057-362.056-103.424-103.424-465.481 465.48 465.481 465.481 103.424-103.424-362.057-362.057z" />
-<glyph unicode="" glyph-name="caret-right" horiz-adv-x="683" d="M120.32 960l-120.32-120.32 390.827-391.68-390.827-391.68 120.32-120.32 512 512-512 512z" />
-<glyph unicode="" glyph-name="caret-top" horiz-adv-x="1792" d="M881.793 598.015l-633.601-633.6-180.991 180.992 814.593 814.591 814.591-814.593-180.992-180.992-633.599 633.601z" />
-<glyph unicode="" glyph-name="social" horiz-adv-x="910" d="M56.889 448.001l682.667 398.222 28.666-49.139-682.668-398.222-28.665 49.139zM739.556 49.778l-682.667 398.223 28.665 49.138 682.668-398.221-28.666-49.141zM910.222 846.222c0-62.838-50.938-113.778-113.778-113.778s-113.778 50.94-113.778 113.778c0 62.838 50.938 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM227.556 448c0-62.839-50.94-113.778-113.778-113.778s-113.778 50.938-113.778 113.778c0 62.838 50.94 113.778 113.778 113.778s113.778-50.94 113.778-113.778zM910.222 49.778c0-62.839-50.938-113.778-113.778-113.778s-113.778 50.938-113.778 113.778c0 62.839 50.938 113.778 113.778 113.778s113.778-50.938 113.778-113.778z" />
-<glyph unicode="" glyph-name="list-hyphen" horiz-adv-x="2560" d="M0 960h170.656v-853.344h2389.344v-170.656h-2560v1024z" />
-<glyph unicode="" glyph-name="search" d="M795.584 247.264l212.544-208.804-70.212-68.992-212.507 208.836c-79.072-62.272-177.408-96.162-278.752-96-246.56 0-446.656 196.608-446.656 438.848s200.096 438.848 446.656 438.848c246.56 0 446.656-196.608 446.656-438.848 0.162-99.584-34.338-196.192-97.728-273.888v0zM696.032 283.456c62.976 63.648 98.144 148.96 98.016 237.728 0 188.608-155.488 341.344-347.392 341.344-191.968 0-347.392-152.736-347.392-341.344 0-188.576 155.424-341.344 347.392-341.344 90.336-0.128 177.152 34.432 241.92 96.32l7.456 7.328v-0.032z" />
-<glyph unicode="" glyph-name="toc" horiz-adv-x="1303" d="M1024 820.364h-1024v93.091h1024v-93.091zM1024 541.091h-1024v93.091h1024v-93.091zM1024 261.818h-1024v93.091h1024v-93.091zM1024-17.455h-1024v93.091h1024v-93.091zM1303.273 866.909c0-51.412-41.677-93.091-93.091-93.091s-93.091 41.679-93.091 93.091c0 51.413 41.677 93.091 93.091 93.091s93.091-41.678 93.091-93.091zM1303.273 587.636c0-51.412-41.677-93.091-93.091-93.091s-93.091 41.679-93.091 93.091c0 51.412 41.677 93.091 93.091 93.091s93.091-41.679 93.091-93.091zM1303.273 308.364c0-51.412-41.677-93.091-93.091-93.091s-93.091 41.679-93.091 93.091c0 51.412 41.677 93.091 93.091 93.091s93.091-41.679 93.091-93.091zM1303.273 29.091c0-51.414-41.677-93.091-93.091-93.091s-93.091 41.677-93.091 93.091c0 51.412 41.677 93.091 93.091 93.091s93.091-41.679 93.091-93.091z" />
-</font></defs></svg>
\ No newline at end of file
diff --git a/static/assets/fonts/icons/icomoon.ttf b/static/assets/fonts/icons/icomoon.ttf
deleted file mode 100644
index 621ed0914044ed1db3c2b8b5bf061cc85d5498e0..0000000000000000000000000000000000000000
Binary files a/static/assets/fonts/icons/icomoon.ttf and /dev/null differ
diff --git a/static/assets/fonts/icons/icomoon.woff b/static/assets/fonts/icons/icomoon.woff
deleted file mode 100644
index 9676aad11c656c72d341454cdeac0fc9afa40ea2..0000000000000000000000000000000000000000
Binary files a/static/assets/fonts/icons/icomoon.woff and /dev/null differ