2019: style homepage

diff --git a/panikweb_templates/static/css/_data_uris.scss b/panikweb_templates/static/css/_data_uris.scss
index 63860728babef5fcd508cd87bbc09ea3760d1cb8..3ed623ae1a3b7a5c40efd9702082a45ce92c7904 100644 (file)
--- a/panikweb_templates/static/css/_data_uris.scss
+++ b/panikweb_templates/static/css/_data_uris.scss
@@ -1,9 +1,9 @@
 $data_uri_news_delim1: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAMAAAAYGszCAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExUReQcauQfaOQeaecyX+c3XOg4XOk/WOg+WeUiZ+UkZuUnZOUhaOYpY+YsYucwYPB3PPB6OulFVepGVOpNUepOUetUTexYTO1fSO5mRO5oQ+9uQPGBNvKIM/KKMvORLvOQL/OSLvWcKfi3G/i1HPm+GPWjJfetIPrGE/rEFPvMEPzRDvzUDP3dB/zYCv3dCP7hBv7lA/7kBP7oAv/rAP/qAf/sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIi5L68AAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAACVSURBVChTTc7pFoFQFIbhF4mQmSgyVcZEte//1lSn1P5x1vqetYeDFOXDwWShglC8sYaeHiFoopvnuEsvrTsjNZntONXogJelZEbnU+0MDayi4wL7Cm1ad3Vhxeilrt+H2OVfbjBVaGGEJcqG/jNHD5zK5DFkm+MSM/qjTGhfhQDc2uQ9YC3oaHEDZQdnwE+a+B0z/wFamCqAs1zsowAAAABJRU5ErkJggg==";
 $data_uri_delim2: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABKCAYAAABHGF9AAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAQPSURBVGhD7ZpdaNZVHMeXNt1Gc3PmAhMD80KaSrBKcjfT9G5KBMMS0wIFAwOV8uXKNVoNsaYXCuGNisMXkDa1FwVF6ULFShQjkcx3ovWOWRbZ+nz/fP/zbD7P9mh7vNDzwJdzfuec3+97Xv9v36eg88eCTnAdnATrQS14oKCffsSqBIvAp+A78RW44G3SD8Ev7sRx0sn/hxf/IeA98KdjfkG6DiztFpeCwWAWOOOGq0gH3i45PtXgHPgHfAAe70lUReHDYaHJ3zdxK+mAXIlpOwn8ZtLqDHFHa3q1psI3oAGUpQ3JL3bdO7mQ0nYU+Al8BYYHcZ7D/gj8pXgirQMLgNZU09EBpgUOa0xc0xcx7Q6An8FjaktaArbZ/1vSJjCz51SPo/AE+BtMtWMR+bPgSG+k1E938Ln2K8TeD26AZaCwyx/jZfB0MLJSE/9AWu4Acx3w2WzEJviaNFl/0pX2eSmIXUHZC+GaHqKg0g5jyWuqG4PRanO0ZCKlfDj4F7zp9sPI/w42BoSvYV9TR0Q6ArwKFPQwSC4MpNvBucCpHfvzLKTPe1Tj7DvP9hjbM2y3kU4Ip7neFckmIj/H9kjbjdhXs5BqzbQPHnTbTeRPBx0+in0MdD/zKrDjMjvqvOkoTbStS1lnFtJm6joCkn3YnwS2OrQi436g4lfQYJInTVqbA6mO1fmA5CB2W2Cr84siaZze9L6bbffGjZScEh+9eGTiFSnZDL1d8OORiUfm5q01l5s4bUp73owpy+9GgqA8kubtGSlOb14fQe+L6dVbl57U7+o5fSWS5vPaG6dXz095u7XF6Y3T2y8fOuJGihspbqTuLwh9vMvEI3PvHJkp/uqVtzWVetRkkjF+5Ky3LSlFz72PZHg/lXB3JXhr+xJ7S65ftiXsbTCJxD7JHm/YHm/ShSEpZcVAYlG72w0gr84325aUqc4mItEtPyr2gC6lSXlwMOixZBJJk6+DR8FEkKpMk0xSY5I629NsZxaSqJTUIREoEeccXL1MdDbSMrDLQVJhUF/DkyVwm4+xJc4W215NXiLQoGwjHe2AibCqhp6682lHgqmeTZn0tSEB4RL7L3A7Tf33oDUjYeAolUjK4lA7SoCVhCUR9pksy6Lg0mY0+h0gVbGWuyyjX1csGklnk84p2St1for8BQfYS7rQo3yRVNN32XXS1JNpJNXG0/pv7XWUwWiTj4/qfVCm0SwFp1yXrqnWaydIlCoTapkuuqMVOZHaca2DbyR9KHTEliT5BJAy3G2DYNcCbSRJoVU5EwY91ppIdFWv54OSbEFEADa7o5qNRFG8ox/OWs/PHOwqqbTtd4GWQJ2Sup9OuTbcW6Dojsh6OmnNQAvQ/xX+cCe0rpfAbiBdPdnxff3+A4PLU+r/w8xdAAAAAElFTkSuQmCC";
