{"tag":"redesign","articles":{"blog\/technology\/redesigning-a-website-naked-adventure":{"key":"blog\/technology\/redesigning-a-website-naked-adventure","type":"article","published":true,"meta":{"createdAt":"2020-05-23T22:45:46+02:00","publishedAt":"2020-05-23T22:45:46+02:00","group":"redesign","links":[{"icon":"globe-europe","colour":"primary","url":"https:\/\/naked-adventure.eu","displayUrl":null}],"category":"blog","subcategory":"technology","slug":"redesigning-a-website-naked-adventure"},"content":{"en":{"slug":"redesigning-a-website-naked-adventure","title":"Redesigning a website: Naked Adventure","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-revamp_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022323.41488807913\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAYAAACSuF9OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAHx0lEQVRIiaWWy48cVxnFf\/dRr65+THfPjD0zHj\/iJI5IFAnHJBHEioJAiCAkImUHiC0LFglISKxZwJ+AEiGxgA0SAgmxCAvEBhZBCQ85ColfsROPZzzueXV3dT3uvR+L9kxiQjbkbKpUdUvn3O+c77ulnvre7yUxiuVehtYah8EYTTuP0FqDUhSVwzshBEGUIo00mTRMVMysFuqm5trlEf1ejgTHeFzwQPdPRHrKv29qVpd63L57gFKKOI5JEnhoeAenh+RmG60bnAp02zn2hfWGTEM3DmSxJWl3aecxJ9f6LK\/1McYQghBCYFY0RGlMUQtRrHFBcVB4alfzzZ9ucTCpsKoheIfWnuVOwWihw82NEdpoEGGx3+LFL18Ev81b\/3qNPAZvLAZHXY2xiYZWZGillsgo2rail0bgS+5sbaAjTfAeazRLx1aIs4yWKKomUNZCP7aUpRBZTZxoZqVClGah1XBr3zJzFqUcwXlEhGJaMZ3cQIdAJ824vG1Z6lSs5AmJK7HPPnkGAgQfGB8UaF+jfAWNZlrOyAdtRAnGRKR5glcG8UISG6wVahfwQROphtnU0W1pGkru7jVcvgF1s4PWljhNcFXN8UGLWzc3ePv9PTA91lq7dIPgSkuoNXby3l\/oL51gcXWV9OQQBFCgECYzodaC7fbJshwdR2gJWB2Q4BEViJXHuBkqlCy0EopZgW9K9sISSbRNEkVEcYr3jrzT4sK6ZWD3OPeYZTytmLkeeewZFYrltePYevsm195\/j+23Y9bWThBFhlZnAZN1GAwHxMMhujtABPzuNlUjNEFRV55JUVFUnp29A8QVBO0wUlOWE37245fp9hZ4b3NKEOHJR\/pEBowxfBKUUtjW8mk6CJGG0sMsCAfS0DWgixLTqRBREAJeBKUEowJWO1qxYEQwHUtV7INL0MqDmwKBwSBGZQLATl0D9wxQIAJxZI\/EZMbQSyLs09\/6LlVVsbm5yfr6+rzVPwGm1fufz6uqQurf4aWiqEqapgQJJAi5r8mzjCRN+cUfb\/C3d3fwrqBtJhw\/cZrNvZpqb4Ozi56Xvv08FkBrTavVYjweA9DpdJh5zdZ+gUIxDjEdtpk0W+yFFbQfYXTFQpLwwOJZACazBt0o2mZGCCUi866K4xhjLd57lswGZ5vXWe8I7WOr\/Py1PzDZuc1J\/S7m\/JPA81ilQJmIie6jyymdyANQOMWbey1SDqiC4BtNphWTsqITrpC0YqYzODM8AyjGdy6D0qSLXaqiQEIghMBkPKGpa7rdLmsLUC136VrIO22+9NmEY9lpHlh9GpcM5xkSAQXksUbbBGsC3ntAIwLVdJM33tljtR+wMuWJczOKKiFKDJE1KKUQwNdjlNJUBYhvUAijSeDGSKNNQG7v8tDpR1hZPUOn1yXLMh5+fBejNL2FeRREZG6ZiOBcg7UxThqKsgYbgVL47AwPr7zBqeGEK9cnSK1pRwlJlDKMM6zSNAR8PUEpDT5iNp0ymYy5M9vizSt3CQEiHAfnVtmcBJSu6aYGWxZs71WU02ucOtbi4hNrWKUUu7PA9397wDDX1E4oauGFJww6i2nKESoIt\/aHdAddtkZjuoMVboc1VLjLksy7aPXzP0CZmGP9iOmkIO2uYPxfCfUrCOCA6p1naa5ewhpF1V3mN3++wgcf3CSKIr7w7HN85eJPsCJClo754jOvkpkcEGa+4NHlr7OefobgcqL4PE7FGAJN3RCbeQMrtYI1Md5V82kKFKVHmM+bB9e\/yHLvUbIkJUkTXn\/tV2SxIwRoRY5zJ4+zNIhZWBhiIosxZm5ZIi2+ln+Hfr9PnufIvV0rpRDpsLGxQZ7ndHo9iO7l5iNr5rY7CBqrYeYaQEjjnGFvlSzLUEox7C\/yfujTHyRESZ9HL5wh67SoixnLaycB5pYZY8jzHGMMInJEckio4pzSQVQ7Yq3QWn1s4gZXo3QgNAZXzxAJxHFMHMdHa85e+AanHv8q\/cEQrTWTyQSjIMvbR1xWRAgCe9OGSelYHiiiKLpPVKwcdV2zvzNDHVVOiKKI4XA4F9QUKG1pKoOSCpCjKh5iey9QNpqbox12Nt7iqc+dJ05beO9pmoYsy+aWKQV5q4XWCo8lvifmkHi\/STDeEqeBNI7QzHefpimHultqRukNo50KcRXB+\/uqLCJcvT3m+t2CNLUcXLnGr3\/5KosLbbwIKycf5KWXfzi37N5X+CD44FHq0I65fScX06M5cX\/15CjMYTYikOLrCvE1BP8x60c3\/sHW1esUtePO+29x8cFF9rc3cM5xqvvwh5YZrVnII6y19wX2kNRay0fx3+8B6mqG6BpflQRfHx0dH8Vzz5znwmOnSbMWcfQiabuLNZq83TniPWISZWkCOC9oBVqDD2DvXfX8DxQFBEADRivMvbNY3D6VA1fXiG+Q8HHL+oMhvYU+aTqvuHMOrfV9HWsvXbrEp0Vd17jpPsZGVGWBiONHr\/yT5eMjklhRlnORVVnQ1AWprimLA6rigLMnemxtbrKzcxfxDXZ3d\/dTC2qahtBMqGqFb+b5ufrBPptFG60E39SEpkLCjGKyTyQzivEOrtynHa\/z90vvMrq7jfgafViqQ\/y\/92VVIL4iuA8zFLxHiQfxKOWJjNBKFHVdg3hEPJev32Jvb8xhFv8DbBYDPiGD0eUAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-revamp_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022323.41488807913\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/naked-adventure-de\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Naked Adventure\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well. (screenshots before \u0026amp; after at the bottom)\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-revamp_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022646.82977615825\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAYAAACSuF9OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAHx0lEQVRIiaWWy48cVxnFf\/dRr65+THfPjD0zHj\/iJI5IFAnHJBHEioJAiCAkImUHiC0LFglISKxZwJ+AEiGxgA0SAgmxCAvEBhZBCQ85ColfsROPZzzueXV3dT3uvR+L9kxiQjbkbKpUdUvn3O+c77ulnvre7yUxiuVehtYah8EYTTuP0FqDUhSVwzshBEGUIo00mTRMVMysFuqm5trlEf1ejgTHeFzwQPdPRHrKv29qVpd63L57gFKKOI5JEnhoeAenh+RmG60bnAp02zn2hfWGTEM3DmSxJWl3aecxJ9f6LK\/1McYQghBCYFY0RGlMUQtRrHFBcVB4alfzzZ9ucTCpsKoheIfWnuVOwWihw82NEdpoEGGx3+LFL18Ev81b\/3qNPAZvLAZHXY2xiYZWZGillsgo2rail0bgS+5sbaAjTfAeazRLx1aIs4yWKKomUNZCP7aUpRBZTZxoZqVClGah1XBr3zJzFqUcwXlEhGJaMZ3cQIdAJ824vG1Z6lSs5AmJK7HPPnkGAgQfGB8UaF+jfAWNZlrOyAdtRAnGRKR5glcG8UISG6wVahfwQROphtnU0W1pGkru7jVcvgF1s4PWljhNcFXN8UGLWzc3ePv9PTA91lq7dIPgSkuoNXby3l\/oL51gcXWV9OQQBFCgECYzodaC7fbJshwdR2gJWB2Q4BEViJXHuBkqlCy0EopZgW9K9sISSbRNEkVEcYr3jrzT4sK6ZWD3OPeYZTytmLkeeewZFYrltePYevsm195\/j+23Y9bWThBFhlZnAZN1GAwHxMMhujtABPzuNlUjNEFRV55JUVFUnp29A8QVBO0wUlOWE37245fp9hZ4b3NKEOHJR\/pEBowxfBKUUtjW8mk6CJGG0sMsCAfS0DWgixLTqRBREAJeBKUEowJWO1qxYEQwHUtV7INL0MqDmwKBwSBGZQLATl0D9wxQIAJxZI\/EZMbQSyLs09\/6LlVVsbm5yfr6+rzVPwGm1fufz6uqQurf4aWiqEqapgQJJAi5r8mzjCRN+cUfb\/C3d3fwrqBtJhw\/cZrNvZpqb4Ozi56Xvv08FkBrTavVYjweA9DpdJh5zdZ+gUIxDjEdtpk0W+yFFbQfYXTFQpLwwOJZACazBt0o2mZGCCUi866K4xhjLd57lswGZ5vXWe8I7WOr\/Py1PzDZuc1J\/S7m\/JPA81ilQJmIie6jyymdyANQOMWbey1SDqiC4BtNphWTsqITrpC0YqYzODM8AyjGdy6D0qSLXaqiQEIghMBkPKGpa7rdLmsLUC136VrIO22+9NmEY9lpHlh9GpcM5xkSAQXksUbbBGsC3ntAIwLVdJM33tljtR+wMuWJczOKKiFKDJE1KKUQwNdjlNJUBYhvUAijSeDGSKNNQG7v8tDpR1hZPUOn1yXLMh5+fBejNL2FeRREZG6ZiOBcg7UxThqKsgYbgVL47AwPr7zBqeGEK9cnSK1pRwlJlDKMM6zSNAR8PUEpDT5iNp0ymYy5M9vizSt3CQEiHAfnVtmcBJSu6aYGWxZs71WU02ucOtbi4hNrWKUUu7PA9397wDDX1E4oauGFJww6i2nKESoIt\/aHdAddtkZjuoMVboc1VLjLksy7aPXzP0CZmGP9iOmkIO2uYPxfCfUrCOCA6p1naa5ewhpF1V3mN3++wgcf3CSKIr7w7HN85eJPsCJClo754jOvkpkcEGa+4NHlr7OefobgcqL4PE7FGAJN3RCbeQMrtYI1Md5V82kKFKVHmM+bB9e\/yHLvUbIkJUkTXn\/tV2SxIwRoRY5zJ4+zNIhZWBhiIosxZm5ZIi2+ln+Hfr9PnufIvV0rpRDpsLGxQZ7ndHo9iO7l5iNr5rY7CBqrYeYaQEjjnGFvlSzLUEox7C\/yfujTHyRESZ9HL5wh67SoixnLaycB5pYZY8jzHGMMInJEckio4pzSQVQ7Yq3QWn1s4gZXo3QgNAZXzxAJxHFMHMdHa85e+AanHv8q\/cEQrTWTyQSjIMvbR1xWRAgCe9OGSelYHiiiKLpPVKwcdV2zvzNDHVVOiKKI4XA4F9QUKG1pKoOSCpCjKh5iey9QNpqbox12Nt7iqc+dJ05beO9pmoYsy+aWKQV5q4XWCo8lvifmkHi\/STDeEqeBNI7QzHefpimHultqRukNo50KcRXB+\/uqLCJcvT3m+t2CNLUcXLnGr3\/5KosLbbwIKycf5KWXfzi37N5X+CD44FHq0I65fScX06M5cX\/15CjMYTYikOLrCvE1BP8x60c3\/sHW1esUtePO+29x8cFF9rc3cM5xqvvwh5YZrVnII6y19wX2kNRay0fx3+8B6mqG6BpflQRfHx0dH8Vzz5znwmOnSbMWcfQiabuLNZq83TniPWISZWkCOC9oBVqDD2DvXfX8DxQFBEADRivMvbNY3D6VA1fXiG+Q8HHL+oMhvYU+aTqvuHMOrfV9HWsvXbrEp0Vd17jpPsZGVGWBiONHr\/yT5eMjklhRlnORVVnQ1AWprimLA6rigLMnemxtbrKzcxfxDXZ3d\/dTC2qahtBMqGqFb+b5ufrBPptFG60E39SEpkLCjGKyTyQzivEOrtynHa\/z90vvMrq7jfgafViqQ\/y\/92VVIL4iuA8zFLxHiQfxKOWJjNBKFHVdg3hEPJev32Jvb8xhFv8DbBYDPiGD0eUAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-revamp_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022646.82977615825\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/naked-adventure-de\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Naked Adventure\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well. (screenshots before \u0026amp; after at the bottom)\u003C\/p\u003E\n\u003Cp\u003EHere\u0027s an overview of what I did:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003Ereplaced my abandoned framework \u003Ca href=\u0022\/projects\/micrus-v4\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus v4 \u2022 Beauty of simplicity\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Symfony 5\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Ebased the project on \u003Ca href=\u0022\/projects\/avris-booster-quick-start-of-new-projects\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Avris Booster: Quick start of new projects\u003C\/a\u003E, to take advantage of built-in features:\nuser management (including a passwordless approach to authentication \u2013 \u003Ca href=\u0022\/blog\/passwords-are-pass%C3%A9\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-computer-speaker\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Passwords are pass\u00e9\u003C\/a\u003E), push notifications, etc.\u003C\/li\u003E\n\u003Cli\u003Ereplaced \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Micrus-Assetic\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E custom Assetic setup\u003C\/a\u003E\nwith \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Webpack Encore\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Eupdated \u003Ca href=\u0022https:\/\/getbootstrap.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Bootstrap\u003C\/a\u003E from 3.0 to 4.4,\u003C\/li\u003E\n\u003Cli\u003Eadded more contrast to the design, filled the excess of white spaces with content, making filters and maps more prominent,\u003C\/li\u003E\n\u003Cli\u003Ereplaced Google Maps with Apple Maps, because of privacy concerns (see: \u003Ca href=\u0022\/blog\/ungoogling\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-computer-speaker\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Ungoogling\u003C\/a\u003E, \u003Ca href=\u0022\/blog\/log-out-for-privacy\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-computer-speaker\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Log out for privacy\u003C\/a\u003E) \u2013 the website is now officially Google-free,\u003C\/li\u003E\n\u003Cli\u003Eremoved a couple of unnecessary and unused features:\n\u003Cul\u003E\n\u003Cli\u003Ethe homepage (now the user is shown the map right away \u2013 after all, the map is the whole point of the project),\u003C\/li\u003E\n\u003Cli\u003Ethe \u201dgeographic\u201d links (there\u0027s no separate map of e.g. German nude beaches anymore, it got integrated into the main map),\u003C\/li\u003E\n\u003Cli\u003Eseparate events section (now they show up together with places on the same map),\u003C\/li\u003E\n\u003Cli\u003Eforum (it wasn\u0027t used at all),\u003C\/li\u003E\n\u003Cli\u003Eadmin panel (now the buttons for admins are just integrated across the website),\u003C\/li\u003E\n\u003C\/ul\u003E\u003C\/li\u003E\n\u003Cli\u003Eimproved filters (for instance added filtering by name and location),\u003C\/li\u003E\n\u003Cli\u003Ethe process of submission of new steps isn\u0027t split into steps anymore: place info, review and description are finally just one single form,\u003C\/li\u003E\n\u003Cli\u003Eincluded some more \u003Ca href=\u0022\/blog\/reducing-website-size-by-a-half-by-optimising-bootstrap-and-fontawesome\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-computer-speaker\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E optimisations\u003C\/a\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch3\u003EBefore:\u003C\/h3\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221147.3333333333\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAkCAYAAACe0YppAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAHV0lEQVRYhc2XS48dVxWFv30e9bhV97offsUPHJLYMpFQeCTioUiIARIC8Q9QxvwAxvyijBig8AMACSkSgQFECbZjE8duu93dt\/s+quqcvRlcu7svcRIYEFjDe+4+66y99llVJaO33jGe4tr5BlQBmPcZL8L+fGBSB6aLxJlRYNZl2jKwNxvokvJZEOBbX6nYvfuYT8KEunDsz9PxevjljSMcUAoUYUFdlBQxEooCQkGMYzYnkbObNXVTYghlFXDOkfpEVmXoMvN5QoJHRMgIQzYyjhheQg2cd8w7YzFAXTpCHR1RhNIZUYTK9ZRO8SKE4CkjxKyEFDk3aambipSUsozo0+44JxxN5yQVmrbicJ4YFGJ0eC+YCcmMo4WBgHMQNCXMe0wcMQZidIAS6aljoCodo5GnKozoFeeUGAQfBDGH5Yw4aNqI4YlVpBqXmK36rQqH88x8kYnFitQ7CG0ViSLUwVEXEINDEGJwBAacCYGI08TdO\/eQwmFOQQTnhGG+wATOn7\/I+YuXwDnEOfpB6QYjqeG8Y9IKApgZ3WCEN75+FTEFNQQYktL1inYLggePYqlHkzCuW3Zne5RtBCekviMGY9SM2dyY4KOQbNVaNaGMwsgLqsaQjT4pGXBBCOOREIoWyxnvQFXoFksWc8NpxovhJCPWYcNALYnaFdSbEwgR74Sh7wltg68qyEZWoxRBBLIaiBH8ahbMwDDCw7+\/y9a5S9R1RdOOGZ1pkLMtpg3Oe8Q5ADQNdMsF3d4MrOfwcErRjjEXERfJGGaKE0PciswwnBjmDGy1bqqYGaF99Ece38087iqIFW+8dp1z117FO4\/zHmTlmQuB5kxke\/sqyUcO+wFXNEy2zhG8QE6Qe7IqlpWcVwSalKxKSpmUMzkrqkbYyRcgwAvjEi\/Cw7u7HDz4A2V0mCnjjS2qUYvFiqKuaTY38KOW7XELVYE4sOUUm89Iy4F+gCyOrELKRt9nll3PvOvpE3TLnsNlTxhXBajiyThTvBna9XQDmDjSkz047Gm3ztKIEKf7jJxCXUBKoAnSQF7MyUNGTPDicQCaUVUKG5hs1PSDktqASUM4\/43vIRgOwTtwrIZiFXqQcYgviUWBRM8QPV1dEXyDxBFQQLUFocWp4syOffSqFKrkIdMte4wBCSsrRFWPs\/rLRJCVPADefvttbt68yfXr1ynL8lN\/7jOcHPNpNAE6zBHAR49SgHZoVnz0wCoJRYTCF8d7rSm+ffs2dV0jIgzDAEDbtmxsbABw50mHLQ9XbRfHnUXF+VoZ2RP6dMTt6S325fs09meyFSABZ\/s0Qfjqxktc2b56ovi0oo0L11ADzYlJvUREGI\/Hx+sfLUp25iXMYOQWdCbcXxa0aZ+MUriGIQl\/u1dy44UnhCIjElgk5db+h2vE7jTx7kyZLpXpbMHuYccwDMxms+d6FPNDdHGfnJR7R5dx6nl0UBBD4JXxfbz1CIZ0iWBGGYq1+jWPt5vVOaweYwZeF6SUGIaBolgVikAxPODegwfcvn+EazMXNpVFPOCv7z\/mR9\/5C\/WlMft7M6oYkRK8c5TBcZprrdVPZkpSw1uHt4EmQhnXmrI6WKzZvnyDOzt\/osqf0C4esHso\/PT1CVsjZaCkn2SqGDEyRSjYCqPTO5wmNrYat3pbkBFJofCrKV4sjo4VYzBwhpQXbG5O+OaVGU29wXsfHPHBrUNeeTFjAUo8osJ43FBJyUROa5TTxMKv330EcbTWkhUcL59bQlk9u0GEWLPZjrn1jx0uTHo+uJu5erGmCRX7yxnjdsK8uMbjTrk62sMV59Y9NjvJj99+6HgwnfG1C5Gdo0xwwnIwDpbKj1+t+e7NiFPl\/Y8e8YOXdykvZX7zu4ILL77Om9\/eQXzLO+99yJs3PHv5LI9mm4Dj4HDJa9sLxpMTLrFTzL\/4\/U94tPyEcdzA4UBglg5JOvDDiz\/j5y\/+ij4r89khk1IpYmDGGMQjopSy4PHU2K4zmKx8AcQ5vBPa5uRq\/s8ic21kP\/74Y7quY7lc\/lvFBwcHHB0d0XXdf0y8do+HYWBnZ4e6rqnr+guLp9Mp3ntUlStXrjxnKJ\/hJNePiU8PV1VViAgigqp+zkYrLKyin\/d4J9zf3WVjvIUnYZoJIRDC6Su07uh6gMyNIWWcDCy7h1y+dPFziTdroQ+CqZEWC\/aW9wEQEcwMM8M5h6oyGo3Y2to6IV6pWrXi8nZDCP64uO97gOc+IgE6qVEfMWcIhi8AdQTJ5LSKWe89ZVlSVdXzFK9a2kvFfIDgQJzHJ2Gr8Z+h12gKIQ1GcI6UFdWBUVkBDovhWECM8bjmGdeaxz4dUYZAzhlLRtO2mH06q59hUFgmqMUwgxDcsULv1w98wvP0bp8OkHuPjhBxGEJwSigqthuH+4Ih+2J8eqrXAmS5XGJmx978N\/H\/kVxfJsK\/\/vBkrtRRGDKoGe7px9coCtOl4p1QxdVTy8yoC0c3GKNS2JspmyPHwUKZ1I7pQinC6n29juse\/xPzaJzjyI4XIAAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-before-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221147.3333333333\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-map_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022911.20234604106\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAiCAYAAAA3WXuFAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAKPElEQVRYhcWYSYwk2VnHf++9eLFkZORamZWV1bX1NnTPdGMPHgwDshjbhznYt\/FyQliIAyfEhSPiAAIhS3O1sBC++MAiGYQBGazB7WHG46Vtpj0zraarl6qacm1dWVlZWZEZ6+OQldGT08NIRkh8Uii2F+998f\/+3\/\/7IgQv\/a0Bw5ULbZw8IUoyhBDkxrB9OGJ5rsR\/7ZzQbXiEUUZuDFpJjsOElVaJQZhwdJowijLAAIKJffDxfM1hoWZj0ojSuzv8QDV5rh3xw32HLAPxlX9dN\/x\/mTEgxOM9IIwxBmA4HOL7PkKID53jw+c3xfP\/22M5PXn55Ze5ceMGN2\/enFng5zn+vzCR57nJsow3dr5HmqcfOGipvEwq19jZvMfqyipHR0cIKdgTdc7pEVprtNaQDrl753t0a13ssuZOVGKQ12hmrzEOU3K3hZQ5ILFMD0FO2Qk4FyzRrrYJ3ABr+pZ\/9tYfE+cxLbdFmIZIIUnzlH58xJcu\/g7X5lYR1QV2x4JUV5BCMBjB3dRFjMBgUFlC4Odsm0OssQVpzJjn6ZnzGFfi8TNMHqGJSI0EkzKKQx4ND2hVW5OwGWNMkiREUfQ\/wygEr\/dcHg7PzpnkjStSmnKXvaxNho00EaV8i0w6+OYeg2yRYb7Mj974N168muDWNRN8IBMuIg8RgFKSFy59Gt\/2JxwC2NjYYGdn58Pji0Fg4GwfG4Gb3scyIWmSEaWKhz2Na0mS1JDKOSr2kJeeFWhlMCafzDE2OFGMpTSOtmm6ZdRZLskpKR3HodlsEkURxhiiKCJJEvI8Lxwy082AIiPr3+L12xbf+s4PUJZgNBpRcSTZ6SP+6K92cU2fitpD2eBVHFxbo5VElxWlqoWjBLYlEdLFmIlHBUL1ep3BYEC\/38cYQ7\/f5\/j4GCEESqlZjwAr6TOvdjl\/ZYWdg33+5l\/e4Ctf+2vc01scHW\/zhV82LIv7tPM9atUyyTgnH+W4UuM5GqUknmvhWhpfKaRglkPD4ZDxeIwQAtu2CcOQRqOB53lEUcSrB5qN4XvDN8nIYX+Tk\/4jRonHx1sP2AsNJ72IjzxVxVEujZrHOIkZpGMkEqkhyzKUkATao6JrBOmIoP0Mti5NsmxK3CzLsCyrEKs8z98nlO\/RHyao7R0LWp7kWvNndNo1alHMK4cZcZhya3\/A+UYPO9DM1SqkYUoaCeo1HyuXeMrBNxkCiRLvC1mWZURRhOM4jEYj6vU6juPMsto8ua0tLXN\/O6TmCsJwzHd\/sk8y2OOffnzI85crLDWaqFzQ2xkgKVOpdRmk58hEAIBWkhE1onyCjcjz3KRpysHBwaSo5jmWZeH7\/uPwTNP+ZFahk3iE45Qop\/d45Y23+eQVh+MQYuGydeRyuXnIvKeplgV1v8Sd7CqJsTAI6vltOu6IxaCN5V1EapuqDdY0JH\/62pjVquTWXoLnOmgrA2AhUPzer5YRWY6XDEhlidSyGQ5POd78Dl98tkGcG15PEgb+b2DVJX7cZ7l2yK74GO88\/D5X5zOSxGJUrmCiI6Tlssd1dt7+ZwbthGqrwkp3ESHkY1J\/8819qrZhP8yRUpLnBstSNMouH19yGKSKcRSTIzFCEA+PMeNjmvUySkl6eY3+yKBFSmoUmghLwv5RyHxNU3ZsBichUkqyPAch0MJgpCJNM66sdbEt9ZjUr26MWQoEt3Zjrnc0n7vqUCq52LYNwPHOQ3q9XhGuKbL9Xg\/Lsrh1HPHNH+9jhCDJEvLoBOHXEHnM+NEGX\/rMr\/GNnzzC0RIJ5MZQVQlbWxscPPhP\/u7Lv8\/KuQWsqTB+YtWlahu6FYuWL3EcZ1Iw38vps7F7e3vEcczi4iJSTvKi4oxYqR5ja9i9\/X0qRw\/o2x7x0R6+yUj6Fxndf4vTLEXkCV60xfqdVxkNDoiiiDz9XYwxjxG6cX\/EUkXw5m7CRxZsfrHrPYHG1Hq9HmmaMjc3h+dNxtXSIy6YbdoqYd0N+ewXPsMIg9EOqRG8ud3j4fpbeK6DFQ+oRBt0Sy5edZGNvR7irKMsSP0rKx7zZYv5akonUBhjJgI2VemzbAO4dOkSxhi01sU1bcaINKR\/Injwztts1EvsnPSwGw1c10boJbz0Xdr4LLUdnj73NCtzDq5tEeY5jWoZIcRjhH60GbJYEdw+SLk2b3OxrKjVaoUztVrtiRBOTUpJHJTQIkIITbVkUav5NJ0rZLYiSVMuttZwP\/8p5so27WpApewjBQyjhDDKEGoyd8Gh55Y8WmWL+WpOJ1B4nij4AVAulwvE4jim3W4XwmmMIQxDglqTLMu4ePU6aZrieR7NZrO43+0u4LouxhhardYMHaZFvEDoh++OWPAN7xxkXJvXXCjbBT9gouTTRdrt9hMo5XlOkiS4rkur1SpCPH1hYwxpmhLHMfPz80VZen87XHDo2aUyLV\/SmZN0A0WjYc8sqJTC8zy01gyHQ9I0LUJqjEEpheu6SCkZDodkWUYQBAXK0+cBTk9PybIM3\/exrAIThBCPhfEP\/\/EBnZLhkCqC4quEli\/5rY\/6hGHIaDT6QA4JIdhJA27tnGKEnEws5NkmQMDHqiHrm7sYk2NMjq01JU6YC1xsrVi99AyeV3rMoafP1egEiodHCVKIIraBPalvh4eHM8I4dWT69jfHHf7+p4dIZSGUQkoLpSyEmjg2ctb5+j+8QtOOef7pJa4v19CBz96jEcKSLK09Ncuh25sH9APJ+mGKpRRpmgAwH2heWJmfQeTu3btEUcTly5cLYqe9bSr5GE8KcuEglY2yNEIKtF3iUkPx4gU4322zutql5JfZf7BFLAzKUU9y6MryHJ3AwgsSrPdoT8URuK4745DWeiYDARrhOvNv36BWdjkYhJzoKn1jc5rZ7MceL33+Os\/9wjK+X0IoTZIktJfbJKfHnIwzzBnJC4TubPc5dFK2RzaVSsCFhsVnn5p1ZGpra2tPXOu2GlxcW8SSku6CwrY1CIlSkjg1CG3x0\/sndM9liHc3uXxhif7RAbpUI8oUytKzITu\/UKMbWLj9yU+Dsp6k8hSJTqdDo9EouFN8+kqJZVmMR8ucWz5PlmWUPBel7cknjpTkxuCVSgSrV0kqFc6Pe2RpzLKtSTKDcnzss9AXpL5mbREfxzyDodPpABCGPuVyGZg4NxgM8DyvaN7yPKdUKmHbNlJKBidDyn5AEARUq9UZBE9PT+noISoe4gX1gjP+mVRIqWY59Ac323x0weLfH8RIAc8v2fzJp2e7xiRJqNfrSClJkoRGo1F0mVk2+Y0z5Ve\/36dSqRS1cCqMWmuUmizu+35RjqZCWejQ5uYmxpiz5mzSxsZxjOu6NJvNGdV+v31QR\/DzjhFnUlOE7De\/ZfFLC5pv34+QwuLXl22+\/OJc8cBXv\/rnfPc\/buBosC2P2qVPcO76JxGlOr4n6ZRavHYvha0bqEqHNFjBCA+T5QgSfvuFEre3HvDtb3ydrfV7jEchUTjGKwckccTX\/uIvac81+W9xS9XYCGf+5QAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-before-map_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022911.20234604106\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-place_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022892.66666666667\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAhCAYAAACxzQkrAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGuklEQVRYhcWXzW8kRxnGf1XVXf1p99je9Ud2vcN6DVlyixBhySESUoT4CBJCyoED\/wo3rvwDHEGIC0TLJUIILkEkaCOtILkgJ2SD7azxLuuZnfH09EdVcZiZ9jjucRaB4D1VV1XX+9TzPu\/7dovdH7zpaLEk1axEHtY5nHMUpaWsLUoJitISh4q8MCwnPr1BSVHZtmMmZ4WKG1d8Tg6fMNY+pdOMyla3iNqY9pX\/olljGY1GVFVJUTmi0CPLsta9npKydeHjBx+xt7dHkiQURYH2NcudDkrA8198AYQABwgQwNPBAFOXaM9DCEFtDNY6lJIIAcI5JJY08oiiiInf6QHQjL35h3nbe\/8+P\/7RDxkWOVIofOWRRjFOSEqh+e7r3+eVV19j47nnCLXkT+\/eZyVboixzYl\/ymzd+SlFbfKWQwmFqg\/A0X33lVbq7L7Bz6\/Of8jkZe87NInY+cuOiREu4spxhgaUwZDQuKKucyuT8+mc\/4fd3f8Gdr32br3\/rO\/z8l3f53R\/eJohDvvnSLrc3M\/LeECUdRWVJN9cYHPe5+8aveO17ATd3dttD1joLZEshuzvXkELhjGVYOE5sQGd1iTs765wOTxn0h\/z5j78lFAXWGKhrqrLi4aM+z69nDCufK8seSegQIsQGI059i7fQ6yWAkjihsDWJtJgqZyWKSdZ3SLRio6Ppax9fB4SRJE1KcGBqi6hqnvRH5EXJSf8xV9MrBErhjU8Zjka8\/JUX2dq6vhBQu6IBgcUXCs8T5E6TO82gd4xWlqN\/jjh8eMTYWPxklRfvfAPPd1hjMWXFRwdPeOeDQ97+8CF\/fzKgso7KwGhccv+vn1CP68UMCSFaF\/KixJiCcCnmS7du44TEBhm3dm\/R6XTwg4CydtTG4emYauxwtaVyDmMK3vnLAb7WlKWll9dspQFxGPDll15meXWFRX6Fc861ZdnB3nscfvAea+tbJNkatTFo7VNVNUJIrIOyqhkXJWGc8ta773P4yUNGozEIiZAChKDTieleXSZbSgBBECXs3PoC2zc+R5vfKaCL9vjxY5xzKKXwPA9rLVEUIaWc1Jm65ujoqJl3zhHHMWma4s2p9q2jN7EYpFFcL28DsLq6urgwnn88Q5ymKXU9ifXMqVKKoiio6xrf9wnDEKUUWmuqqsL3ffI8RwhBmqYAXI22AJBOkerJnNa6lR0AYa1tZchaS7\/fxxiDlJIkSZBS8qR4RGgm4ziOUUoBcHp6inMOL0gwduJOSXAOYt2ulzZbmGXNBimx1jIYDAAYuJNmrqoqZhE3xgAQ+oIkEKSBIPLFvwUGLskyACEEQgjkfL+bMu15Ht60bwkBWbY8WWjpT89ubnFhBHDOYa3FOYcQAmstsxajtcb3\/eagBw8+JooijDHEcUyn02nAWGu5d+9ec8lut8vGxkYbBZ+tIa01URQ1bB33\/kEgQqSUaK0JggCAp8cnJOMR1fpas9c516znp0OsF5MEsrlgm13KkBACYwz9fp8syxBCEKmYsiwJgoC6rhuHhYLBwQG1qxswzjnW1tammnOIasSwosnAVkAToLPYn1EHMB6PEULgeV5Tf4IgmKbtJGyzmwa+wux0UVN2tdasrKw0WSjEJONmYCfvXdSYdzZxkcIwDBtNjEYjlFKUZdmwNwMGE70ZYxqAVVVxfHzcaG0+RGmaTp8v+vQWFGqcc5RlSV3XaK3RWiOlbKryvE4ATkePuOoC5MZW876UsmGo1ztBxxmxlk0422yhhpxz5HlOp9PBGENRFE0Lmd8ThiG+7zP2LId7H0JVN2zMhJ+mKVoHmOKUSoRz2XnRLs2yXq83Qe15TV+DibaiKCJJkmZ\/nufU9RmYWUJIKRs2hBBNC1pkCxmaAVJKUdc1Ukq63S482Ce8ce1cA53tn\/W+5rZTULPQzreahYAW1QMpJWtra01hXF1dRQjB39bHXG+pI0EQNM7m68xsPM\/wDOyCLLucoZWVFZxz9Ho94jimexxib1w8bH9\/nziOEUKQZRlhGM6d5tjfP+Dw8BDnHDdv3mRzc5O2FjP3G8Q5B1JKOp1Ow1CWZSilGoY+fbNy9JT0yg1qCxWS8NyqYHt7m+3tRd\/Sc37PJi6Gbpa61lqGwyEA3Yd6ju4zu7bd5eqSYnNZkQaLGmq7nzmPi+vQTAOzNJ\/VH5ScguUcqHS5M33v7DKXW\/v6Z34PwSR8RVE8y9b\/2BbWof+XPRND\/0u79PMjryY\/eIEnOC0tnhRIAZEvGBQWKQShLyhrh3WT+XHl0B4UNWgPajNRS+gJhoUliyTyEl3\/C8C8KrFX1sBMAAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-before-place_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022892.66666666667\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-submit_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022811.96261682243\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEl0lEQVRYhcWX328bRRDHP7M\/7nx3dpxcQvqLEl6QSiMEVXkAiWfUf4A\/EvVv4AkhJFSJhyIkhITatClJXSexfbbPd7e3PASntnFcpyrqV1p5bzw7Ozvfnbk54buH3lrFnY9SfFFQOo8SOO7l7LRCXg0KtAKjFN2s4MZmg9NhwXYroKhqTrOSUeGYhwdk5hcaVmG14sF+ix9+7bDtctgwdKqYs3F9sVIe\/nzgeR+Y7irzYqnr2jvnOD4+Znd3FxFBRFBKISKUZYkxBhHB+3Mrq+YA3vsL+axsHR3x3vt+v8\/jx48JggCtNVEUMR6PMcaQZRmtVov9\/f3\/JVDTAMxFyHvP4eEhVVURRRFlWRLHMcPhkCRJGI1GaK1pt9vv3CFrLdbaeYdmw77ovfeePM8ZDAZ47\/HeX1A7qzOdwzug7E2ncG4xi9aH9x5jzFL5okMAZg1\/KMuSsixJkuTKDi1Gfxkbs8\/mMqVZ+WKWXQXT9aucmqXMzN6Fy05YFAX9fp80TZeGfxXeZH9RV+q6XusOVVV1EamrQil1qQOLUb+41KsoexuqpvDeo7VeO8su4r+KslfZhIPjE7bSlDAIAMjzHmQnNBoBYRIwqps4L4S+R1kUTJQiDmJiq0njzbUpWyvLJhLQsjW2HOKKjMlkQl8cTZkwqmvq0iOq5slZQlIXDL3leNzl\/o7DO8tWtLqgzmXZYuFa9Nh7T+WFH0fXaeZjsjrEo9B1Rlr+yUhtEelD+u4GIzZo5keEdGhEjt9f1uylH3M7vbWUstl9pjI1K1wcs8oAafUHsXRxVU3uIvrRfVS4g\/I9arPNhj0hsROsTNDiESVQzNtfBRFBTS\/tqiFAgy5no4ry4De0UVirUcUAycf0zTcYFdCoTkhcDxtqtAhaBDHLbS5SNh1qMQqLHgP4umJ7\/Igiuc3eJ5pE9zDDF7R5zlb0lNNnv\/Dh5CeuhR3Cdkg5dIRiCbShEdn5t\/mSSM3K1iqMohSv4q8wUjKaJARVlw15QkhB3in47FZCGiXYQJMVOVUaE2jDtjY0g9ZK+4t7rZVlHsXYt7FMCM0uH8gzbKwpS0vrZszZUUZnXFBUjrAdsBlH9E9yTDMkEPPGOnbld9kUzgc0VI4ucora8fywwzAbEkURn+7toYAXgxMaI02zfQMTJTiSS1uU2X2mMjVL2aosU97hvSerUhqJxaCJWze5e\/ceJv2S7qjPcDwhDZsk7TaPizsQ3qSWZM7+KqxNGa7i1vgR14Ix1gYcv3Q8j77GJY7h4JQNNaBnvsBMfmd8NuKk3MaGBd2zLhvt6\/jm+pSt1TFmwyFHR0e0Wglawbi2OAxWHKVXqDpnp91+\/eEjCiXn9pTWBDZ4tx3j4mlEhIPsKQ\/\/+h7va2rvEYHP03t8e\/vBpd3gMjtv1TEug1WWzWAT4fVda9rmym5w1SGnWIuyq8ynG7xtk79WYVzm4Ox\/6xa9dXTEOfd+PqUvgZnWB+89z3oVkRE2I30x1+o8cwItJFbRGTqUAi2wHWs6Q4f3oBXsJJq\/B46df+WRFWIrnI5rNhvna3cSTTap0UrYSfR\/KPsHj\/b+fF+Z7QQAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-before-submit_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022811.96261682243\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EAfter:\u003C\/h3\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-after-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022784.8\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAdCAYAAADCdc79AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAJQElEQVRYha2Wy49l11XGf2vvfc499123ul7u6lbb3XI3dkIejgMTgnhaiaIQQbCiCGWUDBghZkiREEiI\/4ARAgYMQEIMkFAiGGBkWRkgO2AIsR0nbne7u+3uqlv3UfdxHvuxGNzqcrdRhBSxdAZ7n3O0z3e+9a1vLWn\/9t8pqoCCAiRQBY2QEmhk397iqa332GtX\/MedNtF7fufzn+Erv\/prfPNP\/ozxdI51GVtdYdBpc++kJgSPiFAUlk\/uTMAI9yvDblHhWi0yo6AJ5xzedti9eIX56QQnKAg8eTiiTaRuAs4K3nsW65rj2YphZ8214YJX7wzRGIi+4R9ffp2qVsbT+eYHUmIyT0xOPc7luFYLEbg8LBHTcNy0SepY+xyThH4WSOJZRk8mJfdujRERbPbMi3887GREH1hVntpHah+pmoBBiTGS6Zhr28cUboHQZr6KrMuGH9y8i6pirCVpAiDLC1JKXBx6yuhwLiOII0bhuU\/8Am3\/HmIrcmtQEYwRYowYqxiTcKDYas1xNDgDAvgQ+NSe560TR+MjzghlA9084\/KoZrLOWSwqNCWMsagqKUbEGGLwtAvDi1\/6MkV7lw\/GE0adivsnU+7813eASNFzGHUk8WTiiE5pq9JIwqDKSbQAhKj4mADh9QeWyicSgjEBZx0xKiGW9Npxw0RMRO8J3qO6Wfu6whjDm7fucbi\/x9XhKVcPD2lOvk+rSNhcyFWx0lAYQ4dEF8GqYhCMAnlmORh16HdaIBbrHPvbA3ZGfbAtILGqT5nVgbcmu7QLg8tzsrxFigmNCRFBUyKGwHy24u77U6bjN\/n+f79EUWxxYWtISpFQJaZVi7XmOIRZpRhVMpORNw7Xy5VRzxBCQ9cp\/YEwXVQ8ODo9q7RIliuFgdurAbGpuDWJ2Ayacg0iiDUgBjEGDYHnnn0G\/APqxlCap3n5tVcY9D\/G1tZ9fnRvyY+P2uz2a65fqLi72Od6f0lAqE2Ja2fCfFlR1QE9E\/HhdhvtGtDIeLpENXL7aIej44ayqkAVMQZUADDGYI0hpoSqsjUc8OvP\/wyv3Zzw7e++SbsNl\/ZGtLOczMFn9sfU6shKpVqvGc8ajE2oBmTrt\/5KU1IEQBOQGLQd3geMJDQE+rzLevwOMQRENlUuAiIGm2eIMaQQid5jncMYw8\/d6LFjS3ot5T\/vW945AWMEa2C3Ay9cKqmSUpJRWEg+sPaKG3Uc2\/0Ws2VFWXvWVaST57giI4XA8XTNaRUxMYAoqgZQVIWiPwBjaVYLNEUg8Zuff4HV9DaHzdvknRaaAi88mbh5wTGyJe+vLJmxWISOE07WijhlZ9CniAZXVRUzDRS5RSMEo7Ss4owiRsiMnmlEIJ05OputXy8JIbKJhDGGV777Er\/xNAwKyyoGrAjWWA6yipZEyBsehC4zU+DXS5rQ5v2Z5yi0ODwY4aJvsIXQySy+DmhoGE88aCSEQIqeJ7fbPPvsx\/ngeEIV5FxDm1SFDR4BYy0fP2zT7dVkuWXfghHwCYq+YjUwSMpll\/PGvMUzFxtIysky8tZyxFHdwrUzxWggeDBEMpPo5BYUFo2H5Pnln3+eb33jC3w0jBE6rY0x\/n+EiOCqssRqxla7w8lqjW8aeoMegkGiYblKzBYVv\/cXrwMw7OaEmFhVgSt7Xf7wxRs03m8oQum02z81IAWck0AKidUKRD1WA6enC1KKrNcVKQaGHcOf\/u6nN9\/8SMyTgnXn+7LxPzWgljG40FR4VUZdy3KxxIhSdLtoAlMYUjCoJm5O5\/gQEBFiilhrP5xYHkmZiJyn8OHaGIOqoijDbvcnAtrKM1xhFWcNViP9QmiaAKnBCczXK5qmQVLgswc7\/+cfNj79xGdiBGsEHxJyxvSj0hMBZwTXVGskd5RlwtclwQeMbowxxRojkRga5qenlOs11lqquuZgf588z89ZePXNI\/7gz39AAhQlycbIRQQRuHGpxwvP7\/E3r9yhyCwPlhFBsShOI5My8MVP7eJSqOh0e3RzocmFWVVzukikFCkywfuEFaVotdCUQITMGVLaNNSHkbUMB9d6iLEElPjev5MOblCvZizff4vyXqDzua8zGGbkzjEYJIyALj7gzg9fg7tvs86exNUR7i88ad6AKskHdgYtVMGIoi4jes\/p6QIfPP1+H+My2h+ppkxLLsXb7AwLbCz58d2XeKJ4hxAhf6LF\/sETnNy5yxsv\/yuSArEp2Qs3WYzfpmxKyqpmdW0H52mxNdglRsUYmN5fIxrQGDg6mZFSBI0Mh4PHAFRV9dg+J7LLKd35McuTu1w\/PODLX\/gVfnjrFq7doTPY5o0HM6bjm\/SKHCPKMsBTl6+y2\/ZUIfHU4QFOZ+8ynb3Lw0HfoJTFkBQjvbYjJcFZOROhfqjARyrJOYclUKQJmC7Tkzk6G\/PqP\/0z826HLM\/Z3a\/IucCuO+Fip8fVnYIbh1c4GOVYa2mScnD9WZzE5qw76dmltJyQdwqOxxPquiF4z3K1YjabgYLERDRQtApGoy1arRaaPC5NyFNFO4s8qNa4VkZLoaxr5qcz9i4dcGV\/RWFKyLfYGh7QarfxCW7fm3CruoXT9NDIzk0FTYGm8gy6LY7WS1IKeO9RVfb39lCEQb\/3WMouX7nGV77++8SUzntdjJFBv0+\/3yfGiKrys5\/4NHmWoygXtrdx7kNTjTHiSP6MfT0Htjidb9JnhCJ3ZNawv7fH3u7ueZk\/2r8erjudDnVdk7kMKWvsVp9Op\/NYNfZ7PVJSkhqq2Sn5oLdh+OwMRwrnQOQsZVv9NqqK957JckntA3\/9L+88xog+BKJgRfjaL11hOp1RliU7uzt0RwOKouCjMR6foKrs7Fygs7W1cfxH4hFAGzCbLyVC2Ogmc4Z11fD33ztCkE0\/eyhq3dBsUb76i5fZ29t97PBHK\/FhCzk8vHh+r2max94XEZxqfNzDgePxCTFFjAgxJpwVruzmHAwsV0cZP5p42haGLYOTRGGFO9OGv\/y3B9TKZuA\/G\/pFDCLCpYHjs9vCd177gLqJlHWkqRp81RB8QEPgc588wKH\/u\/9cGA0Q4PhkCii5hS9ezzBmM2IcHDoysxm8Fqs13\/6Hv+X603\/E9+4uMMYg1iHGYq3FiEWsIybhuUHEhzV1UlYxsPaesvb4OpBqz3xd8z8wvSjf7jlH7gAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-after-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022784.8\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-after-place_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022647.34864300626\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAYCAYAAACSuF9OAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAHIklEQVRIibWVS6slVxXHf\/tRj3Oq6jzu+9Hv0OkkEgQHcSLJwDgWjAMRR4ofQZwKfgU\/giMdiBMRHCQoSETQxkQx706nO7dvbvc9fZ51qmrvvRzUubfP7VbBgYsqqgr247f\/\/7VWqeyNX4jWgUhrRAIKIXiPdw3BN1w6\/iXF9APyvIcKnk5\/k29994fcvPUCj47usnf5CtdvvkCUpGiliCMwRvGDH\/2YD+58xMsDTe0atjeG5HmXuiyJjebeaMpB0cFYzZ2jE3pbhxSRwoLQTVN2+gkqOIwWvPPMyiUnpw2DtEOfnNFsjNLQPGr4+c9+ShwnmChiXjvy3oDvfO\/7vPLq62zv7GANhCBEcYpkXTpNydbGJgbPZDRC5z2aZck0tgzijMP9fe4fHzM82MHEL377J10aRouayaLi8bSirhuWVUPjHN3xOwz8iGEvx3lF0Y3Z7PUIwVPXFbVrCN7x\/u0\/8dZvfsXDk4fsHVzhzbffZr6sGFVQGcP9k4ccFinLquKL0YSmqrlxuEPlBI8i0bCzv4uFwKQRggRY3U0dkOAgeHaGBVt6A\/GO\/d0dHo0mNKLwcUYUZzy\/NWD8eISRVpU\/v\/lbbv\/+dzyI+tTGkhYFC2cIIaKfdZnMpmgFl3c36eYF09MxD05G9LsWaRqsUcKXrgyoGk9sQSOUVYN3DZPpnH6Vcn2wQXCB4Dwqs3QGO3wyaVDAlY0u2y89x7JqmC8qptMpWRy4e69CaUM5m5FkGcZGPJ4tyPOctL9DXE84GU+ZLxY8OD6md+0AgmC997zz8UMEIbEKhVBXNcE3qODwiecvH91lK0vxixIksLu9xV6\/y8H2JptJjdLCu+9\/TF3XPHz4iBuXcrzvUTmwkcXNF+giZyGaUVnz4ecf8fXnD8iTgn98eJe8mxAnKSeLJZbg6FNS2i4EjyJgcMRWqCpHbBX7O5t0Y808SWmIuD+aU+mKqkj5+4Mx20WCtYqr125yeOkSr772Gp\/9+i2q08cgEIJHe89fT2rGszmxaGzc4XQ6pmlqOpHm+q1bzMZzbJEotM25HC35dCTUroEQcOJQwXE6mdJP5yTGcuv5F6nKOdN5DdmAW7dusre7Q5bnRFFK5QM+CD6Adw0iggJiG1EvK1xTowR0mrKsK7I0YjDo0ywXOOdxErBagbWG+zNLExwoizIBjSZ4jenso7eucu16H5sUPHewh0I4On3MYH+fxkZ8djxiUh6RCgwPrvDJxx\/gfEBCwDtHU5XYJEUrCwowKbenUDdLbuzt4RdT3GxKPryMHdeGIskYbPWRWcOy9mSpZauXcOd4xvZVw+begEfjd9lMFfc+f4B3jjyJee+9f\/LJ3SNevrHL7e41Xpp\/xod\/vEOnN+Tq4QFJZ9xWrxJAE6cJadYl6XSpmoqujTjVMZv729xvBLvwWHzDYlFisXQ0JIlgVMODhyU4xzdf\/ypvfOMrANR1TRRFKKX4f4VFPHGkUUoxmteICIMsIo00ywqUAmMMSik+PzqiLEu00gw3hmxubNA4x3QyJU0TtNakaYpIO+9\/CaUUIoJVk09ZTmApAhJQEhiLbysuOJCb55OybpfIRtjIopUG4HE1YTQfsRH65HkOgABNveR4dMLOxiFpbBCRCxsDlGWJ9\/58XquQW6KgHbQCkhUQ4truvQpjLGnagnS73XYBaymKgsSm1HWrcJp2cMryt7Hjy+4IozUiIAi9ogAUgqCVxlr7lGVu2b6JAE9+H4iH4NrnU9IqpZjPF8RxTBBBRNBKkff7iAgikBrN1\/Y2UbTeaa0IIawUFLqdzjMwLZBfImtAsgKS4FHiLyg0mU6IrCXtdIiidrGmrjk+\/gIzVIQgFEXeQobA6ekpaZIQgqB0iya0lT+ZTDBas729fQHMiqtWAgqIrCwLLUwIF4BaudtoGkdVVfRsxtR0sJEFBO89WhtEa\/q9Pskq2VnlzdnZtW5z6emKtfglSOtqa1ULxfq9iulsRpZlbAyH54m5XC7Z399HJGCMwRizqjJFr1esQTy7+VkKXABSrnqCfQaFrFQKK5HbKIoC1zSMRiOyLCOKIhJV4l1JMAXeX8w37wNRHKH\/Qw9wzq0U1WuW+ercW0RQhPOKewLYxmQywXtPr+ixWJTAgiTpUAlEa2OKokfpHH+4c49Xdjex1qDgPMfOVBGR80Rfs6xe+5Q1pQQhXPBeKYVC4b3DmLZk47IC50mHw\/MeIwKxUjyXWhbz+QWA2XxGka+glCLPsqeAgluzRVb7rynEkxNkWYZ3Dq01\/X4fgJGd0NSK9Ck7lFKktu3wZz1HRCjynM6q5Neb5BpQs5YlsrpWXZWLg402YCFaK1OR8MyiZ3EGISKIDmitmc8XTKdTjLVk3S7GGDqdzhrQqvGdLalk\/UsuWDadTgEhiFAul3TSlN54yXxZQm\/rfFwQwRjDwcH+vwX9b\/EvDlDrxomykUsAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-after-place_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022647.34864300626\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-after-submit_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221381.6666666667\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAkCAYAAAB8DZEQAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGMklEQVRIiZWXu49cSRXGf6eq7qMf0z0z3Z6xkb32yAgk2AC0EhEkCBGw\/wABCcEGkBOQEbMBfwQiQUggLQsRiIAACRAIFrRazzK2sfFjPJ5H337ce6vqENx+zcyOMSepUt17zrnnq\/N9p1s+861f6UYnIbNKCIHJZMbebsIvfvgNyqqiKAo0KoPBNiKCiKCqrNviTEQA5ntQBRFwViB6z6RWhIAzisYIgDGGfq+PtWbpfDHB4vz4+ARjhH6\/T1EUdLvdeXJwiXjKWhAUiTVWK4QmqAAxRpyzlwJfMgHvAzFGQojLqgCcSywmRkBRIHoQVpWohv+dAGi3WlhrMcaQt\/LzSYpJTTt3TGYRK2DFEeeVTEPk4en4nMNFmID5c8UYQ+qS5mE14Va3hRVwvhxzVipooI4BjTVxuwvAg8dnvPf7fW7fuMbL0wlv3k7YaJv5ZTpSB6mrELHMakdiA8YqQYXEWujcRIzDqZ80X6QBjR6NFbFu7uD54WMOPvo1b7\/1TX7w3s\/46ckRuVMePpuSZhlfuDlCsjHEFCFhO59QmJq2zem2+nzvO+\/S29jExfUkwaOhIvp8Dkfkb\/uH\/OT93\/DhwSOsdRgR8laLYbfCaMHpKGW7HXH2jDOvRKNM4xSrngZlxYRqTKzGhHJMqMaEaoL6GQCJE06KKT\/\/3R8B8L4mKux0J8xCyle\/9m3yGGhnNc4anDGk4omxZBqUoAoILpbFGlyBGGuC7wCQOc9g0\/H8cEYdakARhCSDT7ee848\/\/5hrmzNMsKSpgEYSSRipYEOFzCnlfFUAETSiMaChRn0PgHFpGY0FjQ2DEWE2meBnQm09D54KW1nk3umQuzsFRje4lo\/p+AoFrGmUwMVqBKqoxlU1dQNXXdWcHR8jxpHmGaH2ILDbU6azHg9OHZndYG9zwo4oxz4gXogTyxtv3GLR+C5W43m\/xyZRDGgoAdgdbvH1L38JbIr3FaGu6bQzvnKnJksto1IoS0+Ihp1O4OUMNnLD2Fe0sj7GOkQEF+tJw3XVBjINaKgA+Nzd2\/zo+9+l1WqtCBgj\/zq4T97KGQ4GZFkGwLNnzwDo9Xrn31fFRT9dsVcjqBKjBxpZsdadE8Woig8eYwxFMSbPm3ZvVsE5d0kh3Bc\/v9dUwUK94LN3by2TpKk5J+HGGIaDIS5xpGm6lPiiGtHL+1R1TVVVdDqdpeRIjPGydl+wJocspf7Rw306GwNarRZJkpIkjuLFEbbTJkkSRARr7fID3PrAWQ0e5fzYaM4W1tvcxVpDlmUY04jpSTmD2QxjDVma0ev1liNCVNcrOY\/lvZP7\/PLBbxvoxBA18tbwTW5OuvS2dhAxdLod8ixlNGrUOkkT0iRZQgWs4HrVWL1oDw4f0U+65K0WeZYhIhzs\/5PBzs0lTKrQ7Tb34haOV43VT7Jtn2C72bJuVWWwewuNSpZlWHt+krpVuy0CfvKAWliMkSfFIV0NdLvN3MnznNOjJ+zcuINz7pLPa3XXRTs5ekl\/e+scH46LUxIsnU7nMk8W7fl61mD9+OlTRtMJ\/X6fVp6TpgnxbER27fqy2xpkmrgGVtg36\/r+\/L0stu12m1ae4+Y\/HECYpUJZlRRFQVVVLHgF4BaOq6C8MhHAcDhARBqJ8R5rLZvkuKRp3\/WuVFXMspeX6\/p+ta7jfG\/\/Yw5fvMCYhpAiwlFxRF3VhBAu+ZqLBwt2rydd2OLs+u4u21tbhBCo6xqArcGnCDFgjLn8kf8vGa86+\/f9j9i5cYc0TS69t2iF1ybjVWfZ1jZlWVLX\/tJ7ay28arl159dlkStK0mEf69zSx8j8jl9Fxo\/\/M+b9Pzy5MnDqDJWPVz5\/5+09WplFdFnXqpIPDk55590\/kTqhkxtCCIzGJVYCiXhORwXqZyTGkxnPyckxdVnQyZTMRE5OXjKbFkRfoRobgVz9aWm6ygfl5agidXA2aeZ6DJ6qLHHimU1n1PUUG0sIU6bFGcGPub43pN+xOKn56+PHRF+CRtx5Eq6xXiOqQuoMMQhRBPWQpRYnjnJmKacRa+b3qYqzhjRx\/P3Dg1VA9KrJCGgkeBhPAmigqio0VFRljdGKuq6pqppYT5tfOBr4ywf7RD8jxsD6JP0v8DmijnnKJUoAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/naked-after-submit_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221381.6666666667\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["bootstrap","colour","design","redesign","refactoring","naked","naked adventure","naturism","webdevelopment","website","font","symfony","javascript","booster"],"hasMore":true,"image":"https:\/\/avris.it\/image\/naked-revamp_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-revamp_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-revamp_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022161.70744403956\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/naked-adventure-de.lite\u0022\u003E Naked Adventure\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well. (screenshots before \u0026amp; after at the bottom)\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-revamp_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-revamp_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022161.70744403956\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/naked-adventure-de.lite\u0022\u003E Naked Adventure\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well. (screenshots before \u0026amp; after at the bottom)\u003C\/p\u003E\n\u003Cp\u003EHere\u0027s an overview of what I did:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003Ereplaced my abandoned framework \u003Ca href=\u0022\/projects\/micrus-v4.lite\u0022\u003E Micrus v4 \u2022 Beauty of simplicity\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Symfony 5\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Ebased the project on \u003Ca href=\u0022\/projects\/avris-booster-quick-start-of-new-projects.lite\u0022\u003E Avris Booster: Quick start of new projects\u003C\/a\u003E, to take advantage of built-in features:\nuser management (including a passwordless approach to authentication \u2013 \u003Ca href=\u0022\/blog\/passwords-are-pass%C3%A9.lite\u0022\u003E Passwords are pass\u00e9\u003C\/a\u003E), push notifications, etc.\u003C\/li\u003E\n\u003Cli\u003Ereplaced \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Micrus-Assetic\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E custom Assetic setup\u003C\/a\u003E\nwith \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Webpack Encore\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Eupdated \u003Ca href=\u0022https:\/\/getbootstrap.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Bootstrap\u003C\/a\u003E from 3.0 to 4.4,\u003C\/li\u003E\n\u003Cli\u003Eadded more contrast to the design, filled the excess of white spaces with content, making filters and maps more prominent,\u003C\/li\u003E\n\u003Cli\u003Ereplaced Google Maps with Apple Maps, because of privacy concerns (see: \u003Ca href=\u0022\/blog\/ungoogling.lite\u0022\u003E Ungoogling\u003C\/a\u003E, \u003Ca href=\u0022\/blog\/log-out-for-privacy.lite\u0022\u003E Log out for privacy\u003C\/a\u003E) \u2013 the website is now officially Google-free,\u003C\/li\u003E\n\u003Cli\u003Eremoved a couple of unnecessary and unused features:\n\u003Cul\u003E\n\u003Cli\u003Ethe homepage (now the user is shown the map right away \u2013 after all, the map is the whole point of the project),\u003C\/li\u003E\n\u003Cli\u003Ethe \u201dgeographic\u201d links (there\u0027s no separate map of e.g. German nude beaches anymore, it got integrated into the main map),\u003C\/li\u003E\n\u003Cli\u003Eseparate events section (now they show up together with places on the same map),\u003C\/li\u003E\n\u003Cli\u003Eforum (it wasn\u0027t used at all),\u003C\/li\u003E\n\u003Cli\u003Eadmin panel (now the buttons for admins are just integrated across the website),\u003C\/li\u003E\n\u003C\/ul\u003E\u003C\/li\u003E\n\u003Cli\u003Eimproved filters (for instance added filtering by name and location),\u003C\/li\u003E\n\u003Cli\u003Ethe process of submission of new steps isn\u0027t split into steps anymore: place info, review and description are finally just one single form,\u003C\/li\u003E\n\u003Cli\u003Eincluded some more \u003Ca href=\u0022\/blog\/reducing-website-size-by-a-half-by-optimising-bootstrap-and-fontawesome.lite\u0022\u003E optimisations\u003C\/a\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch3\u003EBefore:\u003C\/h3\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-before-home_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-home_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022286.83333333333\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-before-map_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-map_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022227.80058651026\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-before-place_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-place_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022223.16666666667\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-before-submit_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-before-submit_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022202.99065420561\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EAfter:\u003C\/h3\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-after-home_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-after-home_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022196.2\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-after-place_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-after-place_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022161.83716075157\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/naked-after-submit_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/naked-after-submit_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022345.41666666667\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E","words":262,"readTime":2,"lang":"en"}}},"blog\/technology\/redesigning-a-website-avi":{"key":"blog\/technology\/redesigning-a-website-avi","type":"article","published":true,"meta":{"createdAt":"2020-04-10T19:33:59+02:00","publishedAt":"2020-04-10T19:33:59+02:00","group":"redesign","links":[{"icon":"globe-europe","colour":"primary","url":"https:\/\/avi.avris.it","displayUrl":null},{"icon":"brands gitlab","colour":"secondary","url":"https:\/\/gitlab.com\/Avris\/Avi","displayUrl":null}],"category":"blog","subcategory":"technology","slug":"redesigning-a-website-avi"},"content":{"en":{"slug":"redesigning-a-website-avi","title":"Redesigning a website: Avi","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-comparison_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022403.61904761905\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF+ElEQVRYhbWXy48cVxXGf\/dVVd093Z6ezKPHYw\/jJNhjj+PEsRWwMxEKCFYIBSWLwIIFiCURfwQrlrCBDQKiyAobXlFYBITA4BBDHE8snPBMzMSKHz3TM+6Z7urqqntZVPdtT+ZhGw+f1OqS6tx7T33nO9+pEkmSOOccUkruFc45AJ59\/is0m2sYY2i1WzgHQgicc6Rpis2yu95TO+cQQnD+\/HmMMTz22HG0Vj4gSRJWV1awzoFzaKNJuylSKarVqk+qHcdYa1FKAQLnLEJIlJI460AIwIGDzFqSpLt1Qv2Lw4cPo7XGZimJTQFQSqO1Yqhc9guiKPLXWe\/JR0aqABitEVIA+eHW5sz3kxYCnANrLUmSbJmQSJLEAbTX1nHOMjRUpsf54L8HafSGxWmaehaNMcRxjDEBYRhsU5A7w5esEIbgQChJmmXE7VZPB6CUxBiD6MXCQD\/5+lx\/aZaRZXHvXn5fKYUxpsdQvnbx2lVe\/cNrzD00y\/zxTw7YEQLdD8I6XJpBIUQIEAiscxip0Nr0tt8McRuDpVKJoHf4TrGLt5a5uHqdlUXFU4+f2vCAg5K1214T9JiwvSCtNcYYrwchhP8BdLspQWBwzvVEvTWszfdbaq9x4dr7TO8Z5dBILU9ESpQUiE6n44QQxHFMlmVIIUAKPCXO4chlSq+VlVIEQXBba2dEUchO9pFllub6em\/PPmUgpcRogzYBRjFIKE3TPKk0RWntD+vDOYfW2h8oZa4r5xytuEM3SUjTlCiKKBaL27J0J\/iSOedyhqTcoIsdF\/fi1lsxURjgkmyD33g2BL5rRaB7dG+546DLlFI71n8rWGsHLFqHW+sgymF+KNBsNr0uwzDM9+8mBMF2tuAGXVav1ymVSpRKpY0hzuVGlib8+Nff44HKGF88\/aVNLCEFohgg1EBDQRAgLCBAK7XJxz4KIcTAqSuVMlJIkqRD\/6GDIMA5h3OOThrzD3eZ6+1hnnHP+24DUEoglUQMheSGkUP\/D1ryJUuShHK5sjlroNvtotB8\/uRzVMwwQggW6x+yf3Qy7zqpsFlGo9HAWkutVrvn8vvz+qJOkoRCobBlkLUWYIPgrzVuMlrOZ1i3m6KUJI5jnAgQLvFdqZTybEop83lpLVLKLZP2JTt7+S\/caq+hZS7uTjcffk8cfJSPTUxtWlirjvlZBnhLSJIWUiqkFGRZ5jXYF7eUkiiKkFKSpqlP3DPU96G1uEWapZsOHiqUCPTW46DfZb87e27g8vcJPbiQCJQ3xEqlckc\/6pfypTM\/YWm5gTEayIetdQ5Bzoi1lrjTAbfdRBzAa+i7535BfX2VRnuNzwYzvPjyGZIk4Wtf\/jrf+fZZqtUiT3\/mGG\/86QxxHBNFET986UdArqFicWv93Stk39iWKxFTDx\/i6kiBbpYx\/+STnDhxgrjt+GDBMP3AIRofKFauLPPCN16g8f4SwIbxsisJ9csyceAhupNjHDx2klqtRitNMcUi46MTfGLuNHK1Rq26n6MzR3jxWz\/g6MwRgLseM3cLr6HH\/3aTG\/UbzABjD5d4cGIBKRXDI3Oog79hWQiCqScwS2X2DGuCbSzifuFLViwVeWTuGFNTU2T2KtPTYwyVl2g2b1Aw+wnlFH+92ODKuUXmT85z5Y\/\/ATa+Oe7GzzO0d2qSTrfDRHEcI95Dhx8yNrGH1nKZhddXCSPD6U\/tZbY8y60LTWYrh\/8vDPnh+stfvcK7\/3wXgK8+\/QX+\/PPchR99rsqnv\/kmAKeO7mVhr+Wt+luMfm4U2H0N+ZK9dulnzD91ipff+D4rly5TaXbovHmJG\/\/6O8P7asweeYS3l\/7Nqwuvs2\/u47xy8Ryw+13mGaocEPz+2k+ZOB4xqjS3Llxk\/OZNhgtF3tEN6iJget9+wpkav118h8KBSWDA0G4x5Y1xuX2duNsCYFKN011aBkCNj1KX+VdmSYesr7dJbYaWionyMLC7xuhnWX\/y9r8qpZRw27s+gBSCzFqiIATwwzNNs11LSPdnV38uATu8YpK\/+9wW+9EPx\/vFfwEsBAWgUvaJSgAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/avi-comparison_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022403.61904761905\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/avi-simple-placeholder-avatars\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Avi \u2022 Simple placeholder avatars\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well.\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-comparison_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022807.2380952381\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAYAAABE4bxTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF+ElEQVRYhbWXy48cVxXGf\/dVVd093Z6ezKPHYw\/jJNhjj+PEsRWwMxEKCFYIBSWLwIIFiCURfwQrlrCBDQKiyAobXlFYBITA4BBDHE8snPBMzMSKHz3TM+6Z7urqqntZVPdtT+ZhGw+f1OqS6tx7T33nO9+pEkmSOOccUkruFc45AJ59\/is0m2sYY2i1WzgHQgicc6Rpis2yu95TO+cQQnD+\/HmMMTz22HG0Vj4gSRJWV1awzoFzaKNJuylSKarVqk+qHcdYa1FKAQLnLEJIlJI460AIwIGDzFqSpLt1Qv2Lw4cPo7XGZimJTQFQSqO1Yqhc9guiKPLXWe\/JR0aqABitEVIA+eHW5sz3kxYCnANrLUmSbJmQSJLEAbTX1nHOMjRUpsf54L8HafSGxWmaehaNMcRxjDEBYRhsU5A7w5esEIbgQChJmmXE7VZPB6CUxBiD6MXCQD\/5+lx\/aZaRZXHvXn5fKYUxpsdQvnbx2lVe\/cNrzD00y\/zxTw7YEQLdD8I6XJpBIUQIEAiscxip0Nr0tt8McRuDpVKJoHf4TrGLt5a5uHqdlUXFU4+f2vCAg5K1214T9JiwvSCtNcYYrwchhP8BdLspQWBwzvVEvTWszfdbaq9x4dr7TO8Z5dBILU9ESpQUiE6n44QQxHFMlmVIIUAKPCXO4chlSq+VlVIEQXBba2dEUchO9pFllub6em\/PPmUgpcRogzYBRjFIKE3TPKk0RWntD+vDOYfW2h8oZa4r5xytuEM3SUjTlCiKKBaL27J0J\/iSOedyhqTcoIsdF\/fi1lsxURjgkmyD33g2BL5rRaB7dG+546DLlFI71n8rWGsHLFqHW+sgymF+KNBsNr0uwzDM9+8mBMF2tuAGXVav1ymVSpRKpY0hzuVGlib8+Nff44HKGF88\/aVNLCEFohgg1EBDQRAgLCBAK7XJxz4KIcTAqSuVMlJIkqRD\/6GDIMA5h3OOThrzD3eZ6+1hnnHP+24DUEoglUQMheSGkUP\/D1ryJUuShHK5sjlroNvtotB8\/uRzVMwwQggW6x+yf3Qy7zqpsFlGo9HAWkutVrvn8vvz+qJOkoRCobBlkLUWYIPgrzVuMlrOZ1i3m6KUJI5jnAgQLvFdqZTybEop83lpLVLKLZP2JTt7+S\/caq+hZS7uTjcffk8cfJSPTUxtWlirjvlZBnhLSJIWUiqkFGRZ5jXYF7eUkiiKkFKSpqlP3DPU96G1uEWapZsOHiqUCPTW46DfZb87e27g8vcJPbiQCJQ3xEqlckc\/6pfypTM\/YWm5gTEayIetdQ5Bzoi1lrjTAbfdRBzAa+i7535BfX2VRnuNzwYzvPjyGZIk4Wtf\/jrf+fZZqtUiT3\/mGG\/86QxxHBNFET986UdArqFicWv93Stk39iWKxFTDx\/i6kiBbpYx\/+STnDhxgrjt+GDBMP3AIRofKFauLPPCN16g8f4SwIbxsisJ9csyceAhupNjHDx2klqtRitNMcUi46MTfGLuNHK1Rq26n6MzR3jxWz\/g6MwRgLseM3cLr6HH\/3aTG\/UbzABjD5d4cGIBKRXDI3Oog79hWQiCqScwS2X2DGuCbSzifuFLViwVeWTuGFNTU2T2KtPTYwyVl2g2b1Aw+wnlFH+92ODKuUXmT85z5Y\/\/ATa+Oe7GzzO0d2qSTrfDRHEcI95Dhx8yNrGH1nKZhddXCSPD6U\/tZbY8y60LTWYrh\/8vDPnh+stfvcK7\/3wXgK8+\/QX+\/PPchR99rsqnv\/kmAKeO7mVhr+Wt+luMfm4U2H0N+ZK9dulnzD91ipff+D4rly5TaXbovHmJG\/\/6O8P7asweeYS3l\/7Nqwuvs2\/u47xy8Ryw+13mGaocEPz+2k+ZOB4xqjS3Llxk\/OZNhgtF3tEN6iJget9+wpkav118h8KBSWDA0G4x5Y1xuX2duNsCYFKN011aBkCNj1KX+VdmSYesr7dJbYaWionyMLC7xuhnWX\/y9r8qpZRw27s+gBSCzFqiIATwwzNNs11LSPdnV38uATu8YpK\/+9wW+9EPx\/vFfwEsBAWgUvaJSgAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/avi-comparison_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022807.2380952381\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/avi-simple-placeholder-avatars\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Avi \u2022 Simple placeholder avatars\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well.\u003C\/p\u003E\n\u003Cp\u003EIt\u0027s quite a simple project, so it only took me a couple of hours. Here\u0027s what I did:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003Ereplaced my abandoned framework \u003Ca href=\u0022\/projects\/micrus-v4\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus v4 \u2022 Beauty of simplicity\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Symfony 5\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Ereplaced \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Micrus-Assetic\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E custom Assetic setup\u003C\/a\u003E\nwith \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Webpack Encore\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Eupdated \u003Ca href=\u0022https:\/\/getbootstrap.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Bootstrap\u003C\/a\u003E from 3.0 to 4.4,\u003C\/li\u003E\n\u003Cli\u003Eadded more contrast to the design, while keeping it simple,\u003C\/li\u003E\n\u003Cli\u003Eremoved the ugly logo,\u003C\/li\u003E\n\u003Cli\u003Ereplaced the font that I used to overuse, \u003Ca href=\u0022https:\/\/design.ubuntu.com\/font\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Ubuntu\u003C\/a\u003E,\nwith the beautiful \u003Ca href=\u0022https:\/\/fonts.google.com\/specimen\/Baloo+Thambi+2\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Baloo Thambi 2\u003C\/a\u003E\nand \u003Ca href=\u0022https:\/\/www.jetbrains.com\/lp\/mono\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E JetBrains Mono\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Emoved the generation of links from backend to frontend \u2013\u00a0now it gives you an immediate feedback\nto changes in the form, without having to reload the website,\u003C\/li\u003E\n\u003Cli\u003Eremoved the \u201cLatest generated avatars\u201d section \u2013 I never liked it, but I needed some showcase\nof what this project does\u2026 with the immediate feedback in the \u201cTry it!\u201d section, it\u0027s not needed anymore,\u003C\/li\u003E\n\u003Cli\u003Eincluded some more \u003Ca href=\u0022\/blog\/reducing-website-size-by-a-half-by-optimising-bootstrap-and-fontawesome\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-computer-speaker\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E optimisations\u003C\/a\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch3\u003EBefore:\u003C\/h3\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-old_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221695.2\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAACJ8xqgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFCklEQVRIia2W229UVRjFf3vvc84MnTkzhU5LOy3QYQqUQAKUIAoGFNFETEgw+mTiizFi4pN\/hNEXH4gxMSaGmKiJBpWgCeqDYPVBEeQqlGulF2m1tMN0hjlzLtuH6TntOAVF\/B73\/vaab+219pojHMfRAEII7qe01gAY4YIQgv7+fjb29WGnUg0HyqUSgQ7QGnzfxzAMgiBAAFYshpSyHnB4eJhSqYTnezhOBbRGCIkQAtOyKJfLuJ4HaKRUEWAIFA0WUgYIggDDMFBK3TNdz\/NqE4Z353sebrmCNk2wTNAahIBg5vekBB2AEKiY1QAY4kSUDakQUmHEYwhD4bou5XIZKSU6CBBSYlkWSkqk1typZi9Aa3TVJXDdOZuCwPeRCAwhUTPgd6toQl+A22ThaZ9gehoAZRqIGSUDoRFSoaSILHJXwMD3qVartQmEACUQ7qy\/tNZUKg5SCISU0XoymaxT2gg3pFKYpokQoR7zG11rjZQSKWuWCoKgrjdSOWysVqu1DcNAiBq9+SgGQYDWGqVUdBZAVKvVqFtrPa9Z\/6nqJowoz9C4V1PPHQTmUHYch9u3b2PbNrFYrOFQeOC2U+b6+DUMZZLPrmyYsi4cEokEpmlGh+eW7\/sAnB0+yb7Dr1EoT\/HZq0cb+iLKge\/jem5Dg2ma0TVorbFsi+Z1C8nQGokVigd\/EwW4oyDVanUmADRNTYloffTmOLdKRVZ25uoBPc9DCIFlWfMC3smXnu\/jBz5KyHrK47ducmnkGkopDGXMNNciKd1ks6FnzbyAhlIoKRvjS0mFZVoRbcHsvfwbK4U4UcCGT+m\/VJ0Pw8VCqcjQ+O8IKTGEJKYlgQYlJYlEArRJaboCwMJFSaanp6Jn2tbWRjwer6d8YnyQN3\/4nA3tOa4Vxukbs9j\/0Qek7BRrenupjq3i4IFjrF6bZfeeBzh44HXsdIqTx3\/hnf3vsnvP7voJLdvmqS1P8M2NAdoXLWeRX2HvCy9iJ5NcGRxkaiJLe3wVjz+8gaRKkom38NIrL\/P1wcPE1ezLkmGamLbNmWaDnX3bSOVytGQy3Jia5PLIEO2dWZrNTrZv3sqFfknCyJC12\/nwjfcpDhZYIGNRKkWUcxXBM0MeMMbG+AIy+TSWrKne3pbhtwUOA+evA7DywQ6M5h3c\/PMmANkVSxrf8nRhElku4zgV\/vBc\/PQlpqZ+QkqNUznNJx8vJWnHOH9uCNcPOP7Fl2zYup5vDx2lt3c1+VX5GmDoNdtOkevupimeYGJqAskw6XQfvu9R9SYwRZYdj6zn+qUjGKKFXCJHT1sParPCNuzZT5FwVNu2EWbtHhYvbgM\/y2TxEKaRxjLyLOtawf63LyJlF4tbu8j2rsO56GAXU2QWtjRSPnX2FG+9tw+Azo5Onl79ED9+6gDj9GzO0bn9Css6TgDQui7NkZEzjIyOQitsiveRZ3m9yjcKQ3T0tNC2PM33l79iemCAFs9nxZKlFI79zPnJIbZt3smWTY8yWBznuwuneWzXk1wpTjA6OdGosmkLvHSBZDyFXRRklMnkrwOIWyWyHe20LO2mlLAoOiVSiRbsXCcnRq8yZrpYqUQj5XzXCs5NtgLw7LLnWOJsIlGs\/eEn167B6VnF1eIYC+LNrMvkCXYJJooF9nY\/T35Jd2TsunC4n2oIh7lp43kerusihEAatejyfA\/LsHB9FykkgQ6ImTHkTPyHgOL\/\/iT+C3VfUNvDPRWOAAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/avi-old_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221695.2\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EAfter:\u003C\/h3\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-new_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022632\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAXCAYAAABj7u2bAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACzElEQVRIib2Wu3IjVRCGvz6XmfHu4hvrMhkpkSNT1FJFsC9BxhtQvAAxAQHPCMHmrHGNR3NuTXBGkrXWSLLA+1epdGZa6v77fuT23XtlBt1JizGWh\/4BUEAmydz5v8OpzPLBWsvZ6SnOWUTM6r2qIsCwWJBzRkSQidqSYEzxOEJoVSUioKAoTAZiTAzDgDEGQRAjaCnVpBjevH6FKogIqmX6rrQ+3v1DKfPOzhJ6993tUZ68FKTscCPGyGKxIKXMxcX5ZyHkVswehXuJUgoPDwPGGj7e3eG9B11XSts0eO+3lvWfH\/4ipMjl6QVXl283ZCL116r65Lw3QilnTrru2Z7+8MuPfPnFOd9+c8OvP\/188P\/cLqG1FrZEbhuWni5xdXPD12+\/4s3F1cFkYE8NpZQopdA0zV5FOZfaoRM+3P9NLIWztuOye700hzEGa45MmaqScsa7nYGkqNL3A2MYgToCVMGYddS67gTF0rUeb+d1SQhxllCIAWtsTd1ngsulzAr7fmAYBkC5vr7+\/6zu2ECyGMN8ynJBhwhG6gdAp0rJkyPWAIqoVIWd389n2QBbCLmZ92vjY0S8Q175yTiEcaQf+2m\/Kd55mrahlAJjoWvbvaQAJh82zg42h9qnA06cnSK0Xq5ihNbXzrMIiOD2FP6hqCmbCdEh8+cooztStrPth8WCMI7kXDDGcH5+9iIEH8N9OmE3hNYQRTBGsNY8mcYvQmiXsKZMMNaDCPf396s0LmeTqmKMoZSC9w3WmjpQU6Lrumc7YdaGH5OoWN4DVetqiDFSSiGl9GRYigjjuCCEelPspoWsqrP6t51F91RuSom+7+sOshYRUBVEapRyzqtrbL09VnLee8zUmSEE2rZdPe+C++33P2aF63vy+vnQ7X8s5Pb797pt6wI452iaBkHJueC8I6WMMUIpSts0hBgJIZBz3kz3I+LPOf8L0k9\/atxDHsEAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/avi-new_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022632\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["bootstrap","colour","design","redesign","refactoring","avi","avatar","webdevelopment","website","font","symfony","javascript"],"hasMore":true,"image":"https:\/\/avris.it\/image\/avi-comparison_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avi-comparison_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-comparison_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022201.80952380952\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/avi-simple-placeholder-avatars.lite\u0022\u003E Avi \u2022 Simple placeholder avatars\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well.\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avi-comparison_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-comparison_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022201.80952380952\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EYet another one of my projects, \u003Ca href=\u0022\/projects\/avi-simple-placeholder-avatars.lite\u0022\u003E Avi \u2022 Simple placeholder avatars\u003C\/a\u003E,\ngrew too outdated to support it. I had to rewrite it from scratch.\u003C\/p\u003E\n\u003Cp\u003EI took the opportunity to redesign it as well.\u003C\/p\u003E\n\u003Cp\u003EIt\u0027s quite a simple project, so it only took me a couple of hours. Here\u0027s what I did:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003Ereplaced my abandoned framework \u003Ca href=\u0022\/projects\/micrus-v4.lite\u0022\u003E Micrus v4 \u2022 Beauty of simplicity\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Symfony 5\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Ereplaced \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Micrus-Assetic\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E custom Assetic setup\u003C\/a\u003E\nwith \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Webpack Encore\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Eupdated \u003Ca href=\u0022https:\/\/getbootstrap.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Bootstrap\u003C\/a\u003E from 3.0 to 4.4,\u003C\/li\u003E\n\u003Cli\u003Eadded more contrast to the design, while keeping it simple,\u003C\/li\u003E\n\u003Cli\u003Eremoved the ugly logo,\u003C\/li\u003E\n\u003Cli\u003Ereplaced the font that I used to overuse, \u003Ca href=\u0022https:\/\/design.ubuntu.com\/font\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Ubuntu\u003C\/a\u003E,\nwith the beautiful \u003Ca href=\u0022https:\/\/fonts.google.com\/specimen\/Baloo+Thambi+2\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Baloo Thambi 2\u003C\/a\u003E\nand \u003Ca href=\u0022https:\/\/www.jetbrains.com\/lp\/mono\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E JetBrains Mono\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Emoved the generation of links from backend to frontend \u2013\u00a0now it gives you an immediate feedback\nto changes in the form, without having to reload the website,\u003C\/li\u003E\n\u003Cli\u003Eremoved the \u201cLatest generated avatars\u201d section \u2013 I never liked it, but I needed some showcase\nof what this project does\u2026 with the immediate feedback in the \u201cTry it!\u201d section, it\u0027s not needed anymore,\u003C\/li\u003E\n\u003Cli\u003Eincluded some more \u003Ca href=\u0022\/blog\/reducing-website-size-by-a-half-by-optimising-bootstrap-and-fontawesome.lite\u0022\u003E optimisations\u003C\/a\u003E.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Ch3\u003EBefore:\u003C\/h3\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avi-old_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-old_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022423.8\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EAfter:\u003C\/h3\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avi-new_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avi-new_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022158\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E","words":169,"readTime":null,"lang":"en"}}},"blog\/technology\/new-year-new-digital-me":{"key":"blog\/technology\/new-year-new-digital-me","type":"article","published":true,"meta":{"createdAt":"2019-12-31T11:22:05+01:00","publishedAt":"2019-12-31T11:22:05+01:00","group":"redesign","category":"blog","subcategory":"technology","slug":"new-year-new-digital-me"},"content":{"en":{"slug":"new-year-new-digital-me","title":"New year \u2013 new (digital) me","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4_small.png\u0022 alt=\u0022Screenshot of the new version of the blog\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022234.07874015748\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADFklEQVRIiaWWz24cRRDGf9XTf2aXJSvHYCLlgEDiyCkQiRtXrhw4IfEaSBx4AA55hQiJIxIvwM0kAiQgcoQcEsmAZGJsrx2CPd6dnunisJ71zu7au0BJo\/7UXfVNTdVXvSu33nlXRUAVAGZxlhlEDAAxVgt9GoyMl+AcYgyqabIpIqgqMUZSE6Dnx1PxVuSCuLEG3377FiLCzs6vpKQcDgZzPrPYWkvIA945rHWE4HHO4pwnBE+WZTjrCN7hg8d7T\/DjNc9z5ONPPlXnHN57fLg4DC0cJoEhzOxN\/ALeO7IsQ0QufZpqTa\/TJiklndtdwfb3D8hDhjCiSjlVVeODZzQckeeBfr+Pnremadcq+F8lVMbI3tM9nHPEKqIITs4oa09KiTzkxBhRFJtZjDFsbLyMtXblDxVV\/U8VAkgpTVqhqgtbsKqpKqqKbYiavFSVlNLEYfppzqfXacL\/YyKCMQZbFEWLzBjTEqExZhKwTJRlWTIYHOH9eOyvr61N\/FbW0LKWNdW5qhvNPVXXNSenp+O4pIgRyjJyWnte7HVZfyFbWilzVSIXuAaUqiq589kdPr\/7BVUsAaWuUyvGiCCMK21EcJml37VYja12X4bNIq1cppPtBz+wu3WfJ99+zeDwoJXItBZbHChnwxLnw9LqANhlk9HSVyrpWUGrClMWk\/1pjmKkdLyQZYaTYU0sayrJKIaRrvdz\/rP40pYtsnRSIJpwGjk5Opw7FxHWruXk+fgWv36tg+t26PdyrHOtj2xL4qIjdrYt08pv7NHWPeKzP\/hrlBgmJZ4VxKOHbG0e8Mprb7Jx8\/UpclBN5z+4Sj8Y6lgRCQvvqtl3zV2hi4bu9+\/uUR7\/yYPdZ\/S6yvrNde5+uUmv2+HDj16C84RUlbIcTSpgTEZVFtS+T27m+RfhlTS0F2u+2nzM91s73Fjr8NYbN9jefc6j3QHvvf8Br55zjBMBRDAy\/l9hvcebEomKBH\/lu4DxlF2QzWOAnx4\/5f6P2wg1x0XJN7\/sc3xW0nHCz7\/tt6cMRWguUeHvYaIoCorh85XG\/h9McAJLnmVpFQAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris4_small.png\u0022 alt=\u0022Screenshot of the new version of the blog\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022234.07874015748\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt wasn\u2019t really supposed for the New Year, but I\u2019ve had plenty of free time on my hands\nduring the holiday break, so here it is already: a brand new version of my blog \ud83e\udd73\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4_big.png\u0022 alt=\u0022Screenshot of the new version of the blog\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022468.15748031496\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADFklEQVRIiaWWz24cRRDGf9XTf2aXJSvHYCLlgEDiyCkQiRtXrhw4IfEaSBx4AA55hQiJIxIvwM0kAiQgcoQcEsmAZGJsrx2CPd6dnunisJ71zu7au0BJo\/7UXfVNTdVXvSu33nlXRUAVAGZxlhlEDAAxVgt9GoyMl+AcYgyqabIpIqgqMUZSE6Dnx1PxVuSCuLEG3377FiLCzs6vpKQcDgZzPrPYWkvIA945rHWE4HHO4pwnBE+WZTjrCN7hg8d7T\/DjNc9z5ONPPlXnHN57fLg4DC0cJoEhzOxN\/ALeO7IsQ0QufZpqTa\/TJiklndtdwfb3D8hDhjCiSjlVVeODZzQckeeBfr+Pnremadcq+F8lVMbI3tM9nHPEKqIITs4oa09KiTzkxBhRFJtZjDFsbLyMtXblDxVV\/U8VAkgpTVqhqgtbsKqpKqqKbYiavFSVlNLEYfppzqfXacL\/YyKCMQZbFEWLzBjTEqExZhKwTJRlWTIYHOH9eOyvr61N\/FbW0LKWNdW5qhvNPVXXNSenp+O4pIgRyjJyWnte7HVZfyFbWilzVSIXuAaUqiq589kdPr\/7BVUsAaWuUyvGiCCMK21EcJml37VYja12X4bNIq1cppPtBz+wu3WfJ99+zeDwoJXItBZbHChnwxLnw9LqANhlk9HSVyrpWUGrClMWk\/1pjmKkdLyQZYaTYU0sayrJKIaRrvdz\/rP40pYtsnRSIJpwGjk5Opw7FxHWruXk+fgWv36tg+t26PdyrHOtj2xL4qIjdrYt08pv7NHWPeKzP\/hrlBgmJZ4VxKOHbG0e8Mprb7Jx8\/UpclBN5z+4Sj8Y6lgRCQvvqtl3zV2hi4bu9+\/uUR7\/yYPdZ\/S6yvrNde5+uUmv2+HDj16C84RUlbIcTSpgTEZVFtS+T27m+RfhlTS0F2u+2nzM91s73Fjr8NYbN9jefc6j3QHvvf8Br55zjBMBRDAy\/l9hvcebEomKBH\/lu4DxlF2QzWOAnx4\/5f6P2wg1x0XJN7\/sc3xW0nHCz7\/tt6cMRWguUeHvYaIoCorh85XG\/h9McAJLnmVpFQAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris4_big.png\u0022 alt=\u0022Screenshot of the new version of the blog\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022468.15748031496\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt wasn\u2019t really supposed for the New Year, but I\u2019ve had plenty of free time on my hands\nduring the holiday break, so here it is already: a brand new version of my blog \ud83e\udd73\u003C\/p\u003E\n\u003Ch3\u003EWhy?\u003C\/h3\u003E\n\u003Cp\u003EWhere to start? I got increasingly annoyed by the old version.\nThe design started seeming boring and blunt.\nThe code started growing unstable.\nIt was using the \u003Ca href=\u0022\/projects\/micrus-v4\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus framework\u003C\/a\u003E,\nwhich I \u003Ca href=\u0022\/blog\/how-and-why-i-ve-built-and-killed-a-php-framework\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-computer-speaker\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E stopped supporting\u003C\/a\u003E a year ago.\nIt was using \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Micrus-Assetic\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus Assetic\u003C\/a\u003E\n\u2013 an outdated method of asset management,\nwhich highly depended on the server configuration and binaries installed.\nThe deployments were \u201ciffy\u201d, to say the least.\nI was afraid of sending even small changes to the server, for fear something might blow up again.\nSome small things I didn\u2019t even notice were wrong: like still warning about Google Analytics tracking,\neven though I migrated to \u003Ca href=\u0022https:\/\/matomo.org\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Matomo\u003C\/a\u003E ages ago.\u003C\/p\u003E\n\u003Ch3\u003EWhat changed?\u003C\/h3\u003E\n\u003Cp\u003EI decided to keep it simple. To go with a \u201cless is more\u201d approach.\nI\u2019ve removed soooo many features that just weren\u2019t useful enough.\u003C\/p\u003E\n\u003Cp\u003EI used to have an admin panel: except I didn\u2019t need any fancy editor,\nthe main content was written in an (enhanced) \u003Ca href=\u0022https:\/\/www.markdownguide.org\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Markdown\u003C\/a\u003E anyway.\nSo for this version, I\u2019ve decided for a filesystem-based approach: I\u2019ve ditched the database completely,\nI don\u2019t need any ORM, I don\u2019t need an admin panel. I just have a bunch of \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/SUML\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E SUML\u003C\/a\u003E files\ntracked by GIT. Using \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Esse\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Esse CMS\u003C\/a\u003E.\u003C\/p\u003E\n\u003Cp\u003EI used to have three language versions of the UI \u2013 but why?\nI don\u2019t think anyone really cared about not seeing the names of the categories in Polish,\nwhen most of recent my posts were in English anyway.\nSo now the posts are still available in the language(s) they were written in,\nbut I\u2019m no longer maintaining the multiple versions of the UI, or the features to filter content by language.\nWhat a relief!\u003C\/p\u003E\n\u003Cp\u003EI used to have a \u201crandom post\u201d box. I used to have tag clouds. I used to have an embedded Twitter timeline.\nI used to have the latest posts on the \u201cabout me\u201d page (really?). I used to have a link shortening feature\n(\u201davris.it\/l\/\u0026lt;whatever\u0026gt;\u201d) that I\u2019ve never used, not a single time.\nI used to have a separate controller and database fields to support redirects for legacy URLs from the even earlier version.\nI used to have database fixtures. I used to have a console command to export legacy comments to \u003Ca href=\u0022https:\/\/disqus.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Disqus\u003C\/a\u003E.\nI used to have tooltips and popovers.\nAll gone now! \ud83d\ude0d\u003C\/p\u003E\n\u003Cp\u003EI replaced the infinite scroll with... just loading the whole page at once \ud83e\udd37\u200d\nIt\u2019s not that big for today\u2019s standards anyway \u2013 the heaviest list of posts is 113 KB of compressed HTML.\nInstead, I now lazy load images using the \u003Ccode\u003EIntersectionObserver\u003C\/code\u003E API.\nWay simpler than infinite scroll or pagination \u2013 which aren\u2019t really necessary with this amount of data.\u003C\/p\u003E\n\u003Cp\u003EOh, and the website is now using a fast an sleek \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Symfony\u003C\/a\u003E setup with an HTTP cache \ud83e\udd70\u003C\/p\u003E\n\u003Cp\u003EDesign-wise, I use the default \u003Ca href=\u0022https:\/\/getbootstrap.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Bootstrap\u003C\/a\u003E theme,\nwith only minor changes of variables and minimal additional styling.\nThe main feature, obviously, are the tilted elements. That\u2019s enough to add some personality to the website,\nwithout making it overcomplicated.\nCompared to the previous version, it\u2019s way more contrasting, better tailored for wider screens and clearer.\u003C\/p\u003E\n\u003Cp\u003EOverall, 41090 (!) lines of code were removed:\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris-3-4-diff_big.png\u0022 alt=\u0022424 files changed, 6711 insertions (+), 47801 deletions (-)\u0022 class=\u0022border\u0022 width=\u0022550\u0022 height=\u002289\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAFCAYAAAAt8E4LAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABbUlEQVQokZ2RTY4TQQyFP7uqKwlh0skIISSExBHYchPEATgVaxaciQVigRAw+emku6q6K2UWCYPYDBJePVnPz7I\/ef3slT1\/+YLcnzBtsDJSypmbdcv3r9+YzWesNi2xjwz9QN91pJgB4+GS\/\/L438I5hzaeVEZEhGpGe7tBqRy2B1SVWg1V+RNm18wHF\/6r\/vZ4EGqZMDPCLHDqjghwPBxRjNX6BhMh9pH93Y4nT28J8wXd\/siqXWIohsH5jGsaSimMKSMinKvRrleE4Nn+3LF4vKSWQhMCOV88ghHjyHm6kPFv3r2l3bTUanx8\/4G+O+GcEofEYrkg55FHyzkpjXin5JQQ58EqoopvLkc0zuGcAp7iJkIIDENizBnMQARBqNWotQKgqqgqItP9t\/yXT58RFXyYcTx0dPsDZoYIpBgB4w6wK6JpGu\/Zb3\/sQEAwEtB1ghiYGLGPmBlTzleyRhoGDLlOX5TZtSOAGL8AA7fCc1N6DsoAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris-3-4-diff_big.png\u0022 alt=\u0022424 files changed, 6711 insertions (+), 47801 deletions (-)\u0022 class=\u0022border\u0022 width=\u0022550\u0022 height=\u002289\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThere\u2019s nothing else in the (programming) world I love more than removing useless code!\u003C\/p\u003E\n\u003Cp\u003EDeployments are now stable, simple, reproducible and revertible, thanks to\n\u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Symfony\u003C\/a\u003E, \u003Ca href=\u0022https:\/\/webpack.js.org\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Webpack\u003C\/a\u003E,\nlack of database (no db = no migrations),\nand most importantly my recent child: \u003Ca href=\u0022\/projects\/avris-deployer\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Avris Deployer\u003C\/a\u003E.\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-deployer_big.png\u0022 alt=\u0022Console output of deployment\u0022 class=\u0022border\u0022 width=\u0022848\u0022 height=\u0022237\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAKCAYAAADcpvzeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB1klEQVQ4ja2TMXPUMBCFvyfJdw6JyUDLpKOloOf\/\/w9mAqkokkDu7LP0KNZOLpmbpAAVlvbN0+767ZO+fflsgG4QhzujBK6F\/a8Luov3uE3U8UDfiYvznjbPgLi5\/olbA8T\/XPp6dWUJ1Jt6l0l9Q9tGe0jQhDZG2bgRcTFuggo2tD8JED5Am9JTYsBvFT\/BKZ4S6hv1NpPeNTwJbYSryGeGYtpDQimutjFFliVOvVFp1F2iG2bwUsSE2g2wAjRoYzyDSsSe9Yh5FsUN2iQ8iZaFxwSKZPU+BbnC\/Lvgw9OviVAIgouhGqQjfJmmX8FfrpL6aF1DDeKmQjbeJdSZep\/wlB6llXwk9nFncY7iEdtGKwcj6VE9a4kXjgXCJM+Qtku5tEiYQ1oyKJs8VMpQF\/uuJhZaax19n8UL4SUnsNOc4lm0fYIGrjG+NmaUQJ1Rt8y+b6RZeI7xvmpY\/4Op1S1QMVSFWsl4TNTbDDlwxnXwoG2LZNNrT1680fZJTgFI2xaj6mO3IQ+VdN5QZw43Ja6XMPj6ek6Z8mm91cxpTvnYf+KwHxk+XLJ\/2LEfd5wN53Ql8+P7dTxZwDZb9UzjiI9NvZh15YS3FlNj5GU\/4qzmjtvPOX8BswgOy6gNMP4AAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris4-deployer_big.png\u0022 alt=\u0022Console output of deployment\u0022 class=\u0022border\u0022 width=\u0022848\u0022 height=\u0022237\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 1 (\u201dSilva Idearum\u201d)\u003C\/h3\u003E\n\u003Cp\u003ESo, to finish this post, let me just quickly show you the four versions I\u2019ve been through so far:\u003C\/p\u003E\n\u003Cp\u003EMy first blog was called \u201cSilva Idearum\u201d (Latin for \u201cForest of ideas\u201d).\nIt was anonymous, spirituality-oriented, Polish-speaking, Joomla-running and with a \u201ctoo much\u201d design.\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris1-post_big.png\u0022 alt=\u0022Screenshot of the post page in version 1\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAGJUlEQVRIiS2UO49kZxGGn6rvdk736Z6+THt21pfF69sagYUsIECIhAjxL5BICIiQSEj4AyT8AmIiiEgXgQRItgAhC3vB9trMzM7Ozuz09O2cPt+FYLaSkkqvKqnnKfntL94uH58rg8mCz06\/yvok4k1h0AsLvmButxzdW3B4UOMOLMtux\/V6SW+Fq5j4bLOiDApfvz9jVNWYYnHF4kV4\/p8nKHtSdNjgmR7NSD5wcn1FbwzWWUosbG5a+rMnzCeLP9hHV4bZ6xOwR4yvN4zqPSmCN5F5UN585x7TqcebPV3j0Ww4S2fssDx8fMqTYpn3M\/78xy\/55Y++zzDMCOWIkjbE6hFSOtqLFcE4SjXAjGbMAxwMeh4cj3i+CqyWW\/J0zTx32LsP7jGZLoi9MkxbWhcZhinLizWz114nv3zElQ0Ym3FW8P2a98YLOHiF33zwa0LcIvWQeVjx17895N6rb+HNOSVH7h2\/RUlbar\/ExEgYvcR+d4M4gx8M6UOg7QY0s5cIuwva6y+xd195wG67IZcObYYIzwiaGNrAQTTsB4fYwYBQO3wVsKagqtgq8Kuf\/pzPv\/gUlxJvvPMyk4MRRg2npyfEPtGMDlAZIeMZOe4RqdCqQWPDrn3OZX+HVhJ+GJDhAp9W2O0msu96sjqaxUuM2sBhGPOstITNjnmj9NM5zXiM9w5VJZ99gvQbHsxG3K\/fwFWBv4vnal94LRjuD6fknHHZ0G5ajBRkdki2DTrosWkKN4Hd3pCMZ31zQx4echAcNkWDCyPscI7aEfZORTWsubM\/wZoJ86MxebHAhwYVQUTRyTcpWGK+hbeQ+bYqlELJGX0FcopYa2jUUdc1z59+QteuwVZIqqgpdJstlydnbDEU3bHwE6xBMDqAEnDWoIcv0w7HVPWI5maJEbDe4JxirENEEPEg4LktEUMpCTUBck+KHdlEVAXRQru5RNQhpsI5g0k91lasnn2MNY63H7zLo0cf8rTbYW0xEA1pF0kFqmmgV0+ZvYUZr6jiBicGNSBqoPTk0rO6WSMCIpBTRo2iLiBaiCnSOAMUIKNGKDlS8h41FSKC8TXNZErpr5Cy53ix4Pz0c+yiarjedCA99aTC1iNULNYUejth78Z4tXRtAjaIAESC91g\/wBpFbocgt2eDctsFKIJaj+hznHOU0kFZEsKUWf1f\/MKSVp8xn46ZTO9jTTVi3CvPrzqa+yPw1YvlmVDVZCJ9KpScUDUgDqGQU6HsVkQKooailpvLc549PWc2n7DbtjRNw9PHn7Ludrz3rW9DycS4J8anVBKZ3xlgdsLy4gLvGtquxYbaENOIsAewWBswKmQMJHDekzO07R4o5FzwzoMYJAREQVXo+45HH\/6Jf3\/wF8Jkwj8+PueH3\/saD3\/\/O4Z37\/L+d74LuaeoY992RHuCHnjCZol51uCzwWmDbUum626DOfZovyIJmDCh9IloE5VTmqa55SVnhAxiKCUjovT7Fms9fbfhfAOr88d88NEZunnCbHbM9OgQeWEjoohVri8umZgRuhuS1h2pGPZhjd13heRHCBGjYIwi6lABDYILFWgg5oxKIaf4gpmCtZa+7yg5UxB20TCcHfPuN95nefOQeLHk83+dQAkIGTUWRGhGr7KJheVKafwRaXzG5fUl5WyLPaoMZ9s9W23Q0QIzGCEFVBU1FuuHWDVQCsYqwgChEGNGVagHAyADhni9ptlfc\/lFZHB6SXA13DvAHhySzz8ipRYd3cG6Q+qmZfnsKdglySZyUxGGAVsVy2vn\/+Offo6++RWcH76wJWKMR42j37fc3KyBggDeO3JOGDWkXFAVVA0\/+PFPbuE3BvOzFhtb8voU2W+R5RkKZPGUcYPzd3B+w\/X1GjdsyO0TZDDCeh\/guuP+fIujoMYiqlDAqGKN4OsKZz0FEFEgUXKhlIJznhg7VC0xRiRHpF0S+x0xC+wVkRHN4BK1hl1vsH5IFRyD9oqzx2ckZ9l2icPjI6yaAcbXHBvYdlsiHU4NKSdEFZFISYbdboMYf2tgTrcvBqHv15RcEN0jYjBqiAxRGyj9mqI1g7omhxa9OWUwuUvrK0K6IXrP6NW7ZFdDUmLX8X\/09s8geltpKwAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris1-post_big.png\u0022 alt=\u0022Screenshot of the post page in version 1\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 2\u003C\/h3\u003E\n\u003Cp\u003EAfter coming out and becoming independent from my parents,\nI was finally able to put my name on my posts. New domain and a redesign was also in place.\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris2-home_big.png\u0022 alt=\u0022Screenshot of the homepage in version 2\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEQklEQVRIiZWWO2xcRRSGv3nd1+56d+21DY6xnYctIkAIRxGCCAGK6Hg1FFSICgloEAiJBikUFCkCDQUNLVJ6RKjpKJEQUhwLYYKVxHYSdm3f3bk7MxR3d+MkDlmmOpq5959zzv+f\/16xuroaqrUaIgQ6u7t8deEClWoVYyKiyJDnOQDGGJxzHD9xAiUlhy2lFMaYQ8\/GXJe0tZZOu02kBNZaGs0G9XoD7z2tVuuuC7z3dO0ecZSxc\/MGWhuKwqKkwjnPRK2OEBKtNZubm6ysrPzvjHS73WZxaoKF6QY\/\/7ZNllVozUwjEQghCCEghEBKydbNv\/nsm9d485W3WL\/6O9f+uk3e73D5yp\/YQvP5+19zcvE08\/PzLC8vjy4ZYowT6zPPnGR+QhFHGp1UiSODUZper0cABOC8J00SBIpqd4rrv3Y4Ov0Up559nnZ7h4n+T1z9Y41+J2CMptNu07UWrTVKStI0JYqi8To0u3CEONVIZWjEt9jZ2WF3bx9rLVmWkec5cZKQ7+8T6YhHry2RTR\/n1vU6353\/GELOS2fPcpNjFD1D+5823W6POI7Z292lUqkQxzEhhLs69qBYr6+vcWR+njipUTiNMYYkTZmamgKgXq+X1DUatG\/cYLMvqedbSK84c\/oNxETO3NIM3\/\/wLWdefhFtDEIKiqJPCIGiKJBSjk\/ZnkpY21gnMRUiAvn+HkJqCtvD2hKsKCxRFCMkzC1M0r29TdZMmHriSfTeL0w3Fec+eYflpx9Ha4W1Bc45jDFYa+n3++NTNp0ErDAECppxgzhOmJxsAiClJISADx6tNFprPv3iy3sgXh1FSik2NzeZm5tDaw1QVq31+JTVqkdRyR6ul2OdwBaO7e1tpJR474miaORBSkoQAu\/94DwAgRACUsqS3riGcw7vPVBaRbVaRQ6866GULZ1YZmvrOtb2SLUmTROiOB6MPGitEEKglCJ4TxCQRAnGGJSShHCnyiiKyFyOlALv79iFc26U0MOWWF1dDQc3Ll68yPTsDLE2MPCh0cNAGFA5rGy4vPcIIdjY2KBSqZSUC0Gj2RxbP8AlfS+wlJJKmrF2+TJiVFVASjWYGAGIUdXDylutFrVaDSkyarXagEZBYYvSj5QaKyP9oAMfAniP0XqkhyzLRiItEymtM4RAFMUANCdTNtavQAg0WjMkSUKlWhnhPlRDBykBcM7R7XZZWlq6L8mDAIcBOudoNpuc\/+hDlo\/MsfTcCxxZPE5zanKs7hzaoU6ngxCgtSHLspE2hokPrWC4N5wwhCBNEkIITCweI9QibrfbRDvbrPDfo34wvk9Dttej14vpdnvs75efkNJHPEKUehGD0VdK4ZwbdWl29hGq1Sqvv\/sB17Z2qJGzsPDY6J3DunofZYdRAZCm6ej\/RimFNqYc+wDeO6A0QiEE\/X5\/oKsS49yP62w7jcs7vH2qynszM2NT9i\/Q3AYk6KDr5QAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris2-home_big.png\u0022 alt=\u0022Screenshot of the homepage in version 2\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 3\u003C\/h3\u003E\n\u003Cp\u003EAs announced in \u003Ca href=\u0022\/blog\/brand-new-blog\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-computer-speaker\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Brand new blog\u003C\/a\u003E\u2026\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-home_big.png\u0022 alt=\u0022Screenshot of the homepage in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221603.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAYAAABmMXGeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFE0lEQVRIia2Wy48cVxXGf+feenRVd0+P7Ywn47ESk4kTiEE8LEACsUECCQHZIRZs2CL+EZD4A9iyjmADUjYIgSJhQmyEIjBCKLKxsScT2zPdPT1Vdd8seqY1j3Y0SHybUl3V+e79zvnOqSt\/uPXnJEqBCKIUSmlaY8mLnKKsECVY4xCBhAAgMWBcoq5ylAgheJJ3xOAhRmT46udTMbpIUqCUJqsHqKIk74\/Iqj55URG9IwGZaBKgQ4QErmuwzmAOptj9Xdxsim8aMm8thfegFSEkwkGDdgGScOOlDWwUHh8U6GpEqTLq1FBoxdNH92mmewRriaYhNDOSDxAiKkWhmU7o9me4zqFUge6tcOO11\/jx975DayM2CNZYunaGFsHZjpgE0zZY0xF8IgaIzhFDQIorbySV5UiezyX3R+i8ABKfePllDlxkajwAKYR57qwlmJZoGnzXEJ0jeEM0Hcl2yDu33jsslELpjHklZF44USAgIoBASiQSpAQxklIixTB\/T4mUIqSEWGsTh0gpISKMx2OUUvT7fZRSADRNQwiBuq7RWh+FICKLuCOoI7LjKMsS7z2TyYQQAj\/76Y\/Ii4KpLdFZASLcfXCw2PA40vNPus9k\/ARFxmBlSDObsHH1JRKCEogxYnyilyuUUidO+lzSGOMJOUeYNJGVfk6KgZ2xY+NCMW+K88h3zuG9X3woInRdR6kszrQIifWRnhdmifzsKOg4fvm7P\/H+Bw8ZDGpsSGTlgO9++VO88sIQ0Zper7cgWIZs2eJf\/vEBv7\/9PvVwxJNpy3C4ws2tdTYv5uiQY42hqmtCCGeIRWS5\/GgNdZbTI3F11MPOxiTnSQeWzphDD5\/N+Qn5p+GN4fHjbRBFVVfM2pboLVlviODpug5IZFm+lHxpTp0x+K7BeU8vS2hvicFTDWu0koU\/T1f9Y3MavUNFj+86ullGWRSYtiN4RxRhMBgsSJdhKen33\/wmNz\/zOvPGn6994cbrdI1hY\/NFnm0\/ZOWFFxfGP42l5j+O4w3RHjSMLqwy29uhHFxckJ6OE2ttOlo8\/TxOehR8GsvadGmhmqbBWkuWZdR1jek66n6fe9v77E92WS0dXSzw2So3ro3Ol1M1GRP2JlRbW4QYefTMMNxP1FnFxitXmZnEWi+nypdFH5KezoleW6d34TIojVbwk7dm8M+\/8uFkk7d+8Vl8SEwPLMUoJzuvT4N3eGPIej3QBV+\/HpleGvF0\/AwRUAIJEJZ31VL5P\/\/NA+78a4x1kW\/cXOPbXxpQ1jfp5TmZVlwc5ljnIUUOB90CIrJcfq+5y9qzv3Otang1fZHB8FsE59FKePu3j7i7k4j+31zpwQ9\/8LUTpM+tfnvvNtu33+ajAtavXUZI9PsVdVVy7+EOt+48ZnfvXb56\/QpwkhSeY\/73bt\/h3v0HiGje+OQW6+uXsS4xGFQ4B+N9S1koRoOS4bBe\/js5bfq2bTFdh840\/f6A8XiKKCjzHKUVs\/0ZohSrq6torc9nfqXmIy8laI3n1+8+oSo1Lio2LxX856MZCWFrM\/KVT6+dT\/4f\/\/aE7d0O7yNbV\/p87volYoKqzGhaQ0QhApmCTKv\/vffj4U1EKYWIYIwhBI9SOb1eceIwHyv\/xK4iJ0bcfuvZHTdUVY+BS1wYlmdiz14xODt8rYv86p1HWBfZmwWezuD+TsuHu92y8JM5\/X9B0hynLNUQk8ZH0EoQSaR09AREKDMhy7IztQD4L+DGHxjr8QA8AAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris3-home_big.png\u0022 alt=\u0022Screenshot of the homepage in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221603.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-posts_big.png\u0022 alt=\u0022Screenshot of the list of posts in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADMElEQVRIib2WzW4cRRSFv1vV1T09f5AZx5EiJAiKWCDxIzZIkYxX7PCCBQs\/BO\/AM\/gV2PEEXrJha4UNwgpKVg6yzHg89sz0X1VdFh0bO1EyvaI2t\/vWUZ1T957WbYkxKhvW2dkZxhim0+kbe+fn54xGI4qixBjBOUdRFDjn8CGQuozZZcWDSY5zbhPVodR1vVHQ\/7gOE9XNek5mJQj0pGJ5tWCQ91gvL0mc4+EHH76BV1VCCAA0PhC852wtPNruv5NHRJCqqjYqqr3iIzhr6KUGAO89Ozs7nJyc3MHu7+9zdHTE8fHxnfze3h4HBwebqA6TTQgAX5c0vsFkGfPSMBmmiAinp6f8\/fLlHexiseCrjx\/z6P4nvDc2JLPf+fnXp8zn8y5UJCLyToCqkqYO5xJ6ec7YtBWirnkyGNO8P+VFYshDZOgjH7mM33qP+Wt7zmS6Yvb0CV989y02PGcTF0AnD5VlyeXlJaPRiMFgQJZlAGzvfsPsnxlfDvsISihLHnz+GT\/ee4F7\/gdJYbnYNfz5cAddf08Xrk4eqqqKEAJZlmFeVSjGSFk1BBVcYqgb2LrXx3vPxapmWSrjfkKIyrifYiV2EXTYqWViU3xUxll6k2+aBmugXC1Ra0mc4+oqkOc5qXimfUG1wpiUzBm8j91athEB+LoA76mqAS5CMsgREYL3eO9pmgYtCvr9Pnmeo6osLhaIEVSVusiYTCZdqLp5yDlH0zSEEIgilMslaZpiE9tG28brdgIYa1BVrDUoEFXZXJ+OX5mIMBwO7+RDCMQQKcsCaxPW6zXOJSRuiqq2LbUW7yMxKqgitwS\/VVAH0dgkJSI4KyS2PbSua9raCjFGjAjD4QgjgjEGY8yNZ4y1ncRAx5bF0KCqqDhiCIh7dQ9jSbMcRBABxdAWIyIIIq2HNEZQpcvQ7FSh69mUZdmdm\/70yzMu1p7pKOWq8BR1YPfTKT98vUXUiKgQNZKYTjQAbJz2twdlkrQHt97wRIWo\/3mwl7b5uq6p65per9e205guvx7wtll2beTX3733ADexbbdgrMFJ65lr3HK5ZLVaEVVJrGFr6\/7N\/usct5\/\/BSOPoERFJpF9AAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris3-posts_big.png\u0022 alt=\u0022Screenshot of the list of posts in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-post_big.png\u0022 alt=\u0022Screenshot of the top of the post page in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACrElEQVRIib2VTW7cRhBGX1V3s0nOUGNLTrIIggTeBYJhJSfwVQzoBr6FDpO1LxB4lUXuIMABpAiSrJnhX3d5IWlkw3ZIB0E+gADRLLJedX2slpyzMaGzszNUlYODg0+eXVxc0DQN222LqhBCYLvdEkJgTIkiRP6+7vhuvyKEMJXqtfR9Pwn0P+q1N5vm+evtWxChiJFmuZxT6b+SiODnBPoQcM6hqqzXa0SElBJFUdC27S2gGUMSDOXJ\/vKLCf9JZjYP6PDwkMvLyzmhHB8fc3JyQtu2mBl1veCPN7\/x8y8veLL\/\/eT7fg7112pz0zGMLWUsyTlTL35C\/WpyhwBmeehrZWJsc2bpHNkyz49+xcVyVnGzWnZfmbu7DDBVyIZgGJAAUUVEMBv4drVCnaMsy1tIs3k7NKdlT0MklzV7zlOpIgJ\/eqEaRp6iDNm4TCPv0shKlNXqEaqKquJDQICc8zygyQjgWb3EkiFApY7TsSfuNXRdy6M+sRChy5kuZX6MJaYFF9uEU3DdSB0dpZ+GgZkeerO+YnN9hRMhmTEWBU04IBQFv5+e4oeBDJjBD92WMRvdkInBURZCWTjIaZ6H5rTs5atXtG27W0t3CUWgKtxH8UdHR6gIhVdU4Go9MCZjVSlOp3dp1tFxfn7OOI6ICKq6q1REdt64H5Z1vaCoFqw7Y9snCicY8E3j0WmgeUeHmaHOoSKYGTFGvH+w3z1QzgnnPGZGPyaiV\/ox87gpUJ0302aZOqWEc+4WTJW265CuRZ2\/NQ6gqvR9T13XlHVkr1YEIQwj19fvKB8v\/pvf\/j5ZSpnlcgFAJUL+oG1mRlVVO+jNZkOMEYBYCk1Z74qZBPrc4odDzMxY1DXGg2fuUBB5mC+bzYamaQC4ubmh6zq8D7hYgUEd3Sff\/dz9e6J1Rd1KBbTbAAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris3-post_big.png\u0022 alt=\u0022Screenshot of the top of the post page in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-post-end_big.png\u0022 alt=\u0022Screenshot of the bottom of the post page in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACD0lEQVRIia2VTW7bMBBG3wxJmaptpE4CFGgO0C56id46y+56ha56gaABEieWLIkzXeTPRZuatTsrShp8fPpmhhQzc\/bE1dUVqsrZ2dlv366vr1kul3Rdj6qQUqLrOlJKTKXQpBk\/bre8O21JKe3b6lKGYdgLtF6vCaqYP6S6OyKCu6Oq5JwREVR1n9ReoOi+l4ebmxsEMHdCCLg77k5QZSrl+R1A27asVquDaESEWJMYYwAEsYJqADfMQVSIO06JCCqHu+TudUA5t5gZzWxGk9IvJRORZzGAEKskX434JPi36PseM2MYBkopAKgq0zjyZj4nPUKaGTlnYtseDlTTQ22bEdHnTZ+ad9cpMyfGiJlRo\/kqUE1SKUaMSlvx58dOWlXJuq5jsVgwjuOjK9A0s5pz5d+BapJ6z+gotDExmqPANEB\/39M2gaCCilDcWeQjm7qm3jO2tCkxn0VUX6Zq0UYE2DX5mP6BypLN354TgjIWYxqcnAJNOvpU\/jNQTdLl12\/ENCPEwMnJyV9zL04zHy+WhwPVWPzlu7PZ3j8+3bKaJxAQhHU3MpYXjc+fzvnwfnEwkGy32+OK\/n\/jMtaM7t3dHapK0zTc9kZOAXi4XIsZQYVhclJ4mLSkSj8WFvllCGpDn5paRHhtrapIaOgnyCmgPoI7UzHERqxMqBheBnCnTFuiOv04sdls9urvrn8CnvD1+u2+X7sAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris3-post-end_big.png\u0022 alt=\u0022Screenshot of the bottom of the post page in version 3\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 4 (current)\u003C\/h3\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-home_big.png\u0022 alt=\u0022Screenshot of the homepage in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221666\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAkCAYAAACJ8xqgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEA0lEQVRIiY2Wz4scRRTHP1VdP3pmd2fdDSIkm7\/CeDC5aPAvEEHwIngSD168ePLi3T9CEFFEzFmQEBFFNqd48WwiyLgTd3p3pqu6uspDd+9sT3eyeXTxul\/xXr336lvfLnHr9huJS3Lz6IhlUbBcFqQUL08hhEQrhRCCBMRYE2NCa43RGmMN6t133sYYg7UGay2zvT2Ai+9mGKyxl2ytNhatFVJKhBDNiDH2MuzEOcf5asV6tSRGSGSkFNmf7TOdTjDGjLkhUkqDgCml0dHNPU+Uc258pa4EIdqSYD4\/wVpLnluUUmRZNvCTmz41wxiDUhn\/zv\/hwf2fkbILLJnN9jBG41zg6XnsLXqx+FhZAH8e\/8IfP90DNrYQamKMhDpis\/G2yLFyV2cLVmcF5X8nlMv5BXxi5ygg1OO9lNspA\/z2w5c8evgrk92MLz7\/DHd2CoDRikwpJloyndjRktXYKt88eMSP94955XCPxVnJh58GJkBZOqQUhDqiQkFuZgPf0YCHL1\/nrbt3yCc5mczoOpPntnXSSDFa8RDYY40OIeCc43RZ4JxrQe\/QSl58O+dx3iM++viTVLZG7zwpJVbrNWXp8JWnqirqOnIFnjcl\/378sGeYTqdYY1gWS25cv8GTv59gbVOqc47Dg0MWTxfcPDrir8ePx3rYb8ZqtW7xKFgWS0BQ1x3rCNblGhCcLBYIIQdHcQDslBJ5npNSajYkpQtIpJQ4ODggpUSMkRjjiwG7qioAsqyZViojb8v2zgMQY0TKobu4dfvNF2z3RrTWGKMx2mCMxlqDaflSfPX1t6khWNsj1bx9v0y+1liM0Ugpe6QKbPQ2H87nC8pyRWZ2uHY4I3sGgAESCa36Z0Nt71Ke1xi7jwDqUMEI53XSbVQvYJdqJ4Vz5FJRx0imRk\/mJsMWAc\/NcL+SrHRNSs1OXiVXZrhEotLV\/4423CDDAZAOMoWQkkxK6rq+IuBwxwZsMy8cJnlijL0TorVGaz0IYHS\/zwPYrFxAxEBq\/yVCCLTaBEokmqfRUoqLY+i9R333\/T3Ky5zWvXvft3mP77T3OOfxvsJXjQ4hNAm8+nr\/bvPS\/j46y1icnlLXAaU0QkCsGoekJLJOkJoatrs8AFpVlgghmWYRpSQxZQgBfmIb3BnI1hVG1\/g6UrhBwC0+9J61EIBAAImq7WVoV2zUeQlKaXZ2+iShPnj\/va2b1dYty2zZWrIw1pKNkcT2LhdFgQ9w7WCP5ToxmwhKn0BArgU+JIwSnJeJnXyIwwGwpzu7ZGYXgHXDpfgaQtv9zuZCc5PopGNsUZZlqqoK5xzl82DjPM432rffpe\/DzXuPeO3O3V7V0zxHZBJoACuAqsVYJyGEZ571\/wHlDJySzIsFTgAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris4-home_big.png\u0022 alt=\u0022Screenshot of the homepage in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221666\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-posts_big.png\u0022 alt=\u0022Screenshot of the list of posts in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADcklEQVRIiaWWz08kVRDHP+9n\/5gZdkFEgrBZ4wE18Wb8EcOiiRf\/BC\/GswlXjx688U9w5GSMx71hPJLswURijAc3JBrWhGGEZqaZ6ffKQ08PAzuQgJV06tv1rVevurpedav3PvpEBFAKRLgUBQhYa1BKATCqqtosNT8TA2nqiVHQWiMxAmCspaoqqqoixtpxek+lIITwk22CNcZpefLkY3q9HkdH\/xBi4Pi4+5LfNNYarHWkSYq1Bu893nuctSRpgrUWZy3OObz3JGPeJzUGtP3s081Lh8RfOiaexCeXtvF9s7i2JVO+tU1rjVJqopurTn62bqQoClRs6ndP6fcHFOcFxhheWViYbCIid8ZFUfxs\/08yABhLkj+gioLUkSeU3BED2Otlu6u0Uj\/T3mwUY0REJrqxX8cAIYTKlmVJHJ+E2zK\/jzT9M91P07jxaSTP86F1zl0hph365ZBuH6JAogJpcUK6tADjgH+dgtPgZUjOENduTda+KBRW1\/gigNUwn0UybzHG3PgQ9lZSQ8cMsNaSZRk8XJ5wu7u7bG9vz1y3s7PD\/sEhTgtp\/4R8cX7CbWxssLxcx5nV4PYmosFleYFSFxhj6qTG9m63y8HBwcyE9vf32dra4uFchyjC6Vkx4fb29iYJzSzC9caaxiLCoBwAijzPKc7PaeU5AKnSrDpPRxt6RuFDxETh3xhZWVrmmy++opetsTg34tHFb\/y4\/wtPnz2\/ca8G33rKtPWsrj0mSn2atYYqQhRhwVreSVvkRvN7p4UfjXh9UFJUgZFpsztcw6xn5B1D8ewt1tff5+3e98DLA\/FKhW5kgKqqCGFIiNAfgTOQWhDgzQ8\/4PPvvgVgUynGQwilFKuP4OvHP7By1KX994jDNzJ+Xdnkj3e\/vBJ\/VqvcOqkH5ZAXBXgdmQ\/n6Ln2ZfW04s\/nhxhjEIloXetOu8ODTouzkxOiqHFlK7TVmKxF5nPSNL0poae3Vsho8KNjFIpRK4eLISKRLM8BIUkSjNaEEHDO0Wq18N6hreVsOEJE0KrmkzSh7TXOufv3ENqy9NrKlV8MqHuIOCTPMgRhrjM3eV3OOUIItNtttNKIRASwxuL91Zl352NfVRUhDgkBiiF4C5mrGzz3htOzM4wxDAYlEiPaaF5dXMRaS1mWKBQxBrSxiBd8MvszMy3\/AclyutTtBlE0AAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris4-posts_big.png\u0022 alt=\u0022Screenshot of the list of posts in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-post_big.png\u0022 alt=\u0022Screenshot of the top of the post page in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACVUlEQVRIib2Wz04bMRDGf+P1er2ABKrUC2ovPXLupapEi1SpT0DfgqfgoXqteu1DVOqhQfwvCoRge6aHJGSBQKIU9ZMsfzv+Zjy2x7srb999NANEwIwpBDDwvkJEAEg5j8w2Gp\/JgRgDqoZzDlMFoPKenDM5Z1RHwu6cIlBK+eYnwSbGLra333N+fs7BwSFFCycnpw90Xe4ceF8Tm4j3FSEEQgjU3tPEBu89tffUdU0IgWY8HpoRB5z\/tPNhKmjCVNgEmtBMbePnifPI1nS0I5tzDhG57SdtlPzsfoJ+v4\/oZP+WxOHREVqUto3EOGoAZnY74aK83+9\/98skMRgmcDUAzeoGognNiZwzV1dXOBG8QdXGWx\/rFOhjHMDf37ZFsBLDlIcAhAeap3YCQFUxszutlKK+lDJzsOv81IqWwaSuunXmnGNtbe3ap5QeFU3s+\/v79Hq9bsgHN3IePu7s8GV3d77QFsDW1pYB\/9T29vbMzExVb+PO4F\/dOKlugjP5\/4KfVyfPmdQicy11y5bFInO55wp0R3\/Pt3tJ5p2EX+RIvAhRHI1AFEcUoRZH5YSkymkM2E3i5ThUUuXajKEZGUgC1YKLWuhN\/cYHYtPSVhWtq6hFECA4x680ZLDaUkJic1hYdx7FuFFlqMpFyQxU2RD3fDX0OkbadoW28lyXzIsQGKoSXcUPTayvb6Cq\/Pzd43NcxczIalyWzCvXcpZu2AwNIjL3u+YfG+jyZMafUtAxv8iZG1MuS+EkZ8LxGSLClcFxSmxUFQNVFOiXQjbjevxfNA9\/AVXov5JBOanJAAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris4-post_big.png\u0022 alt=\u0022Screenshot of the top of the post page in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-post-end_big.png\u0022 alt=\u0022Screenshot of the bottom of the post page in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACx0lEQVRIiZ2Wy44cNRSGv2Mfu6qnJ5NZgMSKp2CDkAJIvBALFrwZy4gFQnkMFihCBLVGM9NdrrIPC1dXVV8nyS+V\/Nv++9x8a\/nm2x\/MABEwY4YABqoeEQGgH4Y6bHX+LAfaNlKK4ZzDSgHAqzIMA8MwUEoVLn2KQM75re6N7QeXePPmOzabDe\/f\/0MumQ8f\/jvRLblzgqrSNi2qSoyBGCNBlaZtUFWCKiHU8SbG2ja1VdVBf\/rx+ypojgUNzchTSoQQaJuG2ERUlVW7IgQlhkC7amnbFvUe7z3OecQJVgoiDucdr+\/upkoftwsMUvb1u4KHhwdKKYgIZrUSIJgVEMHMcAsntlh7o67lzc0NMUbMbArkDP9NXwoGYLfrKFawYtXFIjPvHEPOeO9ZtSuKGewdyVglIIQwBXoQ8BHXM2U7watXt+ScAZliKcWIMeC9n4zGGA+MX6nERa57Y8elXvZDCDjncM6RcwEBRQhB60kadaWUgyqc+5aaY5iZ0+fn54uCl5DzcNBfbtZj7r2f+KVVeXp6anW9Xl90mFLCjyfnU\/E5S2Zm6DXRcyr8u3nkqy\/vEXGkDI2Hbmz7Ak7AOxgyIIY6IQ2gHroBVlpPWp8heLgJ1xO5euy3A6QM6xeMfAq8my\/iYzw+Pv5+9ZR5mYMZCvz9AHdtzfyLdZ3fz6mbf\/fXBm4bKFbH79t5LpdaqUu4eg+5Razq4Ov7U81mV9+jbNCqcRtl1I2PHIdcZObHWwWYj\/05nDy4Z7DMfnZ+ym3kQr0e9thzMyPnXAM6vkHP3RulFFJKdCmRutp2XTeNdV0ipW5sa79L3aRNk2buz19PSoldt0N\/\/uXXyfB+IvU9KfX1zuh7tjmTS67ZjBU3myt4uA3H\/y0GeUziY5HzgP7x57uLghgCIYbJqXee1Pd47\/De0fcDpRRUFRFhu91+tPNzEJHyP7\/y5So+jfmBAAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/avris4-post-end_big.png\u0022 alt=\u0022Screenshot of the bottom of the post page in version 4\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022464.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["programming","php","javascript","webpack","symfony","symfony encore","doctrine","orm","cms","esse","columnist","version","new year","blog","design","redesign"],"hasMore":true,"image":"https:\/\/avris.it\/image\/avris4_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris4_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4_mini.png\u0022 alt=\u0022Screenshot of the new version of the blog\u0022 width=\u0022240\u0022 height=\u0022117.03937007874\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt wasn\u2019t really supposed for the New Year, but I\u2019ve had plenty of free time on my hands\nduring the holiday break, so here it is already: a brand new version of my blog \ud83e\udd73\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris4_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4_mini.png\u0022 alt=\u0022Screenshot of the new version of the blog\u0022 width=\u0022240\u0022 height=\u0022117.03937007874\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt wasn\u2019t really supposed for the New Year, but I\u2019ve had plenty of free time on my hands\nduring the holiday break, so here it is already: a brand new version of my blog \ud83e\udd73\u003C\/p\u003E\n\u003Ch3\u003EWhy?\u003C\/h3\u003E\n\u003Cp\u003EWhere to start? I got increasingly annoyed by the old version.\nThe design started seeming boring and blunt.\nThe code started growing unstable.\nIt was using the \u003Ca href=\u0022\/projects\/micrus-v4.lite\u0022\u003E Micrus framework\u003C\/a\u003E,\nwhich I \u003Ca href=\u0022\/blog\/how-and-why-i-ve-built-and-killed-a-php-framework.lite\u0022\u003E stopped supporting\u003C\/a\u003E a year ago.\nIt was using \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Micrus-Assetic\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Micrus Assetic\u003C\/a\u003E\n\u2013 an outdated method of asset management,\nwhich highly depended on the server configuration and binaries installed.\nThe deployments were \u201ciffy\u201d, to say the least.\nI was afraid of sending even small changes to the server, for fear something might blow up again.\nSome small things I didn\u2019t even notice were wrong: like still warning about Google Analytics tracking,\neven though I migrated to \u003Ca href=\u0022https:\/\/matomo.org\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Matomo\u003C\/a\u003E ages ago.\u003C\/p\u003E\n\u003Ch3\u003EWhat changed?\u003C\/h3\u003E\n\u003Cp\u003EI decided to keep it simple. To go with a \u201cless is more\u201d approach.\nI\u2019ve removed soooo many features that just weren\u2019t useful enough.\u003C\/p\u003E\n\u003Cp\u003EI used to have an admin panel: except I didn\u2019t need any fancy editor,\nthe main content was written in an (enhanced) \u003Ca href=\u0022https:\/\/www.markdownguide.org\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Markdown\u003C\/a\u003E anyway.\nSo for this version, I\u2019ve decided for a filesystem-based approach: I\u2019ve ditched the database completely,\nI don\u2019t need any ORM, I don\u2019t need an admin panel. I just have a bunch of \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/SUML\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E SUML\u003C\/a\u003E files\ntracked by GIT. Using \u003Ca href=\u0022https:\/\/gitlab.com\/Avris\/Esse\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Esse CMS\u003C\/a\u003E.\u003C\/p\u003E\n\u003Cp\u003EI used to have three language versions of the UI \u2013 but why?\nI don\u2019t think anyone really cared about not seeing the names of the categories in Polish,\nwhen most of recent my posts were in English anyway.\nSo now the posts are still available in the language(s) they were written in,\nbut I\u2019m no longer maintaining the multiple versions of the UI, or the features to filter content by language.\nWhat a relief!\u003C\/p\u003E\n\u003Cp\u003EI used to have a \u201crandom post\u201d box. I used to have tag clouds. I used to have an embedded Twitter timeline.\nI used to have the latest posts on the \u201cabout me\u201d page (really?). I used to have a link shortening feature\n(\u201davris.it\/l\/\u0026lt;whatever\u0026gt;\u201d) that I\u2019ve never used, not a single time.\nI used to have a separate controller and database fields to support redirects for legacy URLs from the even earlier version.\nI used to have database fixtures. I used to have a console command to export legacy comments to \u003Ca href=\u0022https:\/\/disqus.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Disqus\u003C\/a\u003E.\nI used to have tooltips and popovers.\nAll gone now! \ud83d\ude0d\u003C\/p\u003E\n\u003Cp\u003EI replaced the infinite scroll with... just loading the whole page at once \ud83e\udd37\u200d\nIt\u2019s not that big for today\u2019s standards anyway \u2013 the heaviest list of posts is 113 KB of compressed HTML.\nInstead, I now lazy load images using the \u003Ccode\u003EIntersectionObserver\u003C\/code\u003E API.\nWay simpler than infinite scroll or pagination \u2013 which aren\u2019t really necessary with this amount of data.\u003C\/p\u003E\n\u003Cp\u003EOh, and the website is now using a fast an sleek \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Symfony\u003C\/a\u003E setup with an HTTP cache \ud83e\udd70\u003C\/p\u003E\n\u003Cp\u003EDesign-wise, I use the default \u003Ca href=\u0022https:\/\/getbootstrap.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Bootstrap\u003C\/a\u003E theme,\nwith only minor changes of variables and minimal additional styling.\nThe main feature, obviously, are the tilted elements. That\u2019s enough to add some personality to the website,\nwithout making it overcomplicated.\nCompared to the previous version, it\u2019s way more contrasting, better tailored for wider screens and clearer.\u003C\/p\u003E\n\u003Cp\u003EOverall, 41090 (!) lines of code were removed:\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris-3-4-diff_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris-3-4-diff_mini.png\u0022 alt=\u0022424 files changed, 6711 insertions (+), 47801 deletions (-)\u0022 width=\u0022240\u0022 height=\u002238.836363636364\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThere\u2019s nothing else in the (programming) world I love more than removing useless code!\u003C\/p\u003E\n\u003Cp\u003EDeployments are now stable, simple, reproducible and revertible, thanks to\n\u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Symfony\u003C\/a\u003E, \u003Ca href=\u0022https:\/\/webpack.js.org\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Webpack\u003C\/a\u003E,\nlack of database (no db = no migrations),\nand most importantly my recent child: \u003Ca href=\u0022\/projects\/avris-deployer.lite\u0022\u003E Avris Deployer\u003C\/a\u003E.\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris4-deployer_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-deployer_mini.png\u0022 alt=\u0022Console output of deployment\u0022 width=\u0022240\u0022 height=\u002267.075471698113\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 1 (\u201dSilva Idearum\u201d)\u003C\/h3\u003E\n\u003Cp\u003ESo, to finish this post, let me just quickly show you the four versions I\u2019ve been through so far:\u003C\/p\u003E\n\u003Cp\u003EMy first blog was called \u201cSilva Idearum\u201d (Latin for \u201cForest of ideas\u201d).\nIt was anonymous, spirituality-oriented, Polish-speaking, Joomla-running and with a \u201ctoo much\u201d design.\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris1-post_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris1-post_mini.png\u0022 alt=\u0022Screenshot of the post page in version 1\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 2\u003C\/h3\u003E\n\u003Cp\u003EAfter coming out and becoming independent from my parents,\nI was finally able to put my name on my posts. New domain and a redesign was also in place.\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris2-home_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris2-home_mini.png\u0022 alt=\u0022Screenshot of the homepage in version 2\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 3\u003C\/h3\u003E\n\u003Cp\u003EAs announced in \u003Ca href=\u0022\/blog\/brand-new-blog.lite\u0022\u003E Brand new blog\u003C\/a\u003E\u2026\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris3-home_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-home_mini.png\u0022 alt=\u0022Screenshot of the homepage in version 3\u0022 width=\u0022240\u0022 height=\u0022400.875\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris3-posts_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-posts_mini.png\u0022 alt=\u0022Screenshot of the list of posts in version 3\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris3-post_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-post_mini.png\u0022 alt=\u0022Screenshot of the top of the post page in version 3\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris3-post-end_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris3-post-end_mini.png\u0022 alt=\u0022Screenshot of the bottom of the post page in version 3\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch3\u003EVersion 4 (current)\u003C\/h3\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris4-home_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-home_mini.png\u0022 alt=\u0022Screenshot of the homepage in version 4\u0022 width=\u0022240\u0022 height=\u0022416.5\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris4-posts_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-posts_mini.png\u0022 alt=\u0022Screenshot of the list of posts in version 4\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris4-post_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-post_mini.png\u0022 alt=\u0022Screenshot of the top of the post page in version 4\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/avris4-post-end_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/avris4-post-end_mini.png\u0022 alt=\u0022Screenshot of the bottom of the post page in version 4\u0022 width=\u0022240\u0022 height=\u0022116.125\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E","words":694,"readTime":3,"lang":"en"}}},"blog\/technology\/redesigning-a-website-stos\u0142owia":{"key":"blog\/technology\/redesigning-a-website-stos\u0142owia","type":"article","published":true,"meta":{"createdAt":"2018-08-24T15:23:40+02:00","publishedAt":"2018-08-24T15:22:00+02:00","group":"redesign","category":"blog","subcategory":"technology","slug":"redesigning-a-website-stos\u0142owia"},"content":{"en":{"slug":"redesigning-a-website-stos\u0142owia","title":"Redesigning  a website: Stos\u0142owia","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022299.375\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAWCAYAAACosj4+AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFPElEQVRIiX2Wy28cxxHGf1Xd89ql+RTNWJYjSrIs2TBiGHAeOgQ555\/KNfApyF+US2zlZOQSCApgPSgnlB0RJJfk7s6ju3KY2eGMKLqAvUx11X791VdVLTFGo7PnL5\/x3XffEhaQe8\/N2\/vs3b1DM1\/w34MDZifHzMOcqql59Ovfs3\/7DgBN01BVFd57zPp0qCp1XXN2cUFV1WRJgqrinOPvjx\/zzbePyYqCIi+Yz8+5u7+PF5E+wZOn\/+Lrv37NJC3YTTe4tX+P\/U8fUs2XvHj5bw6PnnHRnHP4wwl\/\/tNfuLN\/FwAR6X8AZsarV6\/Y2dnh6dOniAgbG5tcOAcGm5vrfP7ZZ7x4+ZLlcs4nH9\/l0e8ekaUpfnijvV\/s8dVXv8F5xWfCrc0Pufn+B5T1ET81KfduPiDWxsP7gb3dvREbQ2uahtlsxtbWFr+8fRsQpANa1RXHx6c4ifz2y19x\/8GnZFlGjJGyLJFhyaoQWdaRECOpgmp762iQKoQQCCgiQuodTltGQgijkq1+IQRCCCRJMgIcY6Cqao6Oj1lfew91StLF+uFBiQFtShSwCDiHqEIIlGZ453ASwQATwPWxQ7ZW5VNVkiQZ+VZAi6LgVlHQNA0xGs4pIGMNmSg1nsILdTQaA4lGFXV1gBANMUMd+EFsmqY9E2ZGHYzEXfpHF\/cZP1Xn\/GP2gj\/uPmDDZ5c+G8CvqpL5fHGlU1qa4+jbZDLpATRNg5mNAL348ZAb023yNMFhNM4IZmgIeC80qmSaYmYMSRkBKptI3QSK1BMGeq0jTDw0BjGCCHgF7RK9C9A8BFKEaIKzgBMDFdCRSvoSr2zUZRIbQrngvGwPmRnOOWKMnDHWyWQyQfw4ee834+L1a9KtLVLvMaD6\/jkne9uEGNje3gbgoD7kA7\/Lmk4uAY001AluCMbMrgy8lWCHscObGlACP56crDy89+FNXFVRLSveHL5BVdnJ1lnbmlxlaAVAfIKfbuClY7dr6zoKmXbtLIoBKFfqP2RpUkxQ105lDLI8Q1rUiEjP\/CpmhWHMeWgI8wvCW7cWEaoY+0QArijAuVH4Ckw0gzxBnMPakcjfTv\/DH9JdinyC0zbOXs8wXyJrWR87FnVZUlVV\/werDptOp\/ycvUvUBwcH7Ny40RWsHQvHxycg4Dvt5VlOUeTXixrnCV4ofDudzdqOmi1rcgfRIEQQMVLv+0n9NkNtKs\/pySlI+31jY4M8z6jqGosG0o6ZoshHcVdKZss588GnFUsXgzkkIvjJBKfjlTC06WSKOu0KBlmasgwleZ73eZ8vXuGiZ00vKzACpKp470fUiwghBGKnoRXd7i39DC1ahBTEda8A4J+LJ3w0fx\/nPd55ROBOdotCi1HsqO0DQoVDDZq2NqgYlSkeQwzqYEQznDfcNW2vKGdHMxBhe2sLEeGL\/CHzuKCqKqrY6lRUKYpirKERQxbRpqQO3QEzojo81tVZiKHpfNeXC0CdQ1WZnZ1hZkynU9I0Jc9zRFqGq6q+MjrG2x5G29l737\/wVoHeXx3977I8yxEV0q78SZIwOz1HRNlYX8cCzP4X0BuBYk0vAY2eBuqoJSHRiDqH0ZZxWdbte8ggli3dRZbir51DkWSakKYphiEIT8pnfOT3WCwWlEdLwCjWC\/Lp2rjLRqsjNFDNqYfUd122fKvLLPFXdtlQQ0evj9jc3Ox9n6\/d56K6IE0TMEjTpGf72tXhvSfPc1xX\/5U1TdPvr1UCVf3Z1ZFlGYvFEhEQUSZFwBJHmraL1DnHs7M33CtSpi7tMfwfMXi5tPgkQxcAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022299.375\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThere is a website I\u2019ve created many years ago, \u003Ca href=\u0022https:\/\/stoslowia.avris.it\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Stos\u0142owia\u003C\/a\u003E (Polish only), which collects stories of up to a hundred words. It never got any users, but I didn\u2019t really care to promote it in any way either.\u003C\/p\u003E\n\u003Cp\u003ELast week I\u2019ve decided to rewrite it from scratch, because so many things were wrong about it \u2013 from an ancient backend in plain PHP with hardcoded credentials and no separation of concerns, to login with Facebook (and only Facebook) that stopped working... Now it\u2019s a fresh \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Symfony 4.1\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Encore\u003C\/a\u003E with some new features (like automatic screenshot generation, seen for instance on \u003Ca href=\u0022https:\/\/twitter.com\/Stoslowia\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Twitter\u003C\/a\u003E).\u003C\/p\u003E\n\u003Cp\u003EBut what I\u2019d like to show you, is how a couple of pretty small design changes have made the whole website way nicer visually (IMHO).\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022598.75\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAWCAYAAACosj4+AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFPElEQVRIiX2Wy28cxxHGf1Xd89ql+RTNWJYjSrIs2TBiGHAeOgQ555\/KNfApyF+US2zlZOQSCApgPSgnlB0RJJfk7s6ju3KY2eGMKLqAvUx11X791VdVLTFGo7PnL5\/x3XffEhaQe8\/N2\/vs3b1DM1\/w34MDZifHzMOcqql59Ovfs3\/7DgBN01BVFd57zPp0qCp1XXN2cUFV1WRJgqrinOPvjx\/zzbePyYqCIi+Yz8+5u7+PF5E+wZOn\/+Lrv37NJC3YTTe4tX+P\/U8fUs2XvHj5bw6PnnHRnHP4wwl\/\/tNfuLN\/FwAR6X8AZsarV6\/Y2dnh6dOniAgbG5tcOAcGm5vrfP7ZZ7x4+ZLlcs4nH9\/l0e8ekaUpfnijvV\/s8dVXv8F5xWfCrc0Pufn+B5T1ET81KfduPiDWxsP7gb3dvREbQ2uahtlsxtbWFr+8fRsQpANa1RXHx6c4ifz2y19x\/8GnZFlGjJGyLJFhyaoQWdaRECOpgmp762iQKoQQCCgiQuodTltGQgijkq1+IQRCCCRJMgIcY6Cqao6Oj1lfew91StLF+uFBiQFtShSwCDiHqEIIlGZ453ASwQATwPWxQ7ZW5VNVkiQZ+VZAi6LgVlHQNA0xGs4pIGMNmSg1nsILdTQaA4lGFXV1gBANMUMd+EFsmqY9E2ZGHYzEXfpHF\/cZP1Xn\/GP2gj\/uPmDDZ5c+G8CvqpL5fHGlU1qa4+jbZDLpATRNg5mNAL348ZAb023yNMFhNM4IZmgIeC80qmSaYmYMSRkBKptI3QSK1BMGeq0jTDw0BjGCCHgF7RK9C9A8BFKEaIKzgBMDFdCRSvoSr2zUZRIbQrngvGwPmRnOOWKMnDHWyWQyQfw4ee834+L1a9KtLVLvMaD6\/jkne9uEGNje3gbgoD7kA7\/Lmk4uAY001AluCMbMrgy8lWCHscObGlACP56crDy89+FNXFVRLSveHL5BVdnJ1lnbmlxlaAVAfIKfbuClY7dr6zoKmXbtLIoBKFfqP2RpUkxQ105lDLI8Q1rUiEjP\/CpmhWHMeWgI8wvCW7cWEaoY+0QArijAuVH4Ckw0gzxBnMPakcjfTv\/DH9JdinyC0zbOXs8wXyJrWR87FnVZUlVV\/werDptOp\/ycvUvUBwcH7Ny40RWsHQvHxycg4Dvt5VlOUeTXixrnCV4ofDudzdqOmi1rcgfRIEQQMVLv+0n9NkNtKs\/pySlI+31jY4M8z6jqGosG0o6ZoshHcVdKZss588GnFUsXgzkkIvjJBKfjlTC06WSKOu0KBlmasgwleZ73eZ8vXuGiZ00vKzACpKp470fUiwghBGKnoRXd7i39DC1ahBTEda8A4J+LJ3w0fx\/nPd55ROBOdotCi1HsqO0DQoVDDZq2NqgYlSkeQwzqYEQznDfcNW2vKGdHMxBhe2sLEeGL\/CHzuKCqKqrY6lRUKYpirKERQxbRpqQO3QEzojo81tVZiKHpfNeXC0CdQ1WZnZ1hZkynU9I0Jc9zRFqGq6q+MjrG2x5G29l737\/wVoHeXx3977I8yxEV0q78SZIwOz1HRNlYX8cCzP4X0BuBYk0vAY2eBuqoJSHRiDqH0ZZxWdbte8ggli3dRZbir51DkWSakKYphiEIT8pnfOT3WCwWlEdLwCjWC\/Lp2rjLRqsjNFDNqYfUd122fKvLLPFXdtlQQ0evj9jc3Ox9n6\/d56K6IE0TMEjTpGf72tXhvSfPc1xX\/5U1TdPvr1UCVf3Z1ZFlGYvFEhEQUSZFwBJHmraL1DnHs7M33CtSpi7tMfwfMXi5tPgkQxcAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022598.75\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThere is a website I\u2019ve created many years ago, \u003Ca href=\u0022https:\/\/stoslowia.avris.it\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Stos\u0142owia\u003C\/a\u003E (Polish only), which collects stories of up to a hundred words. It never got any users, but I didn\u2019t really care to promote it in any way either.\u003C\/p\u003E\n\u003Cp\u003ELast week I\u2019ve decided to rewrite it from scratch, because so many things were wrong about it \u2013 from an ancient backend in plain PHP with hardcoded credentials and no separation of concerns, to login with Facebook (and only Facebook) that stopped working... Now it\u2019s a fresh \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Symfony 4.1\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Encore\u003C\/a\u003E with some new features (like automatic screenshot generation, seen for instance on \u003Ca href=\u0022https:\/\/twitter.com\/Stoslowia\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Twitter\u003C\/a\u003E).\u003C\/p\u003E\n\u003Cp\u003EBut what I\u2019d like to show you, is how a couple of pretty small design changes have made the whole website way nicer visually (IMHO).\u003C\/p\u003E\n\u003Ch1\u003ELogo\u003C\/h1\u003E\n\u003Cp\u003ELet\u2019s start with the logo. The old one was the laziest option possible: just an icon of a pencil from \u003Ca href=\u0022https:\/\/fontawesome.com\/v4.7.0\/icons\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Font Awesome v4\u003C\/a\u003E.\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-old-logo_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022128\u0022 height=\u0022128\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABz0lEQVRYhe3WzWpTQQCG4afqQkS6FJEiIYSsRMSFEt24EHfeh5siIsWr8Aq0igvvQUqoGvwB8aeK1I24kOIF+EcopbqYOfQ0nJycTE5ThbybGSbnkJdvvpmEGTP+bRq4vN8SGW08xSdcw4EqLx3cI5kW7uI45nAem3izH0LtnEzGHC6gjzX8mZZQE8sDMnk6+I130xBq4V6JDDtJ\/cIHBUnVJdSsIJOX6uAH3hd9OCkt3MGJMd\/bwlV8yS9WOoolNBNloIuNwcVJhLICp8g8wi3hKthF6pZNIrOCm0UypCXUkL5NK1gaJsP4CWWdWUiQ6eJGmcy4QidxfwKZJeFSLKWqUEPozJ4lM47QAh4kyqwKBR6ZTMaoUjekb9OqkExlGcoTOoaHQndSZMZKJqMsoSvTlhkl1InjZxULiScStqmK0BGcjvNl4ZrvV5QZ9Vwph4ast4QObeI1vsb5bRwueL6H65PKMDyhc3HcwLc47wrdGPzSnhqSyRiW0MU4vsK28Lt1RuhV305KPSzWJUPxsT+Kx5jHW6FPDbu3ahvPhGR+1iVDcUKnogycza1\/xzpe4kWcb9UpM0yoHce+8PfyeRT4GKWmzjwuCadsxoz\/jr\/bT2F\/bPwgOgAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-old-logo_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022128\u0022 height=\u0022128\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThe new one is a modification of free vector icons \u003Ca href=\u0022https:\/\/thenounproject.com\/iconka\/collection\/sketchy-icons\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E created by Denis Sazhin from the Noun Project\u003C\/a\u003E (CC-BY), that looks way more individual. Its elements form a \u201c100\u201d, which relates to the name and the purpose of the website.\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-logo_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022128\u0022 height=\u0022128\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAI1UlEQVRYhb2Yf2wT5xnHv2f7\/ONydmwnRI7TJIYlGCIISQ2ENjQYd8WDjM2AmGBDQpP4ZxJC+2NC+6MFoSmVEG2llXXtJk2dtElFaqNurSqBSEKBKI5p6jo\/+JE4AeIljnyJHcf23Tn2nd\/90dmLk8DWEfZIpzvd8\/74vN\/3eR69d0r892YG0AqABRD5Dv2+k1H\/wa8GsFOhULxYWlrqtlgsDdFoNGO1WnuDweDdTCajqqys\/H0oFEo9L8Dl9sMdO3Z8MzAwMDk1NSWeO3eODA0Nkb6+PvLBBx+QCxcukPr6+s6+vj7F\/wvodEdHx3AkEiEffvgh2b17N8lkMoQQQnK5HLlz5w7xeDyy3W7\/DYA1gXrqIDRNNzc0NNhSqRR8Ph\/27t0LmqYBABRFYXBwEM3NzYq2trZfa7Vaz\/MGYquqqnY1NTWxDMMgEAjA4\/GAEFK4wuEweJ7Ha6+9pqqurv6Tw+F44XkC7XK73eWiKMLv90MQBDQ1NQH4Vh1JktDT04P169dDFEUcO3ZMGhgYeObgVj3F96rT6dSazWb09\/fD7XaDor5NSkIIIpEIOI5DS0sLPv\/8c1y9evVBOp2OPyvQkxRSsCzb6HQ6tclkEv39\/fB4PAUgiqLQ39+PLVu24PHjx\/D5fJicnPRfunTpWXmeCGR2uVw2lUql1mq1mJ6exrZt2wowANDd3Y09e\/aAYRgsLCwgmUzOPjPNU4Aa3W63QqFQgOd5aDQaMAwDAIWA\/vrrr1FVVYVoNIpQKASKorqeG5BSqXzR7XarZFnG\/fv34XQ6i7ZrenoaLMuivLwcyWQS2Wx2TBCE\/ucGVFdXV6nX662JRALXrl2Dy+UqSne\/34+XXnoJJpMJ09PTyGQyfWsBA6yeZYb9+\/fbMpkMk8vlMDMzg4aGhoJCAODz+XDo0CEsLi5iZGQENE3\/fa2AVlNo5759+5h0Oo1oNIr6+npQFFWkUCwWA03TYFkWyWRSKCsru7NWQCsUoijK1tDQsJFhGPh8PuzevTv\/HgDA8zwAIBKJQBAE3Lt3LxQOh7m1AlqukMrhcGzW6XQv0DSN0dFRtLa2FqkzNjaGXbt2obq6GiUlJUin01cBSM8LyHLgwIEamqbV6XQauVwOZWVlRRkWCARQW1uL2dlZDA4OgmXZ7rWCWQ3o5UOHDrGCICAej8NqtRbBAADHcaioqADLspiZmZH0en3vWgIVxRDLstYNGzZs1Ol06OrqglarLfgIIUilUqAoChRFQZZlzMzMDIVCobTRaGzQarW7UqmUhef5ACHkSwDCswIxW7durY7H47ZwOIxoNAqDwVBwUhSFgYEBOByOAuj8\/Lz59ddfD1osFkt7e7uKoijcunUr19XVNXX79u2Lw8PDfySE5OOrHIARQPhpsEuBmo4ePVrDsqxCrVbjq6++wqZNmwpOjuNw\/vx5XLx4EbFYDPfv38fhw4dtHo8HZrMZhBAolUp4PB5Fe3t7jdfrvXz69OnWysrK8aqqKte+fftsiUSi3Ov1zg0NDf0tGAz+NplMjj8NqI0Q0pRIJKBWq1FVVQWTyQRRFEHTNC5dugS9Xg+KoiCKIubn57F9+3asW7du5SpVKnAcpzhz5sxPXS4XTCYTlEolDAYDTp069cLU1NTpK1eunHjrrbd+MTs7e2VpX+WS55\/p9XrX0aNHFd3d3Th58iQaGxvx2Wef4ebNm3C5XNDr9WhsbATDMLhx4wY8Hk9RnOW3tre3F4QQOJ1OWK1W6HQ6aDSagt9oNGLLli1aq9Xq6evrmxQEYXC17Xu5tbV1fmJigiwuLhYO8nnLZrOko6ODeL1eEgqFyNmzZ4v8efP7\/eTjjz8m6XR6VX\/eEokECQaD5M033xQBfD8PsTTtR8bGxnLl5eWgaRqEEAD\/Pm4olUrY7XZ0dnYinU7DbDYX+QkhkCQJPp8Pe\/bsgVqtXuFfesmyDKVSiYMHD2rb2touUBSlWA6UmJube9Db21uQNn+nKAo8z6OlpQVmsxlvvPEGtm3btqLN3bt3wfM8WJZdUb\/ybfKQHMdBkiQYDAYcOXJkJ4CNy4EAoKenp6doEEmSEAwGMTIygkAgALvdjpqaGjgcjqIJAWB8fBzNzc3Q6XQrYJbGWCwWA8MwEEURALB3716VTqc7DCwrjISQ66Ojo79aWFjQZrNZaLVaLCwsQKFQwGAwIBaL4YsvvsDbb7+N0tLSwmrzE2azWajV6sK75fd8+5KSEnAcB5vNhpKSknx4fG8FEICB8fFx7sSJEzX5Fdvtdhw\/fhyCIOQ6Ojoet7e3lxuNxkLFXDqRJEkQBGHV7VqyaAiCALVajVwuB4qiMDo6isXFRQDFaQ8AWVEUWywWS4PdbqdEUYRCoUA4HMa1a9fuDg8Pn3r06BG1c+fO7SaTqRC42WwWHMdBlmV4vV688sorBWWWgicSCczOzoLneZSWlhYK6nvvvQev1\/s7AN+sOKDxPN8NIDM7++1HRDwex6effvrQ5\/OdBNCbSqXOnzt37sHU1BSi0Sji8TgikQhKS0uxefNmPHz4EI8ePUI6nS4K5GQyiWQyCVmWYTQaQdM0KIrKL3YMwF9XUwgAEiaT6RRN05q6ujqEw+HAxMTEjwDc\/Zca\/MzMzHVZll8tKytbV1JSAoPBgIWFBZjNZtTX1+Pdd99FY2MjVCoVZFlGNBqFJEmQJAlarRZGoxEMw2BxcRGXL1+WOjs7fwkg8CSgOM\/zP5EkycJx3Jd+v\/\/HhJB\/LG0gy3L0wYMHV3t7e2uDwWCNIAh0MpnE8PAwAoEAbt++Hcpms5ra2lqVLMuFKm2xWKDRaEDTNFKpFN55553M+++\/\/xee5y8CyAFP+GHFsuzZ9evX75iYmPi5IAhP+15XaDSaCrvdvjESiRjVajU2bdr0cGJiYsxgMPygrq7uD\/v377c4nc5CzRFFEZOTk\/joo49GPvnkk8uxWOzPADL5AZ\/0B43B\/3ieWWoqlcpmNpsP2Gw2R0VFRYUoipibm3sYjUavV1RUdPn9\/vTyPv8EVEBqalCJz50AAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-new-logo_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022128\u0022 height=\u0022128\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch1\u003EOld design\u003C\/h1\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-old-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221197.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAYAAACaJFpUAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFCElEQVRIiaWWzY4kRxHHfxGZWdXTPbNe42UFyLKQWVnmERBHy+LIkQsvgMQFiTvPwI0LDwAvgLiCQOKCOHNDNrINi7We6Z3q+sgIDllVru6qgUHkYaqnKjMjM\/4fEZJzdi5G27YcXx+pUsLNEVVSDMRUISKIapnXNJg7ApRNyl9zZ3+1J4RwuTVRRFYv\/\/in3\/HTn\/2Yt5+8wacf3ZNb48Xzp3z7O9\/la8+\/wrvf\/wH+8h\/8\/le\/JlSR288+4w9\/+TPP3r7mNh\/55G+v+MXPf8mHH3xvHXD1ZjyhdcLLo3H4+jVvVE\/Zkfji9khU5+63vyG\/esW9GdGP\/IuXPH1RY3FAvwiIK2HMwn+8obsjIsQqkG4CXdswnBSvW+5RYnPN9ZNrnqlgu8hf\/SP+\/vHHdNajAs1tpjmduH4roVICisi8L0B0P4fQ3Xnxzff40Q9\/ggYh1YGhy2glkJV3nr\/Dm289o3n9OV99\/xv0bUYV8uDESlER7v7Z8q13X8z7LZ\/ilxGBZnDuB0eBwaEOcJPOsb7tnH0Skgpt2+ISMFFUIDvUQYi65oeY2SrgMPQ0zWk+Wdd1ECsGc4JAiJGEYWbnm4lgZqgqV1d7UopzSmcMt4B1L4FUBRBSVaEiXF\/VqAgiwjAMMzYpJS7ZriNpLhO4Ig0AIdFVkeskXEXhvreiMAHz8jxpJDskhaBCHhM1pxQhsCbNJoZ915WUSjnpZepUFXfHzOaNphvlnAFhv78ipbTK3llKp5OYO0Mezt6bGTFGzIwQAkLR6\/K803p3w323+P+\/yGKyr2rEZrrlnBYRBMjjzZebujt1Xa8w3JTFtKjLTjM4hyQFEwMr0M2jzU5Q4SoUXAcv3ydfDQq6heGWLPp+4Ng0ZQFgCCKjNbsTQphxVZzJ\/s0cFUCVw25HSmsRbJo3OFG+\/K3uiAMiIBCkHGCMT9Siv5QCPuIagq6kAg+Ztxlt25YULBZNv5cEKkEdQcg5z5g\/NDZTamazsOcNRaiqavPU\/8tYkQagzXDXFzwqhSCFNBOmCDRDIcZBjZwzHhLZyxyAGIQoG9XiLPrEpNzC8ZbszmkhhWloCKgIQx74PBfvvPTMm5sbpK5Xa1c6nCbsdrvFrZ3Z9UIAhKpKZwEmT12Orb0fJE3XddR1PS4SVGWRHjZt6zFj00uLZRUV6IWLzEwdm6fpdstvyxs+SvhNn7k79Zg5b+6UUwZwzEplEBFacxTnEIXBoLNyAMUxhMOuIoW1PDaFH2wgdK8JwOtjcRh3R0Xo3EkpEUdDv2tsrh4+pkVF8KRIrNcBN\/OsOhdV5zytk+iBWejAbO6qio8VZWs8yNKJ6lVVnWFRvittezoLVNf1GYYhhIdZOk2cJmSJdOlAHQQN0GfHoBTk8dmlAwDX0pe1ITEshD84m8LfZGnXdTRNMzdElxYXQkBE6Pt+0+pEhP1+v13xt67t7sWuxnTlnGezXmJZTs+icvhZmh8tfFUlxQjjogmPEMJcCUpNzIDiXogUY\/yyY3jA5Ddb\/TEvKzFPdqcji5dr\/i\/hd1Y6axV4UsmiGBdNCvCqc55UMpOkGQqx4qLzDhuXfLhNPJ3IOWNmGIov2vgQ9KLzHjuZBaCHw4GqqtYpXZ+h+OQk6hACYgZiCKWdUPGxO5\/uPOlTwB1H2OBLCfiQ8EtvWUrOdNJprqrS9\/3ctyyxmhos1W2Wipn5JYUfA\/4wDJiVZmli8WPW\/Rv9jECHOmzNXwAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-old-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221197.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-old-add_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022442.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAYAAAB+690jAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABF0lEQVRIie2TwU7DMBBE39oOSnug\/3\/jGzjyA3wNB6RIBNvr5dDaFNomaRCIQ+c0kWazs7tjKaUYgIgAYGaND8OAquK9p+s6VBXnXPv+rs85E1NCoOlijIQQMDPMjBA6QvAntWYGgKjqnp1BjLEV1AbXYEhGMXD7X1AOne7v5GJNcM6dOK18HMc2mfeB7XaD9x4ROauv3MzIObNxLNIf8zA14W63u1g8B1VFRHDONZNL4BapVsDMeHl\/xbnPFunhEX16nqwT22PxSn\/CrRSYOd\/kyapwLT+Z\/pDXKcye7DiQ1\/I1mN1QSgkDaosa0hrUt3EkeE\/OGRGh7\/tmSFW\/bKSGfAp\/mqEl\/Nde2VrcDM3hZmgO\/87QB+2b5hKTe+QzAAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-old-add_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022442.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EMaybe I shouldn\u2019t judge the design, if it\u2019s me who created the website, but since it\u2019s mostly a \u003Ca href=\u0022https:\/\/bootswatch.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Bootswatch\u003C\/a\u003E theme anyway, I\u2019ll dare to say: it\u2019s not bad. I like it. It\u2019s clean and minimalist.\u003C\/p\u003E\n\u003Cp\u003EWhat I don\u2019t like is my own choices: like the jumbotron with random background images, which made the text not-so-readable, even with the addition of a text shadow, or the lack of a footer, which makes the website look somehow... \u003Cem\u003Eincomplete\u003C\/em\u003E...\u003C\/p\u003E\n\u003Cp\u003ESo what I did to polish it up:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003EI rebuilt it in \u003Ca href=\u0022https:\/\/getbootstrap.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Bootstrap 4\u003C\/a\u003E using a different \u003Ca href=\u0022https:\/\/bootswatch.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Bootswatch\u003C\/a\u003E theme (slightly modified).\u003C\/li\u003E\n\u003Cli\u003EI switched the \u003Ca href=\u0022https:\/\/fontawesome.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Font Awesome\u003C\/a\u003E icons to version 5, the light version.\u003C\/li\u003E\n\u003Cli\u003EI switched the font to something more distinctive.\u003C\/li\u003E\n\u003Cli\u003EMade the jumbotron bigger, with a non-random background image that matches the subject matter and is subdued, so that the text is better visible.\u003C\/li\u003E\n\u003Cli\u003EEven though the random jumbotrons in the old website were meant to add some colour to an otherwise dull website, it still looked pretty monotonous. That\u2019s why I decided to assign colours to the categories and display them as small bars on top of the story-card.\u003C\/li\u003E\n\u003Cli\u003EAlso to break the monotony, I decided to align the cards in a \u003Ca href=\u0022https:\/\/masonry.desandro.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Masonry\u003C\/a\u003E manner, instead of just rows.\u003C\/li\u003E\n\u003Cli\u003EWithin the card, I separated the important info (title, author, category) on the top, from the less important (number of words, date of submission, comments, votes and social buttons) on the bottom.\u003C\/li\u003E\n\u003Cli\u003ECategories are pretty important, yet in the old design they weren\u2019t emphasised at all. With the addition of colours they are way more visible, yet to make them even more distinctive and useful, I added icons and a list of all categories on the top.\u003C\/li\u003E\n\u003Cli\u003EI added a footer.\u003C\/li\u003E\n\u003Cli\u003EI reorganised the submission form so that it has a simple up-to-down flow, instead of the previous two columns that made it easy to overlook some fields.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cp\u003ECheck out the end effect below. What do you think? \ud83d\ude09\u003C\/p\u003E\n\u003Ch1\u003ENew design\u003C\/h1\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221605.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAkCAYAAABmMXGeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEvUlEQVRIiZ2WT28byRHFf1XdPTOkJFIyLdKxAiyyh00+wO4hgD9DgBzyOfMVFsbuYYPkkkRADhsgudiWRNqkKJOcf105DDniaOQ9pHngYKb7VVe9eq9b8jw3M8PMOB6qSllV3K\/XlGVFlqbUVUWSBESEn\/76N75\/+xYzOD09I8sy5vNbfv36V3gAEQHAzCjLku12i6pyfX2Ncw6A2esr6qrifDwmCYHfffMNf\/\/nNScnJ9x8eMfrVy\/50x\/\/wMXFBZLnuR0AARaLBavViqurK3a7HQYIQow1ZVVzO18QLXL1asaPP7zFEN68ecPobERd15Rl1QU1M+7u7jAzkiRhl+ekaYqqtplgEJLAYn6HU+HF5BIR3WdkFEXRBz2Mw\/PTWgOUZU6MwmL5kSzJcM7hvcc7xcyQ3S5vwrdg7VMPzAxirKjrmhCSNmhV1cQYCcE3oNYMRAQzIxrUERL\/SN7hm4gQzdgWxn2948\/zf\/Dt6Irvxlct2UAfdLPdsvj0idnLKSF4wBCgbiYj+26JAsoR0FHgHmhpkVVZclJ5TMBZJFjFLtSoOYIo4oRSIZWkB\/rsTus8x2JERTADAWy1Ig5TimGCOm2BNnFHbTVTP+mAPs7YjyJGPq7XkCS4QYYOMiRLAWU9v2fz8TMDyRhIRiYpTlyP0H5NNxs+LZfNR4RokRACLycT3r1\/37wVwTnFe8\/kxQtUtbPTjkxFmgXee0QElSYRdYoBaZp2WFZVjtu4xYkxdhqyLEvyPH8EVqUsS7w64rZoZCuCc45isyWII5mOO+n741YwMz4XOZsyZzzM2kl\/2S75yg8Z7DbMZq9akwnBY8ttZ5fP1nS73bJcrghJ2AdTnFNGZ2e8\/3CDyGP7eB+YTS97oP6pxlUV592j9mMEp4jA2ekpIo1cD+BVXeOd63iEHpMEUNf1nvf9b1\/XKtZUviImQCbo0POBOf\/a\/fv59J8SVVVVO+lAlHOO29s7prNpsxAwDB88Xn2HqF5NP62XrDdrAC6nUwT4ufgvF4xwy0btts8\/y1LGo1Hbip0+PR6DkFG5GgEeFg34K5lwPh4zZ0FIEgTBnrHGlqjOtvfRiqJoiWjfRzgZnLUseecoipJ8V5INkk5de+w75zgZDhBVQggI4H1jgQ8PK4YnJ4zORg2ppbB4n3P1ddJhv1fTh91nSqtQERBQdfy8+Q+XyYTkwSE075t\/4cXFeav9Z9MH0Cjk99vmqN2n\/dvsa7xz3BZ3zeJGq50SdWr6NH0RQVRZrlaYgVNlMBzgQ8rp6Wnrs2mWHh9onfR72geoqhpV2R90EV+WlGlCqeD26irEuF69A+f4\/eSrvvMfb32321HvnT\/G2CpKVbm5uWE0GpFlWdtQwfvWYL5IVLH5DLFRlACiSrW8QV3gtgqdK5KIMJte4pz75eYvDeooZFlGPOxm9ptm8nyOihLt8EWelUDf+VVZr1bcrx9aR\/Lec\/lygnceBJy4Vq6NizmOcfyTkqIipGlKrGOb0mA4QFU5Px93FptZ9571JfZVlSQECAfba\/5jjHtl9cdh\/ReJ+n9HB\/TpwbcrKvIiMhgkxGg4bZTjezeEXwjQu6HUNbUdzG0f3eKR2eneoSOIw4l1WsrM+B+FtOglJDiiGQAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-new-home_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00221605.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-login_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022733\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAbCAYAAAAULC3gAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEjUlEQVRIic2WWW8cRRDHf9Xdc+3h9YHXCfHBJYXE4sXiOQgeonwAkADxQeCr8B14QjwhcclvHCJSwEQIWUkcXwmJZ+09Zne6m4ex12uzXu8iJKiH6eqZ7qp\/V\/2rayTLMu+9B+BkPC8igogAYK2lcdik2W4RhyFJHJN1uwB0sy5RFBKGAd57vIfNBw\/46tvvSNMD2u0OzjmCICROEkqlhCiKaLXaPNj8gziJMCcOvff98SJwIoLWmulalWqlRNo45PHeHnEYMjNdw2iNc448zzEmQMSz+OJVBE+n0yGOIkqVKuVyCWMMaZqy8es96vMv8NGHH3Dj+utIlmV9z8PAPH\/+nFKpRBRF7OzscP\/+farVKmmaUqvVyLKM6zdu8nh3j9Bori4s4L0nCAxaKfI85+69X\/j+x5+oVqtEUcTW1iN2t7d46aUV7ty+w8ryMlprnPPDAQ3qGxsbtNtt1tbWSNOU7Z0dvPdopRARer0ey8srWGc5PGqy++QpWinq83MkcUwpjmkcHvLl19+QHhzw6OEmb6ze5Natt1mo1xFReO+w1uG9L1I2mJITICJCq9XCOcfMzAzNZpMkSVhcXDyTRiUK5xxKhOmpKuVSQrPVZmt7F+cs9blZlq5dZSYW5hav8P5771Kbmupz0nmPd57c5vjLItRut1lfX2d1dZU4jtHGHIP0KCX90xXGBecc4LHWUa\/P02y1eLq\/R97LqJQrzM1fQQSUUmht0Lo4jPceay3dbu9yDp1syLKMIAjodDp4D9Vq5UykzhdF8c4hokjTBkdHDUrlCsYYojDEOY8HjNYoJcfFYE8BDePPeYej5oPvRATnLNZarHVY59h7sk8QhExPTdHpZCitKCel\/j6ljqPdarUKQMUX+oOczi8C4s8++mLzHs2jFBXEJHGCUqr\/rdPJyG2OUYZ21iEIAuI4wlqLAJLn+fDb8D8S8YX0WX9eb3WLG7ccK+QSY4N7D1oWD\/QsfJH+zOf7vyECn7zyFm\/WFof6EpEC0Ljom80mHnDWobQqUipSZEwAP3h1eOT4rkri+MIDn9fNUM8jw0BR8pwyR+SEWwWYSqU8NGrF2tG6mSBAbGwdsf30AOccURiBFM1Wa8Py4rXThY1uXy1HipVZPbaPiSL0e6PMfjcpJnkxTMWCy+HxZkbuIDtXI\/WKYmW2zLhyKakHL7s\/nz3jIG0QGMPy0tkWcpCmNNJGQScRlpcWx+bNoN7\/\/egjHKKfjEmSMDc7O\/RkcRxjtB5olhatx0\/ViUyUsjAILjakNXEUTQzgb3YmIbUbsfYyOxe1pvP6RBH67G6X\/cM2WgmlUDjKHN7Da\/MB77wqGGPOpPyfiJnEwNpSyFHmCY2gT9sT04kijtVQMCeNc1wZq8rGkU\/XD\/nhYUaghNAIPevpWs\/Lc4aPb9fGrrKJWsckMkmpnwHknPtfdfuRHOrmjk6v4Eyn54mD09E60Aqch1I4Pkcuk5ERarfbNDs5zVbOwlyCVwEOhXJdUKZo9q572mQBrwLwxc+WFwOuCyoABHFdwihCjyD5v0bqUXvH1fM85y\/9B+hVIrL\/rAAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-new-login_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022733\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-add_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022713.5\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAaCAYAAADfcP5FAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEQklEQVRIicWXXW9bRRCGn9k9Xz5OnDRtSFNahNSqohJQFFGJC6BXqD8CxB0X\/BB+EhJCtBR6hQRXKBSBaJWoSvOB2yS2j8\/X7nDh2HXa2E0CFSNZOzpnduY9M+\/MrqUoClVVAIbr8yIiiAgAzjn2uz16WUYcRaRJQlGWAJRFSRxHRFGIqqIKD9fXuHP3R\/b2dun3c9R7gjCi0WjQSBvEcUyWZaw9fEAjTQiGAVV1tE4CJyJYa5lvzTLbTNnvdNnY2iYKAxbOzBNYi\/eeunYEQYCIcnF5GREo8pwkSWjOzNBMU6wN2N19yoO\/\/mR5aYnPP\/uUt65eRYqiGEU+Cky73abZbJIkCZubm6yurtJqtdjd3WVubo6iKHj7nXd59HiTwBqWl5YACIMAaw11XfPr6m\/89PMvtFotoihkfX2N7a3HXLl8mVuf3OLSxYsYY\/BeDwM6CtT9+\/fp9\/usrKywt7fP9s423nsCGyBGqMqKC69fwDlHL+uzubMDCufOnWEmbZImCZ1ul29v3+HpkzYbG49YuX6dDz+6ydmFBYwxOO\/xzqHKZEAA3W6XtbU10jRlcXGRMIwoy2Jgd2Az+DKPeo8YQ13VZHnOxtYWRVGyuDDPm29c5O533xDEKe\/f+IBmsznipFfFO0dZVnj1R5dsqBdFwb1797h27RpxHBNFEVnWH2wUQcSgQx3BeQ8oznmWXluknxe029tknQ6tVouzi+cRARGDtZYgGHBOVfHeU5Tlyzk01IuiwFpLnucoMDszc2RWD2fbI2LodnvstLeZn1vAWkMcxQddqARBgDEyaoYRoKNATAs47ZmI4F1NVdc4Pwi8t7+P85652RZlUSJGaDQSjBhUFWMOOr3Xy3TIiOMAgQPrIwEN3jpXkXU7BHGDJE5GfAEoy4qqqgiMJa9KrLU0khjn\/OBjnHNHR\/2XogpOQYBCK7pu0AwLYUogZuK+wJjJL1WVrFQUaMYGmWj5zH6YjdopeaUEFr5u\/8EPTx4iwBeXbvBea\/kF+6Eu3vsTZUhV2d75m36\/TxxH1LVjdnaW+bnWSdxMlGD82JiEelyvPHz1PYS2QRhYuoXny48T4lSp3YBfItAIBSs8I+sx\/YtOYu6UDHWynDiOR8+MAM8VVABrDp+TxwJ00pK9ajHDq8Vxf6pKp9PFOTfV8fhMGq7H0k+ToaIoDpXsv5RTARqv\/UsDnJBDwXEdj4OZNrvG7U4jpyZ17mucepo2OlXgSXLsOTQU55Xbv\/dY7+9Riedqeg57MGs8jC5KxsDNK8mJ59DoTj2USfq47BfCnMwD8DTzJKEgAv2DY2awlzH95f5HnfZ\/zKFTk7qsPXmlxKGhXw4ykVdKEgrODyaxV0ijF0k+rTRTwU47OrIso5fXdLOa82cbYEIcButL1ASDS7kf\/CdTQBDUBKBuoIsFXyImRBHEl0RxTGDtdEAnId2r1Ou65h8cjuXlSrdDwgAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/stoslowia-new-add_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022713.5\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["bootstrap","colour","design","redesign","refactoring","stos\u0142owia","webdevelopment","website"],"hasMore":true,"image":"https:\/\/avris.it\/image\/stoslowia-redesign_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022149.6875\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThere is a website I\u2019ve created many years ago, \u003Ca href=\u0022https:\/\/stoslowia.avris.it\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Stos\u0142owia\u003C\/a\u003E (Polish only), which collects stories of up to a hundred words. It never got any users, but I didn\u2019t really care to promote it in any way either.\u003C\/p\u003E\n\u003Cp\u003ELast week I\u2019ve decided to rewrite it from scratch, because so many things were wrong about it \u2013 from an ancient backend in plain PHP with hardcoded credentials and no separation of concerns, to login with Facebook (and only Facebook) that stopped working... Now it\u2019s a fresh \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Symfony 4.1\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Encore\u003C\/a\u003E with some new features (like automatic screenshot generation, seen for instance on \u003Ca href=\u0022https:\/\/twitter.com\/Stoslowia\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Twitter\u003C\/a\u003E).\u003C\/p\u003E\n\u003Cp\u003EBut what I\u2019d like to show you, is how a couple of pretty small design changes have made the whole website way nicer visually (IMHO).\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-redesign_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022149.6875\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThere is a website I\u2019ve created many years ago, \u003Ca href=\u0022https:\/\/stoslowia.avris.it\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Stos\u0142owia\u003C\/a\u003E (Polish only), which collects stories of up to a hundred words. It never got any users, but I didn\u2019t really care to promote it in any way either.\u003C\/p\u003E\n\u003Cp\u003ELast week I\u2019ve decided to rewrite it from scratch, because so many things were wrong about it \u2013 from an ancient backend in plain PHP with hardcoded credentials and no separation of concerns, to login with Facebook (and only Facebook) that stopped working... Now it\u2019s a fresh \u003Ca href=\u0022https:\/\/symfony.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Symfony 4.1\u003C\/a\u003E with \u003Ca href=\u0022https:\/\/symfony.com\/doc\/current\/frontend\/encore\/installation.html\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Encore\u003C\/a\u003E with some new features (like automatic screenshot generation, seen for instance on \u003Ca href=\u0022https:\/\/twitter.com\/Stoslowia\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Twitter\u003C\/a\u003E).\u003C\/p\u003E\n\u003Cp\u003EBut what I\u2019d like to show you, is how a couple of pretty small design changes have made the whole website way nicer visually (IMHO).\u003C\/p\u003E\n\u003Ch1\u003ELogo\u003C\/h1\u003E\n\u003Cp\u003ELet\u2019s start with the logo. The old one was the laziest option possible: just an icon of a pencil from \u003Ca href=\u0022https:\/\/fontawesome.com\/v4.7.0\/icons\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Font Awesome v4\u003C\/a\u003E.\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-old-logo_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-old-logo_mini.png\u0022 alt=\u0022\u0022 width=\u0022128\u0022 height=\u0022128\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EThe new one is a modification of free vector icons \u003Ca href=\u0022https:\/\/thenounproject.com\/iconka\/collection\/sketchy-icons\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E created by Denis Sazhin from the Noun Project\u003C\/a\u003E (CC-BY), that looks way more individual. Its elements form a \u201c100\u201d, which relates to the name and the purpose of the website.\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-new-logo_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-logo_mini.png\u0022 alt=\u0022\u0022 width=\u0022128\u0022 height=\u0022128\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Ch1\u003EOld design\u003C\/h1\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-old-home_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-old-home_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022299.375\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-old-add_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-old-add_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022110.625\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EMaybe I shouldn\u2019t judge the design, if it\u2019s me who created the website, but since it\u2019s mostly a \u003Ca href=\u0022https:\/\/bootswatch.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Bootswatch\u003C\/a\u003E theme anyway, I\u2019ll dare to say: it\u2019s not bad. I like it. It\u2019s clean and minimalist.\u003C\/p\u003E\n\u003Cp\u003EWhat I don\u2019t like is my own choices: like the jumbotron with random background images, which made the text not-so-readable, even with the addition of a text shadow, or the lack of a footer, which makes the website look somehow... \u003Cem\u003Eincomplete\u003C\/em\u003E...\u003C\/p\u003E\n\u003Cp\u003ESo what I did to polish it up:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003EI rebuilt it in \u003Ca href=\u0022https:\/\/getbootstrap.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Bootstrap 4\u003C\/a\u003E using a different \u003Ca href=\u0022https:\/\/bootswatch.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Bootswatch\u003C\/a\u003E theme (slightly modified).\u003C\/li\u003E\n\u003Cli\u003EI switched the \u003Ca href=\u0022https:\/\/fontawesome.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Font Awesome\u003C\/a\u003E icons to version 5, the light version.\u003C\/li\u003E\n\u003Cli\u003EI switched the font to something more distinctive.\u003C\/li\u003E\n\u003Cli\u003EMade the jumbotron bigger, with a non-random background image that matches the subject matter and is subdued, so that the text is better visible.\u003C\/li\u003E\n\u003Cli\u003EEven though the random jumbotrons in the old website were meant to add some colour to an otherwise dull website, it still looked pretty monotonous. That\u2019s why I decided to assign colours to the categories and display them as small bars on top of the story-card.\u003C\/li\u003E\n\u003Cli\u003EAlso to break the monotony, I decided to align the cards in a \u003Ca href=\u0022https:\/\/masonry.desandro.com\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Masonry\u003C\/a\u003E manner, instead of just rows.\u003C\/li\u003E\n\u003Cli\u003EWithin the card, I separated the important info (title, author, category) on the top, from the less important (number of words, date of submission, comments, votes and social buttons) on the bottom.\u003C\/li\u003E\n\u003Cli\u003ECategories are pretty important, yet in the old design they weren\u2019t emphasised at all. With the addition of colours they are way more visible, yet to make them even more distinctive and useful, I added icons and a list of all categories on the top.\u003C\/li\u003E\n\u003Cli\u003EI added a footer.\u003C\/li\u003E\n\u003Cli\u003EI reorganised the submission form so that it has a simple up-to-down flow, instead of the previous two columns that made it easy to overlook some fields.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cp\u003ECheck out the end effect below. What do you think? \ud83d\ude09\u003C\/p\u003E\n\u003Ch1\u003ENew design\u003C\/h1\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-new-home_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-home_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022401.375\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-new-login_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-login_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022183.25\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/stoslowia-new-add_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/stoslowia-new-add_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022178.375\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E","words":530,"readTime":3,"lang":"en"}}},"blog\/technology\/it-s-way-too-easy-to-do-webdevelopment-wrong":{"key":"blog\/technology\/it-s-way-too-easy-to-do-webdevelopment-wrong","type":"article","published":true,"meta":{"createdAt":"2018-08-04T01:12:15+02:00","publishedAt":"2018-08-05T11:30:00+02:00","group":"redesign","category":"blog","subcategory":"technology","slug":"it-s-way-too-easy-to-do-webdevelopment-wrong"},"content":{"en":{"slug":"it-s-way-too-easy-to-do-webdevelopment-wrong","title":"It\u0027s way too easy to do webdevelopment wrong","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022234.32475039411\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFTUlEQVRIiT2WT48dRxXFf\/fe6n\/vz9gztrGxY4iIsk6+BFkksIrEx0DwZUB8FVgENlkhsidBXrBAZjS2Z97M61ddVfey6Bdq01KrdPucU6fOaZmmKQCWZcFMMTNSSoQ7lhKEo6aYGiaCmBIBqkpKxlIr+3GgH0be3X5ARUAhvGGW8OZc7XccHmZUlc00csqViKDvjFIrtTaG5NyfGmm72VBqxb0hoqgayQxXxd0RESKCx\/sd82lBVLjY7ZiP9ySFEtD3A8O0pZ+PiDvhwTSNnJbCnBeu62ElpkKpjSElcinc3lfSmeBShOZBOs4zIkLf93TJaB6rAgiWErU1CCEvhbFLIEKpFesGSi2ICrU1eq+UUuhUyaWgqtTS6NQopbAZB2pzWqtEMrZjx5CUu2OmeVAAFSGpKusKPALCaeEQIC5EgAs0d3IEItCbcn+8B+DFi1dcXDxGgFwWjqcjXjJLyfSpw6NhJiy1QvD\/1aWOZamoCMUbOa+WSc0rRIAIooImw8Lw1nB3TBURp+GIJojg7uFAlzou9nse7S5Y0SuXl8\/g9oYln6i1QauMW2XT77k7nMinjEewlMZSjlR3qjtCoLr6Uja7bfyokiZDhNU3tSLrdxinEe16vFYC4fLxJUvOjNNIMkNFeHTxiG7oybUg0Tg+3NN1PbVWQg08SCLcvf\/A3cMDpsrDshAiuDutVlQUjebUUqlLpubMcpqZNhOajFAoZeGrX\/2a3hJLzkx9z+9\/+zsuLy7o1RjUGFNiMw7sx2n14VLI5cTxeOA0zxxvP1CXQqvBuNmymyZcgAj8dGI53FHnGS+VFOGA4x5AIKrc390T3hAJ1ITD7S2fffY5X\/zyC\/b7Cx5f7PnFxz\/nzZs3zKeZ7WbDkgvX1zfM+cRmu8NbsCyZPC8gws37O8IdEQV3VIT+fNtS6oGgT4aqGYIiIoCSNBG1EK1CC3764jVff\/0bvvvHd3zzzV\/ZbDb84Y9\/ItnA8eFEqY3\/vL3m+uYGMWM7jsz5SJcGhmni8uljri6veP3yJR+\/\/hnPnjwlEEqrlLxgovRdR9\/3lNaQYRhCVTFVkio1Z9yUy6srXjx\/Rs6ZTz75lJ88f84PP\/wLVeWrL7\/k799+y7\/fvqUz4e31fwl1zJUlV7QzSllQ1fUpcHe4ZztuWFrDW1tND5gCXgkxmkNCgHBqdcJg3G7IJUNUSm0kM77\/\/p\/U5uy3G27ef+Bvf\/kzuTXy8YHN0ycsOdMi8BJU65E883C8A4JxGOlSh4pxe\/+AahARtBqkZHgoiCGiRFRkHMdQlbOHnK7rmKaJZT4ilgig6zo+evmKU17Y77acDve8O9zSmiMBpVWeP3rCOI68mw\/UUig1c9IrthwIAiI4zjNd16Gq5LwgEpgapTnKGrjSdV2ICH3XEQTeKtvdjnk+AoIlZeh7CDAzBkuUWmkRiAi1NjpVBoRGUAGvFTUhDQNzLudeNCIAhFoLokZ4XYP3HMQBJDPFfU1pEUEtUUrBNGHJMDNM7XzmQnFHzQgPamuoKZ2DmEKtIOv7CMjeCBfUFBVZlSLON22dJ4AE+AqGJBJspmlFyQrKmyMKSZVwpwFdZ7TWUDVaOK2t+1sNlmSQMxnHzAgTPIJoazmrGHlZWK3hIBAEXeqo1dfiCqcUR6apj64bVm9HrHVhSrI1tVWV8MBSQmXtoVIbuqqPILRoCCuI5kGXEqaCCLhDqfWsDiRb66eF420VQM5zPUB2u02YCJwHqgrJEqpyZifIj8oFtLYCFkBUzqIHpuuxVHci1jKOOAdhBE4grL8ycSYfKyc81nJ\/9eoj\/gca1kJk61I0igAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022234.32475039411\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s honestly diffucult being a webdeveloper in the world of shitty websites. I guess that\u2019s how hairdressers feel when they see my pathetic hair after it\u2019s been a while since my last visit...\u003C\/p\u003E\n\u003Cp\u003EBut the thing is, even though it\u2019s \u003Cem\u003Etechnically\u003C\/em\u003E easy to use scissors and clippers, I don\u2019t do that on my own hair, I leave that to the professionals.\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022468.64950078823\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFTUlEQVRIiT2WT48dRxXFf\/fe6n\/vz9gztrGxY4iIsk6+BFkksIrEx0DwZUB8FVgENlkhsidBXrBAZjS2Z97M61ddVfey6Bdq01KrdPucU6fOaZmmKQCWZcFMMTNSSoQ7lhKEo6aYGiaCmBIBqkpKxlIr+3GgH0be3X5ARUAhvGGW8OZc7XccHmZUlc00csqViKDvjFIrtTaG5NyfGmm72VBqxb0hoqgayQxXxd0RESKCx\/sd82lBVLjY7ZiP9ySFEtD3A8O0pZ+PiDvhwTSNnJbCnBeu62ElpkKpjSElcinc3lfSmeBShOZBOs4zIkLf93TJaB6rAgiWErU1CCEvhbFLIEKpFesGSi2ICrU1eq+UUuhUyaWgqtTS6NQopbAZB2pzWqtEMrZjx5CUu2OmeVAAFSGpKusKPALCaeEQIC5EgAs0d3IEItCbcn+8B+DFi1dcXDxGgFwWjqcjXjJLyfSpw6NhJiy1QvD\/1aWOZamoCMUbOa+WSc0rRIAIooImw8Lw1nB3TBURp+GIJojg7uFAlzou9nse7S5Y0SuXl8\/g9oYln6i1QauMW2XT77k7nMinjEewlMZSjlR3qjtCoLr6Uja7bfyokiZDhNU3tSLrdxinEe16vFYC4fLxJUvOjNNIMkNFeHTxiG7oybUg0Tg+3NN1PbVWQg08SCLcvf\/A3cMDpsrDshAiuDutVlQUjebUUqlLpubMcpqZNhOajFAoZeGrX\/2a3hJLzkx9z+9\/+zsuLy7o1RjUGFNiMw7sx2n14VLI5cTxeOA0zxxvP1CXQqvBuNmymyZcgAj8dGI53FHnGS+VFOGA4x5AIKrc390T3hAJ1ITD7S2fffY5X\/zyC\/b7Cx5f7PnFxz\/nzZs3zKeZ7WbDkgvX1zfM+cRmu8NbsCyZPC8gws37O8IdEQV3VIT+fNtS6oGgT4aqGYIiIoCSNBG1EK1CC3764jVff\/0bvvvHd3zzzV\/ZbDb84Y9\/ItnA8eFEqY3\/vL3m+uYGMWM7jsz5SJcGhmni8uljri6veP3yJR+\/\/hnPnjwlEEqrlLxgovRdR9\/3lNaQYRhCVTFVkio1Z9yUy6srXjx\/Rs6ZTz75lJ88f84PP\/wLVeWrL7\/k799+y7\/fvqUz4e31fwl1zJUlV7QzSllQ1fUpcHe4ZztuWFrDW1tND5gCXgkxmkNCgHBqdcJg3G7IJUNUSm0kM77\/\/p\/U5uy3G27ef+Bvf\/kzuTXy8YHN0ycsOdMi8BJU65E883C8A4JxGOlSh4pxe\/+AahARtBqkZHgoiCGiRFRkHMdQlbOHnK7rmKaJZT4ilgig6zo+evmKU17Y77acDve8O9zSmiMBpVWeP3rCOI68mw\/UUig1c9IrthwIAiI4zjNd16Gq5LwgEpgapTnKGrjSdV2ICH3XEQTeKtvdjnk+AoIlZeh7CDAzBkuUWmkRiAi1NjpVBoRGUAGvFTUhDQNzLudeNCIAhFoLokZ4XYP3HMQBJDPFfU1pEUEtUUrBNGHJMDNM7XzmQnFHzQgPamuoKZ2DmEKtIOv7CMjeCBfUFBVZlSLON22dJ4AE+AqGJBJspmlFyQrKmyMKSZVwpwFdZ7TWUDVaOK2t+1sNlmSQMxnHzAgTPIJoazmrGHlZWK3hIBAEXeqo1dfiCqcUR6apj64bVm9HrHVhSrI1tVWV8MBSQmXtoVIbuqqPILRoCCuI5kGXEqaCCLhDqfWsDiRb66eF420VQM5zPUB2u02YCJwHqgrJEqpyZifIj8oFtLYCFkBUzqIHpuuxVHci1jKOOAdhBE4grL8ycSYfKyc81nJ\/9eoj\/gca1kJk61I0igAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022468.64950078823\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s honestly diffucult being a webdeveloper in the world of shitty websites. I guess that\u2019s how hairdressers feel when they see my pathetic hair after it\u2019s been a while since my last visit...\u003C\/p\u003E\n\u003Cp\u003EBut the thing is, even though it\u2019s \u003Cem\u003Etechnically\u003C\/em\u003E easy to use scissors and clippers, I don\u2019t do that on my own hair, I leave that to the professionals.\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s great that HTML is so easy to learn and that many schools teach it to children. But its simplicity is also a curse, leaving some people convinced that \u201cthey can now do programming\u201d (HTML is a markup language, not a programming language) and that the whole thing is easy.\u003C\/p\u003E\n\u003Cp\u003EAnd, admittedly, writing code that \u003Cem\u003Edoes stuff\u003C\/em\u003E and solves problems isn\u2019t that hard either, especially if you have Google and StackOverflow on your side. The hard part is to write this code is such a way, that another person can understand it, maintain it and modify it, so that groups of programmers can colaborate on it together, so that it can easily be kept up to date... I\u2019ve learned how to write code when I was twelve. But learning, how to write \u003Cem\u003Egood, maintainable code\u003C\/em\u003E, took me years of professional work, and I still have a lot to learn.\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s also difficult for the professionals to keep up to date with technology, it changes so rapidly. For example, a teacher of webdevelopment at a university (!) was teaching my class how to use HTML4 and how to deal with the ISO-8859-1 encoding, even though both HTML5 and UTF-8 have been standards \u003Cem\u003Efor years\u003C\/em\u003E!\u003C\/p\u003E\n\u003Cp\u003EThe same goes, I guess, for the author of \u003Ca href=\u0022http:\/\/wnbr.nl\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E wnbr.nl\u003C\/a\u003E:\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-nl_big.png\u0022 alt=\u0022Screenshot of wnbr.nl\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022459.81538461538\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAARCAYAAAC1tw6GAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFo0lEQVRIiY2Vy2+dSRHFf1Xd3\/s+4hvHsh1lsJQHMDzEjEZiidiwQGxA\/I2wB3bDZtDsgmCQQE4YSMhjxkl84+vr+\/pe3cXiczJiR0sltdQ61VVd55yWGKPFaDxfrDl0il9scCe3EBEAlruW5a7leNMgZYq7OQbAzHi52LCXefKvLnD3DhFVAJo+8PXllmOLuLrD39l\/jzlf1zgRpq+X6PEeWqTvz57OV3gz4\/T1BZ89fcUvHv6H\/fsz3NEE5z0hBH73tydMJDL+9B\/kv\/oEN84QEZbbmt\/+5Ut+9vqKu21DclDhqhIz4\/N\/n\/Fstebnn54y+el9wsEY5xxd3\/ObPz\/moy7wo7+\/IP31j\/FH+3jveXax4g+PniMhBHuyXLLYtnx4ueSLOjDvDUEIFlk3Hbl3pLsGqhxUEaALkau2Y08VCQHKHAEM2HU9wYyq7ZEiBecQhD5GrpqWSeJwuwZGJZMi4zsHI7qq5OVygwcYBWVjxrqLPFrUnC5qRBUzI8QIBs4Mm7eIHwoyM3ozrl48oVlf4bIcUSHJC8aHH3yDkQZRuc4X6aOhBophbztObo44ynr205JCBb853xJebSgPU2xU8WDXcOA8iJH4jL4PqFdS5wjBQBjCBBOQ2z9ABUI0xA3FxhAxAa9K6AOiiqhAhGAR5xyx2\/Hls1Nmm312l7dpmjXVrQQ\/ulXhM8fxNGddrplsV+zvjXDOYWZDiCOiKIZYAIzQR5xXnHO0bUviE5I0QVVJkgRViNFwqojIkOddL8DjL\/7K7vSUcPsOxbfvMTuacTzJ8PXjr3Ai2OQIAFVH3XQ4F4h1QxBw3pEkKRGo2xZCIPcJQRxd2xEt0rQdWiupKAeHB7TWUFUlkhV4gVQFDRESR4iR73\/8MXe\/+yFthM3jJzgqbHyMdr9\/iPiAmQ2SbWreXLzl4s05Gg2LgRgjdb2jbhr6aIySnCxNKYqSoiwZjUakRUWW5aQo3jku52dsdztCvaULAboeYkQA7xzBhLSaUo0ndJ+fItJhZvjqlz\/EDm\/ybmV5ztRgXBTEKIxSj8hAYtTRdR2I0IQe3wl5nlNWIyaqeBEkGpoo3zp5wHz+lhB6wnrFsu9x6ogizPZu4BNPRFARip\/cRW4fAOC76Ng+X5Ad7kECqUvZao9PMqo8pzFPlgqjsiBGI2J4G3iADOrBjN4i0cBhxD5S5BnHx0eDfVxjhIH8OKFpdteNQjBl9WJBcrCH2nRMcJ56WQ8j64yelFVrRFHKRPAi9F0P0VARuHZxs2Fr0ZAICiAKCJfzS16\/OWc+f4sYg+wBEUFFrzE24KuSXjz1ZY3EGAfyGKw3a74+e81oMsOpQ2SYt4ig19\/C\/7NUIfFwsViQ+ISu71AZ1JZmKaOqYr1pUPWICK\/OnvHg\/gMMG4xxtWv5079e8b22RnPPZtei1iMi+CTB+YRKPeIEvHt\/cdMHPIL2Acn8+5eLZgTxHMz2UUDS6zMzmj7QxYjVHeQO04Gfu67jj4++Hv6ys9WGzgf04VPCRyekE2U2vXl9acQJSNNDmrwvxoBoIDEOpnddDEAfjLbt0T6gmYf2HcZYNT0SIVH9H8x8U9NqGF5IU+HkxojJJ3e4CCm0DW2XYyjBbOhYQfqIWSDxCaKCd4LqN0nfmR4ILkBrAp1BHwYHBySCRyBJQAbMIC\/4YFbhYx8pLns2WYSsQheXXJ0Fmt2KZtuz7Tp85im7jrYDn3uKcUFzWbPNhKlzaNtSd0o5KwhtYLttiaVj3EX6LmLek48z6lXDhkCRePK2pe6VYloyvTFB5g0uM3yzatF1z+G0JE1L7iQZu8a4dW+fxctL6l1Ltl9QxcjmqsfnCdV+xZvmnL29lL08g7pmszFuHE9p1g3r+QZ3VDKO0Kxaggmzkxlv\/nnOJIXppCCzwPKio5yVZEXKcnHFYZXxX4jA\/RIiweP1AAAAAElFTkSuQmCC\u0022 data-src=\u0022https:\/\/avris.it\/image\/wnbr-nl_big.png\u0022 alt=\u0022Screenshot of wnbr.nl\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022459.81538461538\u0022\u003E\u003C\/span\u003E\n                \u003Cfigcaption\u003E\n                    \u003Ca href=\u0022http:\/\/wnbr.nl\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\n                        \u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E\n                        wnbr.nl\n                    \u003C\/a\u003E\n                \u003C\/figcaption\u003E\n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s not a bad website. It gives you the information you need, it doesn\u2019t hurt your eyes, it even uses HTML5 and UTF-8 (so much better than my uni...). On the other hand there\u2019s plenty one could do to make it better:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003Eit looks like from two decades ago, could use a new design (the design hasn\u2019t been changed since the beginning of the website in \u003Ca href=\u0022https:\/\/web.archive.org\/web\/20110823123529\/http:\/\/wnbr.nl\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E 2011\u003C\/a\u003E),\u003C\/li\u003E\n\u003Cli\u003Eit doesn\u2019t use HTTPS, which is not understandable in the times of \u003Ca href=\u0022https:\/\/letsencrypt.org\/getting-started\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E free and easy SSL certificates\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Ethe route is described in plain text (in a separate file!), even though it could easily (and conveniently for the visitors who don\u2019t know the city) be a map,\u003C\/li\u003E\n\u003Cli\u003Eit uses an external website, \u003Ca href=\u0022http:\/\/www.ipernity.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Ipernity\u003C\/a\u003E, as a photo galery \u2013 that website\u2019s UX is \u003Cem\u003Ehorrible\u003C\/em\u003E (it took me ages to simply upload some pictures), and its functionality could be easily integrated into the main website,\u003C\/li\u003E\n\u003Cli\u003Eit only provides a Dutch version, which is strange, since the event itself is pretty much English-speaking, with many international participants,\u003C\/li\u003E\n\u003Cli\u003Eit\u2019s not responsive, instead offers a separate version for mobile.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cp\u003EAnd while it\u2019s completely fine if a personal website or a side project looks like that, I feel really \u003Cem\u003Esad\u003C\/em\u003E when I see a website of a doctor, a business, or a big event, that is so far away in the past... Plenty of people are working on constant improvements of the standards, on new technologies, new approaches, new APIs \u2013 and yet, as a user, I\u2019m still left with not being able to make a doctor\u2019s appointment online, as if it was so damn hard to implement... Spending your whole life on digitalising the world bit by bit, but not being able to fully enojoy that digitalisation as a user really sucks...\u003C\/p\u003E\n\u003Cp\u003EAnyways... As a person, who wants to make the world (also the cyber-world) a better place, who really \u003Ca href=\u0022\/blog\/my-first-world-naked-bike-ride-and-i-absolutelly-loved-it\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-heartbeat\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E enjoyed the WNBR this year\u003C\/a\u003E and who happened to have some free time on my hands, I contacted the organisers and offered them my help in bringing their website to the 21st century.\u003C\/p\u003E\n\u003Cp\u003EI assumed they wouldn\u2019t want it, actually. Somebody created the current website (\u003Ca href=\u0022http:\/\/www.nsesoftware.nl\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E nsesoftware.nl\u003C\/a\u003E), somebody is proud of it, and obviously nobody likes criticism... So I tried to be nice, not to criticise, but to offer some ideas and help.\u003C\/p\u003E\n\u003Cp\u003EI got no answer though, and I really needed to start right away, as long as I had free time and the motivation to work on it. I ended up with something like this:\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it_big.png\u0022 alt=\u0022My proposal of the refreshed version of wnbr.nl\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00222295\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAkCAYAAABWvWC\/AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEDUlEQVRIia2VzW4cVRCFv6p7b3fPrx3biRNFSDGBxAghBIkS1rwBOyS2bBCvwY4H4BUQQiRL1uyygUQmEkJRgADBMYk9sWfGPd19b7Foe+JJYINypZZa1X3qVJ2uOi39ft+apiELAVHodzr44MGMTrfLeDJGBZomEpxDRGlixCyhlhJZ5gHDUiKmRBMb1DuWV9bwWaCuawSjLCsEYzarGB1M8SaQgKzIcEBvacDa6mnK6ZTMOzY2XmX\/6S5NTCiOvd1dklOcd3hLkRgjlSU2Ni5w9co1Ni9vcuPrrxgfHGAiNNYQq4a6TpRlhTMDVbwZeFWKLCc1iV\/u3+fh73+AKIdlSRNhPBnj1CgPSwxDEBBB8jw37x3eO0SEPMvwojSWyJLRmBEtklBUlSYlLEZiMnwILUigVdOMxlo1K4Noifa0YooBIqgYcvPmDQNQUURARDCzeUIAA8zAsHnAzBAzMwCzRDmrcD5wDHMqyHGGE0eOgv44YAYCxLpGBFSVaMLeaESKiV6\/R\/CePM\/nSfT4pmkaJtMpdV1TVRXjyQSAfr9PyAIpxraVE6XMmUUEVcUwUkw45\/DeE0Kg2+m8WDs86\/n\/nDlz3dSUZclsVoMGJk3FsMi4NxHWXYUko9KM80sdiswvgjEYH1ZkEnmwCyk13J81rK6UPJWAljVol3pQUDzP3MRIMhhXY2ax4OxyTj4VQh2YyS7rvSEpJXJJc7652qqOJ+lvDsxxKkBBzVq\/QiRx1g9ICAklnpBoDgbjXLZOVx2DXoZpjuJpRBiNlQePtxEV0GfgudoxJqqqwnuHwXw0o4FK+9xI5FmGU7fY8+jpHnfu\/MCVq9dRdfy4dZu11VXKw4qllQ4xGsOlVbBEt9NbBO9sP+SLzz9j853r5P0hj+7e4pU33mLweEx+6RwpJh7d+4sPP\/mUi5c3n\/tUGN2VU7z52iWC97z\/3lWK3pCdx0\/Y2rqDYfx6MGE6m704JGvDPtc2N1gfdOiEgj+375IX57m99ROD4ZCqqkDg5Di+nPGcTg\/ZG43IQpiv32Qy5nBWsX7mDHpkEim1S7PAPK0S+6Wx1BGSQTe0Ne6O9gje471HRPHeEUIATgxJazVtB90gcztqmnaPnXOIMGddAGOgIjgRmnQcMhJQ+YISh\/fh33turae9vB55mHN8+82XhF5GcBWUygcffUx2ZEULs60YKS0kZzlkTLd3WC1Oc3r9HCcd8Zlgs5r9ScXyoEsR2hfG0wmY0O0UqCopWUuiulg2ZjiryH13Hup3e9z6\/juK4FEVnBNev\/guqtkiOMsCISwvuGMy4+ffdsjLMU9GJZXbZ+PC2xx9qZdlgDHR1A2iDucUr\/8NOq5uzpxSIqaTNnD0KyW1yyAKZninc\/A\/I277Xjf7CncAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it_big.png\u0022 alt=\u0022My proposal of the refreshed version of wnbr.nl\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u00222295\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EI got nothing but positive feedback from all the friends whom I\u2019ve shown the end result. Still, I got no response from the WNBR people on wheather or not they actually want it. But since it\u2019s almost done already, I\u2019ve sent them a demo, saying that if they do, it\u2019s free for them to use.\u003C\/p\u003E\n\u003Cp\u003EAfter a while I kind of got an answer \u2013 not a \u201cno, thanks\u201d, or even \u201cfuck off\u201d... instead, I just got blocked on Twitter. So childish... Well, that\u2019s how you lose like a 1000\u20ac worth of free service, too bad for them.\u003C\/p\u003E\n\u003Cp\u003EAnyways... a couple of days ago I stumbled upon the website \u003Ca href=\u0022https:\/\/www.polyamorynetwork.com\/private\/signup\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E polyamorynetwork.com\u003C\/a\u003E. I totally fell in love with their logo \ud83d\ude0d And even though I\u2019m not a polyamorist myself (yet?), I decided to check it out anyway.\u003C\/p\u003E\n\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/polyamorynetwork-com_big.png\u0022 alt=\u0022Screenshot of the registration form at polyamorynetwork.com\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022755.98971722365\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAYAAAAJKR1YAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADZ0lEQVRIic2XSW8kRRCFv4jM2u32MHAYLCMkDogD4gBc+PlckPgTCKE5jWwsL92urqrMmEMtU73YhqEMhNTq6FZF5MuXLyKj5OrqyviPLIZAiBEAVcU5hzcz4s+\/Ql1z+\/WXvGsfEBHW6zVFXuC8o65r8iyn7VrOzy84O3u1CCBRxatOv83AiwiEAFVJef6G87YhhoBhOOep6wdUldB1iCplWSEimNnOd5\/wn\/ogl5eX\/ZGFgHh\/sIsQOsyYFnfOTUlewlREUFV8liHSI028J4RImqaoKlVVAUJZFpgZaZoSY0RVURFA8EOMyOgHQgjTBsa4EAJ5nlMUxc4nyzJgYKjrOpw6GAABxBhxzhFjnBgREdq2RURI03RxdszAA1xfX+OcA8A5pWm7gaUwPGj44ThFBHWOJEleQEPSM1RVFdumwakO1GZ47xZn4CkLIXB\/f98zpKpYjNhMuIhij3QoEXC6HCujTUc2ggohUFUVzil1ExBVBNjHJSKo2CzRMr7IAChN0wORZl7YNtsJzLgb5xyJT16s9D1A0zRsNhvyoiAbgYlMpbhv4672G+T8v2P+fGPHnpkAJUnC2dnZwaJN09K3GWFXUEaW5VOipY5s0lDbtmw2G1QElySURUEP9LBzQ6+3fYbmu\/8YH57REEAXwsSMATJIPMuynWb5IeHH+6P1GtpuWW8eEIHVaoWq9t04SY4ytHQzPACUpCmvZgyZGV3XcXd31weIYMPcYhZRdZycnJAMgBfX0DHqnHOUZXkwZowJxotzvHKWsElDo6jzPJ+01F+kDUbPTg+6V5Kqkuc5zrlny35k4amyn5sfuRIR6rqmrh84PV1hFvE+ORoE4L1\/ubJP0hSffFjczIixX5SHup8o0xQEaDsQoa234BxS5DtaWqTs91kQkX4OenfJ7R9v4aSCbUMn0N2twfUj7SdlSfb9dzyW4+\/4ox3vfAP6enVC8u03jFOliNBtNmxv7wjbhvqz11hdT7pbrOzn5zgHNI6pdQPRfD+u3txy89vvbOs1fnvBpxdf\/Dtlr6p0XUeMETPDbA2qhNWK1Y8\/AJA45bQsFrv5Jw0dY+jPuuOXtzdgxk9ffc6bVTkL3O1Lf+WVaB63n2O0nQFt3zKvvK5yAPK9cfapcn\/sOJ57fgI6vZf9D0xEeA8eTKpuIuGc+gAAAABJRU5ErkJggg==\u0022 data-src=\u0022https:\/\/avris.it\/image\/polyamorynetwork-com_big.png\u0022 alt=\u0022Screenshot of the registration form at polyamorynetwork.com\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022755.98971722365\u0022\u003E\u003C\/span\u003E\n                \u003Cfigcaption\u003E\n                    \u003Ca href=\u0022https:\/\/www.polyamorynetwork.com\/private\/signup\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\n                        \u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E\n                        polyamorynetwork.com\/private\/signup\n                    \u003C\/a\u003E\n                \u003C\/figcaption\u003E\n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EI couldn\u2019t, though. Setting aside that the SSL certificate was expired since a month, which makes browsers give the user a scary red security warning... The registration form still uses reCAPTCHA v1, which got shutdown in March 2018 (and deprecated way earlier). That means nobody was able to join their network for the last half a year, and apparently nobody noticed!\u003C\/p\u003E\n\u003Cp\u003EIs the website abandoned? Why can\u2019t it just say so? Or maybe there\u2019s a big, active community there, but it\u2019s closed for new members, because the admin doesn\u2019t give a damn anymore? I guess I\u2019ll never know.\u003C\/p\u003E\n\u003Ch3\u003ESumming up\u003C\/h3\u003E\n\u003Cp\u003EOn one hand it\u2019s great that anyone can build their own website \u2013 that\u2019s what makes the web thrive, that\u2019s what makes it open and equal!\u003C\/p\u003E\n\u003Cp\u003EOn the other hand though \u2013 it requires way more skill and knowledge to do it \u003Cem\u003Eright\u003C\/em\u003E. If you want to look professional, keep that in mind.\u003C\/p\u003E\n\u003Cp\u003ESo what\u2019s my point? I guess I don\u2019t have any, just wanted to complain a bit.\u003C\/p\u003E\n\u003Cp\u003EExcept maybe for one thing:\u003C\/p\u003E\n\u003Ch3\u003EFree website, anyone?\u003C\/h3\u003E\n\u003Cp\u003EIf you have (or want to start) a project, event or a non-profit organisation that I could stand behind (LGBTQ rights, human rights, naturism, non-monogamy, education...) that I could support from the IT side, feel free to \u003Ca href=\u0022mailto:andre@avris.it\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E contact me\u003C\/a\u003E \ud83d\ude09\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["botch","design","maintainability","programming","progress","security","shit","up-to-date","volunteering","redesign","web","webdevelopment"],"hasMore":true,"image":"https:\/\/avris.it\/image\/wnbr-avris-it-header_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022117.16237519706\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s honestly diffucult being a webdeveloper in the world of shitty websites. I guess that\u2019s how hairdressers feel when they see my pathetic hair after it\u2019s been a while since my last visit...\u003C\/p\u003E\n\u003Cp\u003EBut the thing is, even though it\u2019s \u003Cem\u003Etechnically\u003C\/em\u003E easy to use scissors and clippers, I don\u2019t do that on my own hair, I leave that to the professionals.\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it-header_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022117.16237519706\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s honestly diffucult being a webdeveloper in the world of shitty websites. I guess that\u2019s how hairdressers feel when they see my pathetic hair after it\u2019s been a while since my last visit...\u003C\/p\u003E\n\u003Cp\u003EBut the thing is, even though it\u2019s \u003Cem\u003Etechnically\u003C\/em\u003E easy to use scissors and clippers, I don\u2019t do that on my own hair, I leave that to the professionals.\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s great that HTML is so easy to learn and that many schools teach it to children. But its simplicity is also a curse, leaving some people convinced that \u201cthey can now do programming\u201d (HTML is a markup language, not a programming language) and that the whole thing is easy.\u003C\/p\u003E\n\u003Cp\u003EAnd, admittedly, writing code that \u003Cem\u003Edoes stuff\u003C\/em\u003E and solves problems isn\u2019t that hard either, especially if you have Google and StackOverflow on your side. The hard part is to write this code is such a way, that another person can understand it, maintain it and modify it, so that groups of programmers can colaborate on it together, so that it can easily be kept up to date... I\u2019ve learned how to write code when I was twelve. But learning, how to write \u003Cem\u003Egood, maintainable code\u003C\/em\u003E, took me years of professional work, and I still have a lot to learn.\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s also difficult for the professionals to keep up to date with technology, it changes so rapidly. For example, a teacher of webdevelopment at a university (!) was teaching my class how to use HTML4 and how to deal with the ISO-8859-1 encoding, even though both HTML5 and UTF-8 have been standards \u003Cem\u003Efor years\u003C\/em\u003E!\u003C\/p\u003E\n\u003Cp\u003EThe same goes, I guess, for the author of \u003Ca href=\u0022http:\/\/wnbr.nl\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E wnbr.nl\u003C\/a\u003E:\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/wnbr-nl_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-nl_mini.png\u0022 alt=\u0022Screenshot of wnbr.nl\u0022 width=\u0022240\u0022 height=\u0022114.95384615385\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003Cfigcaption\u003E\n                    \u003Ca href=\u0022http:\/\/wnbr.nl\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csmall\u003Ewnbr.nl\u003C\/small\u003E\u003C\/a\u003E\n                \u003C\/figcaption\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EIt\u2019s not a bad website. It gives you the information you need, it doesn\u2019t hurt your eyes, it even uses HTML5 and UTF-8 (so much better than my uni...). On the other hand there\u2019s plenty one could do to make it better:\u003C\/p\u003E\n\u003Cul\u003E\n\u003Cli\u003Eit looks like from two decades ago, could use a new design (the design hasn\u2019t been changed since the beginning of the website in \u003Ca href=\u0022https:\/\/web.archive.org\/web\/20110823123529\/http:\/\/wnbr.nl\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E 2011\u003C\/a\u003E),\u003C\/li\u003E\n\u003Cli\u003Eit doesn\u2019t use HTTPS, which is not understandable in the times of \u003Ca href=\u0022https:\/\/letsencrypt.org\/getting-started\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E free and easy SSL certificates\u003C\/a\u003E,\u003C\/li\u003E\n\u003Cli\u003Ethe route is described in plain text (in a separate file!), even though it could easily (and conveniently for the visitors who don\u2019t know the city) be a map,\u003C\/li\u003E\n\u003Cli\u003Eit uses an external website, \u003Ca href=\u0022http:\/\/www.ipernity.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Ipernity\u003C\/a\u003E, as a photo galery \u2013 that website\u2019s UX is \u003Cem\u003Ehorrible\u003C\/em\u003E (it took me ages to simply upload some pictures), and its functionality could be easily integrated into the main website,\u003C\/li\u003E\n\u003Cli\u003Eit only provides a Dutch version, which is strange, since the event itself is pretty much English-speaking, with many international participants,\u003C\/li\u003E\n\u003Cli\u003Eit\u2019s not responsive, instead offers a separate version for mobile.\u003C\/li\u003E\n\u003C\/ul\u003E\n\u003Cp\u003EAnd while it\u2019s completely fine if a personal website or a side project looks like that, I feel really \u003Cem\u003Esad\u003C\/em\u003E when I see a website of a doctor, a business, or a big event, that is so far away in the past... Plenty of people are working on constant improvements of the standards, on new technologies, new approaches, new APIs \u2013 and yet, as a user, I\u2019m still left with not being able to make a doctor\u2019s appointment online, as if it was so damn hard to implement... Spending your whole life on digitalising the world bit by bit, but not being able to fully enojoy that digitalisation as a user really sucks...\u003C\/p\u003E\n\u003Cp\u003EAnyways... As a person, who wants to make the world (also the cyber-world) a better place, who really \u003Ca href=\u0022\/blog\/my-first-world-naked-bike-ride-and-i-absolutelly-loved-it.lite\u0022\u003E enjoyed the WNBR this year\u003C\/a\u003E and who happened to have some free time on my hands, I contacted the organisers and offered them my help in bringing their website to the 21st century.\u003C\/p\u003E\n\u003Cp\u003EI assumed they wouldn\u2019t want it, actually. Somebody created the current website (\u003Ca href=\u0022http:\/\/www.nsesoftware.nl\/\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E nsesoftware.nl\u003C\/a\u003E), somebody is proud of it, and obviously nobody likes criticism... So I tried to be nice, not to criticise, but to offer some ideas and help.\u003C\/p\u003E\n\u003Cp\u003EI got no answer though, and I really needed to start right away, as long as I had free time and the motivation to work on it. I ended up with something like this:\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/wnbr-avris-it_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/wnbr-avris-it_mini.png\u0022 alt=\u0022My proposal of the refreshed version of wnbr.nl\u0022 width=\u0022240\u0022 height=\u0022573.75\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EI got nothing but positive feedback from all the friends whom I\u2019ve shown the end result. Still, I got no response from the WNBR people on wheather or not they actually want it. But since it\u2019s almost done already, I\u2019ve sent them a demo, saying that if they do, it\u2019s free for them to use.\u003C\/p\u003E\n\u003Cp\u003EAfter a while I kind of got an answer \u2013 not a \u201cno, thanks\u201d, or even \u201cfuck off\u201d... instead, I just got blocked on Twitter. So childish... Well, that\u2019s how you lose like a 1000\u20ac worth of free service, too bad for them.\u003C\/p\u003E\n\u003Cp\u003EAnyways... a couple of days ago I stumbled upon the website \u003Ca href=\u0022https:\/\/www.polyamorynetwork.com\/private\/signup\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E polyamorynetwork.com\u003C\/a\u003E. I totally fell in love with their logo \ud83d\ude0d And even though I\u2019m not a polyamorist myself (yet?), I decided to check it out anyway.\u003C\/p\u003E\n\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/polyamorynetwork-com_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/polyamorynetwork-com_mini.png\u0022 alt=\u0022Screenshot of the registration form at polyamorynetwork.com\u0022 width=\u0022240\u0022 height=\u0022188.99742930591\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003Cfigcaption\u003E\n                    \u003Ca href=\u0022https:\/\/www.polyamorynetwork.com\/private\/signup\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csmall\u003Epolyamorynetwork.com\/private\/signup\u003C\/small\u003E\u003C\/a\u003E\n                \u003C\/figcaption\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EI couldn\u2019t, though. Setting aside that the SSL certificate was expired since a month, which makes browsers give the user a scary red security warning... The registration form still uses reCAPTCHA v1, which got shutdown in March 2018 (and deprecated way earlier). That means nobody was able to join their network for the last half a year, and apparently nobody noticed!\u003C\/p\u003E\n\u003Cp\u003EIs the website abandoned? Why can\u2019t it just say so? Or maybe there\u2019s a big, active community there, but it\u2019s closed for new members, because the admin doesn\u2019t give a damn anymore? I guess I\u2019ll never know.\u003C\/p\u003E\n\u003Ch3\u003ESumming up\u003C\/h3\u003E\n\u003Cp\u003EOn one hand it\u2019s great that anyone can build their own website \u2013 that\u2019s what makes the web thrive, that\u2019s what makes it open and equal!\u003C\/p\u003E\n\u003Cp\u003EOn the other hand though \u2013 it requires way more skill and knowledge to do it \u003Cem\u003Eright\u003C\/em\u003E. If you want to look professional, keep that in mind.\u003C\/p\u003E\n\u003Cp\u003ESo what\u2019s my point? I guess I don\u2019t have any, just wanted to complain a bit.\u003C\/p\u003E\n\u003Cp\u003EExcept maybe for one thing:\u003C\/p\u003E\n\u003Ch3\u003EFree website, anyone?\u003C\/h3\u003E\n\u003Cp\u003EIf you have (or want to start) a project, event or a non-profit organisation that I could stand behind (LGBTQ rights, human rights, naturism, non-monogamy, education...) that I could support from the IT side, feel free to \u003Ca href=\u0022mailto:andre@avris.it\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E contact me\u003C\/a\u003E \ud83d\ude09\u003C\/p\u003E","words":1080,"readTime":5,"lang":"en"}}},"blog\/technology\/brand-new-blog":{"key":"blog\/technology\/brand-new-blog","type":"article","published":true,"meta":{"createdAt":"2017-04-30T21:22:09+02:00","publishedAt":"2017-04-30T21:05:00+02:00","group":"redesign","category":"blog","subcategory":"technology","slug":"brand-new-blog"},"content":{"en":{"slug":"brand-new-blog","title":"Brand new blog","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022250.4347826087\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFD0lEQVRIia2Wz4tdWRHHP1Xn3Pt+dNuvO+m0GY2jOATHzDBmoy5E3Sgogrh14d6\/wIUr3fgfjBtBXLgRN6OIIDKIoMK4GCGgTMCJmR9J6CTTmZ5+\/d6995yqcnFfMll0Bgc8m1N1qjj1rTp1v3UlIoIz1u3btymlsFjssru7OMuFo3feISKYb22xXJ6ws7Pg\/v377O\/v8+DBA5qmQVXp+57JZEI66Zg\/tU8\/DMznc0SEiEBEAEb5Z7\/8VSAgqogqDogk3J1mOkUF0ASipJSJpIgIWRKBsLkLBUISouOBANRKRECAh1PKAEkJq4RV3AyvhbAAN1RApp96LnQ6JU1mpJRxnEDI0zm5acnTGeRMmswgNaTpjEYSOSlIptpAAhRBRGimc6pVdOgRB\/ERTB06hnDCg269xLolpe\/x9Ql1tcLLwEQSudVEO5mRZ9tIkxmGNeHBpG1xTeCG9IaKItMM3Sky3xkhWCEVw1QgTVE3ymqF1YqaM53vUK0Q3QohoUOHu6MB7qC1UiUhzYTkguPkWh1fvsd2bmjaltUwYC6gKyqJlBs8KU1AUwvNdI6dntBOJ1goeWvB1myHWn2s4HrN0o8xK1z5+AVidcxr12\/RVwerDH2PheOrY7wMYAbmuBsaTrYQwhPH7x4jqzWqiUgN666gjRJiaG759le\/RDuZ8cdXr\/GtL36Ol\/7yDybbC2S+YN1sEQyIKLu7mY\/plJyE1eoU6QuXLh4gAsuTJW++fQdD8DzFhop7hWqEGR6Q8s6FH3kYooJ5ECi+adRmOqfZ3uP5z1zm1z\/5AQh892tf5sXf\/ol3B6NPE8pg9N0pw9DRrU+o61PObc2IqLQ5oznhtdJKcOvOIe91A1EGrFSslBGQVbwWkkD2cNAGcxAFs0pKCXKLaSIi+PrnX+D1t+\/wr\/+8xYsvvcxyqGhqiG6NJSMINAIPo20yxbbAjW4oZAlKGejNKO50\/Rpxx6oRCBGCx1gIEKS5+NkgJyQl0AbJCZl9hDTbxsNA4MrlZ7h0YZ\/ejINze\/zmb69iCJoTmltAUDNwx7xyaW9BrRW8kiLACtTK4eFd+m5FVAeCqAPhPtJAKbSayBEOoeCBpA2X1Ep0HSEBqtw7vIfUyt3jJSdPnRLrDgS8aYhhQDSBCF7HJn3r9ilujoYRpRJWEDe8VsKciAJDIawiHkQ4EgJhSDp4NiQlIo3ZelJSnoxfl8jIcAJoi6SM5rw5UzSN\/aYBgcOGZ3AjfHzGsIJbRZ1Nr9gIxHrCIGwgzBCEVgX5819fCUR4RLmim10eUTpsgG2YOZCHLgRAvC\/LRg8CiRif5uFwCh89wkfnx3VARJC+7+Oh8nCuPL4\/vs6y\/b\/lfObUBG7evEnOmel0SkSwWCxo2\/aR\/caNG+zt7VFrRVU5f\/78k676UOuJgI4Ob3Jut+V0DZNJw9Jakiqq0M4OODg4IKWRFh5m+XhF\/xf5QwH6xc9\/zNVn3yU5\/O73d7m4P+M739hnZydx\/pnv8emr36dpGgBevnaXi3sdz31iB4BSCsAj+\/VbJxwe93zlyj4AtVbc\/cy4+iRAR1Wwy3v84e8d33z+C5R7c3740zd4bfccw+KFMXB1+mJsTzOTrPTFqPZ+oIigmpOTMMlKN9gHVucDK3S07Hnlnys+Wc9x\/c271GIcHxauvX7E6Rv\/5umPXsVC6Abj0gJg4N7RwKxN5E2aKSXWgzFX5+k9pesHlPFfS\/XsWvwX97wRJTQmN3gAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/new-avris_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022250.4347826087\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFinally. I got to work and rewrote the code of my sweet blog. Brand new design, new framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus\u003C\/a\u003E, better support for language versions, a couple of new features in the admin panel, ditching custom comments for the awesomeness of \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Disqus\u003C\/a\u003E, ditching TinyMCE for the beauty and simplicity of Markdown. It was a lot of work, but it was definitely worth it!\u003C\/p\u003E\n\u003Cp\u003EHope you like it! :)\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022500.86956521739\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFD0lEQVRIia2Wz4tdWRHHP1Xn3Pt+dNuvO+m0GY2jOATHzDBmoy5E3Sgogrh14d6\/wIUr3fgfjBtBXLgRN6OIIDKIoMK4GCGgTMCJmR9J6CTTmZ5+\/d6995yqcnFfMll0Bgc8m1N1qjj1rTp1v3UlIoIz1u3btymlsFjssru7OMuFo3feISKYb22xXJ6ws7Pg\/v377O\/v8+DBA5qmQVXp+57JZEI66Zg\/tU8\/DMznc0SEiEBEAEb5Z7\/8VSAgqogqDogk3J1mOkUF0ASipJSJpIgIWRKBsLkLBUISouOBANRKRECAh1PKAEkJq4RV3AyvhbAAN1RApp96LnQ6JU1mpJRxnEDI0zm5acnTGeRMmswgNaTpjEYSOSlIptpAAhRBRGimc6pVdOgRB\/ERTB06hnDCg269xLolpe\/x9Ql1tcLLwEQSudVEO5mRZ9tIkxmGNeHBpG1xTeCG9IaKItMM3Sky3xkhWCEVw1QgTVE3ymqF1YqaM53vUK0Q3QohoUOHu6MB7qC1UiUhzYTkguPkWh1fvsd2bmjaltUwYC6gKyqJlBs8KU1AUwvNdI6dntBOJ1goeWvB1myHWn2s4HrN0o8xK1z5+AVidcxr12\/RVwerDH2PheOrY7wMYAbmuBsaTrYQwhPH7x4jqzWqiUgN666gjRJiaG759le\/RDuZ8cdXr\/GtL36Ol\/7yDybbC2S+YN1sEQyIKLu7mY\/plJyE1eoU6QuXLh4gAsuTJW++fQdD8DzFhop7hWqEGR6Q8s6FH3kYooJ5ECi+adRmOqfZ3uP5z1zm1z\/5AQh892tf5sXf\/ol3B6NPE8pg9N0pw9DRrU+o61PObc2IqLQ5oznhtdJKcOvOIe91A1EGrFSslBGQVbwWkkD2cNAGcxAFs0pKCXKLaSIi+PrnX+D1t+\/wr\/+8xYsvvcxyqGhqiG6NJSMINAIPo20yxbbAjW4oZAlKGejNKO50\/Rpxx6oRCBGCx1gIEKS5+NkgJyQl0AbJCZl9hDTbxsNA4MrlZ7h0YZ\/ejINze\/zmb69iCJoTmltAUDNwx7xyaW9BrRW8kiLACtTK4eFd+m5FVAeCqAPhPtJAKbSayBEOoeCBpA2X1Ep0HSEBqtw7vIfUyt3jJSdPnRLrDgS8aYhhQDSBCF7HJn3r9ilujoYRpRJWEDe8VsKciAJDIawiHkQ4EgJhSDp4NiQlIo3ZelJSnoxfl8jIcAJoi6SM5rw5UzSN\/aYBgcOGZ3AjfHzGsIJbRZ1Nr9gIxHrCIGwgzBCEVgX5819fCUR4RLmim10eUTpsgG2YOZCHLgRAvC\/LRg8CiRif5uFwCh89wkfnx3VARJC+7+Oh8nCuPL4\/vs6y\/b\/lfObUBG7evEnOmel0SkSwWCxo2\/aR\/caNG+zt7VFrRVU5f\/78k676UOuJgI4Ob3Jut+V0DZNJw9Jakiqq0M4OODg4IKWRFh5m+XhF\/xf5QwH6xc9\/zNVn3yU5\/O73d7m4P+M739hnZydx\/pnv8emr36dpGgBevnaXi3sdz31iB4BSCsAj+\/VbJxwe93zlyj4AtVbc\/cy4+iRAR1Wwy3v84e8d33z+C5R7c3740zd4bfccw+KFMXB1+mJsTzOTrPTFqPZ+oIigmpOTMMlKN9gHVucDK3S07Hnlnys+Wc9x\/c271GIcHxauvX7E6Rv\/5umPXsVC6Abj0gJg4N7RwKxN5E2aKSXWgzFX5+k9pesHlPFfS\/XsWvwX97wRJTQmN3gAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022500.86956521739\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFinally. I got to work and rewrote the code of my sweet blog. Brand new design, new framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus\u003C\/a\u003E, better support for language versions, a couple of new features in the admin panel, ditching custom comments for the awesomeness of \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Disqus\u003C\/a\u003E, ditching TinyMCE for the beauty and simplicity of Markdown. It was a lot of work, but it was definitely worth it!\u003C\/p\u003E\n\u003Cp\u003EHope you like it! :)\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["blog","comments","design","disqus","framework","markdown","php","programming","redesign","tinymce","work"],"hasMore":false,"image":"https:\/\/avris.it\/image\/new-avris_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022125.21739130435\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFinally. I got to work and rewrote the code of my sweet blog. Brand new design, new framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework.lite\u0022\u003E Micrus\u003C\/a\u003E, better support for language versions, a couple of new features in the admin panel, ditching custom comments for the awesomeness of \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Disqus\u003C\/a\u003E, ditching TinyMCE for the beauty and simplicity of Markdown. It was a lot of work, but it was definitely worth it!\u003C\/p\u003E\n\u003Cp\u003EHope you like it! :)\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022125.21739130435\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EFinally. I got to work and rewrote the code of my sweet blog. Brand new design, new framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework.lite\u0022\u003E Micrus\u003C\/a\u003E, better support for language versions, a couple of new features in the admin panel, ditching custom comments for the awesomeness of \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Disqus\u003C\/a\u003E, ditching TinyMCE for the beauty and simplicity of Markdown. It was a lot of work, but it was definitely worth it!\u003C\/p\u003E\n\u003Cp\u003EHope you like it! :)\u003C\/p\u003E","words":66,"readTime":null,"lang":"en"},"pl":{"slug":"nowiutki-blog","title":"Nowiutki blog","intro":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022250.4347826087\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFD0lEQVRIia2Wz4tdWRHHP1Xn3Pt+dNuvO+m0GY2jOATHzDBmoy5E3Sgogrh14d6\/wIUr3fgfjBtBXLgRN6OIIDKIoMK4GCGgTMCJmR9J6CTTmZ5+\/d6995yqcnFfMll0Bgc8m1N1qjj1rTp1v3UlIoIz1u3btymlsFjssru7OMuFo3feISKYb22xXJ6ws7Pg\/v377O\/v8+DBA5qmQVXp+57JZEI66Zg\/tU8\/DMznc0SEiEBEAEb5Z7\/8VSAgqogqDogk3J1mOkUF0ASipJSJpIgIWRKBsLkLBUISouOBANRKRECAh1PKAEkJq4RV3AyvhbAAN1RApp96LnQ6JU1mpJRxnEDI0zm5acnTGeRMmswgNaTpjEYSOSlIptpAAhRBRGimc6pVdOgRB\/ERTB06hnDCg269xLolpe\/x9Ql1tcLLwEQSudVEO5mRZ9tIkxmGNeHBpG1xTeCG9IaKItMM3Sky3xkhWCEVw1QgTVE3ymqF1YqaM53vUK0Q3QohoUOHu6MB7qC1UiUhzYTkguPkWh1fvsd2bmjaltUwYC6gKyqJlBs8KU1AUwvNdI6dntBOJ1goeWvB1myHWn2s4HrN0o8xK1z5+AVidcxr12\/RVwerDH2PheOrY7wMYAbmuBsaTrYQwhPH7x4jqzWqiUgN666gjRJiaG759le\/RDuZ8cdXr\/GtL36Ol\/7yDybbC2S+YN1sEQyIKLu7mY\/plJyE1eoU6QuXLh4gAsuTJW++fQdD8DzFhop7hWqEGR6Q8s6FH3kYooJ5ECi+adRmOqfZ3uP5z1zm1z\/5AQh892tf5sXf\/ol3B6NPE8pg9N0pw9DRrU+o61PObc2IqLQ5oznhtdJKcOvOIe91A1EGrFSslBGQVbwWkkD2cNAGcxAFs0pKCXKLaSIi+PrnX+D1t+\/wr\/+8xYsvvcxyqGhqiG6NJSMINAIPo20yxbbAjW4oZAlKGejNKO50\/Rpxx6oRCBGCx1gIEKS5+NkgJyQl0AbJCZl9hDTbxsNA4MrlZ7h0YZ\/ejINze\/zmb69iCJoTmltAUDNwx7xyaW9BrRW8kiLACtTK4eFd+m5FVAeCqAPhPtJAKbSayBEOoeCBpA2X1Ep0HSEBqtw7vIfUyt3jJSdPnRLrDgS8aYhhQDSBCF7HJn3r9ilujoYRpRJWEDe8VsKciAJDIawiHkQ4EgJhSDp4NiQlIo3ZelJSnoxfl8jIcAJoi6SM5rw5UzSN\/aYBgcOGZ3AjfHzGsIJbRZ1Nr9gIxHrCIGwgzBCEVgX5819fCUR4RLmim10eUTpsgG2YOZCHLgRAvC\/LRg8CiRif5uFwCh89wkfnx3VARJC+7+Oh8nCuPL4\/vs6y\/b\/lfObUBG7evEnOmel0SkSwWCxo2\/aR\/caNG+zt7VFrRVU5f\/78k676UOuJgI4Ob3Jut+V0DZNJw9Jakiqq0M4OODg4IKWRFh5m+XhF\/xf5QwH6xc9\/zNVn3yU5\/O73d7m4P+M739hnZydx\/pnv8emr36dpGgBevnaXi3sdz31iB4BSCsAj+\/VbJxwe93zlyj4AtVbc\/cy4+iRAR1Wwy3v84e8d33z+C5R7c3740zd4bfccw+KFMXB1+mJsTzOTrPTFqPZ+oIigmpOTMMlKN9gHVucDK3S07Hnlnys+Wc9x\/c271GIcHxauvX7E6Rv\/5umPXsVC6Abj0gJg4N7RwKxN5E2aKSXWgzFX5+k9pesHlPFfS\/XsWvwX97wRJTQmN3gAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/new-avris_small.png\u0022 alt=\u0022\u0022 class=\u0022border-bottom\u0022 width=\u0022480\u0022 height=\u0022250.4347826087\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EWreszcie. Wzi\u0105\u0142em si\u0119 do roboty i przepisa\u0142em od zera kod mojego blogaska. Zupe\u0142nie nowy design, nowy framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus\u003C\/a\u003E, lepsze wsparcie dla wersji j\u0119zykowych, par\u0119 nowych ficzer\u00f3w w panelu administracyjnym, rzucenie w\u0142asnego systemu komentarzy na rzecz zajebisto\u015bci \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Disqusa\u003C\/a\u003E, rzucenie TinyMCE dla pi\u0119kna i prostoty Markdownu. Zaj\u0119\u0142o to sporo pracy, ale zdecydowanie by\u0142o warto!\u003C\/p\u003E\n\u003Cp\u003EMam nadziej\u0119, \u017ce si\u0119 spodoba! :)\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","content":"\u003Cfigure\u003E\n                \u003Cnoscript\u003E\n                    \u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022500.86956521739\u0022\u003E                \n                \u003C\/noscript\u003E\n                \u003Cspan class=\u0022hide-noscript\u0022\u003E\u003Cimg src=\u0022data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAASCAYAAAAzI3woAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFD0lEQVRIia2Wz4tdWRHHP1Xn3Pt+dNuvO+m0GY2jOATHzDBmoy5E3Sgogrh14d6\/wIUr3fgfjBtBXLgRN6OIIDKIoMK4GCGgTMCJmR9J6CTTmZ5+\/d6995yqcnFfMll0Bgc8m1N1qjj1rTp1v3UlIoIz1u3btymlsFjssru7OMuFo3feISKYb22xXJ6ws7Pg\/v377O\/v8+DBA5qmQVXp+57JZEI66Zg\/tU8\/DMznc0SEiEBEAEb5Z7\/8VSAgqogqDogk3J1mOkUF0ASipJSJpIgIWRKBsLkLBUISouOBANRKRECAh1PKAEkJq4RV3AyvhbAAN1RApp96LnQ6JU1mpJRxnEDI0zm5acnTGeRMmswgNaTpjEYSOSlIptpAAhRBRGimc6pVdOgRB\/ERTB06hnDCg269xLolpe\/x9Ql1tcLLwEQSudVEO5mRZ9tIkxmGNeHBpG1xTeCG9IaKItMM3Sky3xkhWCEVw1QgTVE3ymqF1YqaM53vUK0Q3QohoUOHu6MB7qC1UiUhzYTkguPkWh1fvsd2bmjaltUwYC6gKyqJlBs8KU1AUwvNdI6dntBOJ1goeWvB1myHWn2s4HrN0o8xK1z5+AVidcxr12\/RVwerDH2PheOrY7wMYAbmuBsaTrYQwhPH7x4jqzWqiUgN666gjRJiaG759le\/RDuZ8cdXr\/GtL36Ol\/7yDybbC2S+YN1sEQyIKLu7mY\/plJyE1eoU6QuXLh4gAsuTJW++fQdD8DzFhop7hWqEGR6Q8s6FH3kYooJ5ECi+adRmOqfZ3uP5z1zm1z\/5AQh892tf5sXf\/ol3B6NPE8pg9N0pw9DRrU+o61PObc2IqLQ5oznhtdJKcOvOIe91A1EGrFSslBGQVbwWkkD2cNAGcxAFs0pKCXKLaSIi+PrnX+D1t+\/wr\/+8xYsvvcxyqGhqiG6NJSMINAIPo20yxbbAjW4oZAlKGejNKO50\/Rpxx6oRCBGCx1gIEKS5+NkgJyQl0AbJCZl9hDTbxsNA4MrlZ7h0YZ\/ejINze\/zmb69iCJoTmltAUDNwx7xyaW9BrRW8kiLACtTK4eFd+m5FVAeCqAPhPtJAKbSayBEOoeCBpA2X1Ep0HSEBqtw7vIfUyt3jJSdPnRLrDgS8aYhhQDSBCF7HJn3r9ilujoYRpRJWEDe8VsKciAJDIawiHkQ4EgJhSDp4NiQlIo3ZelJSnoxfl8jIcAJoi6SM5rw5UzSN\/aYBgcOGZ3AjfHzGsIJbRZ1Nr9gIxHrCIGwgzBCEVgX5819fCUR4RLmim10eUTpsgG2YOZCHLgRAvC\/LRg8CiRif5uFwCh89wkfnx3VARJC+7+Oh8nCuPL4\/vs6y\/b\/lfObUBG7evEnOmel0SkSwWCxo2\/aR\/caNG+zt7VFrRVU5f\/78k676UOuJgI4Ob3Jut+V0DZNJw9Jakiqq0M4OODg4IKWRFh5m+XhF\/xf5QwH6xc9\/zNVn3yU5\/O73d7m4P+M739hnZydx\/pnv8emr36dpGgBevnaXi3sdz31iB4BSCsAj+\/VbJxwe93zlyj4AtVbc\/cy4+iRAR1Wwy3v84e8d33z+C5R7c3740zd4bfccw+KFMXB1+mJsTzOTrPTFqPZ+oIigmpOTMMlKN9gHVucDK3S07Hnlnys+Wc9x\/c271GIcHxauvX7E6Rv\/5umPXsVC6Abj0gJg4N7RwKxN5E2aKSXWgzFX5+k9pesHlPFfS\/XsWvwX97wRJTQmN3gAAAAASUVORK5CYII=\u0022 data-src=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 alt=\u0022\u0022 class=\u0022border\u0022 width=\u0022960\u0022 height=\u0022500.86956521739\u0022\u003E\u003C\/span\u003E\n                \n            \u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EWreszcie. Wzi\u0105\u0142em si\u0119 do roboty i przepisa\u0142em od zera kod mojego blogaska. Zupe\u0142nie nowy design, nowy framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-cogs\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Micrus\u003C\/a\u003E, lepsze wsparcie dla wersji j\u0119zykowych, par\u0119 nowych ficzer\u00f3w w panelu administracyjnym, rzucenie w\u0142asnego systemu komentarzy na rzecz zajebisto\u015bci \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Csvg class=\u0022icon\u0022\u003E\u003Cuse xlink:href=\u0022#light-link\u0022\u003E\u003C\/use\u003E\u003C\/svg\u003E Disqusa\u003C\/a\u003E, rzucenie TinyMCE dla pi\u0119kna i prostoty Markdownu. Zaj\u0119\u0142o to sporo pracy, ale zdecydowanie by\u0142o warto!\u003C\/p\u003E\n\u003Cp\u003EMam nadziej\u0119, \u017ce si\u0119 spodoba! :)\u003C\/p\u003E\u003Csvg xmlns=\u0022http:\/\/www.w3.org\/2000\/svg\u0022 style=\u0022display: none;\u0022\u003E\u003C\/svg\u003E","tags":["design","framework","komentarz","markdown","php","praca","programowanie","redesign","tinymce"],"hasMore":false,"image":"https:\/\/avris.it\/image\/new-avris_small.png","introLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022125.21739130435\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EWreszcie. Wzi\u0105\u0142em si\u0119 do roboty i przepisa\u0142em od zera kod mojego blogaska. Zupe\u0142nie nowy design, nowy framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework.lite\u0022\u003E Micrus\u003C\/a\u003E, lepsze wsparcie dla wersji j\u0119zykowych, par\u0119 nowych ficzer\u00f3w w panelu administracyjnym, rzucenie w\u0142asnego systemu komentarzy na rzecz zajebisto\u015bci \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Disqusa\u003C\/a\u003E, rzucenie TinyMCE dla pi\u0119kna i prostoty Markdownu. Zaj\u0119\u0142o to sporo pracy, ale zdecydowanie by\u0142o warto!\u003C\/p\u003E\n\u003Cp\u003EMam nadziej\u0119, \u017ce si\u0119 spodoba! :)\u003C\/p\u003E","contentLite":"\u003Cfigure\u003E\u003Ca href=\u0022https:\/\/avris.it\/image\/new-avris_big.png\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E\u003Cimg src=\u0022https:\/\/avris.it\/image\/new-avris_mini.png\u0022 alt=\u0022\u0022 width=\u0022240\u0022 height=\u0022125.21739130435\u0022 loading=\u0022lazy\u0022\u003E\u003C\/a\u003E\u003C\/figure\u003E\u003C\/p\u003E\n\u003Cp\u003EWreszcie. Wzi\u0105\u0142em si\u0119 do roboty i przepisa\u0142em od zera kod mojego blogaska. Zupe\u0142nie nowy design, nowy framework, \u003Ca href=\u0022\/projects\/micrus-tiny-yet-powerful-php-framework.lite\u0022\u003E Micrus\u003C\/a\u003E, lepsze wsparcie dla wersji j\u0119zykowych, par\u0119 nowych ficzer\u00f3w w panelu administracyjnym, rzucenie w\u0142asnego systemu komentarzy na rzecz zajebisto\u015bci \u003Ca href=\u0022https:\/\/disqus.com\u0022 target=\u0022_blank\u0022 rel=\u0022noopener\u0022\u003E Disqusa\u003C\/a\u003E, rzucenie TinyMCE dla pi\u0119kna i prostoty Markdownu. Zaj\u0119\u0142o to sporo pracy, ale zdecydowanie by\u0142o warto!\u003C\/p\u003E\n\u003Cp\u003EMam nadziej\u0119, \u017ce si\u0119 spodoba! :)\u003C\/p\u003E","words":67,"readTime":null,"lang":"pl"}}}}}