panikweb_esperanzah/templates/base.html

   1 {% load gadjo paniktags static %}<!DOCTYPE html>
   2 <html lang="fr-fr">
   3   <head>
   4     <meta charset="UTF-8" />
   5     <title>{% block htmltitle %}{% block title %}{% endblock %} - {{ radio_name }}{% endblock %}</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <link rel="icon" href="/static/img/favicon-2024.png" type="image/png">
   8     <link rel="apple-touch-icon" href="/static/img/favicon-2024.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-2024.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!, 26 - 29 juillet 2024 à Floreffe" />
  21       <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-2024-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/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/js/audioPlayer.js?{% start_timestamp %}"></script>
  33     <script type="text/javascript" src="/static/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">
  44               Abbaye de Floreffe
  45               <br>
  46               <span class="dates">26·27·28 juillet 24</span>
  47               <br>
  48               Village des possibles
  49             </div>
  50             <a href="{% url 'home' %}" id="mainHeader"><div>
  51               <h2>Radio</h2>
  52               <h1 class="top" id="radiologo">{{ radio_long_name }}</h1>
  53             </div></a>
  54             {% player %}
  55           </div>
  56         </div>
  57         <a target="_blank" id="www-esperanzah" href="https://www.esperanzah.be">←<br>site</a>
  58         <a target="_blank" id="facebook" href="https://www.facebook.com/RadioEsperanzah"></a>
  59         <a target="_blank" id="instagram" href="https://www.instagram.com/radio.esperanzah/"></a>
  60       </div>
  61       <div id="Changing" data-section="{{ sectionName }}">
  62         {% block toptitle %}{% endblock %}
  63         <div id="Nav">
  64           {% block nav %}{% endblock %}
  65         </div>
  66         <div id="Main">
  67           {% block main %}{% endblock %}
  68         </div>
  69         <div id="Related">
  70           {% block related %}{% endblock %}
  71         </div>
  72         <div id="Footer">
  73           <p>
  74             Radio Esperanzah!, avec les énergies de
  75             <a href="https://www.48fm.com/emission-kult/">Kult</a>,
  76             <a href="https://www.radiopanik.org">Radio Panik</a>,
  77             <a href="https://radiovacarme.com/">Radio Vacarme</a>,
  78             <a href="http://www.run.be">RUN</a>,
  79             <a href="https://www.48fm.be">48FM</a>,
  80             <a href="https://www.radiocampus.be">Radio Campus</a>,
  81             <a href="https://www.rqc.be/">RQC</a>,
  82             <a href="https://youfm.be/">YouFM</a>,
  83             du <a href="https://www.esperanzah.be">festival</a>
  84             et des festivalier·es.
  85           </p>
  86           <p><a href="{% url 'podcasts-feed' %}">🎧 S'abonner aux podcasts 🎧</a></p>
  87           <p>
  88             <a href="{% url 'espe-archives' %}">Archives des éditions précédentes</a>
  89           </p>
  90           <p>
  91             <a href="mailto:radio@esperanzah.be">Contact</a>
  92           </p>
  93         </div>
  94       </div>
  95       <div id="userLog"></div>
  96     </div>
  97     {% piwik %}
  98
  99   </body>
 100 </html>