-$data_uri_facebook: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAPpwAAD6cB8i4qCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACaSURBVCiR7dAxDgFhEMXx38oWLuAG4hhKiQOIVuUCatdwBGdQShROwbai0FBpVqHw7Vgrq/aSKd43//nyZnhXhhn2uOGOCw41rBXKD1XRsAEs8wBPgz9hjXNdhE34bZQ2OwHuBl80wVGVpXJMEt8L8NgzN1yzON2g3bcYqY5t4CLDPHlYYJD4pdeNd3F6q3rnftpsE+MP/w4/AAv6KJJshuIlAAAAAElFTkSuQmCC";
+$data_uri_facebook: "data:image/png;base64,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";
 $data_uri_pause: "data:image/png;base64,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";
 $data_uri_delim1: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAWCAMAAACScr5LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMAUExURTMtfzUvfjQufzcxfTYwfjozezgyfDs0ezw1ej43eTw2ekI7dkQ8dUY/dEA5eE5Gb0hBckxEcFFJbVRMa1dPaVZOal1VZVlRaGlfXmFYY2VbYWxiXHFnWXBmWnRqV3huVHxxUjErgTIsgIB1T4R5TYV6TIh9SpyQPqCTPKWXOambNqyeNLSmL7ipLbusKrytKrCiMouASIyBSJCERZSHQ5SIQ5iMQM+/HsCxJ8W2JMi5Isy8INPCHNbFGtrJF93MFdnIGODPE+jWD+rYDe3bC+zaDO/dCu7cC+PSEuXUEPHfCfTiB/bkBvPhCPjlBfnmBPvoA/zpAv3qAf3qAv/sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHxud1MAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNqnn4iUAAAEySURBVDhPdZJ9OwJBFMUnJVIiIULZLUqJCFFe86SSxHa//2dx7jY7M+2u/WPuvef85uw8sytIP1XLsuxGBOuNoZLQQ38VZomusUZHBmMgJXhrA5okUQuhyJOAVYVVR7W6mtEp+zA2fuA42+h2HMUopMF77129y209gHxvQt6TcgF9cuIxXsod1KUXqY6imK58SC8O8VRl32KKvMlRphShpT8V8rWO+WABaduQasZdnPOJH+aCm+LkIGRn5q3vQtn61UiT93RMgh4590wh4xTGowWC6Bha4sN7UQs7YkMf8r4MpiyRYQxDy0cQVaCK5/lxDxGSGgeQaQZM3kU6fNZmgCC6YOMSyCyLJqe/q8Hm4WSmJGqodjskhOiV/6AKiTRKMZQgKsNb6TMY7/2DDBJwT/4A+GzE4bDx5BsAAAAASUVORK5CYII=";
