animate contact

user/config/system.yaml

@@ -1,17 +1,14 @@
 absolute_urls: false
 timezone: Europe/Paris
-default_locale: null
 param_sep: ':'
 wrapped_site: false
 reverse_proxy_setup: false
 force_ssl: false
 force_lowercase_urls: true
-custom_base_url: ''
 username_regex: '^[a-z0-9_-]{3,16}$'
 pwd_regex: '(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}'
 intl_enabled: true
 languages:
-  supported: {  }
   include_default_lang: true
   translations: true
   translations_fallback: true
@@ -29,7 +26,6 @@ pages:
   list:
     count: 20
   dateformat:
-    default: null
     short: 'jS M Y'
     long: 'F jS \a\t g:ia'
   publish_dates: true
@@ -43,7 +39,7 @@ pages:
     twig: true
   markdown:
     extra: false
-    auto_line_breaks: false
+    auto_line_breaks: true
     auto_url_links: false
     escape_markup: false
     special_chars:
@@ -57,9 +53,7 @@ pages:
     - json
     - rss
     - atom
-  append_url_extension: ''
   expires: 604800
-  cache_control: null
   last_modified: false
   etag: false
   vary_accept_encoding: false
@@ -89,8 +83,6 @@ cache:
   lifetime: 604800
   gzip: false
   allow_webserver_gzip: false
-  redis:
-    socket: false
 twig:
   cache: false
   debug: true
@@ -129,10 +121,8 @@ images:
   auto_fix_orientation: false
 media:
   enable_media_timestamp: false
-  unsupported_inline_types: {  }
-  allowed_fallback_types: {  }
   auto_metadata_exif: false
-  upload_limit: 2097152
+  upload_limit: 8388608
 session:
   enabled: true
   initialize: true
@@ -141,10 +131,8 @@ session:
   secure: false
   httponly: true
   split: true
-  path: null
 gpm:
   releases: stable
-  proxy_url: null
   method: auto
   verify_peer: true
   official_gpm_only: true

user/pages/01.projets/projet-n-3/logo-Alliance_gris.svg

