add link to instagram

diff --git a/panikweb_templates/static/css/_data_uris.scss b/panikweb_templates/static/css/_data_uris.scss
index 2467288fc5c15905856d78b8e337cae749643b99..b393e6a7901d011e16f839744630cbd49fde061d 100644 (file)
--- a/panikweb_templates/static/css/_data_uris.scss
+++ b/panikweb_templates/static/css/_data_uris.scss
@@ -3,6 +3,7 @@ $data_uri_delim2: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAABKCAYAAAB
 $data_uri_facebook: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAPpwAAD6cB8i4qCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACaSURBVCiR7dAxDgFhEMXx38oWLuAG4hhKiQOIVuUCatdwBGdQShROwbai0FBpVqHw7Vgrq/aSKd43//nyZnhXhhn2uOGOCw41rBXKD1XRsAEs8wBPgz9hjXNdhE34bZQ2OwHuBl80wVGVpXJMEt8L8NgzN1yzON2g3bcYqY5t4CLDPHlYYJD4pdeNd3F6q3rnftpsE+MP/w4/AAv6KJJshuIlAAAAAElFTkSuQmCC";
 $data_uri_pause: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsAAAALABFGqraQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMHSURBVGiB1ZpPaBRXHMc/bxIpCdompsV/OTWF2Cr0T65FqicvQopQUOihlwpepTT0rrQEFCm0eC21pY09tHrxZNpzUKmXBkxPoqQatWjxoNmPh9kl63R33d15m7d+bvPm7b7vZ2Z2dub3XiAS6nZgL/AesBOYAF4Bhqtd/gP+BZaAv4DLwKUQwq1YGbpGHVdn1Gt2z5/q5+qOFAK71O/UxyUEiqyq59V310NgVD1dHbRXVMwP0mu9kjiorvRQoMhtdTqmwAb163UUqKeinlIHy0oMqxcSSdRzXh1ulTW0kgAuAu+XOhrx+APYH0J41Ghn1qhR3QDM0T8SAHuAOTu5zEz3m2iHU+1KHEyd9DlU1A+LuUNBYoz88eHVtk9fGlaAnSGEO7WG4vX2FZ1JrAJXm+wbB7YU2paBG036vwMMtDnuGHAcOPK/Peru6mnrhLvNRlJPNuh/skX/ux2Ovaq+Vft8/V3rC1rcjvuQDJip30AdBz5KlagEh6w+NdfOyMe0f332E4PAYVgTOZwuS2lyEXUbsDtxmDK8rW7NgH2pk5QkAB9kwFTqJBGYyoDJ1CkiMJkBr6dOEYGJDBhJnSICIxmwMXWKCGxq+GL1IpIBD1OHiMCDDLifOkUE7mfA36lTRGApAxZTp4jAYgYspE4RgYUMuJQ6RUkE5rPq/MS11GlKcDWEsFz7H/khaZRynIW1F6vvgSfpsnTNE+BHqIqEEG4AP6VM1CVnQwg34dkqygmgkiZPV1SAL2sbxUrjGeDTDr4sVYEO4NsQwtHaxotaMv2HvGR6r9bwzNNvCGEF+IT83tyvCBypl2jeM5/u6ldm21fWAfWX1Ikb8JudzieqQ+rviYPXM68OdSRRJ/OSei6xgOqvditRJzNo/pvpdMohBhV1Vo1Xl1anzSfx14tl9UA0gYLMZvWMvV3Csap+o472RKIgNFEVir2o5mf1zZ4LNBDaoX6mXukyfEW9rB4zX+/VNdGm2tQt5AvPpsgXnr0BvMxaAfAh+cKz6+R1ggVgPoSwHGP8pzCyQrLSyYE5AAAAAElFTkSuQmCC";
 $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_play: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsAAAALABFGqraQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAOfSURBVGiB3ZpNjJ1TGMd/zxtTEoPxkc5Gp1MiExElWnSnCPYVmiJipRt2xcJH7CxYkEwinUUTEk0oTcSCRH2tELqcmqkw9ZFIq9URTarRzs/ivbfuvN65ve/XvZff7r7ve57z/M+555znOecENaGuBW4HNgJTwCRwOTDa+uQEcAxYAA4CXwGfRMSPdflQGnWd+pw6b3nm1GfVyUEIWK++rp6uICDLGfU99eZ+CBhvCViqUUAeb6njTYnYph5vWEAnv6lb6xSwSp3po4Asr6qrqoq4UP1ggCLafKRe3M3X6CLiIuBD4NZKrVEfXwB3RcSJvJdJ3kPTrtzD8IgA2AS8q56f9zJXCDAN3NOYS+W5A3i5py/V+wc6GnrjwazfkRExDswBY3U0X4P8DlwbEb+0H2T/Wi9RTMQp4Ang2+q+FeIS4IXcN+pNFl+xF1plR9TH1aM1/4W6saTekCfk7RLGFjI2RtXn1ZN1etyFN7Mi1pkGbUVZJqTD3qS62+ZjsjOm6cPZMfIwK0/FhYmIQxHxAHAL8FlddnNIgIfO/rJ8PpHbI1nULerB2vphOQfalUxUMNKTkFY9I+qj6uFa3F/ORALcWaw3yxERf0XEDGka/CLp1F0XmxNgQ40Gz0lELEbEk8A1wAywVIPZDQlpC/WdiPgpIraTBqZVJ4SpBLiqulvliYivI2IzcC/lI4SrE4YkroqIvcB1wHbgSMHiY6inKswWPc9aRVDH1F0F/PiztkWwAVbMXvNISHcAhwJbaw0wDzxSoOgfCbDYiFcFUbcAs8BOYHXB4osJ8H3tXhVA3ah+CrxDuraU4buEtBv7jrpG3Ql8CdxW0dz8ecD+6m71jjoK7ACeAi6oyez+/0vQeGW7krmSBoYhjJ+Ff5Kp3UX7skcBdQzkc/FGZ4WT/jdT3dN2proRcQjYW7VpbG0+AN8A2yi4OpdgT0T8kHXixhItOOjtoPW58tTXCho7qe6wuYHcjV2dvme3TFeTbpleWmf/N8BxYCoifm0/WBb9RsQR0nxg2HmsU8SKmB53DSvTPcs1HbzvD9rjHPa5wnlit6O3UdKjt009t0CzfA7cvdLRW1dMD0OHoWf2mZ5plsf0eHqQY2ZaHakkIiNoq+khfr84pt5Xm4CMmMvUVywXl/XKkuk1kaLpbilB19vcpZq+buG2Ba1Vn1EPVBAwqz6tTlTxpbboVF3Dvy+eXcHyi2dHSS+ezZOm2B9HxM911P83uCaPDnvTq7oAAAAASUVORK5CYII=";
 $data_uri_twitter: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAATrAAAE6wBzl+vrgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFtSURBVDiNrdVNSBVhFMbxn0KFXwShG9FCEnethRYpSBt1k61dCEHLcBndpaBCi/bua9NaEAVBWwqii+ImEkTgF4gRRH7kbTEzMA135r7D9cBh3pl5zvmfMwPnEFmL8vYIH3CEc3xBBR0pzRP0JDcVjJcATOEPanV8FwvxdS0dtIPfeBYAGIi19QBp38JwuviT+MVfzON2AeRtAKCGXzjGwyRwOyOo4jla60A2AiFVDKYDKznCfczhMdpi7adAyKtsdR343CDoAt9xFgiZTpInn+MjlkU/NM9uoR93CzRpO8g+2Aysroz3ZSFPbxiwm9feuxuELORBYAZ7TQLOcT8P0I51fMN1E5Cloi5gtskuTtDbCAJv5A+/Ir/GRAggsQdxV9USkNdlADCE94HJr/CyKFmLaPl0oTs+j2FE/eGYtR94gZVGwntYxGlg5TUcioZqZ0Ah/63dO5jEqGjZ9MUF1PATX0UrYQWruAwBwD/YMg2Jp5ySRwAAAABJRU5ErkJggg==";
 $data_uri_start: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAc6gAAHOoBTGmZiAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAR1SURBVGiB3ZpNaB5FGMd/z1sbxSQlrZoq2CQYSItgG20J4qkqteIhB/EDpQbBi569BOuhPVTsQVAJFEHQtojG6iGJImL9uCnG+lXaGqFatWCRxlgSiy1J/x52N+9mux/z7jtvEv3BC7szz8w8/519Z56ZWcMTkjqArUAf0APcBKwBWkKTGWAS+Bn4EfgS+NTMfvPlQ2kkdUl6VtIJleeYpJ2SupZCwG2ShiXN1SEgyayktyT1LoaAayS95FlAkkuSDkha2ygRD0uaaqCAJFOSHvIpoEnSK4soIMk+SU31imiW9MESioj4WNKqPF8tR0QL8BFwe11Pwx9fANvMbCYts5KWKGklcIjlIwICX0YkXZmWmSoEGALubZhL5bkLeNHJUsHo5JPJ8OeTB4tErJXfIXZU0tXhb9xjvX9Kao/7nny19gJtNXR1HmPAA2Z23szOAx96qhdgNfB8PGFeiKRbgQFPDUUiLsbS5nLs/y7RxuOSNkU38R4ZJGc4roE0EXkMmlkL0Au8V0M7RuBzFQVR7KyHd3dUGbOwpN0ZZTYk7B6TNO3Y3qykTqj2yA5gRQ1PI41RauuJiN2SmqMbMzsIbAfOOZRdATw6fyfpeJ09MZLVE7E2snpEkk5LeiRhv01uUfbRqEBHo0U4CIl4LlFmr6MPNyJpoMDoD0lbJNU1EKQIGZY0KOlUIv2ZWJlWSWcchOxA0lCB0av1CMgQMhE9GAWT5f5Y3gVJG2PldjkIeblCsFGQxwUfQhKsApoBwsnyCYJIG6AJ2BmzPeBQX08F6PbpoSPXA+MKJzQzmwWeBhTm90tqC/N+Aop2Wror+AtJamUD8JmkGwDM7CjwVZh3FcEEGfFdQV2rK1T3nZaCNuC+2P3x2HVH7PpsQT2tWeuRpaLsyKgKMO3TkxqZAt6P3d8cu/41dn1dQT3TFdxCgUZwAthqZmcAwj/+5jDvH+CbmO1G8vmrApz07mIxvwN9ZvY9zO8RvED11Roxs3NhXjewrqC+kxVgosAodbFfJ9OEaxAFAeNrwN1h3kVgT8zWZY00cQVwpMCoX1IfMG5mKrB1pQcYlvQ18BQLR6hd4VCMpFbgSYf6jiCp0yEEyMNn0LgnUcY9aAwL/FBWRUgjwvjtcgvjj0F1YfWGQ/fl0Q8cKhKTwdvAejN7MybijjDdZZ6r+q5gqevjqCCzZ+S+1B1Q2aWumZ0C3q3xSaZRpmfuDwVskjQG7Mc9bHrHzH5ZkCKpV8Ehiw8u6xnl/0dmSrRxSbF1y/w7aGbfAgdreJJ5pPVM3uZGc05eFq9HE+plSGpXsB3pi0ZtmU5Kyo+/9H/YxI6J2ee5YZ8MOb98klZqeRy5JTmsjBHxv3T09jlwT9bRWy5aPoehhxUEkOVRcDy9lP+ZIQXrFT8oGM18Ds1FTMp1dCohZo0W7xOO9mKP6hd0S9iYjzOViDlJY5I2F3vgX1Cngs+c6jmWiD5z6ihuMRsfR22RqHXAncAWYD3QBVzLwg/PzhJ8eDZBsMT+xMxO+2j/XxnJ8g34qSJhAAAAAElFTkSuQmCC";