-$data_uri_instagram: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAP/gAAD/4BstaVKgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAGlSURBVDiNrdW/ahRRFAbw32RTGJtEXK0SsyDW4muIvoZWNiox4mPYJK9gIxrR0j9Y+CcpUmghwhKTKm6hhbsEJGNxz2XH4c6q4AcX5p5zvo/7zZx7pjLFKVzHZZzHAios+R3fUGOCz3iKzYirouginmA59ocYBamEBfRxNvYHuILdfLJ9HGMDKx0iJawE5xhfspv1sLDxD0JwCXexGNwad+BVbJY7qcnamVbsffDW46Q1XpD8HxZE5rGGvSiu4/k2eriBd9L7h6+h5Ts+FMS2QmSM17HGEXsUok18DC0/sN1KrgXxDc414qt4G7lbLc5OaDlqCVZhbdwSa4pOMGzFt3E0F/bqRqIfQjtSK7SxF7kBTrdy83MFQhavCrmMzKtLyVmWVwv1A3+w/LNwwvvS9XrQEh1E7ETUNFFlrVLb9PDYdAjktplE7KEZbdPV2D2pNYamjT3EzYIYaZgcwMsonjUU+rG6kK/e8zlpnsG9GYRRrC5k7jPSyPlf42uxOWC3GmIj6bKPO4ROStMnv4Z9XMVus3mXcE36BVzwd7+AT2FzU3zhX/pngjVfvVuWAAAAAElFTkSuQmCC";
+$data_uri_instagram: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAQvHpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjarZppdiO7joT/cxW9hORMLofjOb2Dt/z+QGZqtqrK/Ur3WrKcYoIIIBAApcZ//neq/+Gfz/5QzscUcggH/1x22RRepGP/28/6cOvn/sWdf9PP76vbHwxvWZ7t/jWM8/rC+/7+gXher+vz+yq2c510LnT+4VrQyp0NL87r0rmQNfv9yxCVz88V97Cd8/85j3h+aP17/d1FnNE961mjzLDaHvxMcoHFAptt4dmun4aLDpt47fmL/LSffaduL1+cd3v14rujnO/bZ1eoI5wXhBcfne9r/9l3y0NPqN3v/PQHk3Q4Hv89+a6nOcfeXXEBTwV1burait5O7RVXbm8EHpH/Pa/jemQeiS02EOugWXk0pbM2eHtqp7sueuqxnptumOjMMJFnY5qx671ko8mmLVCcPPQ0EXi6AhFjG6hZ3jY3W/S6b173azpx56650mgW03zi7aE+vfmbx22hOSV0tT7SzVfYZST0MEOQk59cBSB6nj71y7/roR7i5ngA1oKgX25ObLAcdS9Rvb7Hll04W67zh1PHTg0d+7kALuLeHmO0BYEjaOt10Ec0JmqNHxP4FCw31pkKAtp707WaYGNtAJxk5N58Jup1rfFmvw21AIS3wUagIYEAyzlP/ESXiKHirXfKex989AlyKsEGF3wIIQbhqBJtdNHHEGNMMceSbHLJp5BiSimnkk22UJjPIUeVU865FG5aWLrw6cIVpVRTbXXV11BjTTXX0gif5ppvocWWWm6lm2476d9Dj6qnnnsZehBKww0/wogjjTzKJNamnW76GWacaeZZbqidqD6jpl+Q+46aPlETxNy6Lt5R4+0YryW00IkXzEDMOA3iURAgoI1gdiTtnBHkBLMjG5LCG1DTXsDpWhADQTe08VPfsLsj9xU35d0/4WZ+Qk4JdP8N5JRAdyL3jtsH1HpZFcUugCQLxaeHnRAbF4xUTC1uHlRLU72BlUIl3tmMbzPAJlP7Wn3Drd1WUyitrdSkq/dpRCyoKpZO1bPRc+PZNCxwAISzRUe4qcU5ssMFAwaTnG9YDQ3OcmTcNLF0BFjXeuXH4Ioxm40xD02smYAzdJ8tU8OjD5W9zph0ys7W4iNwGgIIoouBfY5i2E9SRXheXv8/nz8thIdn6lW2YlyKvsurGtlINymNOtxRZvVzQCwJa23zfRDZ3VVsxjFHGqOMCqRp2koE29CK+NIR+MXk0b3sfd4cJdVyu0pExPIWW4VTDj2A21PR+Q0IQ/EDZ4Sgu5medzv+G75GXxO+I1CDP4rPmSKlIli24Q9ixRXcSv0rMxyzZ0HMFT3KwiscJbNlF5r3Y217IjwqtAG6R+1qwW1rFF6PpgYLfAtFw0W6k06VC7nJrMZ3l7Uml+bo2rScHTmN8BjNRRhST8LriF47+U8Uz9sz6SBm1RqHWfZRYO2OOL8cM5tiM2DkAUkv940U1qUtmxol1JBommDt2k9zRCwdfabtYCceH4QrW5UU0bXYOXQMcNe6T9H7QuPKgp5gkPDvcd6MO27mbeOyWraJBcs0VMNl3DbtNExQ/dG0ZRgWnbZNEZhPpm3DtllyizezHn2mXp32W5+pV6f91mfq1Wm/9Zl6ddqvfEaoqfcAjK3pWR3Z3mCgvjY3GlVJrOo5wHYwAAtoE5utZMpMtSqvkzDb4Vs38mcivDmjfWQtVxGCiCR3oPwO3X2ag3Kz7HlKNImjnWb4hOpFpr+RU5s9TF9h6mZzsW2WGkrnMyFWxGCYOZvRArW/1ky1GkghE+GkeJi677ncLCx3d3O63Bxb6Dd2XzuSheYi+CjO99t9iyQEzm37LdYWR9wj7X4XFjpvNOxeSJqdzQP/+KwIhu6gXmAmCkqFfwsUGQF7ZEoj1SwNb49qqY3GJLhKIhPSTHokbLXCzDMpL4rhTAY/djL0nQx5UWG1ab9rWyeaBoxnopRU7trxLvgJMOp68ednEFuuDsvxmkiBKHfKOBayZWaAknv/qQR9rWxqV7LgZnJ9Hrk6aUciRWJUj8gwY3qTQkxleu7vQw8II2+K1potRmlRBvqAXKN24JqhqRpNb0O16RFvsAUrcJd01ZQ8wllTtF81RdTVkC5Jq2F31EjRO+ZV9GqWV3xWnzXPNxKL8oHdBRo5pMqEWgqCJcZCZ6tsq7wIgye/NCI7GT0jWLSjyCaykozohNm+5ZnNQMivAuG+FbWfmnvYEd4wGhj1vKNzPxDhuaO19hke6k/x8TfP4G7VGRd+PMUFxb8g9Bbst7DwsT6FRUxjRdd4kzVYYqEHvVM0IUlJ2WTQhBBqXdT2UYmIEFEXKtjSTFioIM9AxSOZQaUASwmtH64SbGFAR9XYao9ghC9tzdoFeyQVQUXIA4nwm6Rfz+L0ZRGNbx/LXEQmIQ1eu7KgVh1gWyBPm7sRskU4apcLAkVsQAw3RVXSdSkhoYwVtWMv6SaJWXbZ/LZUTBCmU1xuJGIrxUEis+ZAS84apfdIXYKAaYFh1pQ1lYqUjt7bLngFciHHDfmhKpjvmAVz94A5PDUFcYf0rnEFXRdWF6L4QADK3EPlCpQVJutjwh98TALu53hbMnjRyFNirAj5MZQrBCFCtTlc4pd3aKZo54pCbFboqJJGjjvkbAce4kW0MNyRW0WEdu3iIL3izwJQ3cQM1rCLvdPv4sFveXF4uyT7KhhDWcytB0TmPWq+lxZLrK2VPIUW0biJXpPPE3tSNeJcTonpddvq5px3su/HI74XvB/AlYRWG1/J6LQy+kd8zXcmUK8ISwV7wHjH14XxaSokfpDjkKcgV6sb2ZzSb0uaQP9dgg5L0ngkTeNvVNO6uzMkzSbWJWm2yluSxtawk1Z6hy0dFhllNripyMMcAjNU5CU331VZQHTRhI6sOvftVLLuKw1PgoJ7aqRxazkGa9kfAs5FoTFLT2mT9kB3CsaYb4JRiWJs8VKMPxXkXY8FSWMlshNCI0wNJbTStj6i52u3ACrOQMHetpgiii+Jg9IRCzdtdIR9XGzvEsDnYTIU3GRtowjH2SMN/mhwiDR2qMs6s5smePan2Y4MWlgjTlOmjTvs6ouqU2+yzvcUUhb/9WFAaxy4z2Vxn/MJ67m1uM+EwTa8ox4cMJhKxmYkN2tvzUefh9tELC0UJ7cpHu6DUssrXcv073pLXe9BoecqcK6sstaQkBGe4h5L368JA+b3h/kCYPrpFUH13jPuD4lwXR8aMjBdqSEfW0OLvnqQB7ZXr3TPFjLl8DTdiVCQVDVuWjroWY/S8iY/HnTRMkETjaC+iYTH4iVFRHgxdWgND4O/aLBOd2FadUVlI4OfPTRo3uhoa6FS2GxkAFJoIjoa9Q+bFaFFf+7t1IXbEWAE0YDuEnEdfPGOPCZTLVSntUtSlaKXIUtwBHtJcpOwuiP6tbcKTHyjIevKBG5H3Gpsv+1hbyGOFiWyj5p7w41RGQfFRx9sLzsHxOt6yfcWqrRSZ+0ML3buYZAxksi9arojkt0aTRPFBaJENsm9c+xDCX0U37skaHWKWbnsJmaPs8wgaGsCKNqHLZwJCDgKP7luhoCWS8xBwOsKHVqcW1MX3VE+oZg1dGEbnrujTfY9g/SHi/KEo1nOnpRn+mo61a0BLd8S4Izkpxy6MnHnEAH5STu9JsCb3Lkl39UAqh1dGLkbwB1d42ydpQ3c6lo08E8CeG1e/QvhP9vwbIK6p/OVTEKhbvHxSqZompnRSRiHPYDjI5UVdQ0EoYXLLWGO8h9T8pxMQVRmTbRea0liRmmPYOPaOzK5Ump6rt2gjJ0ZMZInMm/VSSuaecJWqPhzO8anSBM6MErCLRvLUoix3rJxBlJkmrbTMdzsPM3086uIaGcmadGhaqmulUpQ+lw3oZrsuapDa6y07NpeWzh3EJ/1Rdtjny9Rq/+kw69GTpFI0snh7NXJ4e8YMp2cxfvI5Xg0UkuXNXlGucjkuZ+T5z14Tr1fff/4HvyPBeSMn/cMgti+lJD3sPuxiCBrJIV2/fpQQmRytLnoKiOkyy4k9zKypCZJq7WV+SvUZgk5NO8UXWo8l5v8qJcNy+EcbunWODW0hyGi+jgQE3h2Y/gy5paBmPQI54zh1iOkpK45d5Vpk7aO0oP3ESeZWsTSvZgWYieuHBdkG0MPEGj2Mv6mYDVdZO8DYsuxydgDKOReMWyfpLHGbUlGvkU6BeRLDanLaFxnn0WzRNTm1TSo1TUQK9kabpoPbXHG5YVIgm48JZ9Xvple7Cosgb/SgwyCEWA7BbLTfQUvoIwHoX8kUbJzLJ6D3+eKr5OMX087aDNVM9lsVUkdMXLO4UYXykMpDzpHtx13jIC4DnL+hLd7Hi0cvQ/fxHGE0FDBUDJhKHJawrRIz/M2lPiL9kJ96y/+pb1Q3ycNf99eqPLeQv44Gju7x1sPsrrHc6yn9lyPvHLn6QIy/y6y713I7h6vJkQ8Wft5grFsVesQY/WOYs7VPZ6jwD0IPMeAIp7zQ/d4jhuXXK9NiVy3+9SDLJXu0ZTNmqk4FDVhZY6gdbpJ9vhx4+r45xby84RA/f2I4PuEQP39iODV3CTT90JPJE2IUwT65iPqdZfzI1CsayhJJyl6duCTMqqrnaJiHVl/JLw5hvalB3oXckN3rSKSCpRZtq0DLRl0/2mytUXKM9er48vZ0xY2iWK65jn2Nuu6161r1pXVWbjqHnadhWsNu1bhike+lch9GirqdhXIcA6qCOK+9BEtlBSMVR8QBVxsEcEUtk/Hkz8OhNQF9w+a+IMi/jyeVt/b4b8fT6uvJ7Cz/M00QFp7fJTJ5zYS+0KWl97lAHsdsXtqg+mjduQFeRjozDWmmnEM2MBmfmX72e9dqNtA72WcJwXpmg3KKcWCRur2smY1gPFsAL2cMKkV5OdAnChfPcQ6cpIYP/sHYvw2eO+RGKdO29vg3Qydy1DFnpN3QsaSHmvyHqk/ZZ+0/XFyvEhnHGoBDmZ3wGkgHxA7CwGIPRUCyt/zUZP6Ca+/Ohh/EAzqN4pB+rNLMsjBYtzntKdueFQNMpP4cIb2eIR24/Z9EuXVSe7nZCSLUjO/OYZSr6PpLRbmXRI8CQLYpa1zyTcxpF7U0B9Vx0+iQ/2r6vhJdKgXPliIyHnqhcjtqHcBQiq2dRgns1Wy1feSmugtrdbMt1baMfnWjokYQQU/Eg834MpjlHUaN1en9DOXq5/I/OHYNn2v+nNFg5rp65nfOmPeMXE5+vzSwOXo8/xb3dG8DsDjTowYzgPw4fc58824r5PR9CcV8oNpN8PUqfafDbuF2Xn8/WbUu8fUs8t+7zH17LLfe0w9u+z3HlPPLvtHjz3EnHoOPjNlcpDQeWtaOorV6JiaSyHvpFVLye2DhRx4IV8FgHr8nkTMVmRwfk+x21cWTmaQQ6Tj1AqnUFgFaQkFXLSkgtpa4fqmF8LETLoY+aZXycU3HfKqk2joWk3vJKQcnLayDk7z/eBUyVfe1kHdcR2kNbuLpcAwU65nsYxQ/dLqBs0tav3I59RBvlzZVfcYXmVu4o0+QqcEy5d+d8tGwR5QzFW7PpeuVVpfD6F+//zDQrSRCzvjalvjH23PUZJNvEftmkbGR+BYtEyECMgGg61ToboOAd8dRT5tV4mjyh4r9pPR7zNb9fS9iv0tL6pgkbZ0fctLvliaTDca82RSFL2v3oWlF3KWk3q7TupVI6b3t7zWlqYMp9X/Aeebpqj8aLJFAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA/+AAAP/gGy1pUqAAAAB3RJTUUH4wMCBzM2jzOX+wAAAdtJREFUOMutlb1OVFEUhb89QyE2DHGgYoDEWBt8DKOvoZWNGMT4GDb4CjRGMVL6Ewt/mIJCCmMyMlDBaKBgJiSEz8I98c7NzIiJK7nF2Xuvde+5Z529g4Q6DdwFbgJXgUkggBqDOAIEesA34BXwNCKOSALqdeAlMJekA6CTpGGYBOrAbK73gVsRsY06re6p5+qa2uCCUBvJOVfbag111d9Y4x+gLqmP1KkUVX2I+i4Xc2PIs+pMKfY5eav5papvUPfVgyEiE+qKuusf7KoP1Kp6T/2U/x/1UN1HPVa/DBHbSJGu+j6fbsaeq9USZ0c9Rj1Rt0rJlSR+UOcL8QX1Y+aWS5ymeoJ6WhRUI7fWLYqVRHtqqxTfUk8rwEQatY86MA80I6JdFoyIXaAJLKpXSumJyrBD7XPHuKZSqh1InJXIP4A2cENdGLLlRWAJ+B4RP0vps75gcUsCT/J6rRdFU2wduJQ1A1TgbJRtquqLPM1ewTa9jD0bZ5tRxq6qy2qrYOyWer8slvWdvrHfZnFjzNWrq/W/NAnV15XsZwCPRxEiohMRnTGn3uduotb+Y/uaKjbYDaAv1gEOge4IrcvATF4CgD3gdkRsR+FtNeBOjoBrFxwBX4HNHAHHAL8APoEUn5ofUqQAAAAASUVORK5CYII=";
 $data_uri_play: "data:image/png;base64,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";
