Styling/copy tweaks

enflow · May 16, 2022 · aace7ee · aace7ee
1 parent 574e557
commit aace7ee
Show file tree

Hide file tree

Showing 9 changed files with 26 additions and 18 deletions.
diff --git a/dist/419.html b/dist/419.html
@@ -25,7 +25,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -35,7 +36,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {
@@ -151,4 +152,4 @@
                     d: path("M1499.33,2326.51c68.62-150.15,334.2-171.14,415.73,1.61");
                 }
             }
-        </style></head><body><div class="container"><div class="sad-panda js-svg-animation"><svg class="sad-panda-svg" xmlns="http://www.w3.org/2000/svg" viewBox="-500 0 4558.64 3058.64"><g class="static"><path d="M1832.48,2076.65H1603.89c-25.76,0-51.52-16.09-61.18-41.85l-48.29-109.47c0-32.19,25.76-54.73,54.73-54.73h344.5c32.2,0,54.74,25.76,54.74,54.73l-41.86,99.81C1893.65,2057.34,1864.68,2076.65,1832.48,2076.65Z"/><path d="M2727.53,492.6C2421.67,180.3,2064.29,0,1732.67,0,1330.22,0,972.84,186.74,705.61,463.63,514.23,663,327.5,1012.87,251.65,1278.19a1536.38,1536.38,0,0,0-48.3,379.91c0,379.92,154.54,734.08,437.87,994.87s672.9,405.67,1091.45,405.67S2540.8,2913.76,2824.12,2653,3262,2038,3262,1658.1c0-119.12-19.32-244.69-57.95-370.25C3095.3,900.28,2848.75,622.15,2727.53,492.6ZM1732.67,2920.2c-804.9,0-1394.09-566.66-1394.09-1265.32S927.77,135.22,1732.67,135.22c653.58,0,1394.1,824.23,1394.1,1519.66S2537.58,2920.2,1732.67,2920.2Z"/></g><g class="right"><path d="M3164.93,1294.69,2731.71,503.86c36.66-33.89,79.33-62.09,128-81.79,225.81-91.4,486.62,26.6,582.54,263.57s-9.39,503.15-235.21,594.55A427.59,427.59,0,0,1,3164.93,1294.69Z"/></g><g class="left"><path d="M312.77,1294.69,746,503.86c-36.66-33.89-79.33-62.09-128-81.79-225.81-91.4-486.62,26.6-582.53,263.57s9.39,503.15,235.2,594.55A428.49,428.49,0,0,0,312.77,1294.69Z"/></g><g class="eyes"><path d="M1180.72,1307.17c-183.52,0-489.38,260.78-486.16,447.52,0,183.52,148.1,334.84,334.84,334.84,183.52,0,334.84-148.1,334.84-334.84S1367.46,1307.17,1180.72,1307.17Z"/><path d="M2262.08,1307.17c-186.73,0-183.52,260.78-183.52,447.52s151.33,334.84,334.85,334.84c186.73,0,334.84-151.32,334.84-334.84C2751.47,1568,2445.6,1307.17,2262.08,1307.17Z"/></g><g class="pupils"><circle fill="#fff" cx="1122.9" cy="1902.88" r="90.24"/><circle fill="#fff" cx="2313.9" cy="1902.88" r="90.24"/></g><g class="mouth"><path class="mouth-path" d="M1499.33,2326.51c68.62-150.15,334.2-171.14,415.73,1.61"/></g></svg></div><h1><code>419</code> • Page expired</h1><p>Please try again.</p><a href="https://enflow.nl?utm_source=error&utm_content=419" target="_blank" rel="noopener" class="logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 786.07 180.78" width="130"><path d="M575.91,90a63.65,63.65,0,0,0-13.2-21,62.83,62.83,0,0,0-20.83-14.41,68.74,68.74,0,0,0-27.72-5.34,69.53,69.53,0,0,0-27.84,5.34,62.47,62.47,0,0,0-21,14.41,63.48,63.48,0,0,0-13.2,21,70.56,70.56,0,0,0,0,50.12A63.59,63.59,0,0,0,465.36,161a62.47,62.47,0,0,0,21,14.41,75.37,75.37,0,0,0,55.68,0A61.38,61.38,0,0,0,562.84,161a64.91,64.91,0,0,0,13.07-20.95,68.34,68.34,0,0,0,4.6-24.94A69,69,0,0,0,575.91,90Zm-49,59.74a31.43,31.43,0,0,1-25.58,0,30.8,30.8,0,0,1-10.31-7.7,36.91,36.91,0,0,1-6.88-11.76,46.7,46.7,0,0,1,0-30.09,36.71,36.71,0,0,1,6.88-11.87,32.08,32.08,0,0,1,10.32-7.83,29.13,29.13,0,0,1,12.78-2.84A30.18,30.18,0,0,1,527,80.35a30.86,30.86,0,0,1,10.3,7.7,36.44,36.44,0,0,1,6.89,11.87,43.82,43.82,0,0,1,2.49,15,44.48,44.48,0,0,1-2.49,15.23A36.55,36.55,0,0,1,537.25,142,30.86,30.86,0,0,1,527,149.71Z"/><path d="M127.8,90a60.2,60.2,0,0,0-13-20.67A63.29,63.29,0,0,0,94.14,55.14a68.28,68.28,0,0,0-27.53-5.29,70,70,0,0,0-27.78,5.29,63,63,0,0,0-21,14.3A61.81,61.81,0,0,0,4.57,90.37,70,70,0,0,0,0,115.73,66.46,66.46,0,0,0,4.68,140.5,61.86,61.86,0,0,0,39,175.25a70.07,70.07,0,0,0,27.41,5.17q21.17,0,36.43-9.26T125,147.47l-27.66-7.69q-3.12,7.69-11.66,12.38a37.09,37.09,0,0,1-18.15,4.69,34.06,34.06,0,0,1-12-2.16,32.35,32.35,0,0,1-17.79-16.11,33.82,33.82,0,0,1-2.52-7l0,.2c-5.06-18.65-.62-33.52-.3-34.53a31.12,31.12,0,0,1,2-5.53A32.91,32.91,0,0,1,44,81.83a31.77,31.77,0,0,1,10-6.38,32.17,32.17,0,0,1,12.14-2.28,32,32,0,0,1,22.49,8.54q8.4,7.76,10.15,20.18H51l-11.74,28,92,0a64.38,64.38,0,0,0,.92-7.29,15.62,15.62,0,0,0,.21-1.93q.12-2.88.12-6A69.69,69.69,0,0,0,127.8,90Z"/><path d="M356.44,0q-24.09.24-37.78,12.35-13.95,12.39-14,35.71V71.3H288.19v30.22h16.52v76.62h32.22V101.52H358.1V71.3H336.93V55.52A49.24,49.24,0,0,1,338,45.18a28.3,28.3,0,0,1,1.72-5.39h0Z"/><path d="M447.32,170.09a63.93,63.93,0,0,1-10-17.22c-.62-1.59-1.15-3.2-1.64-4.83l-.92.3q-1.44.48-3.48,1.08c-1.37.4-2.81.76-4.33,1.08a21.69,21.69,0,0,1-4.45.48,10,10,0,0,1-5.29-1.32,12,12,0,0,1-3.61-3.37,15,15,0,0,1-2.16-4.57,17.88,17.88,0,0,1-.72-4.93V47.1q0-21.16-13-34.15Q386.21,1.4,363.17.15L351.31,28.38a20.8,20.8,0,0,1,6.55-1q6.48,0,10.46,2.65a19.81,19.81,0,0,1,6.25,6.61,26.7,26.7,0,0,1,3.12,8.78,54.49,54.49,0,0,1,.85,9.37V152.9a24.58,24.58,0,0,0,8.53,18.88,31.12,31.12,0,0,0,10.1,5.89,38.62,38.62,0,0,0,13.35,2.16,69.76,69.76,0,0,0,10.7-.84c3.6-.56,6.85-1.2,9.73-1.92s5.21-1.4,7-2c1.42-.52,7.15-2.78,9.67-4.59Z"/><path d="M267.32,81.25a47.71,47.71,0,0,0-5.65-15.88,31.46,31.46,0,0,0-11.54-11.3q-7.47-4.32-19.24-4.33a64.76,64.76,0,0,0-29.82,6.74,47.71,47.71,0,0,0-20.2,18.76V51.57L151.78,60V178.14H184V104.33a32.86,32.86,0,0,1,5.29-10.58,44.1,44.1,0,0,1,8.05-8.3,36.81,36.81,0,0,1,9.5-5.41,27.64,27.64,0,0,1,9.86-1.92q9.38,0,14.67,7t5.29,22.13v70.92h32.22V99.28A104.18,104.18,0,0,0,267.32,81.25Z"/><polygon points="700.73 106.18 723.63 51.51 687.83 51.51 687.37 52.58 687.37 52.58 687.37 52.6 658.93 119.94 658.88 119.92 651.52 137.35 615.25 51.51 579.31 51.51 632.49 178.17 670.51 178.17 682.72 149.13 682.73 149.15 700.74 106.19 700.73 106.18"/><polygon points="677.62 51.51 641.75 51.51 661.33 98.18 679.33 55.53 677.62 51.51"/><polygon points="750.19 51.51 713.88 137.35 704.14 114.26 686.08 157.34 694.61 178.17 733.09 178.17 786.07 51.51 750.19 51.51"/><polygon points="687.37 52.58 687.37 52.58 687.37 52.6 687.37 52.58"/></svg></a></div></body></html>
+        </style></head><body><div class="container"><div class="sad-panda js-svg-animation"><svg class="sad-panda-svg" xmlns="http://www.w3.org/2000/svg" viewBox="-500 0 4558.64 3058.64"><g class="static"><path d="M1832.48,2076.65H1603.89c-25.76,0-51.52-16.09-61.18-41.85l-48.29-109.47c0-32.19,25.76-54.73,54.73-54.73h344.5c32.2,0,54.74,25.76,54.74,54.73l-41.86,99.81C1893.65,2057.34,1864.68,2076.65,1832.48,2076.65Z"/><path d="M2727.53,492.6C2421.67,180.3,2064.29,0,1732.67,0,1330.22,0,972.84,186.74,705.61,463.63,514.23,663,327.5,1012.87,251.65,1278.19a1536.38,1536.38,0,0,0-48.3,379.91c0,379.92,154.54,734.08,437.87,994.87s672.9,405.67,1091.45,405.67S2540.8,2913.76,2824.12,2653,3262,2038,3262,1658.1c0-119.12-19.32-244.69-57.95-370.25C3095.3,900.28,2848.75,622.15,2727.53,492.6ZM1732.67,2920.2c-804.9,0-1394.09-566.66-1394.09-1265.32S927.77,135.22,1732.67,135.22c653.58,0,1394.1,824.23,1394.1,1519.66S2537.58,2920.2,1732.67,2920.2Z"/></g><g class="right"><path d="M3164.93,1294.69,2731.71,503.86c36.66-33.89,79.33-62.09,128-81.79,225.81-91.4,486.62,26.6,582.54,263.57s-9.39,503.15-235.21,594.55A427.59,427.59,0,0,1,3164.93,1294.69Z"/></g><g class="left"><path d="M312.77,1294.69,746,503.86c-36.66-33.89-79.33-62.09-128-81.79-225.81-91.4-486.62,26.6-582.53,263.57s9.39,503.15,235.2,594.55A428.49,428.49,0,0,0,312.77,1294.69Z"/></g><g class="eyes"><path d="M1180.72,1307.17c-183.52,0-489.38,260.78-486.16,447.52,0,183.52,148.1,334.84,334.84,334.84,183.52,0,334.84-148.1,334.84-334.84S1367.46,1307.17,1180.72,1307.17Z"/><path d="M2262.08,1307.17c-186.73,0-183.52,260.78-183.52,447.52s151.33,334.84,334.85,334.84c186.73,0,334.84-151.32,334.84-334.84C2751.47,1568,2445.6,1307.17,2262.08,1307.17Z"/></g><g class="pupils"><circle fill="#fff" cx="1122.9" cy="1902.88" r="90.24"/><circle fill="#fff" cx="2313.9" cy="1902.88" r="90.24"/></g><g class="mouth"><path class="mouth-path" d="M1499.33,2326.51c68.62-150.15,334.2-171.14,415.73,1.61"/></g></svg></div><h1><code>419</code> • Page expired</h1><p>Please try to reload the page. If the problem persists feel free to contact us on <a href="mailto:[email protected]">[email protected]</a>.</p><a href="https://enflow.nl?utm_source=error&utm_content=419" target="_blank" rel="noopener" class="logo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 786.07 180.78" width="130"><path d="M575.91,90a63.65,63.65,0,0,0-13.2-21,62.83,62.83,0,0,0-20.83-14.41,68.74,68.74,0,0,0-27.72-5.34,69.53,69.53,0,0,0-27.84,5.34,62.47,62.47,0,0,0-21,14.41,63.48,63.48,0,0,0-13.2,21,70.56,70.56,0,0,0,0,50.12A63.59,63.59,0,0,0,465.36,161a62.47,62.47,0,0,0,21,14.41,75.37,75.37,0,0,0,55.68,0A61.38,61.38,0,0,0,562.84,161a64.91,64.91,0,0,0,13.07-20.95,68.34,68.34,0,0,0,4.6-24.94A69,69,0,0,0,575.91,90Zm-49,59.74a31.43,31.43,0,0,1-25.58,0,30.8,30.8,0,0,1-10.31-7.7,36.91,36.91,0,0,1-6.88-11.76,46.7,46.7,0,0,1,0-30.09,36.71,36.71,0,0,1,6.88-11.87,32.08,32.08,0,0,1,10.32-7.83,29.13,29.13,0,0,1,12.78-2.84A30.18,30.18,0,0,1,527,80.35a30.86,30.86,0,0,1,10.3,7.7,36.44,36.44,0,0,1,6.89,11.87,43.82,43.82,0,0,1,2.49,15,44.48,44.48,0,0,1-2.49,15.23A36.55,36.55,0,0,1,537.25,142,30.86,30.86,0,0,1,527,149.71Z"/><path d="M127.8,90a60.2,60.2,0,0,0-13-20.67A63.29,63.29,0,0,0,94.14,55.14a68.28,68.28,0,0,0-27.53-5.29,70,70,0,0,0-27.78,5.29,63,63,0,0,0-21,14.3A61.81,61.81,0,0,0,4.57,90.37,70,70,0,0,0,0,115.73,66.46,66.46,0,0,0,4.68,140.5,61.86,61.86,0,0,0,39,175.25a70.07,70.07,0,0,0,27.41,5.17q21.17,0,36.43-9.26T125,147.47l-27.66-7.69q-3.12,7.69-11.66,12.38a37.09,37.09,0,0,1-18.15,4.69,34.06,34.06,0,0,1-12-2.16,32.35,32.35,0,0,1-17.79-16.11,33.82,33.82,0,0,1-2.52-7l0,.2c-5.06-18.65-.62-33.52-.3-34.53a31.12,31.12,0,0,1,2-5.53A32.91,32.91,0,0,1,44,81.83a31.77,31.77,0,0,1,10-6.38,32.17,32.17,0,0,1,12.14-2.28,32,32,0,0,1,22.49,8.54q8.4,7.76,10.15,20.18H51l-11.74,28,92,0a64.38,64.38,0,0,0,.92-7.29,15.62,15.62,0,0,0,.21-1.93q.12-2.88.12-6A69.69,69.69,0,0,0,127.8,90Z"/><path d="M356.44,0q-24.09.24-37.78,12.35-13.95,12.39-14,35.71V71.3H288.19v30.22h16.52v76.62h32.22V101.52H358.1V71.3H336.93V55.52A49.24,49.24,0,0,1,338,45.18a28.3,28.3,0,0,1,1.72-5.39h0Z"/><path d="M447.32,170.09a63.93,63.93,0,0,1-10-17.22c-.62-1.59-1.15-3.2-1.64-4.83l-.92.3q-1.44.48-3.48,1.08c-1.37.4-2.81.76-4.33,1.08a21.69,21.69,0,0,1-4.45.48,10,10,0,0,1-5.29-1.32,12,12,0,0,1-3.61-3.37,15,15,0,0,1-2.16-4.57,17.88,17.88,0,0,1-.72-4.93V47.1q0-21.16-13-34.15Q386.21,1.4,363.17.15L351.31,28.38a20.8,20.8,0,0,1,6.55-1q6.48,0,10.46,2.65a19.81,19.81,0,0,1,6.25,6.61,26.7,26.7,0,0,1,3.12,8.78,54.49,54.49,0,0,1,.85,9.37V152.9a24.58,24.58,0,0,0,8.53,18.88,31.12,31.12,0,0,0,10.1,5.89,38.62,38.62,0,0,0,13.35,2.16,69.76,69.76,0,0,0,10.7-.84c3.6-.56,6.85-1.2,9.73-1.92s5.21-1.4,7-2c1.42-.52,7.15-2.78,9.67-4.59Z"/><path d="M267.32,81.25a47.71,47.71,0,0,0-5.65-15.88,31.46,31.46,0,0,0-11.54-11.3q-7.47-4.32-19.24-4.33a64.76,64.76,0,0,0-29.82,6.74,47.71,47.71,0,0,0-20.2,18.76V51.57L151.78,60V178.14H184V104.33a32.86,32.86,0,0,1,5.29-10.58,44.1,44.1,0,0,1,8.05-8.3,36.81,36.81,0,0,1,9.5-5.41,27.64,27.64,0,0,1,9.86-1.92q9.38,0,14.67,7t5.29,22.13v70.92h32.22V99.28A104.18,104.18,0,0,0,267.32,81.25Z"/><polygon points="700.73 106.18 723.63 51.51 687.83 51.51 687.37 52.58 687.37 52.58 687.37 52.6 658.93 119.94 658.88 119.92 651.52 137.35 615.25 51.51 579.31 51.51 632.49 178.17 670.51 178.17 682.72 149.13 682.73 149.15 700.74 106.19 700.73 106.18"/><polygon points="677.62 51.51 641.75 51.51 661.33 98.18 679.33 55.53 677.62 51.51"/><polygon points="750.19 51.51 713.88 137.35 704.14 114.26 686.08 157.34 694.61 178.17 733.09 178.17 786.07 51.51 750.19 51.51"/><polygon points="687.37 52.58 687.37 52.58 687.37 52.6 687.37 52.58"/></svg></a></div></body></html>
diff --git a/dist/500.html b/dist/500.html
@@ -25,7 +25,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -35,7 +36,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {

diff --git a/dist/501.html b/dist/501.html
@@ -25,7 +25,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -35,7 +36,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {

diff --git a/dist/502.html b/dist/502.html
@@ -25,7 +25,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -35,7 +36,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {

diff --git a/dist/503.html b/dist/503.html
@@ -25,7 +25,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -35,7 +36,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {

diff --git a/dist/504.html b/dist/504.html
@@ -25,7 +25,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -35,7 +36,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {

diff --git a/dist/505.html b/dist/505.html
@@ -25,7 +25,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -35,7 +36,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {

diff --git a/views/codes/419.twig b/views/codes/419.twig
@@ -1,5 +1,5 @@
 {% extends "wrapper.twig" %}
 
 {% set title = 'Page expired' %}
-{% set text = 'Please try again.' %}
+{% set text = 'Please try to reload the page. If the problem persists feel free to contact us on <a href="mailto:[email protected]">[email protected]</a>.' %}
 {% set shouldAutoRefresh = false %}
diff --git a/views/wrapper.twig b/views/wrapper.twig
@@ -40,7 +40,8 @@
             h1 {
                 font-size: 26px;
                 font-weight: bold;
-                margin: 0;
+                margin: 0 0 6px;
+                line-height: 1.2;
             }
 
             p {
@@ -50,7 +51,7 @@
 
             @media (max-width: 768px) {
                 h1 {
-                    font-size: 18px;
+                    font-size: 25px;
                 }
 
                 p {