\ No newline at end of file

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index d2a13832496952eac77eb1131fe2cae55731f964..5703d3ea629813ac0734a5c93ba29be17e5b0917 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -2036,22 +2036,29 @@ div.emission-tile {
        padding: 2px 10px;
 }
 
+#instagram,
 #twitter,
 #facebook {
        display: block;
-       position: fixed;
+       position: absolute;
        right: 0;
-       top: 20px;
+       top: 5px;
        height: 35px;
        width: 35px;
        background: $yellow url($data_uri_facebook) center center no-repeat;
+       z-index: 100;
 }
 
 #twitter {
-       top: 60px;
+       top: 45px;
        background: $yellow url($data_uri_twitter) center center no-repeat;
 }
 
+#instagram {
+       top: 85px;
+       background: $yellow url($data_uri_instagram) center center no-repeat;
+}
+
 #streamSymbol {
        background-repeat: no-repeat;
        width: 50px;

diff --git a/panikweb_templates/static/css/img/instagram.png b/panikweb_templates/static/css/img/instagram.png
new file mode 100644 (file)
index 0000000..1da9f9f
Binary files /dev/null and b/panikweb_templates/static/css/img/instagram.png differ

diff --git a/panikweb_templates/templates/base.html b/panikweb_templates/templates/base.html
index 21caf7f2c926d3972907fbd433bd755015f16025..65f0e7706dcca88dbb117f901167b7aff361da7a 100644 (file)
--- a/panikweb_templates/templates/base.html
+++ b/panikweb_templates/templates/base.html
@@ -54,6 +54,7 @@
                    <a target="_blank" id="www-esperanzah" href="https://www.esperanzah.be">→ Site web Esperanzah! ←</a>
                    <a target="_blank" id="facebook" href="https://www.facebook.com/RadioEsperanzah"></a>
                    <a target="_blank" id="twitter" href="https://twitter.com/radioesperanzah"></a>
+                   <a target="_blank" id="instagram" href="https://www.instagram.com/radioesperanzah/"></a>
                </div>
                <div id="Changing" data-section="{{ sectionName }}">
                        {% block toptitle %}{% endblock %}