-$data_uri_twitter: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAATrAAAE6wBzl+vrgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFtSURBVDiNrdVNSBVhFMbxn0KFXwShG9FCEnethRYpSBt1k61dCEHLcBndpaBCi/bua9NaEAVBWwqii+ImEkTgF4gRRH7kbTEzMA135r7D9cBh3pl5zvmfMwPnEFmL8vYIH3CEc3xBBR0pzRP0JDcVjJcATOEPanV8FwvxdS0dtIPfeBYAGIi19QBp38JwuviT+MVfzON2AeRtAKCGXzjGwyRwOyOo4jla60A2AiFVDKYDKznCfczhMdpi7adAyKtsdR343CDoAt9xFgiZTpInn+MjlkU/NM9uoR93CzRpO8g+2Aysroz3ZSFPbxiwm9feuxuELORBYAZ7TQLOcT8P0I51fMN1E5Cloi5gtskuTtDbCAJv5A+/Ir/GRAggsQdxV9USkNdlADCE94HJr/CyKFmLaPl0oTs+j2FE/eGYtR94gZVGwntYxGlg5TUcioZqZ0Ah/63dO5jEqGjZ9MUF1PATX0UrYQWruAwBwD/YMg2Jp5ySRwAAAABJRU5ErkJggg==";
+$data_uri_twitter: "data:image/png;base64,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";
 $data_uri_start: "data:image/png;base64,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";