@@ -1,114 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 841.89 595.28" style="enable-background:new 0 0 841.89 595.28;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#4D4D4F;}
-	.st1{fill:#919396;}
-	.st2{fill:url(#SVGID_1_);}
-	.st3{fill:url(#SVGID_2_);}
-	.st4{fill:url(#SVGID_3_);}
-</style>
-<g>
-	<path d="M335.99,334.74l30.55-75.25h11.59l30.1,75.25l-9.7,3.9l-8.7-22.3h-36.12l-8.7,22.08L335.99,334.74z M357.07,307.43h29.32
-		l-14.6-37.46L357.07,307.43z"/>
-	<path d="M424.96,318.35c0,8.03,3.57,11.82,9.48,11.82c2.79,0,5.68-0.78,7.69-1.67l2.45,8.14c-2.68,1.23-6.69,2.23-11.48,2.23
-		c-10.26,0-18.17-5.58-18.17-19.51v-64.33h10.03V318.35z"/>
-	<path d="M462.41,318.35c0,8.03,3.57,11.82,9.48,11.82c2.79,0,5.69-0.78,7.69-1.67l2.45,8.14c-2.68,1.23-6.69,2.23-11.48,2.23
-		c-10.26,0-18.17-5.58-18.17-19.51v-64.33h10.03V318.35z"/>
-	<path d="M489.5,262.61c0-4.24,2.68-7.02,7.02-7.02c3.9,0,7.02,3.23,7.02,7.02c0,4.24-2.68,7.02-7.02,7.02
-		C492.62,269.63,489.5,266.4,489.5,262.61z M501.54,337.53h-10.03v-57.97h10.03V337.53z"/>
-	<path d="M542.9,278.22c6.69,0,12.15,2.68,16.17,6.02v-4.68h9.14v43.92c0,5.69,3.34,6.8,6.58,6.8l-2.12,7.8
-		c-7.25,0-11.48-3.01-12.93-8.7c-3.45,4.79-9.14,9.48-18.17,9.48c-14.49,0-26.09-11.71-26.09-29.99
-		C515.47,291.6,526.73,278.22,542.9,278.22z M558.17,322.7V291.6c-4.01-2.79-8.92-4.68-14.27-4.68c-10.7,0-18.17,8.7-18.17,21.63
-		c0,12.6,7.69,21.41,18.06,21.41C549.37,329.95,554.72,326.94,558.17,322.7z"/>
-	<path d="M597.86,289.25c4.12-6.24,10.59-11.04,19.51-11.04c13.04,0,19.51,8.58,19.51,21.52v37.79h-10.03v-36.68
-		c0-8.36-4.12-13.82-11.15-13.82c-6.91,0-13.27,5.57-17.5,12.15v38.35h-10.03v-57.97h9.7V289.25z"/>
-	<path d="M691.17,290.15c-4.24-2.12-7.69-3.01-12.26-3.01c-10.48,0-18.39,7.92-18.39,21.18c0,12.04,7.14,21.63,17.73,21.63
-		c5.58,0,9.14-1.23,13.71-3.68l3.12,8.47c-4.68,2.56-10.26,4.12-17.5,4.12c-16.61,0-27.32-12.49-27.32-30.32
-		c0-16.72,10.81-30.32,28.09-30.32c6.58,0,11.26,1.23,15.83,3.46L691.17,290.15z"/>
-	<path d="M712.01,312.67c1.34,10.81,7.81,17.28,18.06,17.28c6.69,0,11.82-1.56,16.72-3.79l2.34,8.59
-		c-5.35,2.45-12.04,4.12-20.29,4.12c-16.61,0-27.09-11.15-27.09-30.32c0-17.39,10.59-30.32,26.2-30.32
-		c16.61,0,24.97,12.15,24.97,26.87c0,2.68-0.11,5.13-0.33,7.58H712.01z M711.9,304.53h31.77c0-11.26-6.02-17.61-15.94-17.61
-		C719.03,286.91,713.01,293.04,711.9,304.53z"/>
-</g>
-<g>
-	<g>
-		<path class="st0" d="M342.94,223.1c2.47,2.06,5.45,3.5,9.57,3.5c4.94,0,8.03-2.21,8.03-5.71c0-2.93-1.34-4.68-8.23-7.31
-			c-7.46-2.83-10.03-5.51-10.03-10.7c0-5.09,4.37-9.26,12.25-9.26c4.22,0,7.46,0.88,10.7,2.47l-1.8,4.17
-			c-2.32-1.34-5.61-2.42-9-2.42c-4.53,0-7.31,1.96-7.31,4.79c0,2.68,1.13,4.12,7.82,6.59c8.03,2.98,10.65,6.23,10.65,11.11
-			c0,6.69-5.45,10.55-13.07,10.55c-4.99,0-9.26-1.44-12.04-3.65L342.94,223.1z"/>
-		<path class="st0" d="M397.11,226.6c3.34,0,5.66-0.87,7.98-2.21l1.49,4.06c-2.52,1.39-5.71,2.42-10.03,2.42
-			c-9.42,0-15.9-7.1-15.9-18.47c0-11.01,6.48-18.78,16.52-18.78c3.45,0,6.17,0.67,8.64,1.85l-1.49,4.12c-2.11-1.03-4.22-1.7-7.2-1.7
-			c-6.64,0-11.47,5.25-11.47,14.3C385.64,220.83,390.42,226.6,397.11,226.6z"/>
-		<path class="st0" d="M451.95,200.46l-9.62,21.66h-4.84l-9.67-21.66v29.79h-4.63v-36.02h6.84l9.98,22.79l9.83-22.79h7v36.02h-4.89
-			V200.46z"/>
-	</g>
-</g>
-<g>
-	<path class="st1" d="M339.36,377.26l3.98-1.54l9.43,26.01l9.47-25.88l3.68,1.41l-10.97,28.92h-4.58L339.36,377.26z"/>
-	<path class="st1" d="M380.97,376.19h17.99v3.51h-13.92v9.13h12v3.43h-12v10.41h13.92v3.51h-17.99V376.19z"/>
-	<path class="st1" d="M432.99,406.69l-3.73-8.14c-1.89-4.07-4.58-5.61-9.04-5.61h-0.64v13.24h-4.07v-29.9
-		c3.04-0.3,5.61-0.43,8.78-0.43c7.28,0,11.01,3.3,11.01,7.97c0,4.16-2.57,6.64-7.24,7.88c2.31,1.03,3.73,2.4,5.48,6.17l3.26,7.03
-		L432.99,406.69z M419.58,379.45v10.07h4.71c4.11,0,6.94-1.89,6.94-5.31c0-2.83-2.48-4.93-6.94-4.93
-		C422.36,379.28,420.82,379.36,419.58,379.45z"/>
-	<path class="st1" d="M452.19,400.23c2.06,1.71,4.54,2.91,7.97,2.91c4.11,0,6.68-1.84,6.68-4.76c0-2.44-1.11-3.9-6.85-6.08
-		c-6.21-2.36-8.35-4.58-8.35-8.91c0-4.24,3.64-7.71,10.2-7.71c3.51,0,6.21,0.73,8.91,2.06l-1.5,3.47c-1.93-1.11-4.67-2.01-7.5-2.01
-		c-3.77,0-6.08,1.63-6.08,3.98c0,2.23,0.94,3.43,6.51,5.48c6.68,2.48,8.87,5.18,8.87,9.25c0,5.57-4.54,8.78-10.88,8.78
-		c-4.16,0-7.71-1.2-10.03-3.04L452.19,400.23z"/>
-	<path class="st1" d="M500.22,375.68c8.83,0,14.18,6.94,14.18,15.47c0,8.57-5.31,15.55-14.18,15.55c-8.87,0-14.14-6.98-14.14-15.55
-		C486.08,382.36,491.35,375.68,500.22,375.68z M500.22,403.18c6.6,0,10.03-5.18,10.03-12.04c0-6.13-3.73-11.95-10.03-11.95
-		s-9.98,5.18-9.98,11.95C490.24,397.35,493.93,403.18,500.22,403.18z"/>
-	<path class="st1" d="M535.02,381.42v24.76h-3.86v-29.99h5.4l13.24,24.93v-24.93h3.86v29.99h-5.31L535.02,381.42z"/>
-	<path class="st1" d="M597.46,393.24v-3.51h14.57v3.51H597.46z"/>
-	<path class="st1" d="M655.82,376.28c2.36-0.26,5.23-0.43,8.27-0.43c7.45,0,11.7,3.81,11.7,9.13c0,6.43-5.1,10.03-12.55,10.03
-		c-1.2,0-2.31-0.04-3.34-0.13v11.31h-4.07V376.28z M671.76,385.32c0-3.68-2.78-6.04-7.75-6.04c-1.54,0-2.91,0.04-4.11,0.17v11.95
-		c0.9,0.13,2.23,0.21,3.86,0.21C668.85,391.61,671.76,389.17,671.76,385.32z"/>
-	<path class="st1" d="M690.53,400.23c2.06,1.71,4.54,2.91,7.97,2.91c4.11,0,6.68-1.84,6.68-4.76c0-2.44-1.11-3.9-6.85-6.08
-		c-6.21-2.36-8.35-4.58-8.35-8.91c0-4.24,3.64-7.71,10.2-7.71c3.51,0,6.21,0.73,8.91,2.06l-1.5,3.47c-1.93-1.11-4.67-2.01-7.5-2.01
-		c-3.77,0-6.08,1.63-6.08,3.98c0,2.23,0.94,3.43,6.51,5.48c6.68,2.48,8.87,5.18,8.87,9.25c0,5.57-4.54,8.78-10.88,8.78
-		c-4.16,0-7.71-1.2-10.03-3.04L690.53,400.23z"/>
-	<path class="st1" d="M734.88,391.01l9-15.04l3.21,1.89l-10.32,16.92v11.4h-4.07v-11.4l-10.41-16.92l3.43-2.06L734.88,391.01z"/>
-</g>
-<path class="st0" d="M147.13,411.89c3.31,1.19,6.68,2.26,10.12,3.16c0.54,0.18,2.68,0.79,4.49,1.08
-	c12.04,1.72,12.12-19.35,12.12-19.35v-16.54v-9.17l-21.26-13.29c-48.08-32.2-49.1-46.32-49.67-54.02
-	c-0.56-7.7,6.22-55.51,6.59-63.28c0.28-5.84-11.56-11.52-17.46-13.99c-15.09,20.13-24.04,45.14-24.04,72.24
-	c0,52.02,32.94,96.34,79.1,113.24V411.89z"/>
-<path class="st1" d="M285.08,226.49c-5.9,2.46-17.74,8.15-17.46,13.99c0.37,7.77,7.15,55.58,6.59,63.28
-	c-0.56,7.7-1.59,21.82-49.67,54.02l-20.37,12.73v9.7l-0.03,0.02v16.54c0,0,0.1,20.51,11.69,19.36
-	c53.43-12.36,93.28-60.22,93.28-117.41C309.12,271.63,300.17,246.63,285.08,226.49z"/>
-<path d="M281.5,221.94c-22.11-26.73-55.53-43.76-92.93-43.76c-37.4,0-70.82,17.03-92.93,43.76l33.15,14.12
-	c0,0-6.13,50.34-4.38,66.56c1.75,16.22,40.91,31.43,40.91,31.43l8.53,3.12v-34.23c4.11,2.9,9.18,5.06,15.15,5.06
-	c6.01,0,11.08-2.14,15.17-5.01v33.85l7.64-2.8c0,0,39.16-15.21,40.91-31.43c1.76-16.22-4.38-66.56-4.38-66.56L281.5,221.94z
-	 M214.5,255.93c0,3.81-2.93,19.35-4.81,22.12c-0.16,0.44-0.32,0.88-0.5,1.32c-0.01,0.01-0.02,0.06-0.03,0.07l0,0
-	c-3.57,8.18-11.45,13.91-20.58,13.91c-9.13,0-17.01-5.72-20.57-13.89c0,0,0,0,0,0c-0.01-0.01-0.02-0.06-0.03-0.08
-	c-0.19-0.45-0.37-0.9-0.54-1.36c-1.87-2.77-4.79-18.29-4.79-22.09c-0.1-1.37-0.12-2.74-0.04-4.11c0.9-14.85,12.19-26.59,25.97-26.59
-	c13.78,0,25.07,11.73,25.97,26.59C214.62,253.2,214.6,254.56,214.5,255.93z"/>
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="168.2021" y1="328.6225" x2="168.2021" y2="370.7565">
-	<stop  offset="0" style="stop-color:#000000"/>
-	<stop  offset="1" style="stop-color:#4D4D4F"/>
-</linearGradient>
-<rect x="162.55" y="328.62" class="st2" width="11.31" height="42.13"/>
-<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="209.7989" y1="328.6225" x2="209.7989" y2="370.7565">
-	<stop  offset="0" style="stop-color:#000000"/>
-	<stop  offset="1" style="stop-color:#919396"/>
-</linearGradient>
-<rect x="204.15" y="328.62" class="st3" width="11.31" height="42.13"/>
-<path d="M149.42,207.95"/>
-<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="189.0456" y1="226.458" x2="189.0456" y2="189.325">
-	<stop  offset="0" style="stop-color:#000000"/>
-	<stop  offset="0.3726" style="stop-color:#070708"/>
-	<stop  offset="0.5069" style="stop-color:#1E1E1F"/>
-	<stop  offset="0.6026" style="stop-color:#383839"/>
-	<stop  offset="0.68" style="stop-color:#4C4C4E"/>
-	<stop  offset="0.7463" style="stop-color:#5F6062"/>
-	<stop  offset="0.805" style="stop-color:#757679"/>
-	<stop  offset="0.8581" style="stop-color:#8D8F91"/>
-	<stop  offset="0.9069" style="stop-color:#AAACAF"/>
-	<stop  offset="0.9523" style="stop-color:#CECFD1"/>
-	<stop  offset="0.9926" style="stop-color:#F4F4F5"/>
-	<stop  offset="1" style="stop-color:#FFFFFF"/>
-</linearGradient>
-<path class="st4" d="M193.24,216.29c25.18,0,46.4,2.85,66.99,7.84c-6.98-16.18-32.21-34.8-71.33-34.8
-	c-40.89,0-64.95,18.62-70.91,37.13c0,0.01-0.13-1.88-0.13-1.87C140.42,218.14,164.32,216.29,193.24,216.29z"/>
-</svg>

user/pages/02.contact/default.md

@@ -2,4 +2,9 @@
 title: Contact
 ---
 
-Faux-texte: a pour fonction de faire office de texte de substitution ou d'outil permettant la comparaison et l'appréciation de différentes polices.
+**GILLES ACÉZAT**
+3 ru d'Épernon
+76600 Le Havre - France
++33(0)6 30 55 30 72
++33(0)2 31 73 35 96
+burodesformes@yahoo.fr

user/themes/gilles_acezat/images/contact.svg

@@ -0,0 +1,75 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="90.390999"
+   height="87.431"
+   viewBox="0 0 23.915951 23.132786"
+   version="1.1"
+   id="svg1109"
+   inkscape:version="0.92.4 5da689c313, 2019-01-14"
+   sodipodi:docname="contact.svg">
+  <defs
+     id="defs1103" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.35"
+     inkscape:cx="-105.71429"
+     inkscape:cy="560"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata1106">
+    <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
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-273.86719)">
+    <path
+       sodipodi:type="star"
+       style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16906723;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path2518"
+       sodipodi:sides="5"
+       sodipodi:cx="485.86176"
+       sodipodi:cy="23.111385"
+       sodipodi:r1="11.974361"
+       sodipodi:r2="11.974361"
+       sodipodi:arg1="0.78539816"
+       sodipodi:arg2="1.4137167"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="m 494.32891,31.578537 -6.59395,3.359786 -7.30945,-1.157703 -5.23299,-5.232988 -1.1577,-7.309449 3.35978,-6.59395 6.59395,-3.359785 7.30945,1.157703 5.23299,5.232988 1.1577,7.309449 z"
+       inkscape:transform-center-x="-3.8790373e-06"
+       transform="rotate(30.000001,-240.59015,-730.04399)" />
+  </g>
+</svg>

user/themes/gilles_acezat/js/site.js

@@ -15,6 +15,7 @@ function masonry() {
     itemSelector: '.img-card',
     columnWidth: '.img-card',
     percentPosition: true,
+    gutter: 20,
     transitionDuration: '0.2s'
   });
 
@@ -72,13 +73,31 @@ function contact() {
   var $contact = $('header .contact');
 
   $contact.on('click',function() {
-    
+    if ($(this).hasClass('open')) {
+      $(this).removeClass('open');
+      $(this).addClass('close');
+    } else {
+      $(this).addClass('open');
+      $(this).removeClass('close');
+    }
   })
 }
 
+//
+// function transitionpage() {
+//   var $a = $('a');
+//   var $all = $('body *');
+//
+//   $a.on('click', function() {
+//     $all.css('display':'none');
+//   })
+//
+// }
+
 jQuery(document).ready(function($){
   masonry();
   contact();
+  transitionpage();
   // card();
   // ajax();
   // isotype();

user/themes/gilles_acezat/scss/theme/_animation.scss

@@ -29,3 +29,40 @@
     visibility: hidden;
   }
 }
+
+@keyframes translateright{
+  0%{
+    right: -50px;
+    color: transparent;
+    display: none;
+  }
+
+  30%{
+    right: 150px;
+    color: transparent;
+    display: block;
+  }
+
+  100%{
+    right: 200px;
+    color: white;
+  }
+}
+
+@keyframes translateleft{
+  0%{
+    right: 200px;
+    color: white;
+    display: block;
+  }
+  30%{
+    right: 150px;
+    color: transparent;
+  }
+
+  100%{
+    right: -200px;
+    color: transparent;
+    display: none;
+  }
+}

user/themes/gilles_acezat/scss/theme/_typography.scss

@@ -36,8 +36,6 @@ header{
     h3{
       text-transform: lowercase;
       color:white;
-      margin-top:-52px;
-      margin-left: 18px;
     }
   }
 }

user/themes/gilles_acezat/scss/theme/all.scss

@@ -7,7 +7,7 @@ header{
     z-index: 9999;
     position: fixed;
     top: 20px;
-    right: 40px;
+    right: 2%;
     transform: scale(1);
     transition: transform 0.5s ease;
     cursor: pointer;
@@ -15,16 +15,59 @@ header{
       transition: transform 0.5s ease;
       transform: scale(0.9);
     }
-    svg{
+    &.open{
+      transform: scale(15);
+      transition: transform 0.5s ease;
+      h3{
+        color: transparent;
+        transition: visibility 0.5 ease;
+      }
+      img{
+        animation: rotation 12s infinite linear;
+      }
+      & + .txt{
+          position: fixed;
+          top: 190px;
+          text-align: center;
+          line-height: 1.5rem;
+          z-index: 9999;
+          animation: translateright 1s ease forwards;
+      }
+    }
+    &.close{
+      transform: scale(1);
+      transition: transform 0.5s 0.1s ease;
+      & + .txt{
+          position: fixed;
+          top: 190px;
+          text-align: center;
+          line-height: 1.5rem;
+          z-index: 9999;
+          animation: translateleft 1s ease forwards;
+      }
+      h3{
+        color: white;
+        transition: color 0.5s 0.4s ease;
+      }
+      &:hover{
+        transition: transform 0.5s ease!important;
+        transform: scale(0.9)!important;
+      }
+    }
+    img{
       animation: rotation 6s infinite linear;
-      width: 90.4px;
-      height: 87.45px;
     }
     h3{
       transform: rotate(35deg);
+      position: absolute;
+      top: 33px;
+      left: 20px;
     }
-    p{
-      display: none;
+    & + .txt{
+        position: fixed;
+        right: -200px;
+        p{
+      }
     }
   }
   h2{

user/themes/gilles_acezat/scss/theme/item.scss

@@ -4,13 +4,8 @@ body{
       border-top: 1px solid black;
       padding-top: 20px;
       .img-card{
-        width: 50%;
-        &:nth-child(odd){
-          padding-right: 10px;
-        }
-        &:nth-child(even){
-          padding-left: 10px;
-        }
+        width: 49%;
+        margin-bottom: 20px;
       }
       .header-item{
         position: relative;
@@ -28,11 +23,8 @@ body{
           }
         }
         .content{
-          width: calc((100% / 3) * 2);
+          width: calc(100% / 3);
           margin: 20px  0;
-          .txt{
-            column-count: 2;
-          }
         }
         .prev-next{
           width: calc(100% / 3);

user/themes/gilles_acezat/templates/default.html.twig

@@ -1,4 +1,5 @@
 {% block content %}
-    <h3>{{page.title}}</h3>
+  <div class="txt">
     {{ page.content|raw }}
+  </div>
 {% endblock %}

user/themes/gilles_acezat/templates/partials/base.html.twig

@@ -42,27 +42,10 @@
                   <h2>{{site.header.status|upper}}</h2></a>
                 </nav>
                 <div class="contact">
-                  <svg>
-                    <path
-                       transform="matrix(3.2731668,1.8897638,-1.8897638,3.2731668,-1501.4361,-950.09606)"
-                       inkscape:transform-center-x="-3.8790373e-06"
-                       d="m 494.32891,31.578537 -6.59395,3.359786 -7.30945,-1.157703 -5.23299,-5.232988 -1.1577,-7.309449 3.35978,-6.59395 6.59395,-3.359785 7.30945,1.157703 5.23299,5.232988 1.1577,7.309449 z"
-                       inkscape:randomized="0"
-                       inkscape:rounded="0"
-                       inkscape:flatsided="false"
-                       sodipodi:arg2="1.4137167"
-                       sodipodi:arg1="0.78539816"
-                       sodipodi:r2="11.974361"
-                       sodipodi:r1="11.974361"
-                       sodipodi:cy="23.111385"
-                       sodipodi:cx="485.86176"
-                       sodipodi:sides="5"
-                       style="display:inline;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.16906723;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-                       sodipodi:type="star"/>
-                  </svg>
-
-                  {% include 'partials/navigation.html.twig' %}
+                  <img src="user/themes/gilles_acezat/images/contact.svg" alt="">
+                  <h3>Contact</h3>
                 </div>
+                {% include 'partials/navigation.html.twig' %}
             </section>
             <section class="works works-mea">
               {% for child in collection %}