initial commit
This commit is contained in:
Matthieu Bessat
commit
3d068a4adf
78 changed files with 3285 additions and 0 deletions
BIN
assets/cover/cover.jpg
Normal file
BIN
assets/cover/cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
36
assets/images/facebook.svg
Normal file
36
assets/images/facebook.svg
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<?xml version="1.0" encoding="windows-1252"?>
|
||||
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.73 455.73" style="enable-background:new 0 0 455.73 455.73;" xml:space="preserve">
|
||||
<path style="fill:#3A559F;" d="M0,0v455.73h242.704V279.691h-59.33v-71.864h59.33v-60.353c0-43.893,35.582-79.475,79.475-79.475 h62.025v64.622h-44.382c-13.947,0-25.254,11.307-25.254,25.254v49.953h68.521l-9.47,71.864h-59.051V455.73H455.73V0H0z"/>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 849 B |
152
assets/images/github.svg
Normal file
152
assets/images/github.svg
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
sodipodi:docname="github.svg"
|
||||
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
|
||||
id="svg158"
|
||||
version="1.1"
|
||||
viewBox="0 0 200 200"
|
||||
height="200mm"
|
||||
width="200mm">
|
||||
<defs
|
||||
id="defs152" />
|
||||
<sodipodi:namedview
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:window-y="20"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-height="1039"
|
||||
inkscape:window-width="1920"
|
||||
showgrid="false"
|
||||
inkscape:document-rotation="0"
|
||||
inkscape:current-layer="layer1"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:cy="275.60508"
|
||||
inkscape:cx="180.69725"
|
||||
inkscape:zoom="0.63287671"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="1"
|
||||
borderopacity="1.0"
|
||||
bordercolor="#666666"
|
||||
pagecolor="#ffffff"
|
||||
id="base" />
|
||||
<metadata
|
||||
id="metadata155">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
id="layer1"
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="Layer 1">
|
||||
<image
|
||||
style="opacity:1"
|
||||
id="image398"
|
||||
xlink:href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxz
|
||||
dmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxu
|
||||
czpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6
|
||||
Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0
|
||||
cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAw
|
||||
L3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQv
|
||||
RFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2Fw
|
||||
ZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1
|
||||
YTRmYjQ5LCAyMDIwLTA1LTAxKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iZ2l0aHViLnN2ZyIKICAg
|
||||
eG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAg
|
||||
NTY4LjAzNCA1NjguMDM0OyIKICAgdmlld0JveD0iMCAwIDU2OC4wMzQgNTY4LjAzNCIKICAgaGVp
|
||||
Z2h0PSI1NjguMDM0cHgiCiAgIHdpZHRoPSI1NjguMDM0cHgiCiAgIHk9IjBweCIKICAgeD0iMHB4
|
||||
IgogICBpZD0iQ2FwYV8xIgogICB2ZXJzaW9uPSIxLjEiPjxtZXRhZGF0YQogICBpZD0ibWV0YWRh
|
||||
dGExMTIiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5p
|
||||
bWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJo
|
||||
dHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0
|
||||
aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnMxMTAi
|
||||
IC8+PHNvZGlwb2RpOm5hbWVkdmlldwogICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJnNzMiCiAg
|
||||
IGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiCiAgIGlua3NjYXBlOndpbmRvdy15PSIyMCIK
|
||||
ICAgaW5rc2NhcGU6d2luZG93LXg9IjAiCiAgIGlua3NjYXBlOmN5PSIzMDMuNzI5NDQiCiAgIGlu
|
||||
a3NjYXBlOmN4PSItNDYyLjQ0NTY5IgogICBpbmtzY2FwZTp6b29tPSIwLjI1IgogICBzaG93Z3Jp
|
||||
ZD0iZmFsc2UiCiAgIGlkPSJuYW1lZHZpZXcxMDgiCiAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9
|
||||
IjEwMzkiCiAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIKICAgaW5rc2NhcGU6cGFnZXNo
|
||||
YWRvdz0iMiIKICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgIGd1aWRldG9sZXJhbmNlPSIx
|
||||
MCIKICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgIGJvcmRl
|
||||
cm9wYWNpdHk9IjEiCiAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IgogICBwYWdlY29sb3I9IiNmZmZm
|
||||
ZmYiIC8+CjxnCiAgIGlkPSJnNzUiPgoJPGcKICAgaWQ9Imc3MyI+CgkJPHBhdGgKICAgc29kaXBv
|
||||
ZGk6bm9kZXR5cGVzPSJjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2Nj
|
||||
Y2NjIgogICBpZD0icGF0aDcxIgogICBkPSJNIDU2NS42NjYyNywtMC4wMDg2ODE3OSAwLjEwODg0
|
||||
Mzc2LDAuMDMwNjk2ODIgdiAwIEwgLTAuMDEwOTc4NTIsNTU5Ljg4MzA2IC0wLjAwOTcxMzAxLDU2
|
||||
OC4xMzY3MSAxOTQuNTQ5LDU2OC4wMzQgdiAtMC4xMjkgYyA4LjAxMSwtMC4wOTIgMTQuMTQ5LC00
|
||||
LjU3NyAxNC40MzEsLTEyLjE2NiAwLjcyOCwtMTkuNzI1IDAuMjE0LC0zOS40OTIgMC4yMTQsLTU4
|
||||
LjU2MiAtMTQuMjk2LDAuNjY3IC0yNy45NDQsMi40NzMgLTQxLjQzOCwxLjY5NSAtMjkuNzYyLC0x
|
||||
LjcxNCAtNTIuNjMyLC0xNC40MTMgLTY0LjQ5MywtNDMuNTU2IC03LjAyNiwtMTcuMjY1IC0xNy42
|
||||
MTMsLTMyLjAzMiAtMzQuMTAxLC00MS44ODYgLTMuMDc5LC0xLjg0MiAtNS43NzEsLTQuNTU0IC04
|
||||
LjEyNywtNy4zMDggLTMuMDc5LC0zLjU5MiAtMi41MDMsLTcuMjgyIDIuMzYyLC04LjI2OCA0Ljkw
|
||||
OCwtMC45OTggMTAuMjcsLTEuNjk1IDE1LjExLC0wLjc5IDE5LjAwOSwzLjU2OCAzMi4xNTQsMTUu
|
||||
NDkgNDIuMjE2LDMxLjM0NyAxOS44OTYsMzEuMzcxIDUwLjUyMSw0MC45NzQgODQuOTc2LDI2LjQ4
|
||||
NyAxLjkyMSwtMC44MDggNC4zNjMsLTIuNzY2IDQuNzI1LC00LjU1MyAyLjc3OCwtMTMuODg3IDcu
|
||||
OTY4LC0yNi41NDkgMTguNDI3LC0zNy42NSAtMTEuNjI4LC0yLjE1NCAtMjIuMzk5LC0zLjczOSAt
|
||||
MzIuOTYyLC02LjE4OCAtMzAuNDE3LC03LjAzOCAtNTcuNzQyLC0xOS43IC03Ny43MjQsLTQ0Ljg0
|
||||
OCBDIDEwMS44NjIsMzQxLjE0NSA5NC40MDcsMzE3LjEzMSA5MC45OCwyOTEuNTczIDg1LjYxMywy
|
||||
NTEuNTQyIDkwLjQxNywyMTQuMDcgMTE3LjkwOCwxODIuMDggYyAxLjM4OSwtMS42MTYgMi4xNDIs
|
||||
LTQuOTI3IDEuNTI0LC02Ljk0IC02Ljg4NSwtMjIuNDk3IC01LjgzMywtNDQuODA1IDAuOTkxLC02
|
||||
Ny4wNTEgMy41ODEsLTExLjY4MyA0LjU3OCwtMTIuMjY1IDE2LjUsLTEwLjYzNyAwLjcyOSwwLjA5
|
||||
OCAxLjQzOCwwLjI4MSAyLjE2MSwwLjQwNCAyMy44OTgsMy45NTQgNDQuNDY4LDE1LjUyNiA2NC43
|
||||
MzEsMjcuOTUgMi43MjQsMS42NzEgNi44NzMsMi43MTEgOS44NjYsMS45ODMgNDguMzk3LC0xMS43
|
||||
NDQgOTYuNzAyLC0xMS42OTUgMTQ1LjA5MywwLjA0MyAyLjgwOSwwLjY3OSA2LjU2MSwtMC4yODgg
|
||||
OS4yNDcsLTEuNjk1IDExLjAxNiwtNS43NTkgMjEuNTYxLC0xMi40NTQgMzIuNzE4LC0xNy45MTQg
|
||||
MTIuOTgsLTYuMzQ2IDI2LjY1MiwtMTEuMTIgNDEuMzcxLC0xMC44NTcgMi41NzYsMC4wNDkgNi41
|
||||
NjEsMi41MDkgNy40MjMsNC43ODYgOC44NTYsMjMuNDY0IDEwLjcyMyw0Ny4zNzUgMy42NjYsNzEu
|
||||
Nzk0IC0wLjc1MywyLjYwNyAwLjM2Nyw2LjMyMiAxLjc2OSw4Ljg5MiA2Ljk2NSwxMi43NzkgMTYu
|
||||
Njg5LDI0LjU3MiAyMS4wOTYsMzguMTI3IDEzLjQzNCw0MS4zMTYgOC41MzgsODIuMjI5IC05Ljc0
|
||||
OSwxMjEuMDYgLTE2Ljc1NywzNS41OTQgLTQ3LjgzNCw1My42MyAtODQuNjIxLDYyLjkzMyAtMTIu
|
||||
NDI0LDMuMTQgLTI1LjE1Myw1LjA0OSAtMzguNTU2LDcuNjgxIDE3LjU2NCwxOC4zNDggMjAuMzE4
|
||||
LDQwLjc0IDIwLjAwNiw2NC4xOTIgLTAuMzI0LDI0LjE5MiAtMC4yMzgsNDguMzkxIC0wLjI1MSw3
|
||||
Mi41ODkgLTAuMDA2LDExLjcyIDUuMTEsMTguMTk1IDE0LjAzOSwxOC41NzQgLTAuMDA2LDAuMDM3
|
||||
IDE5MS4xMDkzMywwLjA5MzEgMTkxLjEwOTMzLDAuMDkzMSBMIDU2OC4wMzIsLTAuMDA1MzQ1OTIg
|
||||
WiIgLz4KCTwvZz4KPC9nPgo8ZwogICBpZD0iZzc3Ij4KPC9nPgo8ZwogICBpZD0iZzc5Ij4KPC9n
|
||||
Pgo8ZwogICBpZD0iZzgxIj4KPC9nPgo8ZwogICBpZD0iZzgzIj4KPC9nPgo8ZwogICBpZD0iZzg1
|
||||
Ij4KPC9nPgo8ZwogICBpZD0iZzg3Ij4KPC9nPgo8ZwogICBpZD0iZzg5Ij4KPC9nPgo8ZwogICBp
|
||||
ZD0iZzkxIj4KPC9nPgo8ZwogICBpZD0iZzkzIj4KPC9nPgo8ZwogICBpZD0iZzk1Ij4KPC9nPgo8
|
||||
ZwogICBpZD0iZzk3Ij4KPC9nPgo8ZwogICBpZD0iZzk5Ij4KPC9nPgo8ZwogICBpZD0iZzEwMSI+
|
||||
CjwvZz4KPGcKICAgaWQ9ImcxMDMiPgo8L2c+CjxnCiAgIGlkPSJnMTA1Ij4KPC9nPgo8L3N2Zz4K
|
||||
|
||||
"
|
||||
height="190"
|
||||
width="190"
|
||||
inkscape:svg-dpi="96"
|
||||
preserveAspectRatio="none"
|
||||
x="5"
|
||||
y="10" />
|
||||
<rect
|
||||
y="0"
|
||||
x="-1.3877788e-17"
|
||||
height="200"
|
||||
width="13"
|
||||
id="rect514"
|
||||
style="opacity:1;fill:#000000;stroke-width:0.267033" />
|
||||
<rect
|
||||
style="opacity:1;fill:#000000;stroke-width:0.331214"
|
||||
id="rect514-3"
|
||||
width="20"
|
||||
height="200"
|
||||
x="180"
|
||||
y="0" />
|
||||
<rect
|
||||
y="2.220446e-16"
|
||||
x="0.24231023"
|
||||
height="27.419388"
|
||||
width="200"
|
||||
id="rect514-3-6"
|
||||
style="opacity:1;fill:#000000;stroke-width:0.387813" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.1 KiB |
35
assets/images/instagram.svg
Normal file
35
assets/images/instagram.svg
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<?xml version="1.0" encoding="windows-1252"?>
|
||||
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.73 455.73" style="enable-background:new 0 0 455.73 455.73;" xml:space="preserve">
|
||||
<path style="fill:#C536A4;" d="M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31c0,24.99,20.34,45.33,45.32,45.33 c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31 c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M303.36,108.66 H152.37c-24.1,0-43.71,19.61-43.71,43.71v150.99c0,24.1,19.61,43.71,43.71,43.71h150.99c24.1,0,43.71-19.61,43.71-43.71V152.37 C347.07,128.27,327.46,108.66,303.36,108.66z M227.86,306.35c-43.27,0-78.48-35.21-78.48-78.49c0-43.27,35.21-78.48,78.48-78.48 c43.28,0,78.49,35.21,78.49,78.48C306.35,271.14,271.14,306.35,227.86,306.35z M308.87,165.61c-10.24,0-18.57-8.33-18.57-18.57 s8.33-18.57,18.57-18.57s18.57,8.33,18.57,18.57S319.11,165.61,308.87,165.61z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31 c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M303.36,108.66 H152.37c-24.1,0-43.71,19.61-43.71,43.71v150.99c0,24.1,19.61,43.71,43.71,43.71h150.99c24.1,0,43.71-19.61,43.71-43.71V152.37 C347.07,128.27,327.46,108.66,303.36,108.66z M227.86,306.35c-43.27,0-78.48-35.21-78.48-78.49c0-43.27,35.21-78.48,78.48-78.48 c43.28,0,78.49,35.21,78.49,78.48C306.35,271.14,271.14,306.35,227.86,306.35z M308.87,165.61c-10.24,0-18.57-8.33-18.57-18.57 s8.33-18.57,18.57-18.57s18.57,8.33,18.57,18.57S319.11,165.61,308.87,165.61z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31 c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M0,0v455.73h455.73 V0H0z M380.23,303.36c0,42.39-34.48,76.87-76.87,76.87H152.37c-42.39,0-76.87-34.48-76.87-76.87V152.37 c0-42.39,34.48-76.87,76.87-76.87h150.99c42.39,0,76.87,34.48,76.87,76.87V303.36z M303.36,108.66H152.37 c-24.1,0-43.71,19.61-43.71,43.71v150.99c0,24.1,19.61,43.71,43.71,43.71h150.99c24.1,0,43.71-19.61,43.71-43.71V152.37 C347.07,128.27,327.46,108.66,303.36,108.66z M227.86,306.35c-43.27,0-78.48-35.21-78.48-78.49c0-43.27,35.21-78.48,78.48-78.48 c43.28,0,78.49,35.21,78.49,78.48C306.35,271.14,271.14,306.35,227.86,306.35z M308.87,165.61c-10.24,0-18.57-8.33-18.57-18.57 s8.33-18.57,18.57-18.57s18.57,8.33,18.57,18.57S319.11,165.61,308.87,165.61z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31 c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M227.86,182.55 c-24.98,0-45.32,20.33-45.32,45.31c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33 C273.18,202.88,252.85,182.55,227.86,182.55z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31c0,24.99,20.34,45.33,45.32,45.33 c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M303.36,108.66H152.37 c-24.1,0-43.71,19.61-43.71,43.71v150.99c0,24.1,19.61,43.71,43.71,43.71h150.99c24.1,0,43.71-19.61,43.71-43.71V152.37 C347.07,128.27,327.46,108.66,303.36,108.66z M227.86,306.35c-43.27,0-78.48-35.21-78.48-78.49c0-43.27,35.21-78.48,78.48-78.48 c43.28,0,78.49,35.21,78.49,78.48C306.35,271.14,271.14,306.35,227.86,306.35z M308.87,165.61c-10.24,0-18.57-8.33-18.57-18.57 s8.33-18.57,18.57-18.57s18.57,8.33,18.57,18.57S319.11,165.61,308.87,165.61z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31 c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M227.86,182.55 c-24.98,0-45.32,20.33-45.32,45.31c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33 C273.18,202.88,252.85,182.55,227.86,182.55z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31c0,24.99,20.34,45.33,45.32,45.33 c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z M303.36,108.66H152.37 c-24.1,0-43.71,19.61-43.71,43.71v150.99c0,24.1,19.61,43.71,43.71,43.71h150.99c24.1,0,43.71-19.61,43.71-43.71V152.37 C347.07,128.27,327.46,108.66,303.36,108.66z M227.86,306.35c-43.27,0-78.48-35.21-78.48-78.49c0-43.27,35.21-78.48,78.48-78.48 c43.28,0,78.49,35.21,78.49,78.48C306.35,271.14,271.14,306.35,227.86,306.35z M308.87,165.61c-10.24,0-18.57-8.33-18.57-18.57 s8.33-18.57,18.57-18.57s18.57,8.33,18.57,18.57S319.11,165.61,308.87,165.61z M227.86,182.55c-24.98,0-45.32,20.33-45.32,45.31 c0,24.99,20.34,45.33,45.32,45.33c24.99,0,45.32-20.34,45.32-45.33C273.18,202.88,252.85,182.55,227.86,182.55z"/>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
BIN
assets/images/logo.png
Normal file
BIN
assets/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
39
assets/images/twitter.svg
Normal file
39
assets/images/twitter.svg
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<?xml version="1.0" encoding="windows-1252"?>
|
||||
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.731 455.731" style="enable-background:new 0 0 455.731 455.731;" xml:space="preserve">
|
||||
<g>
|
||||
<rect x="0" y="0" style="fill:#50ABF1;" width="455.731" height="455.731"/>
|
||||
<path style="fill:#FFFFFF;" d="M60.377,337.822c30.33,19.236,66.308,30.368,104.875,30.368c108.349,0,196.18-87.841,196.18-196.18 c0-2.705-0.057-5.39-0.161-8.067c3.919-3.084,28.157-22.511,34.098-35c0,0-19.683,8.18-38.947,10.107 c-0.038,0-0.085,0.009-0.123,0.009c0,0,0.038-0.019,0.104-0.066c1.775-1.186,26.591-18.079,29.951-38.207 c0,0-13.922,7.431-33.415,13.932c-3.227,1.072-6.605,2.126-10.088,3.103c-12.565-13.41-30.425-21.78-50.25-21.78 c-38.027,0-68.841,30.805-68.841,68.803c0,5.362,0.617,10.581,1.784,15.592c-5.314-0.218-86.237-4.755-141.289-71.423 c0,0-32.902,44.917,19.607,91.105c0,0-15.962-0.636-29.733-8.864c0,0-5.058,54.416,54.407,68.329c0,0-11.701,4.432-30.368,1.272 c0,0,10.439,43.968,63.271,48.077c0,0-41.777,37.74-101.081,28.885L60.377,337.822z"/>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
44
assets/images/youtube.svg
Normal file
44
assets/images/youtube.svg
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
<?xml version="1.0" encoding="windows-1252"?>
|
||||
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 455.731 455.731" style="enable-background:new 0 0 455.731 455.731;" xml:space="preserve">
|
||||
<g>
|
||||
<rect x="0" y="0" style="fill:#DC472E;" width="455.731" height="455.731"/>
|
||||
<g>
|
||||
<path style="fill:#FFFFFF;" d="M263.259,291.734c-0.01-1.7-0.51-3.47-1.14-5.06c-0.84-2.09-2.64-3.13-4.9-3.35 c-2.65-0.26-4.77,0.81-6.69,2.51c-0.77,0.67-1.12,1.67-1.12,1.67l0.04,53.97v1.33c0,0,0.46,0.62,0.53,0.7 c1.56,1.69,3.38,3.03,5.71,3.51c3.84,0.79,6.55-0.81,7.3-4.37c0.19-0.89,0.3-1.81,0.3-2.72 C263.309,323.854,263.339,307.794,263.259,291.734z M263.259,291.734c-0.01-1.7-0.51-3.47-1.14-5.06 c-0.84-2.09-2.64-3.13-4.9-3.35c-2.65-0.26-4.77,0.81-6.69,2.51c-0.77,0.67-1.12,1.67-1.12,1.67l0.04,53.97v1.33 c0,0,0.46,0.62,0.53,0.7c1.56,1.69,3.38,3.03,5.71,3.51c3.84,0.79,6.55-0.81,7.3-4.37c0.19-0.89,0.3-1.81,0.3-2.72 C263.309,323.854,263.339,307.794,263.259,291.734z M323.689,210.344c-63.87-1.37-127.77-1.37-191.65,0 c-22.16,0.47-39.88,18.59-39.88,40.76v99.76c0,22.18,17.72,40.3,39.88,40.77c63.88,1.37,127.78,1.37,191.65,0 c22.17-0.47,39.89-18.59,39.89-40.77v-99.76C363.579,228.935,345.859,210.814,323.689,210.344z M150.799,359.955h-18.42v-104.13 h-19.07v-17.42h56.6v17.38h-19.11V359.955z M216.719,316.734v43.23h-16.31v-9.88c-0.59,0.63-0.92,0.97-1.23,1.32 c-3.51,3.96-7.49,7.26-12.57,9.01c-2.48,0.85-5.03,1.14-7.64,0.69c-3.56-0.59-5.95-2.64-7.39-5.88c-1.34-2.99-1.68-6.19-1.69-9.41 c-0.04-11.9-0.02-74.88-0.02-75.49h16.27c0.03,0.55,0.09,45.76,0.1,67.81c0,1.2,0.01,2.43,0.25,3.6c0.6,2.96,2.87,4.23,5.72,3.19 c3.28-1.2,5.78-3.46,7.88-6.17c0.31-0.39,0.31-1.09,0.31-1.65v-66.88l16.32-0.04C216.719,270.185,216.719,301.754,216.719,316.734 z M278.769,351.324c-2.18,6.56-6.98,9.9-13.88,9.83c-5.61-0.05-10.16-2.28-13.91-6.35c-0.42-0.45-1.58-1.68-1.58-1.68v6.82h-16.34 v-121.55h16.34c0,12.94,0,40.01,0,40.01s0.92-1.84,1.76-2.79c2.53-2.83,5.61-5.02,9.41-5.98c6.27-1.57,13.5,0.37,16.94,7.7 c2.03,4.33,2.6,8.95,2.6,13.65c0.03,16.99,0.03,33.98,0.01,50.97C280.109,345.134,279.779,348.275,278.769,351.324z M339.119,347.905c-2.83,8.29-8.68,12.89-17.26,14.15c-5.32,0.78-10.59,0.67-15.58-1.59c-6.83-3.08-10.7-8.65-12.36-15.74 c-0.77-3.3-1.15-6.76-1.19-10.15c-0.13-13.31-0.07-26.63-0.04-39.94c0.01-6.96,1.67-13.38,6.44-18.71 c5.44-6.09,12.4-8.36,20.35-7.85c2.39,0.15,4.83,0.54,7.1,1.29c7.73,2.54,11.86,8.33,13.48,16.01c0.62,2.96,0.85,6.03,0.9,9.06 c0.13,7.1-0.05,22.75-0.05,22.75h-31.29v22.43c0,4.03,3.26,7.29,7.29,7.29c4.02,0,7.28-3.26,7.28-7.29v-11.53h16.81 C340.999,328.084,341.249,341.695,339.119,347.905z M324.189,290.685c0-4.02-3.26-7.29-7.28-7.29c-4.03,0-7.29,3.27-7.29,7.29 v12.59h14.57V290.685z M262.119,286.675c-0.84-2.09-2.64-3.13-4.9-3.35c-2.65-0.26-4.77,0.81-6.69,2.51 c-0.77,0.67-1.12,1.67-1.12,1.67l0.04,53.97v1.33c0,0,0.46,0.62,0.53,0.7c1.56,1.69,3.38,3.03,5.71,3.51 c3.84,0.79,6.55-0.81,7.3-4.37c0.19-0.89,0.3-1.81,0.3-2.72c0.02-16.07,0.05-32.13-0.03-48.19 C263.249,290.034,262.749,288.264,262.119,286.675z"/>
|
||||
<path style="fill:#FFFFFF;" d="M303.887,94.99l-0.005,90.244H287.16l0.02-9.695c-1.849,1.821-3.427,3.522-5.161,5.05 c-3.074,2.708-6.556,4.727-10.629,5.524c-6.253,1.223-11.579-0.754-13.573-7.23c-0.664-2.157-1.065-4.482-1.082-6.734V94.99 h16.596v68.821c0,0.912,0.073,1.834,0.233,2.728c0.504,2.836,2.6,4.171,5.331,3.224c3.329-1.152,5.869-3.457,8.024-6.173 c0.306-0.388,0.251-1.112,0.251-1.681V94.99H303.887z"/>
|
||||
<path style="fill:#FFFFFF;" d="M165.578,110.672c-3.63-15.301-11.235-47.602-11.235-47.602h-19.029 c0,0,14.62,48.487,21.158,70.111c0.235,0.782,0.343,1.631,0.343,2.45l-0.007,49.584h17.547l-0.007-49.584 c0-0.819,0.108-1.668,0.343-2.45c6.538-21.624,21.158-70.111,21.158-70.111H176.82c0,0-7.606,32.301-11.235,47.602H165.578z"/>
|
||||
<path style="fill:#FFFFFF;" d="M218.752,92.731L218.752,92.731c-13.224,0-23.944,10.72-23.944,23.944v46.859 c0,13.224,10.72,23.944,23.944,23.944h0c13.224,0,23.944-10.72,23.944-23.944v-46.859 C242.697,103.451,231.976,92.731,218.752,92.731z M225.662,164.48c0,3.81-3.1,6.909-6.909,6.909s-6.909-3.099-6.909-6.909v-48.752 c0-3.81,3.1-6.909,6.909-6.909s6.909,3.1,6.909,6.909V164.48z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
<g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
45
assets/scss/helpers/button.scss
Normal file
45
assets/scss/helpers/button.scss
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.button {
|
||||
line-height: 1.15 !important;
|
||||
display: flex;
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
.button-text {
|
||||
padding: 10px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.button-icon {
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
padding: 10px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
transition: opacity 0.2s;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background-color: #3498db;
|
||||
.button-icon {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.button.disabled {
|
||||
opacity: 0.5;
|
||||
filter: grayscale(100);
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-small) {
|
||||
.button.mobile-icon {
|
||||
.button-text {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
88
assets/scss/helpers/card.scss
Normal file
88
assets/scss/helpers/card.scss
Normal file
|
|
@ -0,0 +1,88 @@
|
|||
$card-border-radius: 5px;
|
||||
.card {
|
||||
margin-bottom: 1em;
|
||||
.card-title {
|
||||
border-top-left-radius: $card-border-radius;
|
||||
border-top-right-radius: $card-border-radius;
|
||||
padding: 10px 10px 10px 15px;
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
.fa {
|
||||
margin-right: 0.2em;
|
||||
}
|
||||
}
|
||||
.card-text {
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
padding: 10px 15px 20px 15px;
|
||||
}
|
||||
.card-actions {
|
||||
border-bottom-left-radius: $card-border-radius;
|
||||
border-bottom-right-radius: $card-border-radius;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
padding: 10px 15px 10px 15px;
|
||||
font-weight: bold;
|
||||
|
||||
.card-action {
|
||||
opacity: 0.8;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
.card-action:hover {
|
||||
cursor: pointer;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card.no-actions {
|
||||
.card-text {
|
||||
border-bottom-left-radius: $card-border-radius;
|
||||
border-bottom-right-radius: $card-border-radius;
|
||||
}
|
||||
}
|
||||
|
||||
.card.card-green {
|
||||
color: #2f3640;
|
||||
.card-title {
|
||||
background-color: #27ae60;
|
||||
}
|
||||
.card-text {
|
||||
background-color: #2ecc71;
|
||||
}
|
||||
.card-actions {
|
||||
background-color: #27ae60;
|
||||
}
|
||||
}
|
||||
|
||||
.card.card-purple {
|
||||
color: #f5f6fa;
|
||||
a {
|
||||
color: #f5f6fa;
|
||||
}
|
||||
.card-title {
|
||||
background-color: #8e44ad;
|
||||
}
|
||||
.card-text {
|
||||
background-color: #9b59b6;
|
||||
}
|
||||
.card-actions {
|
||||
background-color: #8e44ad;
|
||||
}
|
||||
}
|
||||
|
||||
.card.card-blue {
|
||||
color: #f5f6fa;
|
||||
a {
|
||||
color: #f5f6fa;
|
||||
}
|
||||
.card-title {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
.card-text {
|
||||
background-color: #3498db;
|
||||
}
|
||||
.card-actions {
|
||||
background-color: #2980b9;
|
||||
}
|
||||
}
|
||||
11
assets/scss/helpers/container.scss
Normal file
11
assets/scss/helpers/container.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
@media (max-width: $responsive-medium) {
|
||||
.container {
|
||||
width: 94% !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-interlarge) {
|
||||
.container {
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
6
assets/scss/helpers/divider.scss
Normal file
6
assets/scss/helpers/divider.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
.divider {
|
||||
//margin-top: 3vh;
|
||||
border-bottom: 1px solid #a4b0be;
|
||||
border-radius: 1px;
|
||||
//margin-bottom: 5vh;
|
||||
}
|
||||
24
assets/scss/helpers/link.scss
Normal file
24
assets/scss/helpers/link.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
a:focus, a:active {
|
||||
outline:0 !important;
|
||||
}
|
||||
|
||||
.link {
|
||||
color: inherit;
|
||||
transition: opacity 0.2s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.link:hover {
|
||||
text-decoration: none;
|
||||
opacity: 0.8;
|
||||
transition: opacity 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.link.link-primary {
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
.link.no-opacity:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
192
assets/scss/layouts/articles.scss
Normal file
192
assets/scss/layouts/articles.scss
Normal file
|
|
@ -0,0 +1,192 @@
|
|||
.articles {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-column-gap: 1.3em;
|
||||
grid-row-gap: 1.3em;
|
||||
|
||||
article {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.article {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #fff;
|
||||
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
|
||||
transition: box-shadow 0.3s;
|
||||
border-radius: 5px;
|
||||
width: 100%;
|
||||
height: 25em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
opacity: initial;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
opacity: initial;
|
||||
}
|
||||
|
||||
.article:hover {
|
||||
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.article-status {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
width: 55px;
|
||||
height: 55px;
|
||||
padding-top: 10px;
|
||||
color: #fff;
|
||||
line-height: 2.3;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
background-color: $primary-color;
|
||||
border-radius: 50%;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.article-status-day {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.article-status-month {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.article-thumb {
|
||||
height: 15em;
|
||||
overflow: hidden;
|
||||
background-color: white;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
|
||||
.article-thumb img {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
transition: opacity 0.3s, transform 0.3s;
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.article-body {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: white;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
padding: 1em;
|
||||
height: 12em;
|
||||
transition: height 0.3s;
|
||||
}
|
||||
|
||||
.article:hover .article-body {
|
||||
height: 18em;
|
||||
}
|
||||
|
||||
.article-title {
|
||||
margin: 0;
|
||||
padding: 0 0 10px 0;
|
||||
font-size: 22px;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.article-subtitle {
|
||||
margin: 0;
|
||||
padding: 0 0 10px 0;
|
||||
font-size: 19px;
|
||||
color: $primary-color;
|
||||
}
|
||||
|
||||
.article-description {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #666C74;
|
||||
font-size: 14px;
|
||||
line-height: 27px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s, transform 0.2s;
|
||||
transition-delay: 0s;
|
||||
transform: translateY(25px);
|
||||
|
||||
height: 100%;
|
||||
// text-overflow: ellipsis;
|
||||
// white-space: nowrap;
|
||||
// overflow: hidden;
|
||||
}
|
||||
|
||||
.article:hover .article-description {
|
||||
opacity: 1;
|
||||
transition-delay: 0.1s;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
// @keyframes titleBlur {
|
||||
// 0% {
|
||||
// opacity: 0.6;
|
||||
// text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
|
||||
// }
|
||||
|
||||
// 100% {
|
||||
// opacity: 1;
|
||||
// text-shadow: 0px 5px 5px transparent;
|
||||
// }
|
||||
// }
|
||||
// @keyframes subtitleBlur {
|
||||
// 0% {
|
||||
// opacity: 0.6;
|
||||
// text-shadow: 0px 5px 5px rgba(239, 90, 49, 0.6);
|
||||
// }
|
||||
|
||||
// 100% {
|
||||
// opacity: 1;
|
||||
// text-shadow: 0px 5px 5px rgba(239, 90, 49, 0);
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.articles {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
.article {
|
||||
max-width: 22em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-small) {
|
||||
.blog-title-container {
|
||||
padding: 0;
|
||||
.blog-title {
|
||||
display: none;
|
||||
}
|
||||
.sort {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
}
|
||||
.articles {
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
.article {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
346
assets/scss/layouts/body.scss
Normal file
346
assets/scss/layouts/body.scss
Normal file
|
|
@ -0,0 +1,346 @@
|
|||
.d-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.blog-title-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.blog-pagination {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.icon {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
|
||||
.page-container.not-complete {
|
||||
position: relative;
|
||||
top: 97px;
|
||||
padding-bottom: 97px;
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 1em;
|
||||
line-height: 2.2em;
|
||||
font-size: 16px;
|
||||
|
||||
&.negative-top-margin {
|
||||
margin-top: -1.2em;
|
||||
}
|
||||
|
||||
.blog-article {
|
||||
img.sm-img {
|
||||
width: 25vh !important;
|
||||
}
|
||||
img.md-img {
|
||||
width: 40vh !important;
|
||||
}
|
||||
img {
|
||||
display: flex;
|
||||
padding-top: 1.5em;
|
||||
padding-bottom: 1.5em;
|
||||
width: 60vh;
|
||||
margin: 0 auto;
|
||||
}
|
||||
iframe {
|
||||
padding-top: 1.5em;
|
||||
padding-bottom: 1.5em;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.page-details {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
//border-bottom: 2px solid rgba(127, 130, 139, 0.8);
|
||||
border-radius: 1px;
|
||||
justify-content: flex-end;
|
||||
//padding-bottom: 0.5em;
|
||||
margin-bottom: .5em;
|
||||
.page-details-item {
|
||||
i {
|
||||
margin-right: 10px;
|
||||
}
|
||||
margin-right: 1em;
|
||||
opacity: 0.7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.content-side {
|
||||
padding-left: 20px;
|
||||
border: 1px solid #47494e;
|
||||
padding-bottom: 2em;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
.content-title {
|
||||
color: #2c3e50;
|
||||
}
|
||||
|
||||
&.text {
|
||||
a {
|
||||
color: $primary-color;
|
||||
transition: opacity 0.2s;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
opacity: 0.8;
|
||||
transition: opacity 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
ul {
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
h1 {
|
||||
text-decoration: underline;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
h2 {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
h3 {
|
||||
margin-top: .75em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.index-icon-title {
|
||||
padding-left: 1em;
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.index-more-section {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clear-fix {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
margin-bottom: -1px;
|
||||
line-height: 1%;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.section-error-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 12vh;
|
||||
width: 100%;
|
||||
background-color: #ecf0f1;
|
||||
border-radius: 10px;
|
||||
.section-error-content {
|
||||
font-size: 1.2em;
|
||||
opacity: 0.8;
|
||||
.fa {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.loading-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 12vh;
|
||||
width: 100%;
|
||||
background-color: #ecf0f1;
|
||||
border-radius: 10px;
|
||||
.loading-content {
|
||||
font-size: 1.2em;
|
||||
opacity: 0.8;
|
||||
.fa {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mosaic, .image-mosaic {
|
||||
padding-top: 1.2em;
|
||||
padding-bottom: 1.2em;
|
||||
margin: 0 auto;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, 30%);
|
||||
justify-self: center;
|
||||
grid-row-gap: 1em;
|
||||
grid-column-gap: 1em;
|
||||
img, .mosaic-item {
|
||||
display: block !important;
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
.mosaic.two-columns {
|
||||
grid-template-columns: repeat(auto-fill, 48%);
|
||||
}
|
||||
|
||||
.mosaic.three-columns {
|
||||
grid-template-columns: repeat(auto-fill, 30%);
|
||||
}
|
||||
|
||||
.mosaic.four-columns {
|
||||
grid-template-columns: repeat(auto-fill, 22%);
|
||||
}
|
||||
|
||||
.flex-mosaic {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.flex-mosaic-item {
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.flex-mosaic .flex-mosaic-item:first-of-type {
|
||||
margin-left: 0;
|
||||
}
|
||||
.flex-mosaic .flex-mosaic-item:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.full-iframe-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
width: 100%;
|
||||
iframe {
|
||||
border: none;
|
||||
flex-grow: 1;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.multistage-mosaic {
|
||||
margin: 0 auto;
|
||||
width: 75%;
|
||||
|
||||
display: grid;
|
||||
grid-template-columns: 1.8fr 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
gap: 0px 0px;
|
||||
.multistage-item {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
|
||||
img {
|
||||
margin: 0;
|
||||
width: 49vh !important;
|
||||
}
|
||||
}
|
||||
.multistage-top-left {
|
||||
grid-column: 1 / 2;
|
||||
grid-row: 1 / 2;
|
||||
}
|
||||
.multistage-right {
|
||||
grid-column: 2 / 3;
|
||||
grid-row: 1 / 3;
|
||||
|
||||
img {
|
||||
width: 35vh !important;
|
||||
}
|
||||
}
|
||||
.multistage-bottom-left {
|
||||
grid-column: 1 / 2;
|
||||
grid-row: 2 / 3;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.mosaic, .image-mosaic {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-wrap: wrap;
|
||||
img, .mosaic-item {
|
||||
margin-bottom: 1em !important;
|
||||
display: block !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
img:last-of-type, .mosaic-item:last-of-type {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
}
|
||||
.flex-mosaic {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.multistage-mosaic {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-small) {
|
||||
.sort-by-dates-container {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
.blog-title-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
|
||||
.sort {
|
||||
margin-top: 1em;
|
||||
margin-left: 2em;
|
||||
margin-right: 2em;
|
||||
}
|
||||
}
|
||||
.blog-pagination {
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
.multistage-mosaic {
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: auto;
|
||||
|
||||
.multistage-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.multistage-top-left {
|
||||
grid-column: auto;
|
||||
grid-row: auto;
|
||||
}
|
||||
.multistage-right {
|
||||
grid-column: auto;
|
||||
grid-row: auto;
|
||||
|
||||
img {
|
||||
padding: 0;
|
||||
margin: 0 auto;
|
||||
width: 28vh !important;
|
||||
}
|
||||
}
|
||||
.multistage-bottom-left {
|
||||
grid-column: auto;
|
||||
grid-row: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
43
assets/scss/layouts/contact-card.scss
Normal file
43
assets/scss/layouts/contact-card.scss
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
.contact-card {
|
||||
display: flex;
|
||||
padding: 1em;
|
||||
border: 1px solid gray;
|
||||
border-radius: 10px;
|
||||
.contact-card-left {
|
||||
width: 5em;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.contact-card-right {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
.contact-card-title {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
.contact-methods {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
.contact-method {
|
||||
display: flex;
|
||||
.contact-method-icon {
|
||||
opacity: 0.8;
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: $responsive-small) {
|
||||
.contact-card {
|
||||
padding: .5em;
|
||||
|
||||
.contact-card-right {
|
||||
margin-left: .75em !important;
|
||||
}
|
||||
.contact-method-icon {
|
||||
margin-right: .5em !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
120
assets/scss/layouts/cover.scss
Normal file
120
assets/scss/layouts/cover.scss
Normal file
|
|
@ -0,0 +1,120 @@
|
|||
$cover-height: 15em;
|
||||
|
||||
.cover {
|
||||
position: relative;
|
||||
|
||||
.cover-back {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url('https://s.werobot.fr/headerCover.jpeg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.cover-container {
|
||||
width: 100%;
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
|
||||
min-height: $cover-height;
|
||||
background-color: rgba(41, 128, 185, 0.8);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: white;
|
||||
padding: 5em 0;
|
||||
}
|
||||
|
||||
.cover-title {
|
||||
line-height: 3em;
|
||||
font-size: 1.5em;
|
||||
padding-left: 1.5em;
|
||||
}
|
||||
|
||||
&.large-cover {
|
||||
.cover-container {
|
||||
padding: 6em 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.cover-mode-small .cover-container {
|
||||
padding: 6em 0;
|
||||
}
|
||||
|
||||
&.cover-mode-medium .cover-container {
|
||||
height: 40vh;
|
||||
}
|
||||
|
||||
&.cover-mode-large .cover-container {
|
||||
height: 50vh;
|
||||
}
|
||||
|
||||
&.cover-mode-full .cover-container {
|
||||
height: 77vh;
|
||||
}
|
||||
|
||||
.cover-date {
|
||||
padding-top: 2em;
|
||||
padding-bottom: 1em;
|
||||
font-size: 1.2em;
|
||||
opacity: 0.7;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.cover-date-icon{
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: $responsive-small) {
|
||||
.cover {
|
||||
&.cover-mode-medium .cover-container {
|
||||
height: 49vh !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-interlarge) {
|
||||
.cover {
|
||||
&.cover-mode-large .cover-container {
|
||||
height: 40vh !important;
|
||||
}
|
||||
&.cover-mode-full .cover-container {
|
||||
height: 65vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.cover {
|
||||
.cover-back {
|
||||
background-position: center !important;
|
||||
}
|
||||
.cover-title {
|
||||
font-size: 1.3em;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.cover-mode-medium .cover-container {
|
||||
height: 45vh;
|
||||
}
|
||||
&.large-cover .cover-container { padding: 5em 0; }
|
||||
&.cover-mdoe-small .cover-container { padding: 5em 0; }
|
||||
|
||||
//&.cover-mode-large .cover-container {
|
||||
//padding: 11em 0 !important;
|
||||
//}
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: $responsive-large) {
|
||||
.cover {
|
||||
&.large-cover .cover-container { padding: 8em 0; }
|
||||
|
||||
//&.cover-mode-large .cover-container {
|
||||
//padding: 21em 0 !important;
|
||||
//}
|
||||
}
|
||||
}
|
||||
82
assets/scss/layouts/drawer.scss
Normal file
82
assets/scss/layouts/drawer.scss
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
body {
|
||||
overflow-x: hidden !important;
|
||||
}
|
||||
|
||||
.drawer {
|
||||
.bm-menu {
|
||||
background-color: #2c3e50 !important;
|
||||
}
|
||||
|
||||
.cross-style {
|
||||
right: -4px !important;
|
||||
top: 13px !important;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.drawer-body-scrolling-disabled {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.main-page-wrap {
|
||||
transition: transform 0.5s ease 0s;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
transform: translate3d(-300px, 0px, 0px) !important;
|
||||
}
|
||||
|
||||
.drawer {
|
||||
background-color: #2c3e50;
|
||||
position: fixed;
|
||||
width: 0;
|
||||
transition: width 0.5s ease;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
.drawer-content {
|
||||
width: 300px;
|
||||
padding-left: 1em;
|
||||
transition: opacity 0.5s ease;
|
||||
opacity: 1;
|
||||
}
|
||||
.drawer-links {
|
||||
flex-direction: column;
|
||||
display: flex;
|
||||
}
|
||||
.drawer-link {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-bottom: 1em;
|
||||
padding-top: 1em;
|
||||
color: white;
|
||||
transition: opacity 0.2s;
|
||||
|
||||
&:hover {
|
||||
opacity: 0.8;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
}
|
||||
&.drawer-enabled {
|
||||
width: 300px;
|
||||
.drawer-links {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
.drawer-close-container {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
color: white;
|
||||
padding-right: 1em;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
22
assets/scss/layouts/error.scss
Normal file
22
assets/scss/layouts/error.scss
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
.error-container {
|
||||
height: 20vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 5em;
|
||||
.error {
|
||||
color: #2f3640;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.error-icon {
|
||||
margin-right: 2.2em;
|
||||
margin-left: 1.3em;
|
||||
i {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
.error-title {
|
||||
margin-bottom: 0.3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
3
assets/scss/layouts/fonts.scss
Normal file
3
assets/scss/layouts/fonts.scss
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
body {
|
||||
font-family: 'Roboto Slab', serif;
|
||||
}
|
||||
132
assets/scss/layouts/footer.scss
Normal file
132
assets/scss/layouts/footer.scss
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
$social-icon-height: 2em;
|
||||
$footer-cover-height: 10em;
|
||||
|
||||
.footer {
|
||||
margin-top: 5em;
|
||||
|
||||
.footer-cover-back {
|
||||
height: $footer-cover-height;
|
||||
background-image: url("https://s.werobot.fr/footerCover.jpeg");
|
||||
background-size: cover;
|
||||
background-position-x: center;
|
||||
background-position-y: top;
|
||||
}
|
||||
|
||||
.footer-cover {
|
||||
margin-top: -$footer-cover-height;
|
||||
height: $footer-cover-height;
|
||||
background-color: rgba(41, 128, 185, .8);
|
||||
box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.footer-border {
|
||||
display: flex;
|
||||
.footer-border-item {
|
||||
display: block;
|
||||
content: "";
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
.footer-border-item:nth-child(1) {
|
||||
border-color: #bdc3c7;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
height: 20em;
|
||||
padding-top: 3em;
|
||||
padding-bottom: 3em;
|
||||
.footer-title-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 2em;
|
||||
.footer-title {
|
||||
font-size: 1.8em;
|
||||
opacity: 0.9;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.footer-description {
|
||||
opacity: 0.9;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.footer-logo {
|
||||
margin-right: 2.5em;
|
||||
img {
|
||||
width: 38em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-footer {
|
||||
margin-top: 3em;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
.footer-socials {
|
||||
margin-left: 1em;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
|
||||
.footer-socials-item {
|
||||
margin-right: 1em;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
opacity: 0.8 !important;
|
||||
img, svg {
|
||||
width: $social-icon-height;
|
||||
height: $social-icon-height;
|
||||
}
|
||||
&:hover {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-links {
|
||||
text-align: right;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
a {
|
||||
margin-bottom: 10px;
|
||||
font-size: 1em;
|
||||
color: #2980b9;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.footer {
|
||||
.footer-container {
|
||||
padding-top: 1em;
|
||||
.footer-title-container {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
.footer-logo {
|
||||
margin-right: 0;
|
||||
margin-bottom: 1em;
|
||||
img {
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
width: 8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-links {
|
||||
text-align: center;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.footer-footer {
|
||||
margin-top: 2em;
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
.footer-socials {
|
||||
margin-left: 0;
|
||||
.footer-socials-item img {
|
||||
width: 2.4em;
|
||||
height: 2.4em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
142
assets/scss/layouts/header.scss
Normal file
142
assets/scss/layouts/header.scss
Normal file
|
|
@ -0,0 +1,142 @@
|
|||
$logo-height: 6em;
|
||||
$logo-responsive-height: 4em;
|
||||
|
||||
.header-border {
|
||||
border-top: 1px solid #7f828b;
|
||||
}
|
||||
.header {
|
||||
.header-container {
|
||||
position: relative;
|
||||
padding-top: 2em;
|
||||
padding-bottom: 2em;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
.header-nav-responsive-button-container {
|
||||
display: none;
|
||||
}
|
||||
.header-title-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
.header-title {
|
||||
|
||||
margin-left: 0.5em;
|
||||
.header-title-title {
|
||||
//font-family: 'Audiowide', serif;
|
||||
font-size: 2.2em;
|
||||
opacity: 0.9;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.header-sub-title {
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
}
|
||||
.header-logo {
|
||||
width: $logo-height;
|
||||
height: $logo-height;
|
||||
margin-right: 2em;
|
||||
}
|
||||
}
|
||||
.header-nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.header-nav-item {
|
||||
margin-left: 3em;
|
||||
}
|
||||
.header-nav-item .link.active {
|
||||
border-bottom: 2px dotted #7f828b;
|
||||
padding-bottom: 2px;
|
||||
//border-style: dashed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header.not-complete {
|
||||
//box-shadow: inset -8px -24px 66px -11px rgba(0,0,0,0.75);
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
background-color: white;
|
||||
z-index: 1500;
|
||||
transition:0.4s top cubic-bezier(.3,.73,.3,.74);
|
||||
border-bottom: 2px solid #a4b0be;
|
||||
.header-container {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.header-locale-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-sub-title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.header-container {
|
||||
justify-content: space-between;
|
||||
padding-left: 1em;
|
||||
padding-right: 1.5em;
|
||||
.header-title-container {
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
.header-title {
|
||||
font-size: 1em;
|
||||
margin: 0;
|
||||
.header-title-title {
|
||||
font-size: 1.5em;
|
||||
margin: 0;
|
||||
}
|
||||
.header-sub-title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.header-logo {
|
||||
width: $logo-responsive-height;
|
||||
height: $logo-responsive-height;
|
||||
margin-right: 1em;
|
||||
}
|
||||
}
|
||||
.header-nav {
|
||||
display: none;
|
||||
}
|
||||
.header-nav-responsive-button-container {
|
||||
display: block;
|
||||
.header-nav-responsive-button {
|
||||
color: #2c3e50;
|
||||
font-size: 1.8em;
|
||||
opacity: 0.8;
|
||||
transition: opacity 0.2s;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
transition: opacity 0.2s;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-locale-container {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 0;
|
||||
z-index: 888;
|
||||
}
|
||||
19
assets/scss/layouts/map.scss
Normal file
19
assets/scss/layouts/map.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
.ol-attribution {
|
||||
ul {
|
||||
margin: 0 !important;
|
||||
padding: .5em !important;
|
||||
line-height: normal;
|
||||
font-size: small;
|
||||
}
|
||||
}
|
||||
|
||||
.about-place-map {
|
||||
width: 50em;
|
||||
height: 30em;
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-small) {
|
||||
.about-place-map {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
132
assets/scss/layouts/partner.scss
Normal file
132
assets/scss/layouts/partner.scss
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
.partners {
|
||||
margin-top: 2em;
|
||||
.partner {
|
||||
//GiGa
|
||||
&:first-child img {
|
||||
width: 60%;
|
||||
}
|
||||
//uimm
|
||||
/*&:nth-child(2) img {
|
||||
width: 50%;
|
||||
}*/
|
||||
//papavoine
|
||||
&:nth-child(2) img {
|
||||
width: 40%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
//Girv
|
||||
&:nth-child(3) img {
|
||||
width: 60%;
|
||||
}
|
||||
// arianegroup
|
||||
&:nth-child(4) img {
|
||||
width: 65%;
|
||||
}
|
||||
// gaillon
|
||||
&:nth-child(5) img {
|
||||
width: 40%;
|
||||
}
|
||||
// skf
|
||||
&:nth-child(6) {
|
||||
margin-top: 2.2em;
|
||||
img {
|
||||
width: 55%;
|
||||
}
|
||||
}
|
||||
// AtisComputer
|
||||
&:nth-child(7) {
|
||||
margin-top: 2.2em;
|
||||
img {
|
||||
width: 75%;
|
||||
}
|
||||
}
|
||||
margin-top: 1.2em;
|
||||
|
||||
.partner-image {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.partners-quick {
|
||||
margin-top: 1.5em;
|
||||
margin-bottom: -2em;
|
||||
justify-content: space-around;
|
||||
.partner-quick-title {
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
.partner-item {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
img {
|
||||
width: auto;
|
||||
height: 7em;
|
||||
}
|
||||
&:nth-of-type(4) {
|
||||
img {
|
||||
height: 5em;
|
||||
}
|
||||
}
|
||||
&:nth-of-type(5) {
|
||||
img {
|
||||
height: 6em;
|
||||
}
|
||||
}
|
||||
&:nth-of-type(6) {
|
||||
//margin-top: 2.5em;
|
||||
img {
|
||||
height: 4em;
|
||||
}
|
||||
}
|
||||
&:nth-of-type(7) {
|
||||
img {
|
||||
padding: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.partners-quick .partner-item {
|
||||
img {
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
.partners {
|
||||
margin-top: 2em;
|
||||
.partner {
|
||||
//Girv
|
||||
&:nth-child(3) img {
|
||||
margin-top: .5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
// arianegroup
|
||||
&:nth-child(4) img {
|
||||
margin-top: .5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
// gaillon
|
||||
&:nth-child(5) img {
|
||||
margin-top: 1em;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
//skf
|
||||
&:nth-child(6) {
|
||||
margin-top: 2em;
|
||||
img {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
&:nth-child(7) {
|
||||
margin-top: 2em;
|
||||
img {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
52
assets/scss/layouts/photos.scss
Normal file
52
assets/scss/layouts/photos.scss
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
.photos-list {
|
||||
|
||||
.photos-list-title {
|
||||
margin-bottom: 1em;
|
||||
.fa {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.photos-list-photos {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-column-gap: 1.2em;
|
||||
grid-row-gap: 1.2em;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.photos-list-item {
|
||||
border-radius: 5px;
|
||||
height: 17.5em;
|
||||
min-width: 14em;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
opacity: 1;
|
||||
display: block;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.photos-list-item:hover {
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.photos-more {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.photos-list {
|
||||
.photos-list-photos {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.photos-list-item {
|
||||
min-width: 17.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
43
assets/scss/layouts/team.scss
Normal file
43
assets/scss/layouts/team.scss
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
.team-mosaic {
|
||||
margin-top: 2.5em;
|
||||
display: grid;
|
||||
grid-template-columns: 30% 30% 30%;
|
||||
grid-column-gap: 28px;
|
||||
grid-row-gap: 2em;
|
||||
.team-item {
|
||||
text-align: center;
|
||||
.team-item-title {
|
||||
margin-top: 0.3em;
|
||||
margin-bottom: 0.2em;
|
||||
font-size: 1.4em;
|
||||
font-weight: 300;
|
||||
}
|
||||
.team-item-image {
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 10em;
|
||||
height: 10em;
|
||||
overflow: hidden;
|
||||
img {
|
||||
width: auto;
|
||||
height: 10em;
|
||||
}
|
||||
}
|
||||
.team-item-description {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
}
|
||||
|
||||
.team-item:last-of-type{
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $responsive-medium) {
|
||||
.team-mosaic {
|
||||
grid-template-columns: 50% 50%;
|
||||
grid-column-gap: 0;
|
||||
}
|
||||
}
|
||||
29
assets/scss/layouts/transitions.scss
Normal file
29
assets/scss/layouts/transitions.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
.page-enter-active,
|
||||
.page-leave-active {
|
||||
transition: all 0.15s ease-out;
|
||||
}
|
||||
.page-enter,
|
||||
.page-leave-active {
|
||||
opacity: 0.15;
|
||||
transform: translateZ(0);
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
.main-transition-enter-active, .main-transition-leave-active {
|
||||
transition: opacity .5s
|
||||
}
|
||||
|
||||
.main-transition-enter, .main-transition-leave-active, .main-transition-leave-to {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.transition-parent {
|
||||
min-height: 10em;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.transition-child {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
31
assets/scss/main.scss
Normal file
31
assets/scss/main.scss
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
$responsive-small: 475px;
|
||||
$responsive-medium: 1050px;
|
||||
$responsive-interlarge: 1400px;
|
||||
$responsive-large: 1500px;
|
||||
|
||||
@import url("https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.8/tailwind.min.css");
|
||||
@import url('https://fonts.googleapis.com/css?family=Audiowide|Roboto+Slab');
|
||||
@import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
|
||||
|
||||
@import "variables";
|
||||
|
||||
|
||||
@import "helpers/container";
|
||||
@import "helpers/link";
|
||||
@import "helpers/card";
|
||||
@import "helpers/divider";
|
||||
@import "helpers/button";
|
||||
@import "layouts/fonts";
|
||||
@import "layouts/header";
|
||||
@import "layouts/articles";
|
||||
@import "layouts/body";
|
||||
@import "layouts/partner";
|
||||
@import "layouts/team";
|
||||
@import "layouts/cover";
|
||||
@import "layouts/footer";
|
||||
@import "layouts/photos";
|
||||
@import "layouts/error";
|
||||
@import "layouts/drawer";
|
||||
@import "layouts/transitions";
|
||||
@import "layouts/contact-card";
|
||||
@import "layouts/map";
|
||||
1
assets/scss/variables.scss
Normal file
1
assets/scss/variables.scss
Normal file
|
|
@ -0,0 +1 @@
|
|||
$primary-color: #2980b9;
|
||||
Loading…
Add table
Add a link
Reference in a new issue