\ No newline at end of file

diff --git a/panikweb_templates/static/css/_general.scss b/panikweb_templates/static/css/_general.scss
index 22f1867a799b7b522b575e3343701deb1eb9b3e0..3a0ba9848b4618d62586a13af163c7633ec38167 100644 (file)
--- a/panikweb_templates/static/css/_general.scss
+++ b/panikweb_templates/static/css/_general.scss
@@ -2,12 +2,13 @@
 /*HTML TAG DISPLAYS */
 /******************/
 body {
-       font-family: 'Oswald', sans-serif;
+       font-family: 'Fjalla One', sans-serif;
        line-height: normal;
        text-align: left;
        margin:0 auto 0 auto;
        /*padding: 0px 10px;*/
        clear: both;
+       font-size: 22px;
 }
 code,pre{
        display:block;

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 84cfcabfc6bb322e8cecfd6e5bea6c7cf7471018..ae5d02c71c6d62197b76eb16139fca23de9dccba 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -2,10 +2,13 @@
 
 $black: #000000;
 $white: #FFFFFF;
-$primary: #312B81;
-$mauve: #312B81;
+$mauve: #9a04c7;
+$primary: $mauve;
 $secondary: #E41C6A;
 $yellow: #FFEC00;
+$red: #fb634e;
+$orange: #ff8b57;
+$pink: #f9025a;
 
 /****************************************************/
 /* FONTS */
@@ -315,9 +318,10 @@ body{
 #Commons .wrapper{
 }
 #mainHeader {
-       padding-bottom:1em;
        display: inline-block;
-       height: 150px;
+       background: url(../img/logo_radio_espe.png) bottom left no-repeat;
+       height: 192px;
+       width: 342px;
 }
 #Player {
        display: inline-block;
