panikweb/templates/base.html

   1 {% load gadjo paniktags staticfiles %}<!DOCTYPE html>
   2 <html>
   3 <head>
   4     <meta charset="UTF-8" />
   5     <title>{{ radio_name }} - {% block title %}{% endblock %}</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <link rel="icon" href="{{ STATIC_URL }}img/favicon-2020.png" type="image/png">
   8     <link rel="apple-touch-icon" href="{{ STATIC_URL}}img/favicon-300x300-2020.png">
   9     <link rel="canonical" href="{{ request.build_absolute_uri }}" />
  10
  11     <meta name="og:site_name" content="{{ radio_name }}"/>
  12     <meta name="twitter:site" content="@radioesperanzah" />
  13
  14     {% block head %}
  15     <meta property="og:title" content="{{ radio_long_name }}" />
  16     <meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020.png' %}" />
  17
  18     <meta name="twitter:card" content="summary" />
  19     <meta name="twitter:title" content="{{ radio_long_name }}" />
  20     <meta name="twitter:description" content="La radio du festival Esperanzah!, à partir du 30 juillet 2020 à Floreffe" />
  21     <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
  22     {% endblock %}
  23
  24 {% block podcasts-feed %}
  25 <link rel="alternate" type="application/rss+xml"  href="{% url 'podcasts-feed' %}" title="{{ radio_name }} Podcasts">
  26 {% endblock %}
  27
  28     <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css?{% start_timestamp %}" type="text/css" />
  29
  30     <script src="{% xstatic 'jquery' 'jquery.min.js' %}"></script>
  31     <script src="{% xstatic 'jquery-ui' 'jquery-ui.min.js' %}"></script>
  32     <script type="text/javascript" src="{{ STATIC_URL }}js/audioPlayer.js?{% start_timestamp %}"></script>
  33     <script type="text/javascript" src="{{ STATIC_URL }}js/specifics.js?{% start_timestamp %}"></script>
  34
  35     {% block extrascripts %}{% endblock %}
  36 </head>
  37
  38 <body {% block bodyattr %}id="{{sectionName}}" class="section-{{sectionName}}"{% endblock %}>
  39         <div id="All">
  40                 <div id="Commons" >
  41             <div class="sided" >
  42                 <div id="backgroundBox">
  43                         <div id="header_date">31 juillet, 1 &amp; 2 août 2020<br>Abbaye de Floreffe</div>
  44                                 <a href="{% url 'home' %}" id="mainHeader"><div>
  45                                         <h1 class="top" id="radiopanik">{{ radio_long_name }}</h1>
  46                                 </div></a>
  47                                 <div id="Player" class="withoutPlaylist">
  48                                         {% block listen %}{% player %}{% endblock %}
  49                                 </div>
  50                         </div>
  51                     </div>
  52                     <a target="_blank" id="www-esperanzah" href="https://www.esperanzah.be">←<br>site</a>
  53                     <a target="_blank" id="facebook" href="https://www.facebook.com/RadioEsperanzah"></a>
  54                     <a target="_blank" id="twitter" href="https://twitter.com/radioesperanzah"></a>
  55                 </div>
  56                 <div id="Changing" data-section="{{ sectionName }}">
  57                         {% block toptitle %}{% endblock %}
  58                         <div id="Nav">
  59                                 {% block nav %}{% endblock %}
  60                         </div>
  61                         <div id="Main">
  62                                 {% block main %}{% endblock %}
  63                         </div>
  64                         <div id="Related">
  65                                 {% block related %}{% endblock %}
  66                         </div>
  67                 <div id="Footer">
  68                         <p>
  69                         Radio Esperanzah!, avec les énergies de
  70                         <a href="http://www.48fm.be">48FM</a>,
  71                         <a href="http://www.radiocampus.be">Radio Campus</a>,
  72                         <a href="http://www.radiopanik.org">Radio Panik</a>,
  73                         <a href="https://www.rqc.be/">RQC</a>,
  74                         <a href="http://www.run.be">RUN</a>,
  75                         <a href="http://youfm.be/">YouFM</a>,
  76                         du <a href="http://www.esperanzah.be">festival</a>
  77                         et des festivaliers.
  78                         </p>
  79                         <p><a href="{% url 'podcasts-feed' %}">🎧 S'abonner aux podcasts 🎧</a></p>
  80                         <p>
  81                         <a href="{% url 'espe-archives' %}">Archives des éditions précédentes</a>
  82                         </p>
  83                         <p>
  84                         <a href="mailto:radio@esperanzah.be">Contact</a>
  85                         </p>
  86                 </div>
  87                 </div>
  88                 <div id="userLog"></div>
  89         </div>
  90 {% piwik %}
  91
  92 </body>
  93 </html>