@@ -450,10 +454,8 @@ body{
 }
 
 #backgroundBox {
-       background: transparent url(../img/logo-2018.png) bottom 7px left 10px no-repeat;
-       @media screen and (max-width: $size_m) {
-               background-size: 320px;
-       }
+       background: transparent;
+       text-align: center;
 }
 
 #All #backgroundBox h1.top {
@@ -588,7 +590,7 @@ h1.top#frequence {
 #Player {
        padding-top: 36px;
        padding-left: 8px;
-       position: relative;
+       position: absolute;
        top: 60px;
 }
 
@@ -716,6 +718,8 @@ h1.top#frequence {
 }
 
 #Main{
+       margin: 0 auto;
+       max-width: 1010px;
        flex-grow: 1;
        position: relative;
        z-index: 10;
@@ -775,11 +779,16 @@ h1.top#frequence {
 }
 
 #Footer {
-       background: white url($data_uri_delim2) 0 20px repeat-x;
        padding-top: 120px;;
        padding-bottom: 0px;
        position: relative;
        z-index: 3;
+       font-size: 16px;
+
+       a {
+               color: $pink;
+               text-decoration: none;
+       }
 
        p {
                margin: 0 1em 1em 0;
@@ -1997,16 +2006,6 @@ div.programCell a.playlist {
        cursor: default;
 }
 
-a:hover div.emission-tile img {
-       opacity: 0;
-}
-
-
-a:hover div div.name span {
-       background: $secondary !important;
-}
-
-
 img {
        box-sizing: border-box;
        transition: all ease 0.5s;
@@ -2016,50 +2015,42 @@ div.emission-tile {
        background: white;
        position: relative;
        box-sizing: border-box;
-       width: 20%;
-       height: 20vw;
+       width: 25%;
+       padding-bottom: 20px;
        @media screen and (max-width: $size_m) {
                width: 50%;
                height: 50vw;
        }
        float: left;
        div.image {
-               //filter: grayscale(100%);
                border: none;
-               height: 100%;
+               height: 300px;
+               width: 230px;
                width: 100%;
                box-sizing: border-box;
-               padding: 1rem;
-               background: url(../img/big-flower.png);
-               background-clip: content-box;
+               padding: 0;
+               padding-left: 15px;
+               background: transparent url(../img/bloc_black_off.jpg) top left no-repeat;
+               &:hover {
+                       background-image: url(../img/bloc_black_on.jpg);
+               }
                img {
-                       width: 100%;
-                       height: 100%;
                }
        }
        div.name {
-               position: absolute;
+               margin-top: 10px;
                text-transform: uppercase;
-               top: 50%;
-               margin-top: -10px;
-               font-size: 20px;
-               text-align: center;
-               width: 100%;
+               text-align: left;
+               color: $mauve;
                span {
                        transition: all ease 0.5s;
-                       background: $primary;
-                       color: white;
-                       padding: 5px 20px;
                }
        }
-       span.badge {
-               position: absolute;
-               top: 1rem;
-               left: calc(1rem + 10px);
-               background: $secondary;
-               color: white;
-               padding: 0.5ex 1ex;
-               border-bottom: 3px solid $yellow;
+       div.tags {
+               font-family: Roboto, sans-serif;
+               font-size: 12px;
+               color: #5d5d5d;
+               text-transform: lowercase;
        }
 }
 
@@ -2072,34 +2063,45 @@ div.emission-detail {
 
 #www-esperanzah {
        position: absolute;
-       top: 0;
-       right: 100px;
-       background: $yellow;
-       color: black;
+       top: 58px;
+       left: 20px;
+       color: $mauve;
+       border-radius: 3px;
+       width: 40px;
+       text-align: center;
        padding: 2px 10px;
+       transition: all .2s;
+       &:hover {
+               background-color: $mauve;
+               color: white;
+       }
 }
 
 #instagram,
 #twitter,
 #facebook {
+       transition: all .2s;
        display: block;
        position: absolute;
        right: 0;
        top: 5px;
        height: 35px;
        width: 35px;
-       background: $yellow url($data_uri_facebook) center center no-repeat;
+       background: $mauve url($data_uri_facebook) center center no-repeat;
        z-index: 100;
+       &:hover {
+               background-color: $red;
+       }
 }
 
 #twitter {
        top: 45px;
-       background: $yellow url($data_uri_twitter) center center no-repeat;
+       background: $mauve url($data_uri_twitter) center center no-repeat;
 }
 
 #instagram {
        top: 85px;
-       background: $yellow url($data_uri_instagram) center center no-repeat;
+       background: $mauve url($data_uri_instagram) center center no-repeat;
 }
 
 #streamSymbol {
@@ -2135,7 +2137,7 @@ div.playListControls {
 
 div#specialHome {
        background: transparent top center repeat-x;
-       padding-top: 30px;
+       padding-top: 50px;
 }
 
 div#specialHome h1.top {
@@ -2149,17 +2151,15 @@ div#specialHome h1.top {
 
 div#actu {
        padding-bottom: 14px;
-       display: flex;
-       flex-direction: row;
-       > h2, > div { width: 50%; box-sizing: border-box; padding-bottom: 30px; padding-top: 30px;}
        h2 {
-               text-align: right;
                padding-right: 10px;
+               font-size: 40px;
+               padding-bottom: 10px;
        }
        div {
-               padding-left: 10px;
-               font-size: 22px;
-               max-width: 50ex;
+               font-family: Roboto, sans-serif;
+               font-size: 16px;
+               color: #5d5d5d;
        }
        @media screen and (max-width: $size_m) {
                display: block;
@@ -2382,8 +2382,7 @@ div#Playlist {
 }
 
 #All {
-       background: transparent url(../img/bandeau-2018.svg) top left no-repeat;
-       background-size: 100% auto;
+       background: white;
 }
 
 div#grid table {
@@ -2412,3 +2411,12 @@ div#loading-page {
        0% { right: 100%; }
        100% { right: 0%; }
 }
+
+div#header_date {
+        text-transform: uppercase;
+        position: absolute;
+        text-align: left;
+        color: $red;
+        top: 63px;
+        left: 135px;
+}

diff --git a/panikweb_templates/static/css/_type.scss b/panikweb_templates/static/css/_type.scss
index d710d815d7b5796945e997208a14eb2620f14fb8..37c47790ff3d78d8de52a4cd464f28117254ac96 100644 (file)
--- a/panikweb_templates/static/css/_type.scss
+++ b/panikweb_templates/static/css/_type.scss
@@ -129,6 +129,25 @@
     font-style: normal;
 }
 
+@font-face {
+       font-family: 'Fjalla One';
+       src: url('../fonts/FjallaOne-Regular.woff2') format('woff2'),
+            url('../fonts/FjallaOne-Regular.woff') format('woff'),
+            url('../fonts/FjallaOne-Regular.otf') format('opentype');
+       font-weight: normal;
+       font-style: normal;
+}
+
+@font-face {
+       font-family: 'Roboto';
+       src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
+            url('../fonts/Roboto-Regular.woff') format('woff'),
+            url('../fonts/Roboto-Regular.ttf') format('truetype');
+       font-weight: normal;
+       font-style: normal;
+}
+
+
 [class^="icon-"],
 [class*=" icon-"]{
        /*font-size:1.3em;*/

diff --git a/panikweb_templates/static/css/img/facebook.png b/panikweb_templates/static/css/img/facebook.png
index 70bc6315e52c7c632d78f28e6a59d5fa60b70ae1..772d71e712415e1456092167ba218173cc0306a7 100644 (file)
Binary files a/panikweb_templates/static/css/img/facebook.png and b/panikweb_templates/static/css/img/facebook.png differ

diff --git a/panikweb_templates/static/css/img/instagram.png b/panikweb_templates/static/css/img/instagram.png
index 1da9f9f0aaf60f2e9079d13217284161f5c1005b..c3397e444b360d0341bd21c4cade7c7340bff044 100644 (file)
Binary files a/panikweb_templates/static/css/img/instagram.png and b/panikweb_templates/static/css/img/instagram.png differ

diff --git a/panikweb_templates/static/css/img/twitter.png b/panikweb_templates/static/css/img/twitter.png
index 081deeebad4fde2633d0cd7d3406a74e9ed8ec10..1b6c77bedb73d1ec2fac73d611e2cef7917e3a83 100644 (file)
Binary files a/panikweb_templates/static/css/img/twitter.png and b/panikweb_templates/static/css/img/twitter.png differ

diff --git a/panikweb_templates/static/fonts/FjallaOne-Regular.otf b/panikweb_templates/static/fonts/FjallaOne-Regular.otf
new file mode 100644 (file)
index 0000000..36b55b1
Binary files /dev/null and b/panikweb_templates/static/fonts/FjallaOne-Regular.otf differ

diff --git a/panikweb_templates/static/fonts/FjallaOne-Regular.woff b/panikweb_templates/static/fonts/FjallaOne-Regular.woff
new file mode 100644 (file)
index 0000000..4d0e201
Binary files /dev/null and b/panikweb_templates/static/fonts/FjallaOne-Regular.woff differ

diff --git a/panikweb_templates/static/fonts/FjallaOne-Regular.woff2 b/panikweb_templates/static/fonts/FjallaOne-Regular.woff2
new file mode 100644 (file)
index 0000000..a8e0b0d
Binary files /dev/null and b/panikweb_templates/static/fonts/FjallaOne-Regular.woff2 differ

diff --git a/panikweb_templates/static/fonts/Roboto-Regular.ttf b/panikweb_templates/static/fonts/Roboto-Regular.ttf
new file mode 100755 (executable)
index 0000000..bcaeba1
Binary files /dev/null and b/panikweb_templates/static/fonts/Roboto-Regular.ttf differ

diff --git a/panikweb_templates/static/fonts/Roboto-Regular.woff b/panikweb_templates/static/fonts/Roboto-Regular.woff
new file mode 100755 (executable)
index 0000000..2f53e7c
Binary files /dev/null and b/panikweb_templates/static/fonts/Roboto-Regular.woff differ

diff --git a/panikweb_templates/static/fonts/Roboto-Regular.woff2 b/panikweb_templates/static/fonts/Roboto-Regular.woff2
new file mode 100644 (file)
index 0000000..1d1539e
Binary files /dev/null and b/panikweb_templates/static/fonts/Roboto-Regular.woff2 differ

diff --git a/panikweb_templates/static/img/bloc_black_off.jpg b/panikweb_templates/static/img/bloc_black_off.jpg
new file mode 100644 (file)
index 0000000..0fd070d
Binary files /dev/null and b/panikweb_templates/static/img/bloc_black_off.jpg differ

diff --git a/panikweb_templates/static/img/bloc_black_on.jpg b/panikweb_templates/static/img/bloc_black_on.jpg
new file mode 100644 (file)
index 0000000..b934245
Binary files /dev/null and b/panikweb_templates/static/img/bloc_black_on.jpg differ

diff --git a/panikweb_templates/static/img/logo_radio_espe.png b/panikweb_templates/static/img/logo_radio_espe.png
new file mode 100644 (file)
index 0000000..05f37cb
Binary files /dev/null and b/panikweb_templates/static/img/logo_radio_espe.png differ

diff --git a/panikweb_templates/templates/base.html b/panikweb_templates/templates/base.html
index 7fe7688fe90704a6e8b45dcf6d06252f180b6326..28392fccecec834d8a847617dcceef4ed8351559 100644 (file)
--- a/panikweb_templates/templates/base.html
+++ b/panikweb_templates/templates/base.html
@@ -45,6 +45,7 @@
                <div id="Commons" >
             <div class="sided" >
                 <div id="backgroundBox">
+                        <div id="header_date">2-3-4 août 2019<br>Abbaye de Floreffe</div>
                                <a href="{% url 'home' %}" id="mainHeader"><div>
                                        <h1 class="top" id="radiopanik">Radio Esperanzah! - 106.2 FM</h1>
                                </div></a>
@@ -53,7 +54,7 @@
                                </div>
                        </div>
                    </div>
-                   <a target="_blank" id="www-esperanzah" href="https://www.esperanzah.be">â\86\92 Site web Esperanzah! â\86\90</a>
+                   <a target="_blank" id="www-esperanzah" href="https://www.esperanzah.be">â\86\90<br>site</a>
                    <a target="_blank" id="facebook" href="https://www.facebook.com/RadioEsperanzah"></a>
                    <a target="_blank" id="twitter" href="https://twitter.com/radioesperanzah"></a>
                </div>

diff --git a/panikweb_templates/templates/home.html b/panikweb_templates/templates/home.html
index bffb9ca2001788ff40655cd9f3988340edd0ed9a..a111a14f8308eeb17515d6c5bd03374bc80ed80c 100644 (file)
--- a/panikweb_templates/templates/home.html
+++ b/panikweb_templates/templates/home.html
@@ -19,7 +19,6 @@
 
 <div class="" id="specialHome">
     <div>
-           <h1 class="top">Radio Esperanzah!</h1>
 
             {% if newsitems %}
              <div id="actu">
@@ -31,31 +30,36 @@
 
            {% spaceless %}
            {% for emission in emissions %}
-           <a href="{% url 'emission-view' slug=emission.slug %}">
            <div class="emission-tile {% if emission.has_focus %}emission-focus{% endif %}">
+             <a href="{% url 'emission-view' slug=emission.slug %}">
                    <div class="image">
-                       {% thumbnail emission.image "400x400" crop="50% 50%" as im %}
+                       {% thumbnail emission.image "230x300" crop="50% 50%" as im %}
                        <img src="{{im.url}}">
                        {% endthumbnail %}
                    </div>
-                   <div class="name"><span>{{emission.title}}</span></div>
-                    {% if emission.has_focus %}<span class="badge">Podcasts disponibles</span>{% endif %}
+             </a>
+             <div class="name"><span>{{emission.title}}</span></div>
+              <div class="tags">
+              {% if emission.has_focus %}<span>#podcast</span>{% endif %}
+              <!-- &nbsp;<span>#espe{{emission.creation_timestamp|date:"Y"}}</span> -->
+              </div>
            </div>
-           </a>
            {% endfor %}
 
            {% for page in extra_pages %}
-           <a href="{{page.get_online_url}}">
            <div class="emission-tile">
+           <a href="{{page.get_online_url}}">
                    <div class="image">
-                       {% thumbnail page.picture "400x400" crop="50% 50%" as im %}
+                       {% thumbnail page.picture "230x300" crop="50% 50%" as im %}
                        <img src="{{im.url}}">
                        {% endthumbnail %}
                    </div>
+           </a>
                    <div class="name"><span>{{page.title}}</span></div>
-                    {% if page.slug == "interviews" %}<span class="badge">Podcasts disponibles</span>{% endif %}
+                      <div class="tags">
+                      {% if page.slug == "interviews" %}<span>#podcast</span>{% endif %}
+                      </div>
            </div>
-           </a>
            {% endfor %}
            {% endspaceless %}