# See https://pre-commit.com/hooks.html for more hooks
repos:
- repo: https://github.com/asottile/pyupgrade
- rev: v2.26.0
+ rev: v3.3.1
hooks:
- id: pyupgrade
- args: ['--keep-percent-format', '--py37-plus']
+ args: ['--keep-percent-format', '--py39-plus']
- repo: https://github.com/adamchainz/django-upgrade
- rev: 1.2.0
+ rev: 1.10.0
hooks:
- id: django-upgrade
- args: [--target-version, "2.2"]
+ args: [--target-version, "3.2"]
- repo: https://github.com/psf/black
- rev: 22.3.0
+ rev: 23.1.0
hooks:
- id: black
- args: ['--target-version', 'py37', '--skip-string-normalization', '--line-length', '110']
+ args: ['--target-version', 'py39', '--skip-string-normalization', '--line-length', '110']
- repo: https://github.com/PyCQA/isort
- rev: 5.7.0
+ rev: 5.12.0
hooks:
- id: isort
args: ['--profile', 'black', '--line-length', '110']
+ - repo: https://github.com/rtts/djhtml
+ rev: '3.0.5'
+ hooks:
+ - id: djhtml
+ args: ['--tabwidth', '2']
DEFAULT_FROM_EMAIL = 'radio@esperanzah.be'
RADIO_NAME = 'Radio Esperanzah!'
RADIO_LONG_NAME = 'Radio Esperanzah! - 106.2 FM'
-RADIO_META_DESCRIPTION = 'La radio ephémère du festival Esperanzah!'
+RADIO_META_DESCRIPTION = 'La radio éphémère du festival Esperanzah!'
WEBSITE_BASE_URL = 'https://radio.esperanzah.be/'
PODCASTS_DEFAULT_IMAGE_PATH = '/static/img/appicon.png'
DEFAULT_AGENDA_SLUG = None
-
-INSTALLED_APPS = list(INSTALLED_APPS) + ['panikweb_esperanzah']
-
-TEMPLATES[0]['DIRS'].insert(0, os.path.join(os.path.dirname(local_settings_file), 'templates'))
-
-STATICFILES_DIRS = [
- os.path.join(os.path.dirname(local_settings_file), 'static'),
-] + list(STATICFILES_DIRS)
-
+INSTALLED_APPS = ['panikweb_esperanzah'] + list(INSTALLED_APPS)
# share user model with panikdb
AUTH_USER_MODEL = 'aa.User'
PODCAST_FILE_FORMATS = 'mp3'
+COMBO_PUBLIC_TEMPLATES = {
+ 'standard': {
+ 'name': 'Page',
+ 'template': 'combo/page_template.html',
+ 'placeholders': {
+ 'content': {
+ 'name': 'Contenu',
+ },
+ },
+ },
+ 'fullwidth': {
+ 'name': 'Page (pleine largeur)',
+ 'template': 'combo/page_template_full_width.html',
+ 'placeholders': {
+ 'content': {
+ 'name': 'Contenu',
+ },
+ },
+ },
+}
+
+
extra_local_settings_file = os.environ.get(
'PANIKWEB_ESPERANZAH_SETTINGS_FILE', os.path.join(os.path.dirname(__file__), 'local_settings.py')
)
'template': 'combo/page_template.html',
'placeholders': {
'content': {
- 'name': 'Content',
+ 'name': 'Contenu',
},
- 'footer': {
- 'name': 'Footer',
- 'optional': True,
+ },
+ },
+ 'fullwidth': {
+ 'name': 'Page (pleine largeur)',
+ 'template': 'combo/page_template.html', # existing template so it can be selected
+ 'placeholders': {
+ 'content': {
+ 'name': 'Contenu',
},
},
},
+$data_uri_play: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAACsAAAArAGGCTTUAAAENklEQVRo3tWaTWgcZRjHf8+4yaZNahWtvbRp8fNiEougQkFqpfWkIPiJIhQF66FevWjF4sGLggdF0VYEwdIE9KBoqaaKICoianuo0EPtVi+K26TZutlo/h7mWbM2s9md3Xdm1xf2tLvvzG+e9/k/X2MEWhKbgNv8cz2wERi+4GcVoAQcB6aBo2acptdLYrPE8xK/SpQlKhJa+ly4Gr+j4v85I7HPH0TuAFskDkuclZhPvul2F/I9ZiQ+kpjIA2C9xHsOsNgdQCLQou89JXFFVhAP+VGohQVIBKr5te4PCTAo8Y6bXvkt5Nd8W2Kg1X1aC4gR4AgwDqwG5eyNBnAe+B7YaUYlNYhDfA1cBSr2Vh+tCpwEbmkGEzWBGAAOA1f2HgJAQ8A1wLREsW0Q4C3gBt+gT5aKHmhfbwtE4kHgrtgn+m6tBu6WeHhFH5FYD5wALsnfsVMJQBm4zozfmlnktTg/UopNrQw230IAQx4xPId7JfFoSWzxhG8g5c7vAm8As2B/5wQ0CNwhMZ5kkReAizs4UmUz9rgjTjmQcrDKGr/nJRCJzcDNdPE4zSiZ8QCwAzgGNpOxdQzYWs+a6xZ5DFgVwsHN+MaMCeBe4DRYJRsgAQwBuxpBdvm5C/e4jCPA1cBe4GxGgjAIPAoQSYyGskYCzIIZL3m1+DJwDuyvcEACGJHYEAG3h7ZGAtCcGU958vkxMBNQEAaA7RGwLaG2zgrolBl3AjsDCsIwsC0CxnKPzeEFYSzy89ubZGNJEJ7tUhA2RbGE9S6vckF4sUEQZjsQhKGI/JKkdgVhwmuh2RTKFUV9muKKlMekQJ/k615aPwPs9rqjkCKtVwGogo30isfL6ieBp+PATLGDe/mzEMsfl/cIYgfwJnBZujpo2ToVxYEpd4CbJH4AJoFR0HCXJ+JYBHwOzftFgQE2Shwk7pWNgdYGONIV4LMC8AmwkJMjP+F+UAjokwvA0YIZJYkKWPCGgzvyHofo1JFbKdacGWfqceQAUMvAkU8C+7wrU8xAGWsuFv8WVvtdhvvRkVeyRpW4mRiDmPEz8GU3wTEjR24V/b+oj+6s4UYmXMHWputr8SqwCDzitcFF2QdXw3OxrWYcT3qqk/GQJdUMoyxRzXl2UnPr/xetAWQd8BNw6f+gZXqtGb8nNejwXupurwn6FWIWeLwRYhmIwxwC3ieeFPXbqgBTZkwmIjYJZNPAjaBVfWKNeeIR3K1my2Neq9HbV8Sjtx4PfDocvdVLT+J+8Hdg53vjM0bcYeHblSDazpckDvggP+/x9KzE/nbG02mA7vOYMZ/TCwN/SNyTVTq+TuKQD/KzeoVjRuKglEPVKjEu8aFfNMRLNVXf6wMp/84nEqMSz0mU/NjNpXjNac7/U5LY61OB7kJlIKgNwHbipviYdw7XNGTUBpwjfvHsR09QPzXjlxDX/wfKSWpJXYlXnwAAAABJRU5ErkJggg==" !default;
+$data_uri_start: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAABxcAAAcXAEyZWDeAAAEo0lEQVRo3t2aXYgbVRTHf3d2u7vYbQsqW4Rtd6V98MFtrRXRgm7pgyCKgl9VhOKLLxYEwQdFrC2i736BIO6KoKLiBzaVitRiEVQQ2yqCWqR2t0WwPtQk22Y/0r8PcyZOsslMJplkogcGJsnNPfd/77nn/s8515GSSIwBk8B2YAJYB6wGVliTRSAPzAA/AEeAw84xS9YiMS6xV+K0RMEeVT+B1H5faT8r8YzEeBYAtkgckChKlKoHnFSQ9VGUyEls7gaAtRLv20yW2wNQF1DZ+n5XYqRTIO6X+FtiPl0AdQHNm6770gQwIPGmRL6zAOoCKprugbhxuhgQw8BnwGZgJajLu9EBXACOAbc4RzExEAPxDbABGOo+iKohloDfgBsagfEagFgBHPRBKEMQ4OvWELAROCQx2DQQYArY4q9Ez8ggcDXwahLvlNLGbnQ4tu0AdkbuEYm1wAlgVfvm5ADmgJP24UrQJSntmTyw0TnONjKtl/0lTAXEeeBLM9Ft6e4ZhoAXo2hHoX0TQBJzRmH6re9+n4bEmV8iHQWJTfWAHPApQio2XAERDQTZfszZwC40D4iyxCf1WGwxBfK3DEQMkIsSz1qbyySmmreKir6xsKK9jZe+PRBNrMhZiclQ27sTgClJPB1WdLr11aiAyNUD0eQeKdgkrLH2tzYHBkmcCpSs9/+U5DyoeuaiQMQDqYpJfg3ou8S++HEpmIRRJ7ELeAU0HOFKC8DnwEKdBjPAU86xFAUEKIIGa84Cz1xpv+9W3RLwE3Ct/XYSGI0+DlwBeATbYHF2+GiboUDNinBO4kGJdWZSITOiIPG4/e8BPy6JtZbXPOMvUbLkz2bqcqlzzDrHbcAHIR3DwJMSfcBHQF9MtAEw4UHIfXVP1gDPSbxlA34YmPcHLPzBs8M5SsDRJvob9/yAKQtqzirgTuAx51g0erQUWpXr7f0I8Zxp2AMGsok3hE1iwGSPGskMVuQqe/+jgZMJ9zPg8T8Rz0frMlBdofnv2BdbQ2ZeBn629yt8q4nsZ8Ezup0FiCLwIfCCZUl2++cJwW/f2vvNxM/0nAd2xHdX8sATzrHLOcrA9L9xkAtW5LDEkMUzcfK7ZwnlKOk3L5L2Tj9nB+JB4I6QWRWB5w3gXT6oWGd03Ek8BLyUEUXps6RCQFEWjaJsTUBRisDugDTme4Q0/tIqaQwUnekxGn97c4EekpgJK9qXUmCVayGw+rMmsLonYWC1p1Ohbq6NUHe6hVB3fe2sfZpi8iGXIPlQsPb5FpIP++vZ8TUppoOqwHQwHTSxLEHnHMeshLCQEhncDnxsYFYCFyOS1CQkrgtAzjl+bJQyHbGU6er/QMp0g3P8FZfELvR4Eru5kpzEG3bQqXekcvi+3nTFygo9XwDXWZGlB8SVrAQ36dzyfRxXevvaKkW9UHo7AWxLVHozL1YEbgS+92OWzIKv88B3USCSlKenMyxPT5mpp1Zv35nBhYF7O5P3ECMS73XhCsfbEpd3PpEjNnXoUs3+MO3oXmZKjNkVpdk2rjmdktizjMW24hZSAjUK7ABuwr/yEVw8Gwjxo+Di2XHgK+CQc5xJQ/8/RsHaoJ06rS0AAAAASUVORK5CYII=" !default;
+$data_uri_stop: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAACtAAAArQFUTtYwAAADfklEQVRo3t3ay2tcVRwH8M+5mCZtjVbQZlXT+sCFpq1ZdSFtVehScCMKuhAEN67dKoroP9BFFyqCLnxBNz6CktoiqCCl0rgoKMQYAxahbZqkSZT+XNyTNmkmj8lMZubmC5eBmbnnnO/5Pc/vd5ImIcJePJ6fh7EHO2/52zT+xK8YxqmU/KHdiLAvwlsRJiJcijAdIW4+t2Lxb6bzOxMR3swb0XICj0YYinAlwlztRa8XIo9xJcLXEQ62gkBfhJN50uuNEahJ6Hoe+/MIuzeLxPMRLkeYby6BmoTms9o910wC2yJ8mHcqWgeR5/wgwra11pnWIHE7vsF+7CBabI0JZvALjqVkqm4imcRPuJ/obq9/TLP4HYdWIlOsQKILQ7iv/SQgevAAhiN0r5sI3sfBPECHILpzoD2xLiLZUzxV2kTHYQeejvDCqjYSoQ8XcGfrDbsuB3AZD6Xk4koSOdEe71SXisk53PGaqhVhMCd8XTofXTgW4UAtibyN3s6WxhKp9OKdJQoXYR/O4Y76iKTNWGA9c0/iQEpGb8vfvoSeDUrjb5xtkMEg+uonnXrwIl5bsI+JjeVRIsL5JuRz5xuYfxyKCP3Y3oBtnGmCTp1pxINF6C/wZEU81Woe7GiBIzXO1lXCThwpMKD6GChytaPq6C8acLudhJ5iE6JaO6J8UdgiKFRer8osq8Bs5bWLawXGtoBmjRYY2QJERgqcVtaOqoppfFfgW8xXmMh/GC5SMoZrDRj84SYsZoNjJLiakvGFg9W7eJW1a6w1cE+EL3EXLtXxuWSMDW7AfF77jaPuXmV9tYpH3YGUjBWQklH8UH9wjCY/dU/+fTaNm1uaO0Wn65dK26L5JB5LqTxq38i1UnJO2UKoggf7F0MLJJYpeW53XcCuCpRMH0zJP4uTRoukchEvl2JLnaxSrywmsYxIJvMJTnZotJ/BZyn5aF3+Mzd6TmGQ2N4h0phTVkMPp7Tcjtdqvf2obL21ueGTZvGbsvU2vdLBqvarZa/uEM6SZtpjM0k5t59XI7G+qBO6IryXe+ytbk9P5rmbV0CM8Gxu4s+18MLAM5tTrwi7I3zagiscH0e4e/MLMGF/hK+aeKlmNo/1RUQbKp8R+iO8EeGvbENTdVxzmsrvjEd4PcK9DYfKJpHagydwFI8oS7G9i9LahKvKi2cjOU4Np1T2NxrF/3Uw+HTezS0+AAAAAElFTkSuQmCC" !default;
$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=" !default;
-$data_uri_play: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAACsAAAArAGGCTTUAAAGl0lEQVRo3s1aaWxUVRT+3jJbp0+JzCsKlJZFJNolLMIPEWuJxkr44QvtPFwaWllapP7EJbYklQjugBCJFhSKUBAGMFEggFA2F4IGWo2gxJYC2qp0ptPXmbfN8UerFkHbmb6Zzvd73r33m3POd8495zKwCCQJGQAehNP9IBg2C4aWDkNzg+W6fxAxAd6uwOZoQcRsRFj5HMARxhe8ZMX+zAAPnwmOnw+WK4V7iAtTHrEja0YKRowHRtwJOFKu/0DtAq5cAC5fABqPdeHMfg1KQIFpbETE3MD4gs0JJUKSMBHO1JXg+Gl4dJELM4vtENNjO0FbM3C4VsO+98Iw9VMIK88zvuBZxBMkCcNo7rDdVDrOT8d2RChikmUwDaL6ugiVjvWTnLaTJCEtXiSeIK+nnfau0cg0KG4wdKI9qzTyetpJErxWErCT17OFKiYHqO0SJQxtzURLJgZIFjeRJNgGSiKVZPELWluukKFTwqFrRGsWKiSLJ0kS3LGT8Hq+o23LwzTY2FodIllsiJoMSYKNZPEkbVseomTB1uoweT1fkSQ4+k/E69lCa8sVSjZ0u9mH/bXGXFqc20G6lnQ8SNeIlkwKkCQ82Xee8HraE6pO0aK1iaho6DWSBLH32dnrmDhS1uPxKne/s/TVH4GKSe2orVIR6kRCkJYBeF90w+5c959lB5WO80eV7D5dTyQJ66ho6DskpwVof40R12TZO2mWjAmQJOTcaBFHykrMe+WWv6vVfgVUBGCYdmbHHxXQQlmordqJ+eM7cGInxdUqHA8ULxfgTF15HRGShEzw9mm4T4q5GmZ8wRbmo6syAr89hHXPNGDpAwE0NcSPzIwiBhx3X8/1occiDDsfs8pcUVnjvwl9zdS15eLit4V4Pv8SXn5MQVuz9URYDnhkgRMsV/IPEd5Wgvyn7Fbuw/iCB6Gr43DuaBUqJvuxudJ6QZhZbAfHPw0ALEnCKLiHuGK+T/w/GZ3Z6X8LhpaOz9avRsnoIPauNhAxrdlgWCbgElJJEkayAGbi3gJ7PGOT8QU7me2/PwddzcH2FfuxYEIAZw5YIwhTCmwA8lk43Xm4e7o7ESmA8QWbmG2ts+FvfRhvFFsjCFn3u+FIyWPBctlIn4BEwlJBGHkXwNuyWaihdNw+BoOBXoKwDBWT/aitUhFWolvkjrGAFs5gETGdcKVisNAjCG/C0NLx6burMS+zIypBcAmAaThZMAyDJEAvQcjF9hUHsDSvo38fMgDAskhOEFg2KlXjQURJcXJJSIXNUQmgDN4XUjB7Cd+/DwkAiAfLhRHqTB2sOCFJsIHlngXLvYRZ5S4UPueAM4psEAoCHB/iYXdewi8XPRiTOxgkHoLNUYN7pg/FolVupGVEv8jVnwCbo4kHRRpw+fykRBIhSZgKu+t9pE/IwOK1tyIzO/bFrlwATKOBR1ipx/cn5mBGkTsBBNLhEl6H3VmA0lcFTJ8zcMVsPKZA7TrKAziE0/t0lCUkkMtRuNSF2Ut4K64MAIDT+3QAR3jGF2whr0NBW/OQmHy070CuAMtV4tGy7kC2UlRamwBV6WR8wcvdecQ0NuJwrRaHQP4JOXnVeOfMEBS/7LBcGQ9t0mDoNf9crCLmBux7L2zFPYEkYSrJaWcxduLHWPn5KFTudltt6Z4zAwdqwoiYH/xNhPEFm2Hqp3BiFw0kkOmJ4XW4VTyIZ9Zl47X6galRX6ivI0Qix28Y3ZEk5FLpWH9UXffBagfpGtG80QGShKyb/6uy+DHtWdX/XmnLD0RlWe20uTJMXcHEdRt3vaGRLNb9n3uIVDT0GrU1J2/L9Nef/2qZevry9SIqzw6QriZzE7uwf4Eri5tozcLkGyu8XdpJsrjhpm2umzLRwvNxavc32FodSpobypZlKr78pBFauDzqsoK8nkbaWj34U6vaZbGN3nqRcZMsnqQ1C5VBGfzo6l/udDxmEr3rJSq8bSMtzvVTa1Ni1ak8p4NkccOAx9M3qJnX00673lTjOqrWte480S2xc+JVjoskizuoZEyAjm6LWJrFTYPoyEcRmjc6QLJY12ee+HczJUZCOXC6V4CzTUfBAifyn7JjWGbspfihTSoO1KgwjeMIKy8wvmDUfdSBPnMaBZZ7GhxfCpeQiikFNmTPcGPEeGD4uO7mWW90dQC/XAQunwcajys4/ZkOVemErr4Pog8H8naLsdDtRgLIhyMlDyyX3fPwTADLUU/ZzYC3B2F3tsDQz0HtqgdwmPEFr1ix/59pWtR8SSck1AAAAABJRU5ErkJggg==" !default;
+$data_uri_pause: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAACtAAAArQFUTtYwAAADbklEQVRo3t2az29MURTHP+fG9CdlIbWiKLFAU12VhRaJpbAREhZCYmPPzq/4E7roQkXCApV0IzSkJZEgESFhISGhykIktGba6UT6tXi3jPa9dp5OZ+b1JHcz78y79/vu+Z5z3vc+o0gmsRbY5cdmYDVQP80tA3wC3gADwKAZHym3SayTuCTxReK7REZCf8d0y79Gxv/ni8RF/yBKDmCbRL/EiMRE+KILNeTvMSJxT6K1FABWSfT5SSfnByAU0KS/922JxoUCcUTih0SuuABCAeV82B0uJoAqiWv+Sal0hvycVyWq5lqnzQFiKXAfaAHqQCVmowGMAa+AvWakYwPxIJ4BzaDq8uZHywLvgfYoMC4CRAroB9aXHwSAaoANwIBEdcFAgCtAq79BhZiqfaHtLgiIzxT7Ak5UnNUBBySOzsoRiVXAW2B56YkdKwH8ADaZ8TVqR7rjZSebY8zXPzTE8D1cV+iOSLQBg0BDPCA8BfpCLp4F1U7zHwfOh/juB9pjzjsK7DTj1XRu9ActQuyi1RWR+dIh/ukI3674xZZJibv/hJbEuuCJFLy/lUKWHVNd8xRHTgA1lUvwSK7UAMfygRyDufuZCrQq4DiAk2gCapO1G/9mMIkmB+wBUiTXUkCnAzpC3q2TZPVAhwO2knzb6rzakXRrcslLu6FW4xJWBKMyl3MsEnMkPq4MQA7IJj66YNwBQ4sgsj444PUiAPLaAY+8dpRUywAPHfAAyCUYyC9gwJkxBIwnk/AG8NOM4ak6cjmhu5LzaycfSDZ5b7pkgZ4/QMz4ADwhee+6jz01WJJ34QywHawhJp42idMRXcOM3yJ82/6HG37NIRBFb3AMFksOmmXM1z9y3pzEzRnQ8oA0EkimKxIgmW4041vo9nst9SQwWpnE/6MwnsoHERrHZtwkkEArsdqPAb1mXA+FGMKVFIEO3DZTvy3bbkwALwn03lxBQDyYpQQCdXP5D3wsC7wjOHrLUGCKnAqxNIEe/AJsrDycMYK5eT4biMKqjkhJ9Pgz9lIfT4/6uYsnIEoc8of4EyX8YODgwvQEolHiVgk+4bghsXLhmxzRInG3iB/VZP297khlUD4lmiQuSHz2HErHaFHS/j/DEuck1sy7VBYJ1GpgN9AJbCGQYpflddTmG71PXicYBAbMGC7G/L8BwD17gMxLedkAAAAASUVORK5CYII=" !default;
$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==" !default;
+$data_uri_instagram: "data:image/png;base64,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" !default;
$data_uri_facebook: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAVCAYAAACQcBTNAAAGhHpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjaxZdrcus2DIX/cxVdAgEQfCyHz5nuoMvvAaU4saM4Tm5nak1MhaJAEt8BQLv5z9/L/YUPxxBc0JRjidHjE0ooXHGT/fE5WvJhfx+fdrZ03+9IzweMLkErx79xnuMr+vX9hRTO/nbf71I/7eTT0NvMp0GxmRk357h8GhI++un835XzvRo+bOf8a83vLfO5ncf/Q4IzhsKesOMpJB7f2WYRrECKVLSyvxmDvGTcK55U9IZr37kcr513u3vwna9nv9y7wvk3Q/HBR2c/YFz6bnvojtr7zHcPZPriP34++G6tkdeax+5qiPBUdOem3ray7zAQ7gyyX4u4Ev4U92lfBVfGFjuIDdBsuLqjQgxvLwo0qNKiudtOHUsMPDmhZe4suy9L4sJ9Qwl20eIEPMOBCEsHNfAQvq2F9rxlz9cpY+ZBGMkEY4Q3Pl3uqvM3183QWiZdIp8PP0EWWBebprEMI2ffGAUgtE6f6vbvvtwH3fgPYAUEdbs5Y4PVt8NEU3rXlmzOgnHqg/NHaFAapwG4CHMrFkMCAj6SKEXyiTkRwY8ZfCpWzhK4gQCp8iC3wEYkAk5mmxvvJNpjWfnoRmoBCJUoCWgQQIAVgkI/KWRoqKpocKoaNWnWojVKDFFjjClajqpJUkiaYkopp5Jqlhyy5phTzrnkWrgIUpiWWJIruZRSKyatMF3xdsWIWhs3aaFpiy213EqrHfLpoWuPPfXcS6+DhwyE/4gjuZFHGXXShJRmmDrjTDPPMuuC1passHTFlVZeZdUbNTrD9o4aPZB7To1OakYs7HHpnRq6U3ozQZZO1JiBGAcC8WQEIGg2Zj5TCGzkjJkvjKBQBjVSgzPIiIFgmMS66MbundxTbk7Dj7jxV+ScofsvyDlDd5L7zO2C2qi7osgGZFFoPvWykNgwYObKuVpNum9XS4jlshCkHJZ00bWir02tZxAWO7wmQbIMzroKpzIJ0zWvWq0HlrVOeATJflv9tnXIzRfP2siyYqJjmgyfJeRprgF7A3VNA3v21O15JiwpuDJR+9uaHSqA6iqX2Kq/3ulX7cqe3WNf9GuUnjBHpYkcbj4pYjOH2FXh+5F6p9UEhaSXAGRiy3DKeCmPXNsElddX8XE1duv+i9XYYtwrq4GGpMcyJSwyrHm2HiRCXpORQyJlZjfCnMqSp7RVEC0IyLpPMGI1W3LXuNl1hPVE/VsVOlHgQpHqYz/BS1McSBlfmLbO5usY22mxmr69VL8Rh7m6WUTKnQ0KzUKl7Se1Yntkhsg04kfCm5BojxFlnStGm6ZeMcQ21l2IVG5qfNCihcWpRl3i0+xzo2D1y6k/tqQB81SUk7qq7emrUJDJOCiMg9oi3uazRjfbgbdZ8CEGU55r81+5YKudW9reQ17b271gCtWs7GwLh5dCC3uhsCxpLTq8CF31g1sgHnhlblIHr3gIxxbq5rb35+bcYa9HQ5g6I821DjcCWx1WQVsbEmNmbZywS21aaBRAS1B7GT1XoQyNuzWQM8rzXCMzBfNr97wsScDhmGVhloQgQZLPvByEHluGAEOpijOVjo6jFopPwX5oYVHwuR1jgPpQti/I/AvJd5ri5IhBckhPJonVBZGYOxyCbVjA7v2fohtK3xlzZu1VY8fcqKiISH1onX7x4Kft/2sIxxRzBM+xct4ogjgTFyru9sOituWXIo4eW5aVjoEc6vbXysgy5XDrzEagNYgONyiQOLzLUXY07sE9TqTSrAMpxh9V7kxuBZFnlJIi5QT87Eumcq8QluOETNt1TOEGBY1kLFFBa08VIu+1IKNAvl0yDjAwir1hMcjsUhcerHLkHPe8BD7xUk/ZJL6lMVdwfRFKYokUkSJXSRFHj5oVPvI1IXa84JSGsw7yCKuwHcdmU2x97Z+Uh4PgHSeWB805O453Gr1IW3dZ65Ojzc/uDxxdP2rAIZ0fLxwaWPZDHOm821HnOhve11D7qWlVFIY+F1Gb/66MvlBFIcicpaf0Vg16wLoiaatH1UDi6ZgEyKW9Ed5F8KEEuu+PUPLCWQlp5FaebDlWm87KZHXj9dqEX9k3zm+UHyqTYXioTZeVyfFrcL494LgfoXknc+MC/JsMqsgDmGdnkydc3O+PDfenBvf7Y8P9qcH95thwxcZdR87PA8d9h+fVwHHXkfPzwHHXkfPzwHHXkfPzwHHryZkOdor7F4jbVMCq7oP1AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA+nAAAPpwHyLioIAAAAB3RJTUUH4wMCBzMkfIrmswAAAJtJREFUKM/tkLsNwkAQRMfWBTRAB4gyCJEoAJGSUQAxbbgE10CI5IAqwKlFQAIRySMhWI0/whIhE927e9o9jWQBMmALnIEn8ALuwEUdckFPXFwwkGSDN8aNpFLSresLRxu2jO+5+RPjekhuLYuQgHXgqckroPmcH1mrkv5Uub7PdYxcJ0m7cLGXNA98CB1X3vPJep6NqU5/+SfyGwoMkS1ZwfaaAAAAAElFTkSuQmCC" !default;
$data_uri_twitter: "data:image/png;base64,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" !default;
-$data_uri_stop: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAACtAAAArQFUTtYwAAAFUUlEQVRo3t2aa2xTZRjH/+e0O23XHgXXs4EOOi4BkzGQCYkxchM/MD+exPYMdWQDlkz5bIiGABEjRhMu4gcNIxsbAlHKJJFLnIOBgFFAzEoiEbMCDW5+Ge1Z29Nze/zQoZSLrGddaf1/aZqcy/M77znv8zz/92WQI5HIVwFYBqd7GRi2Gro6BbrqBmtLH2AagJ2Lw87dBJlXoMR7AJxkgvL1XNyfGWPw02CzrwHDNsIzwYXnV3CYs7gUlbOAZ2YBjtLME5Q4cOt3IHIVCJ1J4MIxFYlYEobeCtNoZYJyOK8gJPLz4SjdCjv3AuqanXilgYMw1VoEg2Ggp0PFsS8UGPp5KPH1TFC+jPEUiXwF1Vd0UdPMKPUeNMk0KGcydKJT+01qmhElqfwQiXz5eEG8QQHvberarpKh07hJ14gOb1PJXzZEIl+fSwCOAt5OWlcbpb+uU940GCZ6+7koSUI7iTw3VggPScJ52tUSJ12jvEtTiXY2x0kSzpHIe6xDBLxXaP8WhR63OjclyV8WyhqGRL6EJOEs7d+SpELRvs0KBbw/kcg7Rg8S8HbSrpY4FZp2rI2TJLSNdjTq6a15MdLUguMgTSVaVxslkX/z0Xki4L2d19kpWw3008jUnJFn2AwSR+nnqN9QajlL50MVVUDgXTc452cPG41aapoZHddkl8uk2Tg9SiI/7/4R4VwfYtUH/D/VaiHLZgca3ufh9GzNKBpJ5KfBPeEy2vqfyArk+hXg56O5CW7hq4CvevTHmwbQMDWGpDyPCcphexqHXYO6ZmfWo3HtEnBgyyCILo2tmWBqMXFSRVYgrA2oa3aia3sjgI3p78NfdosGw9m/q917iSShb8z1nCT0UfdeazNYwBsBAJZE3gfPRBfKfVbjOJ2DF+u05RnM6XGTyPtYAMuxYEUJilUL60oALGXhdC9B9UvuogWpXuSGo3QJC4atQeWzRcuBytkAa6thoSpTMHlG8YI8PRPQUj4WpuGEy1O8IC4eMA0nC4ZhUMxKh8+y+J+IBREVNUE6fGLB2hQkh4sXJCkDNnuSBee8gT//KF6QW9eAEkeYBZkhRH4rXpDIVcDQQyyUeC9CZxJFC9LXG0cqcYoF0I0Lx9SiBbl4QgfQwzJB+QYSsSQGLTv6i3MQjrVrDPQDyrDMBOVIurEy9Fb0dLyD+g3Ze6xaSiCRPwpgIoChLH4zrmEJpLtdhaG33t3qVsH95K9oC+eu1S1xAFoq83866Ny0uoYOrPLFkJRrmKB849+8snLSceo9YFKx6PsOk1ZO/vZ+F0WJr0f7ezIMvfA/cF0D9m6QoQyvvw+ECcqXkYh9hyOfFv4M9s0ODWryBBOU+x5m0pWTv2zIkhGRf8vU+981mMj7qaUmSlqqQE3s+VES+ddHa8+0087mwltW2NYUJ0lofXAZ/yCpyhqcO/wL9m1OFsx30bkxhR+P9EFVWrIr80XeQ/6yEHVuevyrVh0bkyQJfSTy1tyekcXQs7RjbfyxLPxoqTuv0xnLEHfBlNBrT+2hlrm3aaA/v7NTS02MJGEPiXzuDEQSeYn8ZUN06JPUuC5VayrR1x/f2TDgH5/2WOTLSRK+osbpUTr5pZnTRSFdI+rpNGlVVZQk4eAj88S9ZopFoLlwuj+Czf4iVqx1YnkDh4oqa09noB/obkvh+O4UyPxhZFNN1g7/WLc5+cDaVsNmXw0X78aCOjvmLHKjcnbaAXTxmSckYukeO3I13dldPKFDGR6Gru4G0Z6MKjafIPdATQHwMjjXUtjsc0Y2nvFgbWm7yTQY2DkZdu4mDD0ENXkSQA8TlCO5uP/fQcUmicjNf9kAAAAASUVORK5CYII=" !default;
-$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" !default;
-$data_uri_pause: "data:image/png;base64,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" !default;
-$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=" !default;
-$data_uri_start: "data:image/png;base64,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" !default;
\ No newline at end of file
+$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" !default;
\ No newline at end of file
$black: #000000;
$white: #FFFFFF;
-$darkmauve: #231644;
-$blue: #9499FF;
-$red: #f64600;
+$orange: #ff5321;
+$yellow: #e3fb00;
+$green: #389400;
+$blue: #1332ff;
+$pink: #ff9dcc;
$primary: $blue;
-$secondary: $red;
+$secondary: $orange;
-@mixin cervo-font($type, $weight, $style: normal) {
- @font-face {
- font-family: 'Cervo';
- src: url('../fonts/Cervo/typoforge_studio_-_cervoneue-#{$type}neue-webfont.woff') format('woff2'),
- url('../fonts/Cervo/typoforge_studio_-_cervoneue-#{$type}neue-webfont.woff') format('woff');
- font-weight: $weight;
- font-style: $style;
- }
+$text-font: montreal, sans-serif;
+$title-font: euro, sans-serif;
+
+@font-face {
+ font-family: "montreal";
+ src: url('../fonts/neuemontreal-regular-webfont.woff2') format('woff2');
+ font-style: normal;
+ font-weight: normal;
}
-@include cervo-font('regular', 400);
-@include cervo-font('bold', 700);
+@font-face {
+ font-family: "euro";
+ src: url('../fonts/EurostileExtended-Black.woff2') format('woff2');
+ font-style: normal;
+ font-weight: bold;
+}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
}
+* {
+ box-sizing: border-box;
+}
+
body {
- font-family: Cervo, sans-serif;
+ font-family: $text-font;
line-height: normal;
text-align: left;
margin: 0 auto 0 auto;
clear: both;
font-size: 22px;
- background: $darkmauve;
- color: $white;
+ background: white;
+ color: black;
}
a {
color:inherit;
text-decoration: none;
}
+
.userContent a:hover {
text-decoration: underline;
}
.userContent h1 { font-size: 2em;}
.userContent h2 { font-size: 1.9em;}
+h2 {
+ color: $blue;
+}
+
nav{
padding:0em;
text-transform: uppercase;
.icon-volume-up:before { content: "\f028"; }
%text {
- font-family: Cervo, sans-serif;
+ font-family: $text-font;
font-size: 18px;
- color: $blue;
+ color: black;
text-align: justify;
line-height: 1.4;
}
%image-bordure {
position: relative;
padding-bottom: 0;
- background: $red;
+ background: $yellow;
+ border-radius: 10px;
+ overflow: hidden;
.img {
display: inline-block;
height: 100%;
width: 100%;
- transition: transform ease 0.2s;
+ transition: transform ease 0.5s;
+ img {
+ background: $yellow;
+ width: 100%;
+ &.empty {
+ height: 100%;
+ }
+ }
+ &:hover {
+ transform: scale(110%);
+ }
}
}
.wrapper.text {max-width: 780px; margin:auto;}
.wrapper .rightPart{margin-top:1em;}
-@media screen and (min-width: $size_m) {
- #player-container.fixed {
- position: fixed;
- top: 60px;
- width: calc(0% + 235px);
- }
- .wrapper .rightPart{
- margin-top:0;
- }
- .wrapper.sided .leftPart,
- .wrapper.sided .rightPart{
- width:45%;
- }
- .wrapper.navigation .leftPart{
- width:60%;
- }
- .wrapper.navigation .rightPart{
- width:35%;
- }
- .wrapper .leftPart{
- float:left;
- }
- .wrapper .rightPart{
- float:right;
- }
- #specialHome {
- padding-left: 0;
- }
- /*
- #specialHome .leftPart,
- #specialHome .rightPart {
- width: 100%;
- }
- */
- p.intro {
- padding-top: 0px;
- padding-bottom: 40px;
- }
-}
-
button {
padding: 0;
}
color: orange;
}
-@media screen and (max-width:$size_m){
- #bg-title { display: none; }
- #metaNav .iconLabel {display:none;}
- #metaNav ul li a span.nav-icon { display: inline-block; }
- #metaNav ul li {
- padding: 0;
- }
- #metaNav ul li a {
- padding: 0 1em;
- }
- #metaNav form {
- display: none;
- }
- #metaNav ul li#nav-language {
- padding: 0.2em 0 0 1em;
- }
-}
-
/****************************************************/
/**** Commons ****/
/****************************************************/
-.audio button, .audio a {color:$primary;}
+.audio button, .audio a {color: $primary;}
.audio button {
background: transparent;
border: none;
}
+.audio button.icon-pause {
+ color: $orange
+}
+
+
/****************************************************/
/**** HEADER ****/
/****************************************************/
-/* PANIK LOGO */
#Commons{
position: relative;
z-index: 5;
- height: 230px;
- @media screen and (max-width: $size_m) {
- height: 200px;
- }
-}
-#Commons .wrapper{
+ height: 270px;
+ background: $blue;
}
+
#mainHeader {
display: inline-block;
- background: url(../img/logo-esperanzah-sun-2022-home-desktop.png) bottom center no-repeat;
+ background: url(../img/logo-esperanzah-yellow-2023.svg) bottom center no-repeat;
background-size: contain;
- height: 252px;
- width: 643px;
- @media screen and (max-width: $size_m) {
- max-width: 90%;
- max-width: 90vw;
- height: 187px;
- background-size: contain;
- }
+ height: 172px;
+ width: 543px;
position: relative;
- &::before {
- content: none;
- background: url(../img/petite.png) no-repeat;
- width: 155px;
- height: 80px;
- position: absolute;
- top: 60px;
- left: 100px;
- @media screen and (max-width: $size_s) {
- transform: scale(0.8);
- }
- @media screen and (max-width: $size_m) {
- left: 40px;
- top: 10px;
- }
+ @media screen and (max-width: $size_s) {
+ background-position: left 50% top 50px;
+ max-width: 80%;
+ height: 150px;
+ }
+ transition: all ease 0.2s;
+ &:hover {
+ transform: scale(1.1);
+ transform-origin: top center;
}
}
+
#Player {
display: inline-block;
}
#mainHeader h1{
padding-left:75px;
}
-#player-container #player{
- padding:0 0 0 0;
- //min-width: 240px;
-}
#Changing h1.top a:hover {
opacity: 1.0;
}
-@media screen and (min-width: $size_m) {
- #Commons {
- box-sizing: border-box;
- padding: 0 20px;
+#backgroundBox {
+ background: transparent;
+ text-align: center;
+ &::after {
+ content: "";
+ display: block;
+ background: url(../img/2024/drapeau.png) bottom center no-repeat;
+ width: 100px;
+ height: 250px;
+ position: absolute;
+ right: 80px;
+ bottom: 0;
+ z-index: -100;
+ transform-origin: bottom center;
+ animation: wave_flag 10s infinite;
+ @media screen and (max-width: $size_s) {
+ content: none;
+ }
}
- #Changing {
- box-sizing: border-box;
- padding: 0;
+
+}
+
+@keyframes wave_flag {
+ 0% {
+ transform: rotate(-2deg)
}
- #All h1.top {
- text-transform: uppercase;
- padding-left: 0;
- padding-top: 20px;
- padding-bottom: 20px;
- text-align: center;
+ 50% {
+ transform: rotate(-2deg)
+ }
+ 55% {
+ transform: rotate(1deg)
+ }
+ 60% {
+ transform: rotate(-2deg)
+ }
+ 80% {
+ transform: rotate(-2deg)
+ }
+ 90% {
+ transform: rotate(2deg)
+ }
+ 100% {
+ transform: rotate(-2deg)
}
}
-#backgroundBox {
- background: transparent;
- text-align: center;
-}
+
#All #backgroundBox h1.top {
font-size: 20px;
padding-left: 10px;
width: 350px;
+ @media screen and (max-width: $size_s) {
+ max-width: 100%;
+ }
}
#backgroundBox h1 {
color: $primary !important;
}
-#All h1.top#radiopanik {
+#All h1.top#radiologo {
padding-top: 36px;
- background: $red;
+ background: $yellow;
}
#All #backgroundBox h1 {
/****************************************************/
/**** PLAYER ****/
/****************************************************/
-/*#Home #player{ float: left; } */
#player-container .metas, #player-container img{border-color:#fff;}
#player-container .padded{padding:0.3em;}
#player-container .metas{
float:right;
}
-#DirectStreamPanikControler {
-}
-#DirectStreamPanikControler div.label {
+#LiveStreamController div.label {
margin-top: -10px;
- @media screen and (max-width: $size_m) {
- margin-top: 0;
- }
}
#chatSymbol,
}
#CurrentlyPlaying{
- color: $red;
+ color: $yellow;
font-weight: bold;
padding: 0 0 0 0;
width: 300px;
left: calc(50% - 25px);
width: 50px;
text-align: left;
- @media screen and (max-width: $size_m) {
- top: 130px;
+ @media screen and (max-width: $size_s) {
+ top: 150px;
}
}
-moz-border-bottom-right-radius:1em;
-webkit-border-bottom-right-radius:1em;
}
-#player-container.minimized #player{
- padding:0;
-}
/*Playlist*/
display: flex;
flex-direction: column;
min-height: 84vh;
+ background: url(../img/2024/fanion-4.png) top 0px right -50px no-repeat;
}
#Main{
margin: 0 auto;
- width: 1010px;
+ padding: 0 1rem;
+ width: 96%;
flex-grow: 1;
position: relative;
z-index: 10;
@media screen and (max-width: $size_m) {
z-index: 1;
- width: auto;
- margin: 0 1rem;
+ width: 100%;
}
}
#Main >.wrapper{
}
#Footer {
- padding-top: 120px;
+ &::before {
+ background: white url(../img/2024/planchettes.jpeg) center bottom no-repeat;
+ content: "";
+ display: block;
+ height: 255px;
+ width: 100%;
+ }
font-weight: bold;
position: relative;
z-index: 3;
font-size: 16px;
+ background: $pink;
+ color: white;
a {
- color: $red;
+ color: $white;
text-decoration: none;
+ display: inline-block;
+ padding-bottom: 1px;
+ border-bottom: 1px solid white;
}
p {
- margin: 0 1em 1em 0;
+ margin: 1em;
text-align: center;
}
max-width:50%;
}
-.episode.resume .date .day, .emission-detail .date .day {
-}
-
.episode.resume .content {
padding-left: 5em;
}
}
h3.episode-subtitle {
- color: $blue;
+ color: $white;
font-size: 24px;
padding-top: 0;
}
}
.waveform span {
- background: $red;
- background: linear-gradient(to top, darken($red, 20%) 0%, $red 40%);
+ background: $yellow;
+ background: linear-gradient(to top, darken($yellow, 10%) 0%, $yellow 40%);
display: inline-block;
width: 0.50%;
cursor: pointer;
}
.waveform span.done {
- background: linear-gradient(to top, darken($red, 5%) 0%, darken($red, 10%) 100%);
+ background: linear-gradient(to top, darken($yellow, 5%) 0%, darken($yellow, 10%) 100%);
}
.waveform span.done.current + span {
- background: $red;
+ background: $yellow;
}
.waveform i.duration {
position: absolute;
right: 4px;
bottom: 4px;
- color: white;
+ color: black;
opacity: 0.5;
font-style: normal;
font-weight: bold;
background: $secondary;
color: white;
padding: 0.5ex 1ex;
- border-bottom: 3px solid $red;
+ border-bottom: 3px solid $yellow;
}
}
}
display: inline-block;
text-align: left;
width: 50%;
- box-sizing: border-box;
padding-right: 2em;
float: left;
}
body#embed {
min-height: auto !important;
margin: 0;
- background: $darkmauve;
+ background: $orange;
#Main {
background: transparent;
margin: 0;
}
img {
- box-sizing: border-box;
transition: all ease 0.5s;
}
div.emission-tile {
position: relative;
- box-sizing: border-box;
- width: 25%;
+ width: calc(24vw - 0.5vw - 0.25rem);
padding-bottom: 20px;
float: left;
- height: 310px;
+ height: 27vw;
+ overflow: hidden;
+ margin-bottom: 2em;
+ @media screen and (max-width: $size_m) {
+ width: 46vw;
+ height: 46vw;
+ }
@media screen and (max-width: $size_s) {
- width: 100%;
- height: 325px;
+ width: 95vw;
+ height: 100vw;
+ float: none;
}
- overflow: hidden;
div.image {
border: none;
- height: 230px;
- width: 230px;
+ height: 22vw;
+ width: calc(100% - 16px);
text-align: center;
@extend %image-bordure;
+ @media screen and (max-width: $size_m) {
+ height: 40vw;
+ }
@media screen and (max-width: $size_s) {
- height: 260px;
+ height: 90vw;
}
}
div.name {
margin-top: 10px;
text-transform: uppercase;
text-align: left;
- color: $white;
+ color: $blue;
font-weight: bold;
+ font-family: $title-font;
+ font-size: 1rem;
span {
transition: all ease 0.5s;
}
}
}
-div.emission-detail {
- div.emission-tile {
- width: 25%;
- height: 25vw;
- }
-}
-
#www-esperanzah {
position: absolute;
- top: 58px;
+ top: 38px;
left: 20px;
- color: $red;
+ color: white;
border-radius: 3px;
- width: 40px;
+ width: 100px;
+ height: 150px;
text-align: center;
- padding: 2px 10px;
+ padding: 2px 0px;
transition: all .2s;
- &:hover {
- background-color: $red;
- color: white;
+ &::after {
+ content: "";
+ display: block;
+ width: 100px;
+ height: 100px;
+ background: url(../img/2024/boussole.png) top left no-repeat;
+ background-size: 100px;
+ animation: rotate 40s infinite;
}
@media screen and (max-width: $size_s) {
top: 0;
left: 0;
- br {
- display: none;
+ &::after {
+ content: none;
}
}
}
+@keyframes rotate {
+ 0% { transform: rotate(-10deg) }
+ 10% { transform: rotate(10deg) }
+ 20% { transform: rotate(-10deg) }
+ 30% { transform: rotate(10deg) }
+ 40% { transform: rotate(-10deg) }
+ 50% { transform: rotate(10deg) }
+ 60% { transform: rotate(-10deg) }
+ 70% { transform: rotate(10deg) }
+ 80% { transform: rotate(-15deg) }
+ 90% { transform: rotate(-10deg) }
+ 100% { transform: rotate(350deg) }
+}
+
#instagram,
-#twitter,
#facebook {
transition: all .2s;
display: block;
position: absolute;
right: 0;
- top: 5px;
+ top: 0px;
height: 35px;
width: 35px;
- background: $red url($data_uri_facebook) center center no-repeat;
+ background: $blue url($data_uri_facebook) center center no-repeat;
z-index: 100;
&:hover {
- background-color: $red;
+ background-color: $yellow;
}
}
-#twitter {
- top: 45px;
- background: $red url($data_uri_twitter) center center no-repeat;
-}
-
#instagram {
- top: 85px;
- background: $red url($data_uri_instagram) center center no-repeat;
+ top: 35px;
+ background: $blue url($data_uri_instagram) center center no-repeat;
}
#streamSymbol {
}
@keyframes rotating-border {
- 0% {border-left-color: darken($red, 10%); transform: rotate(0deg);}
- 99% {border-left-color: darken($red, 10%); transform: rotate(360deg);}
+ 0% {border-left-color: darken($yellow, 10%); transform: rotate(0deg);}
+ 99% {border-left-color: darken($yellow, 10%); transform: rotate(360deg);}
100% {border-left-color: transparent;}
}
div#actu {
padding-bottom: 14px;
h2 {
+ margin-top: 1em;
+ text-align: center;
padding-right: 10px;
+ font-family: $title-font;
+ font-weight: bold;
font-size: 40px;
padding-bottom: 10px;
}
div {
@extend %text;
+ max-width: 50em;
+ margin: 0 auto;
}
@media screen and (max-width: $size_m) {
display: block;
}
div.emission-detail {
+ text-align: center;
+ div.emission-tile {
+ width: 25%;
+ height: 25vw;
+ }
h2 {
margin-top: 0;
margin-bottom: 0;
font-weight: bold;
+ font-family: $title-font;
}
.schedule {
color: $blue;
- text-transform: none;
+ text-transform: uppercase;
+ font-style: italic;
margin: 0;
padding: 0;
list-style: none;
}
}
padding-top: 2rem;
- box-sizing: border-box;
div.emission-text {
@extend %text;
a {
- border-bottom: solid 1px #ff8b57;
+ border-bottom: solid 1px $yellow;
+ color: $blue;
text-decoration: none;
&:hover {
- background: #ff8b57;
- color: #fff;
+ background: $yellow;
}
}
}
padding: 0;
list-style: none;
}
+ @media screen and (max-width: $size_s) {
+ text-align: center;
+ }
a {
height: 310px;
- box-sizing: border-box;
position: relative;
width: 240px;
margin-right: 10px;
display: inline-block;
margin-bottom: 1rem;
float: left;
+ @media screen and (max-width: $size_s) {
+ float: none;
+ }
div.image {
height: 240px;
@extend %image-bordure;
@extend %text;
}
div.name {
+ text-align: left;
color: $blue;
+ font-family: $title-font;
+ font-size: 1rem;
+ text-transform: uppercase;
font-weight: bold;
}
}
h3.archives {
clear: both;
+ text-align: center;
+ font-family: $title-font;
+ color: $blue;
font-size: 30px;
+ p {
- margin-top: -1em;
+ text-align: center;
+ margin: -1em auto 0 auto;
+ max-width: 50em;
}
}
display: none;
}
ol {
- color: $red;
+ color: $yellow;
font-weight: bold;
width: 300px;
margin: 0;
padding: 0;
padding-top: 50px;
margin-left: -125px;
- color: $red;
+ color: $yellow;
list-style: none;
text-align: center;
li {
li .soundControls {
width: 25px;
position: relative;
- color: $red;
+ color: $yellow;
button.no-icon-remove::after {
content: "×";
- color: $red;
+ color: $yellow;
}
}
#Playlist ol li .title{
text-transform: lowercase;
display: block;
text-align: left;
- color: $red;
+ color: black;
font-size: 16px;
- &::before {
- content: "<";
- padding-right: 10px;
- transition: padding 0.2s;
- }
- &:hover::before {
- padding-right: 4px;
+ span {
+ border-bottom: 2px dashed white;
+ &::before {
+ content: "<";
+ padding-right: 10px;
+ transition: padding 0.2s;
+ }
+ &:hover {
+ border-bottom: 2px dashed $yellow;
+ }
}
}
left: 0;
right: 0;
height: 5px;
- background: $secondary;
+ background: $yellow;
z-index: 1100;
animation-name: load_animation;
animation-duration: 6000ms;
text-transform: uppercase;
position: absolute;
text-align: right;
- color: $white;
+ color: $yellow;
font-weight: normal;
+ font-style: italic;
font-size: 120%;
- top: 63px;
+ top: 89px;
right: 55px;
@media screen and (max-width:$size_m){
display: none;
}
+ span {
+ font-weight: 900;
+ font-family: $title-font;
+ }
}
h2.top {
+ text-align: center;
padding-bottom: 2rem;
+ font-family: $title-font;
+ font-weight: bold;
}
.episode-auto-selection-cell.hide-emission-titles {
margin-bottom: 1em;
a {
padding: 0.3em 0.6em;
- background: $red;
- color: white;
+ background: $yellow;
+ color: black;
border-radius: 10px;
&:hover {
- background: darken($red, 20%);
+ background: darken($yellow, 20%);
}
}
}
}
}
+
+.emission-text,
+.text-part {
+ max-width: 50em;
+}
+
+#mainHeader h2 {
+ color: $yellow;
+ font-family: $title-font;
+ margin: 0;
+}
+
+.content-width {
+ max-width: 50em;
+ margin: 0 auto;
+ img {
+ max-width: 100%;
+ }
+}
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 850.39 850.39"><defs><style>.cls-1{fill:#ff5321;}</style></defs><g id="Calque_1-2"><g><path class="cls-1" d="M163.29,626.87c27.15-27.67,55.1-55.27,86.42-76.05,58.34-38.7,103.2-91.49,126-167.99,13.85-46.47,16.26-97.11-2.67-150.14-13.87-38.83-39.12-63.37-70.93-69.88-32.11-6.58-60.03,3.2-72.95,40.75-9.89,28.72-20.42,57.04-30.8,85.45-7.49,20.51-13.35,42.46-23.13,60.99-33.86,64.2-100.83,66.68-155.08,6.8-7.42-8.19-14.11-16.68-20.16-25.45V850.39H173.7c-25.07-30.89-42.42-70.25-45.75-113.07-3.58-46.11,9.03-83.63,35.34-110.45Z"/><path class="cls-1" d="M664.4,240.89c-3.14,79.52-34.11,138.13-70.39,193.68-30.52,46.71-62.96,91.41-103.92,126.2-13.71,11.64-24.48,28.84-33.75,46.01-10.53,19.5-3.92,38.65,16.53,48.91,12.72,6.38,26.93,10,39.98,10.43,20.95,.67,42.05-.22,62.13-4.14,97.6-19.02,175.11,46.92,230.15,139.92,9.49,16.04,17.9,32.21,25.34,48.49h19.92V0h-249.49c.67,1.03,1.34,2.05,2,3.08,48.54,75.23,64.86,152.54,61.5,237.81Z"/></g></g></svg>
\ No newline at end of file
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 850.39 850.39"><defs><style>.cls-1{fill:#1332ff;}</style></defs><g id="Calque_1-2"><g><path class="cls-1" d="M580.01,613.92c-51.47-21.55-101.3-45.36-142.93-79.35-13.93-11.37-32.8-18.85-51.36-24.86-21.09-6.83-38.72,3.14-45.11,25.12-3.98,13.67-4.96,28.29-3.02,41.21,3.13,20.73,7.83,41.31,15.32,60.36,30.18,76.79,.33,150.57-57.27,214.01H850.39v-216.68c-21.58,6.32-43.93,11.02-67.16,14.36-78.78,11.31-142.03-8.54-203.23-34.15Z"/><path class="cls-1" d="M90.92,675.82c35.54-54.23,42.26-107.69,16.98-156.37-12.29-23.69-25.81-46.76-40.14-69.28-52.13-81.91,16.93-209.72,130.11-239.8,44.7-11.88,83.88-6.26,115.02,14.76,32.12,21.7,64.33,44.18,90.44,71.22,48.62,50.37,108.67,84.92,188.03,93.5,48.21,5.21,98.45-1.59,147.17-29.81,35.67-20.67,55.24-49.95,55.88-82.41,.66-32.77-14.01-58.46-53.28-64.37-30.04-4.53-59.8-9.75-89.61-14.82-21.52-3.65-44.17-5.44-64.17-11.7-69.27-21.67-83.83-87.09-34.77-151.28,10.12-13.24,21.22-25.01,33.16-35.47H0V746.25c12.3-4.52,24.08-10.11,34.95-16.69,21.79-13.19,42.75-33.57,55.97-53.74Z"/></g></g></svg>
\ No newline at end of file
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?><svg id="Calque_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 850.39 850.39"><defs><style>.cls-1{fill:#e3fb00;}</style></defs><g id="Calque_1-2"><g><path class="cls-1" d="M579.67,219.4c-12.41,22.24-20.53,50.34-22.03,74.4-4.03,64.71,16.58,114.49,62.65,144.27,22.4,14.5,45.57,27.85,69.17,40.32,85.85,45.36,89.11,190.6,5.66,272.76-32.96,32.44-69.78,46.97-107.24,44.12-38.65-2.95-77.77-6.54-113.84-17.11-67.18-19.69-136.46-20-209.66,11.84-31.42,13.66-60.74,33.05-85.25,60.39H850.39V212.57c-10.55-13.54-20.53-27.69-29.84-42.34-64.14-100.95-192.13-38.24-240.88,49.17Z"/><path class="cls-1" d="M326.8,587.89c17.73,2.99,37.83,.15,56.94-3.82,21.7-4.51,32.09-21.9,26.76-44.15-3.31-13.84-9.69-27.04-17.78-37.29-12.98-16.46-27.26-32.02-43.19-44.86-77.42-62.41-76.91-164.17-41.23-266.17C334.82,115.81,375.91,53.79,426.21,0H0V639.84c53.34-32.36,107.96-43.39,163.33-50.15,55.39-6.75,110.47-10.73,163.47-1.81Z"/></g></g></svg>
\ No newline at end of file
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 708.7 170.1" style="enable-background:new 0 0 708.7 170.1;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#e3fb00;}
+</style>
+<g>
+ <path class="st0" d="M551.8,24.6c-2-7.3-6.8-11.3-13.9-12.9c-1.2-0.3-2.4-0.8-3.6-0.9c-1.4-0.2-4.7,0.5-5.9,0.9
+ c-3.1,1-4.2,1.6-7,3.3c-5.9,3.6-10.2,8.9-14.1,14.3c-5.4,7.5-9.4,15.9-11.9,24.9c-1.2,4.4-2.4,8.9-1.6,13.6c0.8,5,4.6,7,8.9,4.6
+ c1-0.6,2.1-1.3,2.8-2.2c2.7-3.7,5.3-7.5,7.8-11.3c2.9-4.5,5.1-9.4,9.2-13c1.4-1.3,3.2-2.6,5.2-1.9c2.1,0.7,3.2,2.4,3.3,4.6
+ c0.1,1.3,0.2,2.7,0.1,4c-0.5,5.2-2.7,9.8-5.5,14.1c-5.7,8.8-13.9,14.6-23.4,18.6c-2.7,1.2-5.4,2.4-8,3.8
+ c-5.3,2.8-8.8,7.4-11.6,12.5c-3.5,6.4-5.3,13.3-6.8,20.4c-1.4,6.5-2.6,13.1-2.5,19.9c0.2,7.2,4,11.7,11.7,11
+ c5-0.4,9.7-1.8,14.3-3.7c6.2-2.5,10.7-7,13.8-12.5c4.8-8.4,9.2-17.1,13.4-25.8c7-14.3,13.8-28.7,20.7-43.1
+ c4.2-8.8,6.8-18.1,6.6-28.5C554,34.5,553.1,29.5,551.8,24.6z M504.3,119c-2,3.5-4.5,6.7-8.4,8.2c-0.9,0.3-2.1,0.7-2.8,0.3
+ c-0.6-0.3-0.9-1.7-0.9-2.6c0.2-3.6,1.8-6.7,3.7-9.6c2.5-3.8,6-6.6,9.5-9.3c1.1-0.8,2.1-1.7,3.2-2.5c0.1,0.1,0.3,0.2,0.4,0.3
+ C508.3,109.1,507,114.2,504.3,119z"/>
+ <path class="st0" d="M335.4,25.4c-0.9-3.5-2.5-6.9-5.2-9.5c-3.7-3.5-10-5.9-16.9-4.7c-2.8,0.5-5.4,1.6-8,2.5
+ c-2.2,0.7-4.2,1.7-6.4,2.5c-2.7,1-5.4,2.2-8.1,3c-1.6,0.5-2.6,2-2.4,3.6c0.3,2.9,0.5,5.8,0.8,8.7c-0.3,9.6-1.5,19.1-3.4,28.4
+ c-3,14.3-7.2,28.3-11.6,42.3c-3.4,11.1-6.8,22.2-9.9,33.4c-1.1,4.2-1.8,8.6-1.9,12.9c-0.1,5.1,2.8,8,8.2,7.6
+ c4.5-0.3,7.3-3.2,8.9-6.9c2.1-5,3.9-10.2,5.3-15.4c2.6-9.7,4.9-19.6,7.3-29.4c0.8-3.2,1-5.4,1.8-8.6c0,0,0-0.1,0-0.1
+ c0.5-2,3.4-1.3,3.1,0.7c0,0.2-0.1,0.5-0.1,0.8c-0.3,3.6-0.4,5.4-1.2,9c-1.8,8.6-4,17.2-5.8,25.8c-0.6,3-0.8,6.2-0.6,9.2
+ c0.3,3.4,3.2,6,6.6,5.5c1.5-0.2,3-0.9,4.5-1.5c4.9-1.9,8-5.6,9.4-10.7c2.5-8.7,3.1-17.8,3.9-26.8c0.5-6.2,0.6-12.5,0.9-18.7
+ c0.2-6,2.4-11.3,5.8-16.2c4.1-6,8.5-11.8,11.8-18.4C337.2,45.2,338,35.5,335.4,25.4z M314.6,54.3c-2.9,4.6-7.1,7.6-11.9,9.7
+ c0,0,0,0,0,0c-1.9,0.8-3.9-0.7-3.7-2.8c0.8-6.5,2.6-12.4,6.9-17.4c1.8-2,4-3.4,6.9-3.1c2,0.2,3.6,1.8,4,3.8
+ C317.5,48.1,316.5,51.3,314.6,54.3z"/>
+ <path class="st0" d="M615.5,43.8c-0.3,7-2.3,13.5-4.6,19.9c-4.2,11.4-8.3,23-13,34.2c-4.5,10.7-9.5,21.2-14.6,31.6
+ c-1.9,3.8-4.6,7.3-7.1,10.8c-2.3,3.1-6.7,4.1-9.3,2.2c-3.5-2.7-5.6-6.2-5.4-10.8c0.2-3.9,1.7-7.3,3.3-10.7c3.4-7.1,6.7-14.3,8.6-22
+ c0.8-3.2,1.2-6.5,1.7-9.8c0.1-0.7,0.2-1.6-0.1-2.2c-0.5-1.1-1.1-2.6-2-2.9c-1.1-0.3-2.8,0.1-3.8,0.8c-4,2.7-6.1,7-7.9,11.2
+ c-3.4,7.9-6.7,15.9-10,23.8c-2.4,5.8-5.6,11-10.4,15c-3.1,2.6-6.6,3.7-10.7,0.6c-1.7-1.3-2.3-3.4-2.5-5.5
+ c-0.4-3.8,0.8-7.3,2.2-10.6c4.9-11.9,10-23.7,14.7-35.6c4.7-11.6,9.6-23.2,13.4-35.2c3.2-9.9,4.9-20.3,7.3-30.4
+ c0.4-1.6,0.8-3.2,1.4-4.8c0.5-1.5,1.8-1.7,3.1-1.7c2.9-0.1,5.3,1.3,7.5,2.9c5.3,4,5.5,9.8,4.7,15.6c-0.7,5.1-2.4,10-3.3,15.1
+ c-0.6,3.2-0.9,6.6-0.6,9.8c0.5,4.8,3.9,6.3,8.3,3.5c4.8-3.1,7.5-7.7,10.2-12.5c2.1-3.8,4.2-7.7,6.6-11.3c1.4-2.1,3.4-3.6,6.3-2.9
+ c2.7,0.6,3.8,2.8,4.6,5C615,39,615.1,41.4,615.5,43.8z"/>
+ <path class="st0" d="M387,37.6c-2.4-3.8-5.1-7.3-8.6-10.2c-3.3-2.8-6.8-5-11-6c-3.3-0.8-6.6-0.5-9.9,0.7c-4,1.4-6.8,4-9.2,7.1
+ c-4,5.3-6.6,11.4-8.4,17.7c-1.3,4.6-1.8,9.2,0,13.9c1.7,4.3,5,6.1,9,4.5c1.4-0.6,2.8-1.6,3.9-2.7c3.1-3.1,6-6.5,9.2-9.5
+ c1.4-1.3,3.4-2.7,5.6-1.8c1.8,0.7,3,2.1,3.7,3.9c2.2,5.4,1.8,10.7-1.8,15.3c-3.5,4.6-8.6,6-14.3,5.4c-3.6-0.4-7.2-1.1-10.9-1.5
+ c-3.1-0.4-6.2-0.4-9,1c-4.9,2.4-8.2,6.5-10.6,11.3c-5,9.9-7,20.6-7.5,32.1c0.1,1.2,0.1,2.8,0.3,4.4c0.7,6.2,4,10.8,9.3,13.7
+ c5.7,3.1,12,2.3,18.2,1.7c3.2-0.3,6.7-0.8,9.8-0.1c3,0.7,5.3-0.2,7.1-1.8c2.3-2.1,4.2-4.9,5.9-7.5c3.6-5.6,5.8-11.9,8.1-18.2
+ c4.7-12.7,9.4-25.4,14-38.2C396.9,53.3,387.6,38.6,387,37.6z M356.2,102.1c0,0.1,0,0.3-0.1,0.4c0,0.4-0.1,0.8-0.2,1.2
+ c0,0.2-0.1,0.4-0.1,0.6c-0.2,0.9-0.5,1.8-0.9,2.6c-2.1,5.7-8.9,11.4-14.9,11c-3.9-0.2-5.5-2.8-3.8-6.4c1.7-3.5,4.1-6.1,7.7-7.8
+ c3-1.4,6-2.9,9.1-4.3c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.3-0.1c0.7-0.2,1.5,0.1,2,0.6c0.1,0.1,0.2,0.2,0.3,0.3c0,0,0,0.1,0,0.1
+ c0.1,0.1,0.1,0.2,0.2,0.3c0,0.1,0.1,0.1,0.1,0.2c0,0.1,0.1,0.2,0.1,0.3c0,0.2,0,0.3,0,0.5C356.3,101.7,356.3,101.9,356.2,102.1z"/>
+ <path class="st0" d="M450,131.4c3-2.6,5.9-5.5,8.9-8.2c0.9-0.8,1.9-1.5,3-2c4.7-2.3,8.2-0.6,9.3,4.1c0.9,4,0.1,7.8-1.2,11.5
+ c-2.2,6.1-4.6,12.1-7.4,17.9c-1.9,4-5.1,6.5-9.7,7.3c-7.1,1.2-14.3,1.5-21.4,1.6c-2.5,0-4.9-0.5-7-1.9c-1.8-1.1-2.6-2.9-3.1-4.8
+ c-0.9-3.6,0.1-6.9,1.6-10.1c4.7-9.7,9.2-19.4,14.3-28.8c4.4-8,9.5-15.5,14.4-23.2c3.9-6.1,8-12.1,11.8-18.2c1.6-2.5,2.6-5.4,4-8
+ c-1.5,1-3.2,1.9-4.7,3c-2.9,2-6,3.9-9.2,5.6c-1.6,0.9-3.5,1.5-5.5,1.5c-1.8,0-2.9-1.5-3.2-3.2c-0.5-4.3-0.4-8.5-0.8-12.6
+ c-0.4-3.9,0.2-8,1.2-11.8c1.7-6.3,13.5-10.9,16-11.9c3.8-1.5,7.6-3.1,11.3-4.7c2.8-1.2,5.5-2.7,8.3-3.9c2.6-1.1,5.3-2.1,7.9-3.2
+ c1.4-0.5,4.6,0.8,5.8,2.2c2.7,3.3,3.2,7.3,2.2,11.2c-1.2,4.5-2.6,9-4.6,13.2c-2.9,6.2-6.3,12.2-9.7,18.1c-3.4,5.9-7,11.8-10.8,17.5
+ c-5.8,8.7-11.9,17.3-17.8,26c-2.8,4-5.7,8-7.2,12.7c-0.1,0.3-0.2,0.7-0.3,1C445.8,131.4,448.4,132.9,450,131.4L450,131.4z"/>
+ <path class="st0" d="M437.5,82.1c-4.6,13.5-9.4,26.9-13.7,40.5c-2.8,8.8-5,17.8-7.5,26.6c-0.5,1.9-1.1,3.8-1.9,5.6
+ c-1.5,3.5-3.5,6.2-8.1,3.4c-4.5-2.8-7.5-6.3-7.1-11.9c0.2-2.3,0.6-4.8,1.4-7c3-8.1,6.3-16.2,9.5-24.2c3.9-10.1,8-20.2,9.6-31
+ c0.5-3.3,0.2-6.8,0.2-10.2c0-0.3-0.1-0.7-0.2-1c-0.4-1.5-1.3-3-2.7-3c-1.1,0-2.4,1.1-3.3,2.1c-3.3,3.6-4.4,8.2-5.8,12.6
+ c-4.5,14.8-8.8,29.6-13.5,44.3c-1.9,6-4.7,11.8-8.9,16.7c-3.3,3.8-7.4,3.5-10.9,0.1c-4.1-4-4.2-8.8-2.5-13.7
+ c3.5-10,7-19.9,10.9-29.7c6.4-16.1,12.3-32.3,15.3-49.4c0.8-4.8,0.8-9.8,1.2-14.8c0-0.6,0-4,0.5-4.3c0.6-0.4,1.9-0.1,2.6,0.4
+ c1.7,1.2,3.3,2.5,4.7,4c3.8,3.8,7.8,7,13.5,7.3c1.6,0.1,3.3,0.6,4.9,0.7c6.7,0.5,10.8,4.6,13.2,10.5
+ C442.8,63.7,439.2,77.2,437.5,82.1z"/>
+ <path class="st0" d="M201.7,38.2c-3.4-1.2-7.1-1.8-10.7-2.4c-4.4-0.6-8.1-2.5-11.8-4.7c-2.2-1.2-4.5-1.6-6.8-0.6
+ c-2.2,1-2.1,3.2-1.9,5.3c0.4,5.6,0.8,11.1,1.3,16.7c-0.1,0-0.2,3.6-0.3,5.4c-1.3,16.8-6,32.7-12.1,48.2c-2.3,6-4.5,12-6.3,18.2
+ c-1.4,4.7-1.5,9.6,1.4,14c3.1,4.7,7.7,5.2,12.1,1.6c3.5-2.8,5.2-6.8,6.5-11c1.5-4.8,2.6-9.8,4.2-14.5c1.8-5.4,4.9-9.6,10.9-10.9
+ c3.2-0.7,6.3-1.5,9.4-2.6c2.9-1,5.7-2.3,8.3-3.9c4.8-2.9,8.1-7.2,10.6-12.2c3.1-6.2,4.8-12.9,4.8-19.8
+ C221.2,50,213.6,42.2,201.7,38.2z M195.4,78.2c-1.1,0.5-2.3,1-3.5,1.2c-2.5,0.3-4-1.1-3.7-3.7c0-5.6,3.7-9.1,4.9-10.2
+ c0.7-0.6,1.4-1.2,2.2-1.6c3.6-1.8,6.9,0.4,6.8,4.5C202.1,72.6,198.7,76.7,195.4,78.2z"/>
+ <path class="st0" d="M109.3,111.8c-0.1-3.7,0.4-7.4,2.9-10.3c0.7-0.8,1.5-1.5,2.4-2.1c2.6-1.8,6.5-1.3,8.7,1
+ c0.2,0.2,0.4,0.4,0.6,0.6c4,3.6,8.6,1.9,9.9-3.5c1-4-0.1-7.9-1.6-11.6c-4.5-10.8-7.3-21.9-7.6-33.6c-0.2-7.2,0.1-14.3,3.3-21
+ c2.3-4.9,5.9-8.5,10.8-10.8c3.5-1.7,7.1-3,11-2.6c3.2,0.3,6.1,1.5,8.3,3.7c7.3,7,9.6,16,8.6,25.8c-0.2,2.4-1.3,4.4-3,6.1
+ c-1.5,1.5-5.4,1.4-7-0.3c-2.2-2.3-4.1-4.9-6.3-7.3c-1.6-1.9-3.4-3.7-6.2-3.2c-2.2,0.4-3,1.4-3.3,3.8c-0.4,3.6,0.9,6.7,2.9,9.6
+ c2.5,3.6,5.2,7,7.7,10.6c3.3,4.9,5,10.5,5.6,16.3c1.2,11.6-0.7,22.8-5.1,33.4c-2.7,6.6-7,12.1-12.9,16.2c-3.3,2.3-6.8,4-10.7,4.1
+ c-4.6,0.1-8.6-2-11.8-5.4C111.4,125.8,109.4,119.2,109.3,111.8z"/>
+ <path class="st0" d="M645.5,57.7c-3.2,9-6.4,18-9.8,26.9c-3.4,8.8-7.6,17.1-13.4,24.4c-2.2,2.8-5,5.2-7.8,7.4
+ c-2.1,1.6-4.9,2-7.6,1.3c-2.6-0.6-3.5-2.8-4.1-5.1c-1.2-5,0.2-9.6,2.7-13.8c5.8-9.9,10.8-20.1,14.9-30.8
+ c4.5-11.6,8.3-23.3,10.8-35.5c1-4.9,5.3-7.9,8.6-7.5c3.8,0.5,6.2,2.9,7.5,6.3C648.4,34.3,647.4,52.2,645.5,57.7z"/>
+ <path class="st0" d="M605.6,137.4c-0.3,3.8-1.2,8.2-4.7,11.6c-4.7,4.5-11.2,2.7-13.3-3.2c-1-2.7-1.1-5.3,0-8.7
+ c0.9-2.4,1.7-3.7,2.6-5.6c1.5-3,3.9-5.2,7.1-6c2-0.5,3.8,0.5,5.2,2C604.9,130,605.7,132.5,605.6,137.4z"/>
+ <g>
+ <path class="st0" d="M70.2,147.9c-5.2-1-9.2-3.6-12.4-7.7c-6-7.5-8.3-17.1-8.7-27.9c-0.2-7.1,1.8-13.1,5.5-18.7
+ c3.5-5.3,8-8,12.7-10.4c4-1.9,8-3.7,12.2-4.4c1.4-0.2,2.8-1,4.2-1.8c1.5-0.9,1.8-2.5,0.9-4c-0.6-1-1.4-1.8-2.3-2.3
+ c-1.4-0.9-2.9-1.7-4.4-2.2c-7.4-2.7-10-10.3-10-18.9c0-10.3,3.8-18.9,9.1-26.9c3.7-5.5,8.3-9.1,13.1-12.6c6.6-4.7,13.3-4.5,20-3.4
+ c4.8,0.8,8,4.4,9.6,10.3c1.1,4.5,1.9,8.9,1.5,13.8c-0.6,7-4.8,10.4-9.7,7.7c-2-1.1-3.9-2.4-5.7-3.8c-7.4-5.9-15.4,2.1-16.8,10
+ c-0.4,2-0.2,4.3,0.3,6.2c1.4,5,4.2,8.2,8.5,9.2c2.1,0.5,4.1,0.9,6.2,1.2c7.6,1.2,11.6,12,7.5,20.3c-1.6,3.3-4,5.3-6.9,6.1
+ c-3,0.8-6,1.5-9,1.7c-5.6,0.3-10.8,2-15.4,6.3c-2.8,2.6-5.1,6-5.9,10.4c-0.6,3.2,0.1,5.9,2,7.7c1.9,1.8,4.2,2.2,6.6,0.2
+ c1.8-1.6,3.7-3.1,5.6-4.6c1.3-1.1,2.6-2.4,4.1-3.2c4.9-3,9.6-0.4,10.9,5.8c1.1,5.3-0.2,10.3-2.6,15c-3.1,5.9-7.2,10.6-12.1,14.2
+ c-3.1,2.3-6.5,4.1-9.8,5.9C75.7,148.7,72.7,148.9,70.2,147.9z"/>
+ </g>
+ <g>
+ <path class="st0" d="M221.9,152.9c-5.4-1.1-9.4-3.6-12.5-7.4c-5.8-6.9-7.6-15.7-7.2-25.4c0.2-6.4,2.8-11.7,7-16.6
+ c4-4.6,8.9-6.9,14-8.8c4.3-1.6,8.7-3,13.1-3.5c1.5-0.2,3.1-0.8,4.5-1.4c1.7-0.8,2.1-2.2,1.2-3.6c-0.6-0.9-1.4-1.7-2.3-2.2
+ c-1.4-0.9-2.9-1.6-4.5-2.2c-7.6-2.7-9.9-9.7-9.2-17.4c0.7-9.2,5.3-16.8,11.4-23.8c4.2-4.8,9.3-7.9,14.6-10.8
+ c7.3-3.9,14.3-3.5,21.2-2.3c5,0.9,8.2,4.2,9.4,9.6c0.9,4,1.4,8.1,0.7,12.4c-1.1,6.3-5.8,9.2-10.8,6.5c-2-1.1-3.9-2.3-5.7-3.7
+ c-7.4-5.6-16.4,1.3-18.3,8.3c-0.5,1.8-0.5,3.9-0.1,5.5c1.1,4.5,3.9,7.5,8.3,8.6c2.1,0.5,4.3,1,6.5,1.3c7.9,1.3,11.4,11.2,6.5,18.6
+ c-1.9,2.9-4.6,4.7-7.7,5.2c-3.2,0.6-6.4,1.2-9.6,1.2c-5.9,0-11.5,1.4-16.7,5.1c-3.2,2.2-5.7,5.2-6.9,9.1c-0.9,2.9-0.3,5.3,1.6,7
+ c1.9,1.7,4.3,2.2,7,0.4c2-1.3,4.1-2.6,6.2-3.9c1.5-0.9,2.9-2,4.5-2.7c5.4-2.5,10.1,0,11,5.7c0.8,4.8-0.9,9.3-3.8,13.4
+ c-3.7,5.2-8.3,9.3-13.6,12.3c-3.5,1.9-7.1,3.4-10.7,5C227.7,153.8,224.5,153.9,221.9,152.9z"/>
+ </g>
+</g>
+</svg>
$('#WhatsOnAir').trigger('load');
var refresh_onair_interval = 25000;
setInterval("$('#WhatsOnAir').trigger('load');", refresh_onair_interval);
- $("#DirectStreamPanikControler").on('click',function(e) {
+ $('#streamSymbol').on('click keypress',function(e) {
+ if (e.type === 'keypress' && !(e.key === ' ' || e.key === 'Enter'))
+ return;
e.preventDefault();
- var stream = $('#DirectStreamPanik').get(0);
+ var stream = $('#LiveStream').get(0);
if (stream.paused == false){
if ($(this).find('.player-stop')) {
- $('#DirectStreamPanik').trigger('pause'); // icon change
+ $('#LiveStream').trigger('pause'); // icon change
stream.pause();
- var par = $('#DirectStreamPanik').parent()
- var dup = $('#DirectStreamPanik').clone();
- $('#DirectStreamPanik').remove();
+ var par = $('#LiveStream').parent()
+ var dup = $('#LiveStream').clone();
+ $('#LiveStream').remove();
$(dup).appendTo($(par));
add_stream_handlers();
} else {
});
function add_stream_handlers() {
- $('#DirectStreamPanik').on('play',function(){
- $('audio:not(#DirectStreamPanik)').each(function(){this.pause();});
+ $('#LiveStream').on('play',function(){
+ $('audio:not(#LiveStream)').each(function(){this.pause();});
$('#streamSymbol').removeClass('player-start').addClass('player-stop');
}).on('pause',function(){
- //$('audio:not(#DirectStreamPanik)').each(function(){this.pause();});
+ //$('audio:not(#LiveStream)').each(function(){this.pause();});
$('#streamSymbol').addClass('player-start').removeClass('player-pause').removeClass('player-stop');
});
}
self.controlButtons['playpause'].addClass('resymbol');
},
onPlay:function(self){
- $('#DirectStreamPanik')[0].pause();
+ $('#LiveStream')[0].pause();
},
onAdd:function(self){
//self.isLastAdd[0].scrollIntoView();
+++ /dev/null
-{% extends "base.html"%}
-{% load paniktags i18n %}
-{% block title %}{% trans 'News' %}{% endblock %}
-{% block toptitle %}
-<h1 class="top"><a class="dimmed" href="{% url 'news' %}">{% trans 'News' %}</a>
- / <a href="{% url 'agenda' %}">Agenda</a>
-</h1>
-{% endblock %}
-{% block nav %}
- {% news_nav %}
-{% endblock %}
-{% block main %}
-
-<div class="detail marged news cf">
- <div class="wrapper navigation">
-{% if month %}
-<h2>{{month|date:"E Y"}}</h2>
-{% else %}
-<p class="intro leftPart">
-Sur les ondes comme dans la ville, une quantité d'événements Panik et proches…
-</p>
-{% endif %}
-
- <div class="leftPart">
- <div id="agenda" class="news">
- {% regroup agenda|dictsort:'event_date' by event_date as agenda_list %}
- {% for date in agenda_list %}
- <h3>{{ date.grouper|date:"l d E"|lower }}</h3>
- {% for content in date.list %}
- {% news_inline %}
- {% endfor %}
- {% endfor %}
- {% if not agenda %}
- <div class="big error center">Misère, c'est l'hiver ?!</div>
- {% endif %}
-
- <div class="previous-and-next-months">
-<h4>
- {% if previous_month %}
- <a href="{% url 'agenda_by_month' year=previous_month.year month=previous_month.month %}"
- >< {{previous_month|date:'E Y'}}</a>
- {% endif %}
- {% if previous_month and next_month %}—{% endif %}
- {% if next_month %}
- <a href="{% url 'agenda_by_month' year=next_month.year month=next_month.month %}"
- >{{next_month|date:'E Y'}} ></a>
- {% endif %}
-</h4>
- </div>
-
- </div>
- </div>
- <div class="rightPart">
- <div class="sub">
- <h5 class="sectionLabel right">
- <a href="{% url 'newsArchives' %}">
- <span class="iconLabel">Toutes</span>
- </a>
- </h5>
- <h5 class="sectionLabel">
- <span class="iconLabel">{% trans 'Latest News'%}</span>
- <a class="button icon-rss inBlock" href="{% url 'rss-feed' %}"></a>
- </h5>
-
-
- <form action="{% url 'newsArchives' %}" id="search-form">
- <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
- </form>
-
- <ul class="custom list newsList">
- {% for content in news|slice:":20" %}
- <li class="{% if content == newsitem %}current{% endif %}">{% news_inline %}</li>
- {% endfor %}
- </ul>
- </div>
- </div>
- </div>
-</div>
-{% endblock %}
-{% block links %}
-<div class="wrapper">
- <div class="padded ">
- <ul class="news columns padded list custom">
- {% for NewsItem in newsAll %}
- <li class="item ellipsis small ">
- <a href="{% url 'newsitem-view' slug=NewsItem.slug %}">
- <span class="title"><strong>{{ NewsItem.date|date:"D d/M" }}</strong> - {{ NewsItem.title }}</span>
- </a>
- </li>
- {% endfor %}
- </ul>
- </div>
- </div>
-</div>
-{% endblock %}
{% endblock %}
{% block main %}
-<h2 class="top">Archives de la radio</h2>
-
-{% regroup diffusions by datetime|date:"Y" as diffusions_by_year %}
-{% for diffusion_group in diffusions_by_year %}
-<h3 class="archives" id="archive-{{diffusion_group.grouper}}">
- {% if diffusion_group.grouper == "2021" %}2021 petit Esperanzah en podcasts !
- {% elif diffusion_group.grouper == "2019" %}2019 c’était super !
- {% elif diffusion_group.grouper == "2018" %}L'énergie de 2018 !
- {% elif diffusion_group.grouper == "2017" %}Réécoutez 2017 !
- {% elif diffusion_group.grouper == "2016" %}Revivez 2016 !
- {% elif diffusion_group.grouper == "2015" %}Retournez en 2015 !
- {% elif diffusion_group.grouper == "2014" %}Redécouvrez 2014 !
- {% elif diffusion_group.grouper == "2013" %}Plongez en 2013 !
- {% elif diffusion_group.grouper == "2012" %}Rappelez-vous 2012 !
- {% elif diffusion_group.grouper == "2011" %}Rejouez 2011 !
- {% elif diffusion_group.grouper == "2010" %}Sautez vers 2010 !
- {% else %}{{ diffusion_group.grouper }}{% endif %}</h3>
-
- {% if diffusion_group.grouper == "2021" %}
- <p>
+ <h2 class="top">Archives de la radio</h2>
+
+ {% regroup diffusions by datetime|date:"Y" as diffusions_by_year %}
+ {% for diffusion_group in diffusions_by_year %}
+ <h3 class="archives" id="archive-{{diffusion_group.grouper}}">
+ {% if diffusion_group.grouper == "2023" %}2023 depuis le village des possibles !
+ {% elif diffusion_group.grouper == "2022" %}2022 chaude ambiance !
+ {% elif diffusion_group.grouper == "2021" %}2021 petit Esperanzah en podcasts !
+ {% elif diffusion_group.grouper == "2019" %}2019 c’était super !
+ {% elif diffusion_group.grouper == "2018" %}L'énergie de 2018 !
+ {% elif diffusion_group.grouper == "2017" %}Réécoutez 2017 !
+ {% elif diffusion_group.grouper == "2016" %}Revivez 2016 !
+ {% elif diffusion_group.grouper == "2015" %}Retournez en 2015 !
+ {% elif diffusion_group.grouper == "2014" %}Redécouvrez 2014 !
+ {% elif diffusion_group.grouper == "2013" %}Plongez en 2013 !
+ {% elif diffusion_group.grouper == "2012" %}Rappelez-vous 2012 !
+ {% elif diffusion_group.grouper == "2011" %}Rejouez 2011 !
+ {% elif diffusion_group.grouper == "2010" %}Sautez vers 2010 !
+ {% else %}{{ diffusion_group.grouper }}{% endif %}</h3>
+
+ {% if diffusion_group.grouper == "2021" %}
+ <p>
Détour vers le futur, une série de podcasts réalisés au
printemps; avant la joie qu’un petit festival ait lieu.
- </p>
- {% endif %}
-
- <div class="archives emission-episodes">
-{% for diffusion in diffusion_group.list|dictsort:"datetime" %}
- <a href="{% url 'episode-view' emission_slug=diffusion.episode.emission.slug slug=diffusion.episode.slug %}">
- <div class="image">
- <div class="img">
- {% thumbnail diffusion.episode.image "400x400" crop="50% 50%" as im %}
- <img alt="" loading="lazy" src="{{im.url}}">
- {% empty %}
- <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="200" width="200">
- {% endthumbnail %}
- </div>
- </div>
- <div class="name"><span>{% if diffusion.episode.emission.slug == "detour-vers-le-futur" %}Détour vers le futur - {% endif %}{{ diffusion.episode.title }}</span></div>
- </a>
-{% endfor %}
- </div>
- {% if diffusion_group.grouper == "2021" %}
- <h3 class="archives">2020, édition annulée</h3>
- <p><a href="https://www.esperanzah.be/annulation/">Un été sans festival comme un vide abyssal.</a></p>
- {% endif %}
-{% endfor %}
-
-<p class="archives-sorry">
-Nos archives se terminent ici, les premières années de radio Esperanzah!
-sont dans nos cœurs… 💕
-</p>
+ </p>
+ {% endif %}
+
+ <div class="archives emission-episodes">
+ {% for diffusion in diffusion_group.list|dictsort:"datetime" %}
+ <a href="{% url 'episode-view' emission_slug=diffusion.episode.emission.slug slug=diffusion.episode.slug %}">
+ <div class="image {% cycle 'style1' 'style2' 'style3' %}">
+ <div class="img">
+ {% thumbnail diffusion.episode.image "400x400" crop="50% 50%" as im %}
+ <img alt="" loading="lazy" src="{{im.url}}">
+ {% empty %}
+ {% endthumbnail %}
+ </div>
+ </div>
+ <div class="name"><span>{% if diffusion.episode.emission.slug == "detour-vers-le-futur" %}Détour vers le futur - {% endif %}{{ diffusion.episode.title }}</span></div>
+ </a>
+ {% endfor %}
+ </div>
+ {% if diffusion_group.grouper == "2021" %}
+ <h3 class="archives">2020, édition annulée</h3>
+ <p><a href="https://www.esperanzah.be/annulation/">Un été sans festival comme un vide abyssal.</a></p>
+ {% endif %}
+ {% endfor %}
+
+ <p class="archives-sorry">
+ Nos archives se terminent ici, les premières années de radio Esperanzah!
+ sont dans nos cœurs… 💕
+ </p>
{% endblock %}
-{% load gadjo paniktags staticfiles %}<!DOCTYPE html>
+{% load gadjo paniktags static %}<!DOCTYPE html>
<html lang="fr-fr">
-<head>
+ <head>
<meta charset="UTF-8" />
- <title>{{ radio_name }} - {% block title %}{% endblock %}</title>
+ <title>{% block htmltitle %}{% block title %}{% endblock %} - {{ radio_name }}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="icon" href="{{ STATIC_URL }}img/favicon-2022.png" type="image/png">
- <link rel="apple-touch-icon" href="{{ STATIC_URL}}img/favicon-300x300-2022.png">
+ <link rel="icon" href="/static/img/favicon-2024.png" type="image/png">
+ <link rel="apple-touch-icon" href="/static/img/favicon-2024.png">
<link rel="canonical" href="{{ request.build_absolute_uri }}" />
<meta name="og:site_name" content="{{ radio_name }}"/>
<meta name="twitter:site" content="@radioesperanzah" />
{% block head %}
- <meta property="og:title" content="{{ radio_long_name }}" />
- <meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2022.png' %}" />
+ <meta property="og:title" content="{{ radio_long_name }}" />
+ <meta property="og:image" content="{{ site_url }}{% static 'img/favicon-2024.png' %}" />
- <meta name="twitter:card" content="summary" />
- <meta name="twitter:title" content="{{ radio_long_name }}" />
- <meta name="twitter:description" content="La radio du festival Esperanzah!, 28 - 29 - 30 & 31 juillet 2022 à Floreffe" />
- <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2022-solid.png' %}" />
+ <meta name="twitter:card" content="summary" />
+ <meta name="twitter:title" content="{{ radio_long_name }}" />
+ <meta name="twitter:description" content="La radio du festival Esperanzah!, 26 - 29 juillet 2024 à Floreffe" />
+ <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-2024-solid.png' %}" />
{% endblock %}
-{% block podcasts-feed %}
-<link rel="alternate" type="application/rss+xml" href="{% url 'podcasts-feed' %}" title="{{ radio_name }} Podcasts">
-{% endblock %}
+ {% block podcasts-feed %}
+ <link rel="alternate" type="application/rss+xml" href="{% url 'podcasts-feed' %}" title="{{ radio_name }} Podcasts">
+ {% endblock %}
- <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css?{% start_timestamp %}" type="text/css" />
+ <link rel="stylesheet" href="/static/css/style.css?{% start_timestamp %}" type="text/css" />
<script src="{% xstatic 'jquery' 'jquery.min.js' %}"></script>
<script src="{% xstatic 'jquery-ui' 'jquery-ui.min.js' %}"></script>
- <script type="text/javascript" src="{{ STATIC_URL }}js/audioPlayer.js?{% start_timestamp %}"></script>
- <script type="text/javascript" src="{{ STATIC_URL }}js/specifics.js?{% start_timestamp %}"></script>
+ <script type="text/javascript" src="/static/js/audioPlayer.js?{% start_timestamp %}"></script>
+ <script type="text/javascript" src="/static/js/specifics.js?{% start_timestamp %}"></script>
{% block extrascripts %}{% endblock %}
-</head>
+ </head>
-<body {% block bodyattr %}id="{{sectionName}}" class="section-{{sectionName}}"{% endblock %}>
- <div id="All">
- <div id="Commons" >
- <div class="sided" >
- <div id="backgroundBox">
- <div id="header_date">28 - 29 - 30 & 31 juillet 2022<br>Abbaye de Floreffe</div>
- <a href="{% url 'home' %}" id="mainHeader"><div>
- <h1 class="top" id="radiopanik">{{ radio_long_name }}</h1>
- </div></a>
- <div id="Player" class="withoutPlaylist">
- {% block listen %}{% player %}{% endblock %}
- </div>
- </div>
- </div>
- <a target="_blank" id="www-esperanzah" href="https://www.esperanzah.be">←<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>
- <a target="_blank" id="instagram" href="https://www.instagram.com/radio.esperanzah/"></a>
- </div>
- <div id="Changing" data-section="{{ sectionName }}">
- {% block toptitle %}{% endblock %}
- <div id="Nav">
- {% block nav %}{% endblock %}
- </div>
- <div id="Main">
- {% block main %}{% endblock %}
- </div>
- <div id="Related">
- {% block related %}{% endblock %}
- </div>
- <div id="Footer">
- <p>
- Radio Esperanzah!, avec les énergies de
- <a href="https://www.48fm.com/emission-kult/">Kult</a>,
- <a href="https://www.radiopanik.org">Radio Panik</a>,
- <a href="https://radiovacarme.com/">Radio Vacarme</a>,
- <a href="http://www.run.be">RUN</a>,
- <a href="https://www.48fm.be">48FM</a>,
- <a href="https://www.radiocampus.be">Radio Campus</a>,
- <a href="https://www.rqc.be/">RQC</a>,
- <a href="https://youfm.be/">YouFM</a>,
- du <a href="https://www.esperanzah.be">festival</a>
- et des festivalier·es.
- </p>
- <p><a href="{% url 'podcasts-feed' %}">🎧 S'abonner aux podcasts 🎧</a></p>
- <p>
- <a href="{% url 'espe-archives' %}">Archives des éditions précédentes</a>
- </p>
- <p>
- <a href="mailto:radio@esperanzah.be">Contact</a>
- </p>
- </div>
- </div>
- <div id="userLog"></div>
- </div>
-{% piwik %}
+ <body {% block bodyattr %}id="{{sectionName}}" class="section-{{sectionName}}"{% endblock %}>
+ <div id="All">
+ <div id="Commons" >
+ <div class="sided" >
+ <div id="backgroundBox">
+ <div id="header_date">
+ Abbaye de Floreffe
+ <br>
+ <span class="dates">26·27·28 juillet 24</span>
+ <br>
+ Village des possibles
+ </div>
+ <a href="{% url 'home' %}" id="mainHeader"><div>
+ <h2>Radio</h2>
+ <h1 class="top" id="radiologo">{{ radio_long_name }}</h1>
+ </div></a>
+ <div id="Player" class="withoutPlaylist">
+ {% block listen %}{% player %}{% endblock %}
+ </div>
+ </div>
+ </div>
+ <a target="_blank" id="www-esperanzah" href="https://www.esperanzah.be">←<br>site</a>
+ <a target="_blank" id="facebook" href="https://www.facebook.com/RadioEsperanzah"></a>
+ <a target="_blank" id="instagram" href="https://www.instagram.com/radio.esperanzah/"></a>
+ </div>
+ <div id="Changing" data-section="{{ sectionName }}">
+ {% block toptitle %}{% endblock %}
+ <div id="Nav">
+ {% block nav %}{% endblock %}
+ </div>
+ <div id="Main">
+ {% block main %}{% endblock %}
+ </div>
+ <div id="Related">
+ {% block related %}{% endblock %}
+ </div>
+ <div id="Footer">
+ <p>
+ Radio Esperanzah!, avec les énergies de
+ <a href="https://www.48fm.com/emission-kult/">Kult</a>,
+ <a href="https://www.radiopanik.org">Radio Panik</a>,
+ <a href="https://radiovacarme.com/">Radio Vacarme</a>,
+ <a href="http://www.run.be">RUN</a>,
+ <a href="https://www.48fm.be">48FM</a>,
+ <a href="https://www.radiocampus.be">Radio Campus</a>,
+ <a href="https://www.rqc.be/">RQC</a>,
+ <a href="https://youfm.be/">YouFM</a>,
+ du <a href="https://www.esperanzah.be">festival</a>
+ et des festivalier·es.
+ </p>
+ <p><a href="{% url 'podcasts-feed' %}">🎧 S'abonner aux podcasts 🎧</a></p>
+ <p>
+ <a href="{% url 'espe-archives' %}">Archives des éditions précédentes</a>
+ </p>
+ <p>
+ <a href="mailto:radio@esperanzah.be">Contact</a>
+ </p>
+ </div>
+ </div>
+ <div id="userLog"></div>
+ </div>
+ {% piwik %}
-</body>
+ </body>
</html>
{% load thumbnail %}
<div class="topikcellcontent topik-{{cell.link_page.slug}}">
-<a class="block cf" href="{{url}}">
-<span class="logo">
-{% thumbnail cell.link_page.picture "480x320" crop="50% 25%" as im %}
-<div class="logo">
-<img alt="" class="normal" src="{{im.url}}"/>
-</div>
-{% endthumbnail %}
-</span>
-<div>
- <h5>{{title}}</h5>
- <div class="description">
- {{cell.link_page.description|safe|striptags|truncatewords:75}}
- </div>
-</div>
-</a>
+
<a class="block cf" href="{{url}}">
+ <span class="logo">
+ {% thumbnail cell.link_page.picture "480x320" crop="50% 25%" as im %}
+
<img alt="" class="normal" src="{{im.url}}"/>
+ </div>
+ {% endthumbnail %}
+ </span>
+ <h5>{{title}}</h5>
+
<div class="description">
+ {{cell.link_page.description|safe|striptags|truncatewords:75}}
+ </div>
+ </div>
+ </a>
</div>
{% load thumbnail %}
{% if cell.title %}<h3>{{ cell.title }}</h3>{% endif %}
<div class="gallery" id="gallery-{{cell.id}}">
-{% for image in cell.image_set.all %}
- {% if forloop.first %}
-<div class="first" style="display: none;">
-<img src="#"/>
-<span class="gallery-legend"></span>
-</div>
-<div>
- {% endif %}
-{% thumbnail image.image "400x400" crop="50% 50%" as im %}
-{% thumbnail image.image "1000x600" crop="50% 25%" as im_large %}
-<span class="image" data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
- {% if image.title %}title="{{image.title}}"{% endif %}>
- {% if image.title %}<span class="title">{{image.title}}</span>{% endif %}</span>
-</span>
-{% endthumbnail %}
-{% endthumbnail %}
-{% endfor %}
+ {% for image in cell.image_set.all %}
+ {% if forloop.first %}
+
<div class="first" style="display: none;">
+ <span class="gallery-legend"></span>
+ </div>
+ {% endif %}
+ {% thumbnail image.image "400x400" crop="50% 50%" as im %}
+ {% thumbnail image.image "1000x600" crop="50% 25%" as im_large %}
+
<span class="image" data-image-large="{{ im_large.url }}"><img src="{{ im.url }}"
+ {% if image.title %}title="{{image.title}}"{% endif %}>
+ {% if image.title %}<span class="title">{{image.title}}</span>{% endif %}</span>
+ </span>
+ {% endthumbnail %}
+ {% endthumbnail %}
+ {% endfor %}
</div>
</div>
--- /dev/null
+{% extends "base.html" %}
+{% load combo %}
+
+{% block title %}{{ page.title }}{% endblock %}
+
+{% block toptitle %}
+{% endblock %}
+
+{% block main %}
+ <h2 class="top">{{ page.title }}</h2>
+ <div class="content-width">
+ {% placeholder "content" %}
+ </div>
+{% endblock %}
{% endblock %}
{% block main %}
-<h2 class="top">{{ page.title }}</h2>
-{% placeholder "content" %}
+ <h2 class="top">{{ page.title }}</h2>
+ {% placeholder "content" %}
{% endblock %}
{% block title %}{{ page.title }}{% endblock %}
{% block toptitle %}
-<h1 class="top bg-title"><a href="{{ page.get_parents_and_self.0.get_online_url }}">{{ page.get_parents_and_self.0.title }}</a></h1>
+
<h1 class="top bg-title"><a href="{{ page.get_parents_and_self.0.get_online_url }}">{{ page.get_parents_and_self.0.title }}</a></h1>
{% endblock %}
{% block nav %}
{% block main %}
-<div class="wrapper navigation" id="main-{{page.get_parents_and_self.0.slug}}" >
-
<div id="fiber-content" class="leftPart">
- {% if page.get_parents_and_self.0.title != page.title %}
- <h1>{{ page.title }}</h1>
- {% endif %}
-
<div class="text">{% placeholder "content" %}</div>
- </div>
-
<div class="sub rightPart custom marged">
- {% placeholder "sidebar" %}
-
<ul class="custom list">
- {% for page in page.get_parents_and_self.0.get_children %}
- {% if page.public and not page.exclude_from_navigation %}
- {% if page.has_children and page.slug != "35-ans" %}
- {% for subpage in page.get_children %}
- {% include "combo/topik_menu_item.html" with page=subpage category=page.title only %}
- {% endfor %}
- {% else %}
- {% include "combo/topik_menu_item.html" with page=page category="Topik" only %}
- {% endif %}
- {% endif %}
- {% endfor %}
- </ul>
- </div>
-</div>
+
<div class="wrapper navigation" id="main-{{page.get_parents_and_self.0.slug}}" >
+ <div id="fiber-content" class="leftPart">
+ {% if page.get_parents_and_self.0.title != page.title %}
+ <h1>{{ page.title }}</h1>
+ {% endif %}
+ <div class="text">{% placeholder "content" %}</div>
+ </div>
+ <div class="sub rightPart custom marged">
+ {% placeholder "sidebar" %}
+ <ul class="custom list">
+ {% for page in page.get_parents_and_self.0.get_children %}
+ {% if page.public and not page.exclude_from_navigation %}
+ {% if page.has_children and page.slug != "35-ans" %}
+ {% for subpage in page.get_children %}
+ {% include "combo/topik_menu_item.html" with page=subpage category=page.title only %}
+ {% endfor %}
+ {% else %}
+ {% include "combo/topik_menu_item.html" with page=page category="Topik" only %}
+ {% endif %}
+ {% endif %}
+ {% endfor %}
+ </ul>
+ </div>
+ </div>
{% endblock %}
<li class="item">
<div class="topik inline cf">
<a class="block cf topik-link" href="{{page.get_online_url}}">
- <div class="logo">
- {% with page|image_file as logo %}
- {% if logo %}
- {% thumbnail logo "60x60" crop="50% 25%" as im %}
- <img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif page.picture %}
- {% thumbnail page.picture "60x60" crop="50% 25%" as im %}
- <img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
- <img src="/static/img/sound.png" width="60" height="60">
- {% endif %}
- {% endwith %}
- </div>
- <div class="content">
- <div class="title">
- <h5 class="title">{{page.title}}</h5>
+ <div class="logo">
+ {% with page|image_file as logo %}
+ {% if logo %}
+ {% thumbnail logo "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif page.picture %}
+ {% thumbnail page.picture "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img src="/static/img/sound.png" width="60" height="60">
+ {% endif %}
+ {% endwith %}
</div>
- <div class="smooth metas">
- <span class="categories">{{category}}</span>
+ <div class="content">
+ <div class="title">
+ <h5 class="title">{{page.title}}</h5>
+ </div>
+ <div class="smooth metas">
+ <span class="categories">{{category}}</span>
+ </div>
</div>
- </div>
</a>
</div>
</li>
{% block bodyID %}Emissions{% endblock %}
{% block title %}Émissions{% endblock %}
{% block toptitle %}
-<h1 class="top"><a href="{% url 'grid' %}">{% trans 'Program' %}</a></h1>
+
<h1 class="top"><a href="{% url 'grid' %}">{% trans 'Program' %}</a></h1>
{% endblock %}
{% block nav %}
- {% emission_nav with klass="emissions" %}
-
<span class="bg-title" style="display: none"><a>{% trans 'Emissions' %}</a></span>
+ {% emission_nav with klass="emissions" %}
+ <span class="bg-title" style="display: none"><a>{% trans 'Emissions' %}</a></span>
{% endblock %}
{% block main %}
-<div class="emissions">
+
<div class="emissions">
-
<ul class="custom list columns padded">
- {% for emission in emissions %}
- <li class="item {% for category in emission.categories.all %} {{ category|slugify }}{% endfor %}{% if emission.archived %} archived{% endif %}"
- >{% emission_resume %}</li>
- {% endfor %}
- </ul>
- </div>
-</div>
+ <div class="wrapper">
+ <ul class="custom list columns padded">
+ {% for emission in emissions %}
+ <li class="item {% for category in emission.categories.all %} {{ category|slugify }}{% endfor %}{% if emission.archived %} archived{% endif %}"
+ >{% emission_resume %}</li>
+ {% endfor %}
+ </ul>
+ </div>
+ </div>
{% endblock %}
{% extends "base.html" %}
-{% load paniktags staticfiles i18n thumbnail %}
+{% load paniktags static i18n thumbnail %}
{% block bodyID %}Emissions{% endblock %}
{% block title %}{{ emission.title }}{% endblock %}
{% block head %}
-<meta property="og:title" content="{{ emission.title }}" />
-<meta name="twitter:title" content="{{ emission.title }}" />
-{% if emission.image %}
-<meta name="twitter:card" content="summary_large_image">
-<meta property="og:image" content="{{ site_url }}{{ emission.image.url }}" />
-<meta name="twitter:image" content="{{ site_url }}{{ emission.image.url }}" />
-{% else %}
-<meta name="twitter:card" content="summary">
-<meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
-<meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
-{% endif %}
-{% if emission.subtitle %}
-<meta property="og:description" content="{{ emission.subtitle }}" />
-<meta name="twitter:description" content="{{ emission.subtitle }}" />
-{% else %}
-<meta property="og:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
-<meta name="twitter:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
-{% endif %}
+ <meta property="og:title" content="{{ emission.title }}" />
+ <meta name="twitter:title" content="{{ emission.title }}" />
+ {% if emission.image %}
+ <meta name="twitter:card" content="summary_large_image">
+ <meta property="og:image" content="{{ site_url }}{{ emission.image.url }}" />
+ <meta name="twitter:image" content="{{ site_url }}{{ emission.image.url }}" />
+ {% else %}
+ <meta name="twitter:card" content="summary">
+ <meta property="og:image" content="{{ site_url }}{% static 'img/favicon-2024-solid.png' %}" />
+ <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-2024-solid.png' %}" />
+ {% endif %}
+ {% if emission.subtitle %}
+ <meta property="og:description" content="{{ emission.subtitle }}" />
+ <meta name="twitter:description" content="{{ emission.subtitle }}" />
+ {% else %}
+ <meta property="og:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
+ <meta name="twitter:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
+ {% endif %}
{% endblock %}
{% block podcasts-feed %}
-<link rel="alternate" type="application/rss+xml" href="{% url 'emission-podcasts' slug=emission.slug %}" title="{{ emission.title }} Podcasts">
+ <link rel="alternate" type="application/rss+xml" href="{% url 'emission-podcasts' slug=emission.slug %}" title="{{ emission.title }} Podcasts">
{% endblock %}
{% block toptitle %}
{% endblock %}
{% block main %}
-<div class="emission emission-detail">
- <div class="name"><h2>{{emission.title}}</h2></div>
- {% if schedules %}
- <ul class="schedule custom">
- {% for schedule in schedules %}
- <li>
- <span class="label">{{ schedule.datetime|date:"l G:i" }}</span>
- {% if schedule.weeks_string %}
- <span class="weekdiff">({{ schedule.weeks_string }})</span>
- {% endif %}
- {% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
- {% if emission.archived %} ({{ emission.creation_timestamp|date:"Y" }}){% endif %}
- </li>
- {% endfor %}
- </ul>
- {% endif %}
- <div class="emission-info episode-info">
- <div class="image">
- <div class="img">
- {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
- <img alt="" src="{{im.url}}">
- {% empty %}
- <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
- {% endthumbnail %}
- </div>
- </div>
+
<div class="emission emission-detail">
+ <a id="back-home" href="/"><span>Accueil</span></a>
+ <div class="name"><h2>{{emission.title}}</h2></div>
+ {% if schedules %}
+ <ul class="schedule custom">
+ {% for schedule in schedules %}
+ <li>
+ <span class="label">{{ schedule.datetime|date:"l G:i" }}</span>
+ {% if schedule.weeks_string %}
+ <span class="weekdiff">({{ schedule.weeks_string }})</span>
+ {% endif %}
+ {% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
+ {% if emission.archived %} ({{ emission.creation_timestamp|date:"Y" }}){% endif %}
+ </li>
+ {% endfor %}
+ </ul>
+ {% endif %}
+ <div class="emission-info episode-info">
+ <div class="image">
+ <div class="img">
+ {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
+ <img alt="" src="{{im.url}}">
+ {% empty %}
+ {% endthumbnail %}
+ </div>
+ </div>
-
<div class="emission-text">
-
<div>{{ emission.text|safe}}</div>
- {% if emission.slug == 'detour-vers-le-futur' %}
-
<div id="subscribe-links">
-
<li><a href="{{site_url}}{% url 'emission-podcasts' slug=emission.slug %}" class="rss">RSS</a></li>
-
<li><a href="https://open.spotify.com/show/0AdCIyg24wKklByW4abBKg">Spotify</a></li>
-
<li><a href="https://www.deezer.com/fr/show/2835952">Deezer</a></li>
-
<li><a href="https://pca.st/eht3df8c">Pocket Casts</a></li>
-
<li><a href="{{site_url|as_itpc}}{% url 'emission-podcasts' slug=emission.slug %}" class="itunes">iTunes</a></li>
- </ul>
- </div>
- {% endif %}
+ <div class="emission-text">
+ <div>{{ emission.text|safe}}</div>
+ {% if emission.slug == 'detour-vers-le-futur' %}
+ <div id="subscribe-links">
+ <ul>
+ <li><a href="{{site_url}}{% url 'emission-podcasts' slug=emission.slug %}" class="rss">RSS</a></li>
+ <li><a href="https://open.spotify.com/show/0AdCIyg24wKklByW4abBKg">Spotify</a></li>
+ <li><a href="https://www.deezer.com/fr/show/2835952">Deezer</a></li>
+ <li><a href="https://pca.st/eht3df8c">Pocket Casts</a></li>
+ <li><a href="{{site_url|as_itpc}}{% url 'emission-podcasts' slug=emission.slug %}" class="itunes">iTunes</a></li>
+ </ul>
+ </div>
+ {% endif %}
- {% for episode in all_episodes %}
- {% if episode.slug|slice:":9" == "integrale" and episode.main_sound %}
- {% audio sound=episode.main_sound %}
- </div>
- {% endif %}
- {% endfor %}
- </div>
+ {% for episode in all_episodes %}
+ {% if episode.slug|slice:":9" == "integrale" and episode.main_sound %}
+ <div class="sound">
+ {% audio sound=episode.main_sound %}
+ </div>
+ {% endif %}
+ {% endfor %}
+ </div>
- </div>
- <div class="emission-episodes">
- {% for episode in all_episodes %}
- {% if episode.slug|slice:":9" != "integrale" %}
- <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
- <div class="image">
- <div class="img">
- {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
- <img alt="" loading="lazy" src="{{im.url}}">
- {% empty %}
- <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="240" width="240">
- {% endthumbnail %}
- </div>
- </div>
- <div class="name"><span>{{ episode.title }}</span></div>
- <div class="time"><span>
- {{ episode.first_diffusion|date:"l" }}
- {{ episode.first_diffusion|date:"d/m" }}</span></div>
- </a>
- {% endif %}
- {% endfor %}
- </div>
+ </div>
+ <div class="emission-episodes">
+ {% for episode in all_episodes %}
+ {% if episode.slug|slice:":9" != "integrale" %}
+ <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
+ <div class="image {% cycle 'style1' 'style2' 'style3' %}">
+ <div class="img">
+ {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
+ <img alt="" loading="lazy" src="{{im.url}}">
+ {% empty %}
+ {% endthumbnail %}
+ </div>
+ </div>
+ <div class="name"><span>{{ episode.title }}</span></div>
+ <div class="time"><span>
+ {{ episode.first_diffusion|date:"l" }}
+ {{ episode.first_diffusion|date:"d/m" }}</span></div>
+ </a>
+ {% endif %}
+ {% endfor %}
+ </div>
-</div>
+ </div>
-{% if emission.slug == 'detour-vers-le-futur' %}
-{% include "includes/detour-vers-le-footer.html" %}
-{% endif %}
+ {% if emission.slug == 'detour-vers-le-futur' %}
+ {% include "includes/detour-vers-le-footer.html" %}
+ {% endif %}
{% endblock %}
{% extends "base.html" %}
-{% load paniktags staticfiles soundfiles thumbnail %}
+{% load paniktags static soundfiles thumbnail %}
{% block title %}{{ episode.title }} - {{ episode.emission.title }} {% endblock %}
{% block head %}
-<meta property="og:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
-<meta name="twitter:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
-{% if episode.image %}
-<meta name="twitter:card" content="summary_large_image">
-<meta property="og:image" content="{{ site_url }}{{ episode.image.url }}" />
-<meta name="twitter:image" content="{{ site_url }}{{ episode.image.url }}" />
-{% elif episode.emission.image %}
-<meta name="twitter:card" content="summary_large_image">
-<meta property="og:image" content="{{ site_url }}{{ episode.emission.image.url }}" />
-<meta name="twitter:image" content="{{ site_url }}{{ episode.emission.image.url }}" />
-{% else %}
-<meta name="twitter:card" content="summary">
-<meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
-<meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
-{% endif %}
-{% if episode.subtitle %}
-<meta property="og:description" content="{{ episode.subtitle }}" />
-<meta name="twitter:description" content="{{ episode.subtitle }}" />
-{% else %}
-<meta property="og:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
-<meta name="twitter:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
-{% endif %}
-{% if episode.main_sound %}
- {% if episode.main_sound|is_format_available:'ogg' %}
- <meta property="og:audio" content="{{ site_url }}{{ episode.main_sound|format_url:'ogg' }}"/>
- <meta property="og:audio:type" content="audio/ogg"/>
- {% elif episode.main_sound|is_format_available:'mp3' %}
- <meta property="og:audio" content="{{ site_url }}{{ episode.main_sound|format_url:'mp3' }}"/>
- <meta property="og:audio:type" content="audio/mpeg"/>
+ <meta property="og:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
+ <meta name="twitter:title" content="{{ episode.emission.title }} - {{ episode.title }}" />
+ {% if episode.image %}
+ <meta name="twitter:card" content="summary_large_image">
+ <meta property="og:image" content="{{ site_url }}{{ episode.image.url }}" />
+ <meta name="twitter:image" content="{{ site_url }}{{ episode.image.url }}" />
+ {% elif episode.emission.image %}
+ <meta name="twitter:card" content="summary_large_image">
+ <meta property="og:image" content="{{ site_url }}{{ episode.emission.image.url }}" />
+ <meta name="twitter:image" content="{{ site_url }}{{ episode.emission.image.url }}" />
+ {% else %}
+ <meta name="twitter:card" content="summary">
+ <meta property="og:image" content="{{ site_url }}{% static 'img/favicon-2024-solid.png' %}" />
+ <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-2024-solid.png' %}" />
+ {% endif %}
+ {% if episode.subtitle %}
+ <meta property="og:description" content="{{ episode.subtitle }}" />
+ <meta name="twitter:description" content="{{ episode.subtitle }}" />
+ {% else %}
+ <meta property="og:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
+ <meta name="twitter:description" content="{{ episode.text|safe|striptags|truncatewords:75 }}"/>
+ {% endif %}
+ {% if episode.main_sound %}
+ {% if episode.main_sound|is_format_available:'ogg' %}
+ <meta property="og:audio" content="{{ site_url }}{{ episode.main_sound|format_url:'ogg' }}"/>
+ <meta property="og:audio:type" content="audio/ogg"/>
+ {% elif episode.main_sound|is_format_available:'mp3' %}
+ <meta property="og:audio" content="{{ site_url }}{{ episode.main_sound|format_url:'mp3' }}"/>
+ <meta property="og:audio:type" content="audio/mpeg"/>
+ {% endif %}
{% endif %}
-{% endif %}
{% endblock %}
{% block main %}
-<div class="emission emission-detail emission-episode">
- <a id="back-home" href="{% url 'emission-view' slug=episode.emission.slug %}">{{episode.emission.title}}</a>
-
<div class="name"><h2>{{episode.title}}</h2></div>
- {% if diffusions %}
-
<ul class="schedule custom">
- {% for schedule in diffusions %}
- <li><span>{{ schedule.datetime|date:"l d F Y à H:i" }}</span></li>
- {% endfor %}
- </ul>
- {% endif %}
+
<div class="emission emission-detail emission-episode">
+ <a id="back-home" href="{% url 'emission-view' slug=episode.emission.slug %}"><span>{{episode.emission.title}}</span></a>
+ <div class="name"><h2>{{episode.title}}</h2></div>
+ {% if diffusions %}
+ <ul class="schedule custom">
+ {% for schedule in diffusions %}
+ <li><span>{{ schedule.datetime|date:"l d F Y à H:i" }}</span></li>
+ {% endfor %}
+ </ul>
+ {% endif %}
- <div class="episode-info">
- <div class="image">
- <div class="img">
- {% thumbnail episode.image "450x450" crop="50% 50%" as im %}
- <img alt="" src="{{im.url}}">
- {% empty %}
- <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
- {% endthumbnail %}
- </div>
- </div>
- {% with parts=episode.text|safe|hr_split %}
- <div class="emission-text episode-text">
- <div class="text-part">
- {% if episode.subtitle %}
- <h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
- {% endif %}
- {{ parts|first|safe}}
- </div>
+ <div class="episode-info">
+ <div class="image">
+ <div class="img">
+ {% thumbnail episode.image "450x450" crop="50% 50%" as im %}
+ <img alt="" src="{{im.url}}">
+ {% empty %}
+ {% endthumbnail %}
+ </div>
+ </div>
+ {% with parts=episode.text|safe|hr_split %}
+ <div class="emission-text episode-text">
+ <div class="text-part">
+ {% if episode.subtitle %}
+ <h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
+ {% endif %}
+ {{ parts|first|safe}}
+ </div>
- {% if episode.main_sound %}
- {% audio sound=episode.main_sound %}
- </div>
- {% endif %}
- </div>
+ {% if episode.main_sound %}
+ <div class="sound">
+ {% audio sound=episode.main_sound %}
+ </div>
+ {% endif %}
+ </div>
- {% if parts|length > 1 %}
-
<div class="more-text">
- {{ parts|last|safe }}
- </div>
- {% endif %}
- {% endwith %}
- </div>
+ {% if parts|length > 1 %}
+ <div class="more-text">
+ {{ parts|last|safe }}
+ </div>
+ {% endif %}
+ {% endwith %}
+ </div>
-</div>
+ </div>
-{% if episode.emission.slug == 'detour-vers-le-futur' %}
-{% include "includes/detour-vers-le-footer.html" %}
-{% endif %}
+ {% if episode.emission.slug == 'detour-vers-le-futur' %}
+ {% include "includes/detour-vers-le-footer.html" %}
+ {% endif %}
{% endblock %}
{% extends "emissions/emission_detail.html" %}
{% load paniktags %}
{% block nav %}
- {% emission_nav klass "episodes" %}
+ {% emission_nav klass "episodes" %}
{% endblock %}
{% block main %}
-<div class="wrapper {% if episodes %}sided{% endif %}">
+
<div class="wrapper {% if episodes %}sided{% endif %}">
- {% if search_query and not episodes %}
-
<div class="big error padded center">Manque de pot, pas de résultats à cette recherche !</div>
- {% endif %}
+ {% if search_query and not episodes %}
+ <div class="big error padded center">Manque de pot, pas de résultats à cette recherche !</div>
+ {% endif %}
- {% if search_query and episodes or episodes.count <= 24 %}
-
<ul class="custom columns list">
- {% for episode in episodes %}
- <li class="item {% for category in episode.emission.categories.all %} {{ category|slugify }}{% endfor %}">
- {% episode_resume model="inline"%}
- </li>
- {% endfor %}
- </ul>
- {% else %}
-
<div id="Emission-container" class="emission padded">
- {% if episodes %}
- {% with episodes as episodes %}
- {% regroup episodes by first_diffusion|date:"F Y"|capfirst as month_list %}
- {% for month in month_list %}
-
<div class="monthGroup {% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">
- <div
- class="legend button"
- onclick="$('#{{ month.grouper|slugify }}').toggle();"
- >> {{ month.grouper }}</div>
- <ul class="custom list" id="{{ month.grouper|slugify }}"
- {% if forloop.counter >= 3 %}style="display:none;"{% endif %}
- >
- {% for episode in month.list %}
- <li>{% episode_resume model="inline" date="daytime" %}</li>
- {% endfor %}
- </ul>
- </div>
- {% endfor %}
- </div>
- {% endwith %}
- {% endif %}
- </div>
- {% endif %}
-</div>
+ {% if search_query and episodes or episodes.count <= 24 %}
+ <ul class="custom columns list">
+ {% for episode in episodes %}
+ <li class="item {% for category in episode.emission.categories.all %} {{ category|slugify }}{% endfor %}">
+ {% episode_resume model="inline"%}
+ </li>
+ {% endfor %}
+ </ul>
+ {% else %}
+ <div id="Emission-container" class="emission padded">
+ {% if episodes %}
+ {% with episodes as episodes %}
+ {% regroup episodes by first_diffusion|date:"F Y"|capfirst as month_list %}
+ <div>
+ {% for month in month_list %}
+ <div class="monthGroup {% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">
+ <div
+ class="legend button"
+ onclick="$('#{{ month.grouper|slugify }}').toggle();"
+ >> {{ month.grouper }}</div>
+ <ul class="custom list" id="{{ month.grouper|slugify }}"
+ {% if forloop.counter >= 3 %}style="display:none;"{% endif %}
+ >
+ {% for episode in month.list %}
+ <li>{% episode_resume model="inline" date="daytime" %}</li>
+ {% endfor %}
+ </ul>
+ </div>
+ {% endfor %}
+ </div>
+ {% endwith %}
+ {% endif %}
+ </div>
+ {% endif %}
+ </div>
{% endblock %}
+++ /dev/null
-{% extends "news.html" %}
-{% load i18n staticfiles paniktags %}
-{% block title %}{{ newsitem.title }}{% endblock %}
-
-{% block toptitle %}
-<h1 class="top"><a href="{% url 'news' %}">{% trans 'News' %}</a></h1>
-{% endblock %}
-
-{% block head %}
-<meta property="og:title" content="{{ newsitem.title }}" />
-<meta name="twitter:title" content="{{ newsitem.title }}" />
-<meta property="og:description" content="{{ newsitem.text|safe|striptags|truncatewords:75 }}"/>
-<meta name="twitter:description" content="{{ newsitem.text|safe|striptags|truncatewords:75 }}"/>
-{% if newsitem.image %}
-<meta name="twitter:card" content="summary_large_image">
-<meta property="og:image" content="{{ site_url }}{{ newsitem.image.url }}" />
-<meta name="twitter:image" content="{{ site_url }}{{ newsitem.image.url }}" />
-{% else %}
-<meta name="twitter:card" content="summary">
-<meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
-<meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
-{% endif %}
-{% endblock %}
-
-
-{% block main %}
-<div class="detail news cf">
- <div class="wrapper navigation">
- <div class="leftPart">
- <header>
- <h2 class="squashed title">
- {{ newsitem.title }}
- </h2>
-{% if newsitem.event_date %}
-<div class="date cf label">{{ newsitem.event_date|date:'D d M Y'|lower }}</div>
-{% endif %}
- {% if newsitem.date %}
- <div class="date cf label smooth publication-date">Publiée le {{ newsitem.date|date:"D d M Y"|lower }}</div>
- {% endif %}
- </header>
- {% if newsitem.image %}
- <img class="logo right button" onclick="$(this).toggleClass('right marged');" src="{{ newsitem.image.url }}"/>
- {% endif %}
- <div class="userContent description">
- {{ newsitem.text|safe}}
- </div>
-
-{% block topik %}
-{% for topik in topiks %}
- {% topik topik=topik %}
-{% endfor %}
-{% endblock %}
-
- {% if newsitem.tags.all %}
- <ul class="custom inline tags">
- {% for tag in newsitem.tags.all %}
- <li><a class="tag" href="{% url 'search' %}?&selected_facets=tags_exact:{{tag|facet_tag}}">{{ tag }}</a></li>
- {% endfor %}
- </ul>
- {% endif %}
-
- </div>
- <div class="rightPart">
- <div class="sub">
- {% if newsitem.emission %}
- <h5 class="sectionLabel">proposé par</h5>
- {% with newsitem.emission as emission %}
- <div class="">{% emission_resume %}</div>
- {% endwith %}
- {% endif %}
- <h5 class="sectionLabel right">
- <a href="{% url 'newsArchives' %}">
- <span class="iconLabel">Toutes</span>
- </a>
- </h5>
- <h5 class="sectionLabel">
- <span class="iconLabel">Dernières actus</span>
- </h5>
-
-
- <form action="{% url 'newsArchives' %}" id="search-form">
- <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
- </form>
-
- <ul class="custom list newsList">
- {% for content in news|slice:":10" %}
- <li class="{% if content == newsitem %}current{% endif %}">{% news_inline %}</li>
- {% endfor %}
- </ul>
- </div>
- </div>
- </div>
-</div>
-{% endblock %}
-
-{% block related %}
-{% related_objects object=newsitem %}
-{% endblock %}
-{% load thumbnail staticfiles %}
+{% load thumbnail static %}
<div class="emission emission-resume resume cf">
-
<div class="{% if emission.archived %}archived{% endif %}">
-
<a class="block" href="{% url 'emission-view' slug=emission.slug %}">
-
<div class="logo left">
- {% if emission.image %}
- {% thumbnail emission.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
-
<img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
- {% endif %}
- </div>
- <h5>
- {{ emission.title }}
- </h5>
-
<div class="smooth metas">
- {% if emission.categories %}
- <span class="categories">
- {% for category in emission.categories.all %}
- {% if forloop.counter > 1 %} - {% endif %}<span class="category">{{category}}</span>
- {% endfor%}
- </span>
- {% endif %}
- </div>
- </div>
- {% if emission.subtitle %}
-
<div class="description">
- {{ emission.subtitle }}
- </div>
- {% elif emission.text %}
-
<div class="description">
- {{ emission.text|safe|striptags|truncatewords:20}}
- </div>
- {% endif %}
- </a>
- </div>
+ <div class="{% if emission.archived %}archived{% endif %}">
+ <a class="block" href="{% url 'emission-view' slug=emission.slug %}">
+ <div class="logo left">
+ {% if emission.image %}
+ {% thumbnail emission.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
+ {% endif %}
+ </div>
+ <div class="title">
+ <h5>
+ {{ emission.title }}
+ </h5>
+ <div class="smooth metas">
+ {% if emission.categories %}
+ <span class="categories">
+ {% for category in emission.categories.all %}
+ {% if forloop.counter > 1 %} - {% endif %}<span class="category">{{category}}</span>
+ {% endfor%}
+ </span>
+ {% endif %}
+ </div>
+ </div>
+ {% if emission.subtitle %}
+ <div class="description">
+ {{ emission.subtitle }}
+ </div>
+ {% elif emission.text %}
+ <div class="description">
+ {{ emission.text|safe|striptags|truncatewords:20}}
+ </div>
+ {% endif %}
+ </a>
+ </div>
</div>
-{% load thumbnail paniktags staticfiles %}
+{% load thumbnail paniktags static %}
<div class="episode {% if model %}{{ model }}{% else %}resume{% endif %} cf {{ class }}">
- {% if date != False %}
- {{ episode.first_diffusion|date:"D"|slice:":2"}}
- </div>
- {{ episode.first_diffusion|date:"d" }}
- </div>
- {% if date != "daytime" %}
- {{ episode.first_diffusion|date:"M y" }}
- </div>
- {% endif %}
- {{ episode.first_diffusion|date:"H:i" }}
- </div>
- </div>
- </div>
- {% endif %}
-
<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
- {% if model == "inline" and episode.image %}
- {% thumbnail episode.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif model == "inline" and episode.emission.image %}
- {% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif model == "inline" %}
-
<img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
- {% elif episode.image %}
- {% thumbnail episode.image "150x150" crop="50% 25%" as im %}
-
<img width="150" height="150" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif episode.emission.image %}
- {% thumbnail episode.emission.image "150x150" crop="50% 25%" as im %}
-
<img width="150" height="150" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
-
<img class="smooth" style="width:150px;" src="{% static "img/emission.png" %}"/>
- {% endif %}
- </a>
- </div>
+ {% if date != False %}
+ <div class="dateBloc">
+ <div class="date">
+ <div class="day">
+ {{ episode.first_diffusion|date:"D"|slice:":2"}}
+ </div>
+ <div class="number">
+ {{ episode.first_diffusion|date:"d" }}
+ </div>
+ {% if date != "daytime" %}
+ <div class="month">
+ {{ episode.first_diffusion|date:"M y" }}
+ </div>
+ {% endif %}
+ <div class="time">
+ {{ episode.first_diffusion|date:"H:i" }}
+ </div>
+ </div>
+ </div>
+ {% endif %}
+ <div class="logo">
+ <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
+ {% if model == "inline" and episode.image %}
+ {% thumbnail episode.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif model == "inline" and episode.emission.image %}
+ {% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif model == "inline" %}
+ <img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
+ {% elif episode.image %}
+ {% thumbnail episode.image "150x150" crop="50% 25%" as im %}
+ <img width="150" height="150" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif episode.emission.image %}
+ {% thumbnail episode.emission.image "150x150" crop="50% 25%" as im %}
+ <img width="150" height="150" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img class="smooth" style="width:150px;" src="{% static "img/emission.png" %}"/>
+ {% endif %}
+ </a>
+ </div>
+ <div class="content">
- {% if episode.main_sound %}
-
<div class="sound right">{% audio sound=episode.main_sound %}</div>
- {% endif %}
- <h5 class=" title">
-
<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
- </h5>
-
<div class="smooth metas">
- {% if class == "standalone" %}
- <h5 class="title inBlock">
-
<a href="{% url 'emission-view' slug=episode.emission.slug %}">{{ episode.emission.title }}</a>
- </h5>
- {% if episode.emission.categories %}
- <span class="categories">
- {% for category in episode.emission.categories.all %}
- {% if forloop.counter > 1 %} - {% endif %}<span class="category">{{category}}</span>
- {% endfor%}
- </span>
- {% endif %}
- {% endif %}
- </div>
- </div>
+ {% if episode.main_sound %}
+ <div class="sound right">{% audio sound=episode.main_sound %}</div>
+ {% endif %}
+ <div class="title">
+ <h5 class=" title">
+ <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
+ </h5>
+ <div class="smooth metas">
+ {% if class == "standalone" %}
+ <h5 class="title inBlock">
+ <a href="{% url 'emission-view' slug=episode.emission.slug %}">{{ episode.emission.title }}</a>
+ </h5>
+ {% if episode.emission.categories %}
+ <span class="categories">
+ {% for category in episode.emission.categories.all %}
+ {% if forloop.counter > 1 %} - {% endif %}<span class="category">{{category}}</span>
+ {% endfor%}
+ </span>
+ {% endif %}
+ {% endif %}
+ </div>
+ </div>
- {% if model == "inline" %}
-
<div class="description">
-
<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
- {% if episode.subtitle %}
- {{ episode.subtitle|truncatewords:20}}
- {% elif episode.text %}
- {{ episode.text|safe|striptags|truncatewords:20}}
- {% endif %}
- </a>
- </div>
- {% else %}
- {% if episode.subtitle %}
-
<article class="text userContent">
- {{ episode.subtitle|truncatewords:50 }}
- </article>
- {% elif episode.text %}
-
<article class="text userContent">
- {{ episode.text|safe|truncatewords:50}}
- </article>
- {% endif %}
- {% endif %}
- </div>
+ {% if model == "inline" %}
+ <div class="description">
+ <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
+ {% if episode.subtitle %}
+ {{ episode.subtitle|truncatewords:20}}
+ {% elif episode.text %}
+ {{ episode.text|safe|striptags|truncatewords:20}}
+ {% endif %}
+ </a>
+ </div>
+ {% else %}
+ {% if episode.subtitle %}
+ <article class="text userContent">
+ {{ episode.subtitle|truncatewords:50 }}
+ </article>
+ {% elif episode.text %}
+ <article class="text userContent">
+ {{ episode.text|safe|truncatewords:50}}
+ </article>
+ {% endif %}
+ {% endif %}
+ </div>
</div>
{% load paniktags thumbnail %}
{% if obj.fragment %}
-{{ obj.title }}
-<hr>
+ {{ obj.title }}
+ <hr>
{% endif %}
{% if obj.episode.image %}
-{% thumbnail obj.episode.image "400x400" crop="50% 25%" as im %}
-<img src="{{im.url|as_absolute_url}}"/>
-{% endthumbnail %}
+ {% thumbnail obj.episode.image "400x400" crop="50% 25%" as im %}
+
<img src="{{im.url|as_absolute_url}}"/>
+ {% endthumbnail %}
{% endif %}
{% autoescape off %}
-{{ obj.episode.text|hr_split|first|xml_illegal_fix|set_absolute_urls }}
+ {{ obj.episode.text|hr_split|first|xml_illegal_fix|set_absolute_urls }}
{% endautoescape %}
{% block bodyID %}Grid{% endblock %}
{% block title %}{% trans 'Grid' %}{% endblock %}
{% block toptitle %}
-<h1 class="top bg-title"><a href="{% url 'grid' %}">Grille</a></h1>
+
<h1 class="top bg-title"><a href="{% url 'grid' %}">Grille</a></h1>
{% endblock %}
{% block nav %}
{% endblock %}
{% block main %}
-<div id="grid">
- <tbody>
- <tr>
- <td style=""><br/></td>
- {% for weekday in weekdays %}
- <th class="day" width="13%">{{ weekday }}</th>
- {% endfor %}
- <td style=""><br/></td>
- </tr>
- {% for time_header, time_cells in times|zip:grid %}
- <tr>
- <th class="heure">{{ time_header }}</th>
- {% for cell in time_cells %}
- <td class="small cell {% if cell.schedules|length > 1 %}many {% endif %}{% if cell.schedules %}scheduled{% else %}nonstop musique-en-continu{% endif %}" {% if cell.w > 1 %}colspan="{{cell.w}}"{% endif %}
- {% if cell.h > 1 %}rowspan="{{cell.h}}"{% endif %}>
- {% if cell.time_label %}
-
<div class="time-label">{{ cell.time_label }}</div>
- {% endif %}
- {% if cell.schedules %}
- {% for schedule in cell.sorted_schedules %}
- {% if forloop.first == False and cell.schedules|length > 1 %}<hr />{% endif %}
-
<div class="item {% for category in schedule.emission.categories.all %} {{ category|slugify }}{% endfor %}">
-
- <strong>
-
<a href="{% url 'emission-view' slug=schedule.emission.slug %}">
- <span>{{ schedule.emission.title }}</span>
- </a>
- </strong>
- <br />
- {% if schedule.weeks_string or schedule.time_label %}
- {% spaceless %}
- <span>(</span>
- {% if schedule.time_label %}
- <span>{{ schedule.time_label }}</span>
- {% if schedule.weeks_string %}<span>, </span>{% endif %}
- {% endif %}
- {% if schedule.weeks_string %}
- <span>{{ schedule.weeks_string }}</span>
- {% endif %}
- {% if schedule.time_label_extra %}
- <span>{{ schedule.time_label_extra }}</span>
- {% endif %}
- <span>)</span>
- {% endspaceless %}
- {% endif %}
-
- </div>
- {% endfor %}
- {% else %}
-
<div class="continu"><strong><a
- href="{% if cell.redirect_path %}{{ cell.redirect_path }}{% else %}{% url 'emission-view' slug=cell.nonstop_slug %}{% endif %}">{{ cell }}</a></strong></div>
-
{% if cell.w > 1 and cell.h > 1%}<!--<p>la musique en continu</p>-->{% endif %}
- {% endif %}
- </td>
- {% endfor %}
- <th class="heure">{{ time_header }}</th>
- </tr>
- {% endfor %}
- </tbody>
- </table>
-</div>
+ <table>
+ <tbody>
+ <tr>
+ <td style=""><br/></td>
+ {% for weekday in weekdays %}
+ <th class="day" width="13%">{{ weekday }}</th>
+ {% endfor %}
+ <td style=""><br/></td>
+ </tr>
+ {% for time_header, time_cells in times|zip:grid %}
+ <tr>
+ <th class="heure">{{ time_header }}</th>
+ {% for cell in time_cells %}
+ <td class="small cell {% if cell.schedules|length > 1 %}many {% endif %}{% if cell.schedules %}scheduled{% else %}nonstop musique-en-continu{% endif %}" {% if cell.w > 1 %}colspan="{{cell.w}}"{% endif %}
+ {% if cell.h > 1 %}rowspan="{{cell.h}}"{% endif %}>
+ {% if cell.time_label %}
+ <div class="time-label">{{ cell.time_label }}</div>
+ {% endif %}
+ {% if cell.schedules %}
+ {% for schedule in cell.sorted_schedules %}
+ {% if forloop.first == False and cell.schedules|length > 1 %}<hr />{% endif %}
+ <div class="item {% for category in schedule.emission.categories.all %} {{ category|slugify }}{% endfor %}">
+
+ <strong>
+ <a href="{% url 'emission-view' slug=schedule.emission.slug %}">
+ <span>{{ schedule.emission.title }}</span>
+ </a>
+ </strong>
+ <br />
+ {% if schedule.weeks_string or schedule.time_label %}
+ {% spaceless %}
+ <span>(</span>
+ {% if schedule.time_label %}
+ <span>{{ schedule.time_label }}</span>
+ {% if schedule.weeks_string %}<span>, </span>{% endif %}
+ {% endif %}
+ {% if schedule.weeks_string %}
+ <span>{{ schedule.weeks_string }}</span>
+ {% endif %}
+ {% if schedule.time_label_extra %}
+ <span>{{ schedule.time_label_extra }}</span>
+ {% endif %}
+ <span>)</span>
+ {% endspaceless %}
+ {% endif %}
+
+ </div>
+ {% endfor %}
+ {% else %}
+ <div class="continu"><strong><a
+ href="{% if cell.redirect_path %}{{ cell.redirect_path }}{% else %}{% url 'emission-view' slug=cell.nonstop_slug %}{% endif %}">{{ cell }}</a></strong></div>
+ {% if cell.w > 1 and cell.h > 1%}<!--<p>la musique en continu</p>-->{% endif %}
+ {% endif %}
+ </td>
+ {% endfor %}
+ <th class="heure">{{ time_header }}</th>
+ </tr>
+ {% endfor %}
+ </tbody>
+ </table>
+ </div>
{% endblock %}
{% block news %}
{% extends "base.html" %}
-{% load paniktags staticfiles i18n thumbnail %}
+{% load paniktags static i18n thumbnail %}
{% block bodyID %}Home{% endblock %}
-{% block title %}{% trans 'Home' %}{% endblock %}
+{% block htmltitle %}{{ radio_long_name }}{% endblock %}
{% block head %}
-{{ block.super }}
-<script type="application/ld+json">
-{
- "@context": "http://schema.org",
- "@type": "Organization",
- "url": "https://radio.esperanzah.be",
- "name" : "Radio Esperanzah!"
-}
-</script>
+ {{ block.super }}
+ <script type="application/ld+json">
+ {
+ "@context": "http://schema.org",
+ "@type": "Organization",
+ "url": "https://radio.esperanzah.be",
+ "name" : "Radio Esperanzah!"
+ }
+ </script>
{% endblock %}
{% block main %}
-<div class="" id="specialHome">
+
<div class="" id="specialHome">
<div>
- {% if newsitems %}
- <h2>{{newsitems.0.title}}</h2>
-
<div>{{newsitems.0.text|safe}}</div>
- </div>
- {% endif %}
+ {% if newsitems %}
+ <div id="actu">
+ <h2>{{newsitems.0.title}}</h2>
+ <div>{{newsitems.0.text|safe}}</div>
+ </div>
+ {% endif %}
- <div>
- {% spaceless %}
- {% for emission in emissions %}
- <div class="emission-tile {% if emission.has_focus %}emission-focus{% endif %}">
- <a href="{% url 'emission-view' slug=emission.slug %}">
- <div class="image">
- <div class="img">
- {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
- <img alt="" loading="lazy" src="{{im.url}}">
- {% empty %}
- <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==">
- {% endthumbnail %}
- </div>
- </div>
- <div class="name"><span>{{emission.title}}</span></div>
- </a>
+ <div>
+ {% spaceless %}
+
+ <!-- {% cycle 'style1' 'style2' 'style3' as tilestyle %} -->
+
+ {% for page in extra_pages_start %}
+ {% include "includes/page-tile.html" with tilestyle=tilestyle %}
+ <!-- {% cycle tilestyle %} -->
+ {% endfor %}
+
+ {% for emission in emissions %}
+ <div class="emission-tile {% if emission.has_focus %}emission-focus{% endif %}">
+ <a href="{% url 'emission-view' slug=emission.slug %}">
+ <div class="image {{ tilestyle }}">
+ <div class="img">
+ {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
+ <img alt="" loading="lazy" src="{{im.url}}">
+ {% empty %}
+ {% endthumbnail %}
+ </div>
+ </div>
+ <div class="name"><span>{{emission.title}}</span></div>
+ </a>
<div class="tags">
- {% if emission.subtitle %}<span>{{ emission.subtitle }}</span>
- {% elif emission.has_focus %}<span>#podcast</span>{% endif %}
- {% for schedule in emission.schedule_set.all %}
- {% if forloop.first and forloop.last %}#{{schedule.datetime|date:"l"}}{% endif %}
- {% endfor %}
+ {% if emission.subtitle %}<span>{{ emission.subtitle }}</span>
+ {% elif emission.has_focus %}<span>#podcast</span>{% endif %}
+ {% for schedule in emission.schedule_set.all %}
+ {% if forloop.first and forloop.last %}#{{schedule.datetime|date:"l"}}{% endif %}
+ {% endfor %}
<!-- <span>#espe{{emission.creation_timestamp|date:"Y"}}</span> -->
</div>
- </div>
- {% endfor %}
-
- {% for page in extra_pages %}
- <div class="emission-tile">
- <a href="{{page.get_online_url}}">
- <div class="image">
- <div class="img">
- {% thumbnail page.picture "450x450" crop="50% 50%" as im %}
- <img alt="" loading="lazy" src="{{im.url}}">
- {% empty %}
- <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
- {% endthumbnail %}
- </div>
- </div>
- <div class="name"><span>{{page.title}}</span></div>
- </a>
- <div class="tags">
- {% if page.slug == "interviews" %}<span>#podcast</span>{% endif %}
- </div>
- </div>
- {% endfor %}
- {% endspaceless %}
</div>
+ <!-- {% cycle tilestyle %} -->
+ {% endfor %}
+
+ {% for page in extra_pages_end %}
+ {% include "includes/page-tile.html" %}
+ <!-- {% cycle tilestyle %} -->
+ {% endfor %}
+ {% endspaceless %}
+ </div>
</div>
-</div>
+ </div>
{% endblock %}
{% load soundfiles paniktags i18n %}
{% if sound|is_format_available:'mp3' or sound|is_format_available:'ogg' %}
-
<div class="audio" data-sound-id="{{ sound.id }}">
- <button class="action-play"
- data-player-audio="Audio-{{ sound.file.url|slugify }}"
- data-player-action="playAudio"
- >Écouter le podcast</button>
- {% if sound|is_format_available:'ogg' %}
-
/ <a href="{{ sound|format_url:'ogg' }}" download>Télécharger</a>
- {% elif sound|is_format_available:'mp3' %}
-
/ <a href="{{ sound|format_url:'mp3' }}" download>Télécharger</a>
- {% endif %}
+ <div class="audio" data-sound-id="{{ sound.id }}">
+ <button class="action-play"
+ data-player-audio="Audio-{{ sound.file.url|slugify }}"
+ data-player-action="playAudio"
+ >Écouter le podcast</button>
+ {% if sound|is_format_available:'ogg' %}
+ / <a href="{{ sound|format_url:'ogg' }}" download>Télécharger</a>
+ {% elif sound|is_format_available:'mp3' %}
+ / <a href="{{ sound|format_url:'mp3' }}" download>Télécharger</a>
+ {% endif %}
- {% if not embed %}
- /
- href=""
- data-popup-href="{% url 'soundfile-dialog-embed-view' emission_slug=sound.episode.emission.slug episode_slug=sound.episode.slug pk=sound.pk %}"
- >Intégrer</a>
- {% endif %}
+ {% if not embed %}
+ /
+ <a
+ href=""
+ data-popup-href="{% url 'soundfile-dialog-embed-view' emission_slug=sound.episode.emission.slug episode_slug=sound.episode.slug pk=sound.pk %}"
+ >Intégrer</a>
+ {% endif %}
- <button class="icons icon-play-sign"
- title="{% trans "Pause" %}"
- data-player-audio="Audio-{{ sound.file.url|slugify }}"
- data-player-action="pauseSounds"
- ></button>
+ <button class="icons icon-play-sign"
+ title="{% trans "Pause" %}"
+ data-player-audio="Audio-{{ sound.file.url|slugify }}"
+ data-player-action="pauseSounds"
+ ></button>
- </div>
- {% if display_fragment_name %}
-
<div class="fragment-name">
- {{ sound.title }}
- </div>
- {% endif %}
- <audio
- data-player='true'
- class='hidden'
- data-url="{% url 'episode-view' emission_slug=sound.episode.emission.slug slug=sound.episode.slug %}"
- data-sound-id="{{ sound.id }}"
- {% if sound.fragment and sound.title %}title="{{ sound.title }}"
- {% else %}title="{{sound.episode.title}}"{% endif %}
- id="Audio-{{ sound.file.url|slugify }}"
- preload="{% if preload %}{{ preload }}{% else %}none{% endif %}"
- controls="{% if controls %}{{ controls }}{% else %}controls{% endif%}"
- >
- {% if sound|is_format_available:'ogg' %}
- <source src="{{ sound|format_url:'ogg' }}" type="audio/ogg">
- {% endif %}
- {% if sound|is_format_available:'mp3' %}
- <source src="{{ sound|format_url:'mp3' }}" type="audio/mpeg">
- {% endif %}
-
<div class="alternative padded">
-
<div class="info smooth">Your browser can't play audio files</div>
- <strong>Download: </strong>
- {% if sound|is_format_available:'ogg' %}
-
<a class="icon-headphones" href="{{ sound|format_url:'ogg' }}"> ogg</a>
- {% endif %}
- {% if sound|is_format_available:'mp3' %}
-
<a class="icon-headphones" href="{{ sound|format_url:'mp3' }}"> mp3</a>
- {% endif %}
- </div>
- </audio>
+ </div>
+ {% if display_fragment_name %}
+ <div class="fragment-name">
+ {{ sound.title }}
+ </div>
+ {% endif %}
+ <audio
+ data-player='true'
+ class='hidden'
+ data-url="{% url 'episode-view' emission_slug=sound.episode.emission.slug slug=sound.episode.slug %}"
+ data-sound-id="{{ sound.id }}"
+ {% if sound.fragment and sound.title %}title="{{ sound.title }}"
+ {% else %}title="{{sound.episode.title}}"{% endif %}
+ id="Audio-{{ sound.file.url|slugify }}"
+ preload="{% if preload %}{{ preload }}{% else %}none{% endif %}"
+ controls="{% if controls %}{{ controls }}{% else %}controls{% endif%}"
+ >
+ {% if sound|is_format_available:'ogg' %}
+ <source src="{{ sound|format_url:'ogg' }}" type="audio/ogg">
+ {% endif %}
+ {% if sound|is_format_available:'mp3' %}
+ <source src="{{ sound|format_url:'mp3' }}" type="audio/mpeg">
+ {% endif %}
+ <div class="alternative padded">
+ <div class="info smooth">Your browser can't play audio files</div>
+ <strong>Download: </strong>
+ {% if sound|is_format_available:'ogg' %}
+ <a class="icon-headphones" href="{{ sound|format_url:'ogg' }}"> ogg</a>
+ {% endif %}
+ {% if sound|is_format_available:'mp3' %}
+ <a class="icon-headphones" href="{{ sound|format_url:'mp3' }}"> mp3</a>
+ {% endif %}
+ </div>
+ </audio>
-
<div class="waveform" data-sound-id="{{ sound.id }}" data-duration="{{ sound.duration }}"
- data-duration-string="{{ sound.get_duration_string }}"></div>
+ <div class="waveform" data-sound-id="{{ sound.id }}" data-duration="{{ sound.duration }}"
+ data-duration-string="{{ sound.get_duration_string }}"></div>
{% else %}
-
<div class="hidden error">No sound available!</div>
+ <div class="hidden error">No sound available!</div>
{% endif%}
<div id="detour-vers-le-footer">
- Le podcast « Détour vers le futur » a été réalisé par le festival
- Esperanzah! (Alixe & Malaïka!), avec la fine équipe du village des
- possibles, enregistré dans les studios de
-
<a href="https://www.radiopanik.org/">Radio Panik</a> (Fred!), monté et
-
mixé par <a href="https://ultravagues.com/">Ultra vagues</a> (Cassi!).
- </p>
-
<a href="https://www.radiopanik.org/"><img src="/static/img/logo-radiopanik.png" alt="Radio Panik"></a>
-
<a href="https://ultravagues.com/"><img src="/static/img/logo-ultravagues.png" alt="Ultra vagues"></a>
- </p>
- <br>
- Avec le soutien de la Fédération Wallonie-Bruxelles.
- </p>
-
<p><img src="/static/img/logo-fwb.png" alt="Fédération Wallonie-Bruxelles"></p>
+ <p>
+ Le podcast « Détour vers le futur » a été réalisé par le festival
+ Esperanzah! (Alixe & Malaïka!), avec la fine équipe du village des
+ possibles, enregistré dans les studios de
+ <a href="https://www.radiopanik.org/">Radio Panik</a> (Fred!), monté et
+ mixé par <a href="https://ultravagues.com/">Ultra vagues</a> (Cassi!).
+ </p>
+ <p class="logos">
+ <a href="https://www.radiopanik.org/"><img src="/static/img/logo-radiopanik.png" alt="Radio Panik"></a>
+ <a href="https://ultravagues.com/"><img src="/static/img/logo-ultravagues.png" alt="Ultra vagues"></a>
+ </p>
+ <p>
+ <br>
+ Avec le soutien de la Fédération Wallonie-Bruxelles.
+ </p>
+ <p><img src="/static/img/logo-fwb.png" alt="Fédération Wallonie-Bruxelles"></p>
</div>
<style>
-div.emission-episodes a div.image:hover .img,
-div.emission-detail div.episode-info div.image:hover .img,
-div.emission-detail div.emission-info div.image:hover .img {
- transform: none;
-}
+ div.emission-episodes a div.image:hover .img,
+ div.emission-detail div.episode-info div.image:hover .img,
+ div.emission-detail div.emission-info div.image:hover .img {
+ transform: none;
+ }
</style>
{% load i18n %}
<nav class="contextual-menu">
-
<li class="{% if sectionName == "Home" %}active{% endif %}"><a href="{% url 'home' %}">
- <span class="nav-icon icon-home resymbol"></span>
- <span class="iconLabel">{% trans 'Home' %}</span>
- </a></li>
-
<li class="{% if sectionName == "News" %}active{% endif %}"><a title="Actualité des émissions et programmes" href="{% url 'news' %}">
- <span class="nav-icon icon-bullhorn resymbol" ></span>
- <span class="iconLabel">{% trans 'News' %}</span>
- </a></li>
-
<li class="{% if sectionName == "Listen" %}active{% endif %}"><a title="Derniers contenus écoutables publiés" href="{% url 'listen' %}">
- <span class="nav-icon icon-headphones resymbol" ></span>
- <span class="iconLabel">{% trans 'Sounds' %}</span>
- </a></li>
-
<li class="{% if sectionName == "Topiks" %}active{% endif %}"><a href="/topiks/">
- <span class="nav-icon icon-bolt" ></span>
- <span class="iconLabel">Topiks</span>
- </a></li>
-
<li class="{% if sectionName == "Emissions" %}active{% endif %}"><a title="Les émissions, le programme de la semaine, la grille" href="{% url 'grid' %}">
- <span class="nav-icon icon-calendar resymbol" ></span>
- <span class="iconLabel">{% trans 'Program' %}</span>
- </a></li>
-
<li class="{% if sectionName == "About" %}active{% endif %}"><a title="Qui sommes-nous, les groupes, la charte…" href="/la-radio/">
- <span class="nav-icon icon-info-sign" ></span>
- <span class="iconLabel">{% trans 'About' %}</span>
- </a></li>
- <li id="nav-language">
- <span data-lang="fr" {% if LANGUAGE_CODE == 'fr' %}class="lang-on"{% endif %}>FR</span></a>
- /
- <span data-lang="en"{% if LANGUAGE_CODE == 'en' %}class="lang-on"{% endif %}>EN</span>
- </li>
-
<li id="nav-search" class="{% if sectionName == "Search" %}active{% endif %}"><a href="{% url 'search' %}">
- <span class="nav-icon icon-search resymbol" ></span>
- </a>
- <form action="{% url 'search' %}"><input placeholder="{% trans 'Search' %}" name="q" type="search"></input></form>
- </li>
-
- </ul>
+ <ul>
+ <li class="{% if sectionName == "Home" %}active{% endif %}"><a href="{% url 'home' %}">
+ <span class="nav-icon icon-home resymbol"></span>
+ <span class="iconLabel">{% trans 'Home' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "News" %}active{% endif %}"><a title="Actualité des émissions et programmes" href="{% url 'news' %}">
+ <span class="nav-icon icon-bullhorn resymbol" ></span>
+ <span class="iconLabel">{% trans 'News' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "Listen" %}active{% endif %}"><a title="Derniers contenus écoutables publiés" href="{% url 'listen' %}">
+ <span class="nav-icon icon-headphones resymbol" ></span>
+ <span class="iconLabel">{% trans 'Sounds' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "Topiks" %}active{% endif %}"><a href="/topiks/">
+ <span class="nav-icon icon-bolt" ></span>
+ <span class="iconLabel">Topiks</span>
+ </a></li>
+ <li class="{% if sectionName == "Emissions" %}active{% endif %}"><a title="Les émissions, le programme de la semaine, la grille" href="{% url 'grid' %}">
+ <span class="nav-icon icon-calendar resymbol" ></span>
+ <span class="iconLabel">{% trans 'Program' %}</span>
+ </a></li>
+ <li class="{% if sectionName == "About" %}active{% endif %}"><a title="Qui sommes-nous, les groupes, la charte…" href="/la-radio/">
+ <span class="nav-icon icon-info-sign" ></span>
+ <span class="iconLabel">{% trans 'About' %}</span>
+ </a></li>
+ <li id="nav-language">
+ <span data-lang="fr" {% if LANGUAGE_CODE == 'fr' %}class="lang-on"{% endif %}>FR</span></a>
+ /
+ <span data-lang="en"{% if LANGUAGE_CODE == 'en' %}class="lang-on"{% endif %}>EN</span>
+ </li>
+ <li id="nav-search" class="{% if sectionName == "Search" %}active{% endif %}"><a href="{% url 'search' %}">
+ <span class="nav-icon icon-search resymbol" ></span>
+ </a>
+ <form action="{% url 'search' %}"><input placeholder="{% trans 'Search' %}" name="q" type="search"></input></form>
+ </li>
+
+</ul>
</nav>
--- /dev/null
+{% load thumbnail %}
+<div class="emission-tile">
+ <a href="{{page.get_online_url}}">
+ <div class="image {{ tilestyle }}">
+ <div class="img">
+ {% thumbnail page.picture "450x450" crop="50% 50%" as im %}
+ <img alt="" loading="lazy" src="{{im.url}}">
+ {% empty %}
+ {% endthumbnail %}
+ </div>
+ </div>
+ <div class="name"><span>{{page.title}}</span></div>
+ </a>
+ <div class="tags">
+ {% for hashtag in page.extra_variables.hashtags.split %}
+ <span>#{{hashtag}}</span>
+ {% endfor %}
+ </div>
+</div>
{% if enabled %}
<!-- Piwik -->
-<script type="text/javascript">
- var _paq = _paq || [];
+ <script type="text/javascript">
+ var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
- _paq.push(['trackPageView']);
- _paq.push(['enableLinkTracking']);
- (function() {
- var u="//piwik.entrouvert.org/";
- _paq.push(['setTrackerUrl', u+'piwik.php']);
- _paq.push(['setSiteId', '18']);
- var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
- g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
- })();
-</script>
+ _paq.push(['trackPageView']);
+ _paq.push(['enableLinkTracking']);
+ (function() {
+ var u="//piwik.entrouvert.org/";
+ _paq.push(['setTrackerUrl', u+'piwik.php']);
+ _paq.push(['setSiteId', '18']);
+ var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+ g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+ })();
+ </script>
<!-- End Piwik Code -->
{% endif %}
{% load i18n paniktags %}
<div id="player-container" class="normal cf">
- <button id="togglePlayer" class="hidden left huge no-icon-double-angle-left "></button>
- <div id="player" class="cf">
- <div id="audioPlayer" class="cf">
- <div id="Live" class="cf">
- <span class="button" id="DirectStreamPanikControler">
- <div id="streamSymbol" class="player-start"></div>
- <div id="CurrentlyPlaying">
- <span id="WhatsOnAir"></span>
- </div>
- </span>
- <div id="CurrentlyChatting" style="display: none;">
- <a href=""><div id="chatSymbol" class="no-icon-comments control"></div>
- <div class="label">CHAT</div></a>
- <span>La radio est ouverte</span>
- </div>
- <audio
- id="DirectStreamPanik"
- preload="none"
- class="hidden"
- tabindex="0"
- controls="controls">
+ <button id="togglePlayer" class="hidden left huge no-icon-double-angle-left "></button>
+ <div id="player" class="cf">
+ <div id="audioPlayer" class="cf">
+ <div id="Live" class="cf">
+ <span class="button" id="LiveStreamController">
+ <div id="streamSymbol" tabindex="0"
+ role="button" class="player-start"
+ aria-label="{% trans "Listen to the radio" %}"></div>
+ <div id="CurrentlyPlaying">
+ <span id="WhatsOnAir"></span>
+ </div>
+ </span>
+ <div id="CurrentlyChatting" style="display: none;">
+ <a href=""><div id="chatSymbol" class="no-icon-comments control"></div>
+ <div class="label">CHAT</div></a>
+ <span>La radio est ouverte</span>
+ </div>
+ <audio
+ id="LiveStream"
+ preload="none"
+ class="hidden"
+ tabindex="0"
+ controls="controls">
+ <!--
<source src="/media/jingle-ou-pas.ogg" type="audio/ogg"/>
<source src="/media/jingle-ou-pas.mp3" type="audio/mpeg"/>
- <!--
- <source src="https://radio.esperanzah.be/streams/espe.aac" type="audio/aac"/>
-->
- </audio>
- </div>
- </div>
- <div id="Playlist" class="cf">
- <div id="localList" class="" style="display: none;">
- <div class="label">Podcast</div>
- </div>
- </div>
- </div>
+ <source src="https://radio.esperanzah.be/streams/espe.aac" type="audio/aac"/>
+ </audio>
+ </div>
+ </div>
+ <div id="Playlist" class="cf">
+ <div id="localList" class="" style="display: none;">
+ <div class="label">Podcast</div>
+ </div>
+ </div>
+ </div>
</div>
{% load paniktags %}
<div class="padded">
- <h2>Suggestions</h2>
+ <div class="wrapper">
+ <h2>Suggestions</h2>
-
<ul id="search-results" class="list columns padded cf">
+ <ul id="search-results" class="list columns padded cf">
- {% for result in more_like_this %}
- {% if result.title %}
- <li class="ellipsis">
- {% search_result_template result %}
- </li>
- {% endif %}
- {% endfor %}
+ {% for result in more_like_this %}
+ {% if result.title %}
+ <li class="ellipsis">
+ {% search_result_template result %}
+ </li>
+ {% endif %}
+ {% endfor %}
- </ul>
+ </ul>
- </div>
+ </div>
</div>
-{% load thumbnail paniktags staticfiles %}
+{% load thumbnail paniktags static %}
<a href="{{ topik.page.get_online_url }}" class="topik-link">
-<div>
- <div class="logo">
- {% thumbnail topik.image "60x60" crop="50% 25%" as im %}
- <img src="{{im.url}}"/>
- {% endthumbnail %}
- </div>
- <div class="content">
- <div class="title">
- <h5 class="title">{{ topik.page.title }}</h5>
+ <div>
+ <div class="logo">
+ {% thumbnail topik.image "60x60" crop="50% 25%" as im %}
+ <img src="{{im.url}}"/>
+ {% endthumbnail %}
</div>
- <div class="description ellipsis">
+ <div class="content">
+ <div class="title">
+ <h5 class="title">{{ topik.page.title }}</h5>
+ </div>
+ <div class="description ellipsis">
+ </div>
</div>
</div>
-</div>
</a>
+++ /dev/null
-{% extends "base.html" %}
-{% load paniktags staticfiles thumbnail i18n %}
-{% block title %}{% trans 'Sounds' %}{% endblock %}
-{% block toptitle %}
-<h1 class="top bg-title"><a href="{% url 'listen' %}">{% trans 'Sounds' %}</a></h1>
-{% endblock %}
-{% block nav %}
-{% endblock %}
-{% block main %}
-
-<div class="detail marged soundfiles cf">
- <div class="wrapper navigation">
-
-<p class="intro leftPart">
-Émissions et fragments sonores à (ré-)écouter, à partager et à télécharger.
-</p>
-
- <div class="leftPart">
- <div class="soundfiles">
- <h5 class="sectionLabel focus-title">{% trans 'Focus' %}</h5>
-
- <ul class="custom columns cf padded">
- {% for soundfile in focus %}
- <li class="soundfile frontpage">
- <div class="content content-inline cf special">
- <a class="block cf" href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">
- <div class="label labels absolute">
- <span class="item inBlock">{{ soundfile.format.title }}</span>
- </div>
- <div class="logo">
- {% if soundfile.episode.image %}
- {% thumbnail soundfile.episode.image "480x320" crop="50% 25%" as im %}
- <img class="normal" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif soundfile.episode.emission.image %}
- {% thumbnail soundfile.episode.emission.image "480x320" crop="50% 25%" as im %}
- <img class="normal" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
- <img class="normal" src="{% static "img/sound.png" %}"/>
- {% endif %}
- </div>
- <div class="content">
- {% if soundfile.fragment and soundfile.title %}
- <h5 class="title">{{ soundfile.title }}</h5>
- {% endif %}
- <h5 class="title">{{ soundfile.episode.title }}</h5>
- <h5 class="title">{{ soundfile.episode.emission.title }}</h5>
- <div class="description">
- {{ soundfile.episode.text|safe|striptags|truncatewords:75}}
- </div>
- {% if soundfile.first_diffusion %}
- <div class="smooth">{{ soundfile.first_diffusion|date:"d/m/Y" }}</div>
- {% endif %}
- </div>
- </a>
- {% audio sound=soundfile %}
- </div>
- </li>
- {% endfor %}
- </ul>
- </div>
- </div>
- <div class="rightPart">
- <div class="sub">
- <h5 class="sectionLabel right">
- <a href="{% url 'listenArchives' %}"><span class="iconLabel">Tous</span></a>
- </h5>
- <h5 class="sectionLabel">{% trans 'Latest Sounds' %} <a
- class="button icon-rss inBlock" href="{% url 'podcasts-feed' %}"></a></h5>
-
- <form action="{% url 'listenArchives' %}" id="search-form">
- <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
- </form>
-
- <ul class="custom list soundfilesList">
- {% for soundfile in soundfiles|slice:":20" %}
- <li class="item">
- {% soundfile_resume soundfile=soundfile date=soundfile.first_diffusion %}
- </li>
- {% endfor %}
- </ul>
- </div>
- </div>
- </div>
-</div>
-{% endblock %}
+++ /dev/null
-{% extends "listen.html" %}
-{% load paniktags i18n %}
-{% block title %}Sons - Archives{% endblock %}
-{% block nav %}
- <div class="search-filters">
- {% if facets.fields.format %}
- <nav>
- <ul class="custom padded">
- <li><span class="mainLabel">Format :</span></li>
- {% for format in facets.fields.format %} <li>
- {% if format.0 in selected_format %}
- <a class="check icon-check" href="{{ request.get_full_path|remove_format_facet:format.0 }}">
- {{ format.0 }} <span class="smooth">| {{ format.1 }}</span>
- </a>
- {% else %}
- <a class="check icon-check-empty" href="{{ request.get_full_path|append_format_facet:format.0 }}">{{ format.0 }} <span class="smooth">| {{ format.1 }}</span></a></span>
- {% endif %}
- </li>
- {% endfor %}
- </ul>
- </nav>
- {% endif %}
-
- {% if facets.fields.tags %}
- <nav>
- <ul class="tag-facets custom padded">
- <li><span class="mainLabel">Mots-clés :</span></li>
- {% for tag in facets.fields.tags|slice:":20" %} {# Provide only the top 20 tags #}
- <li>
- {% if tag.0 in selected_tags %}
- <a class="check icon-check" href="{{ request.get_full_path|remove_tag_facet:tag.0 }}">
- {{ tag.0 }} <span class="smooth">| {{ tag.1 }}</span>
- </a>
- {% else %}
- <a class="check icon-check-empty" href="{{ request.get_full_path|append_tag_facet:tag.0 }}">{{ tag.0 }} <span class="smooth">| {{ tag.1 }}</span></a>
- {% endif %}
- </li>
- {% endfor %}
- </ul>
- </nav>
- {% endif %}
- </div> <!-- .search-filters -->
-
-{% endblock %}
-
-{% block main %}
- <form method="get" action="." class="padded center" id="search-form">
- <div class="big">
- {% for category in selected_categories %}
- <input type="hidden" name="selected_facets" value="categories_exact:{{category}}"/>
- {% endfor %}
- {% for tag in selected_tags %}
- <input type="hidden" name="selected_facets" value="tags_exact:{{tag}}"/>
- {% endfor %}
- {{ form.as_table }}
- <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
- </div>
- </form>
-
-<div class="wrapper">
-
-{% if not page.object_list %}
- <div class="big error padded center">Manque de pot, pas de résultats à cette recherche !</div>
-{% else %}
-
-{% if page.has_previous %}
- <div class="previous-page cf">
- <a class="button big left" href="?q={{ query }}&page={{ page.previous_page_number }}{{ facets_qs }}">« Résultats précédénts</a>
- </div>
-{% endif %}
-
- <ul class="padded custom columns list">
- {% for result in page.object_list %}
- <li>{% soundfile_resume soundfile=result.object date=result.date %}</li>
- {% endfor %}
- </ul>
-
-{% if page.has_next %}
- <div class="next-page cf">
- <a class="button big right" href="?q={{ query }}&page={{ page.next_page_number }}{{ facets_qs }}">Résultats suivants »</a>
- </div>
-{% endif %}
-
-{% endif %}
-
-</div>
-
-{% endblock %}
+++ /dev/null
-{% extends "base.html"%}
-{% load paniktags i18n %}
-{% block title %}{% trans 'News' %}{% endblock %}
-{% block toptitle %}
-<h1 class="top bg-title"><a href="{% url 'news' %}">{% trans 'News' %}</a>
- / <a class="dimmed" href="{% url 'agenda' %}">Agenda</a>
-</h1>
-{% endblock %}
-{% block nav %}
- {% news_nav %}
-{% endblock %}
-{% block main %}
-
-<div class="detail marged news cf">
- <div class="wrapper navigation">
-<p class="intro leftPart">
-Tous les jours, il s'en passe des choses que Panik fomente, fait résonner et
-vous fait savoir.
-</p>
-
- <div class="leftPart">
- <div class="news">
- <h5 class="sectionLabel focus-title">{% trans 'Focus' %}</h5>
-
- {% with focus as news %}
- <ul class="custom columns cf padded">
- {% for content in news %}
- <li class="newsitem">
- {% news_inline klass="special"%}
- </li>
- {% endfor %}
- </ul>
- {% endwith %}
- </div>
- </div>
- <div class="rightPart">
- <div class="sub">
- <h5 class="sectionLabel right">
- <a href="{% url 'newsArchives' %}">
- <span class="iconLabel">Toutes</span>
- </a>
- </h5>
- <h5 class="sectionLabel">
- <span class="iconLabel">{% trans 'Latest News' %}</span>
- <a class="button icon-rss inBlock" href="{% url 'rss-feed' %}"></a>
- </h5>
-
-
- <form action="{% url 'newsArchives' %}" id="search-form">
- <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
- <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
- </form>
-
- <ul class="custom list newsList">
- {% for content in news|slice:":20" %}
- <li class="{% if content == newsitem %}current{% endif %}">{% news_inline %}</li>
- {% endfor %}
- </ul>
- </div>
- </div>
- </div>
-</div>
-{% endblock %}
-{% block links %}
-<div class="wrapper">
- <div class="padded ">
- <ul class="news columns padded list custom">
- {% for NewsItem in newsAll %}
- <li class="item ellipsis small ">
- <a href="{% url 'newsitem-view' slug=NewsItem.slug %}">
- <span class="title"><strong>{{ NewsItem.date|date:"D d/M" }}</strong> - {{ NewsItem.title }}</span>
- </a>
- </li>
- {% endfor %}
- </ul>
- </div>
- </div>
-</div>
-{% endblock %}
-{% load thumbnail staticfiles %}
+{% load thumbnail static %}
<div class="content content-inline {% if class != "special" %}inline{% endif %} cf {{ class }}">
-
<a class="block cf" href="{% url 'newsitem-view' slug=content.slug %}">
- {% if class == "special" and content.category %}
-
<div class="label labels absolute">
- <span class="item inBlock">{{ content.category.title }}</span>
- </div>
- {% endif %}
+ <a class="block cf" href="{% url 'newsitem-view' slug=content.slug %}">
+ {% if class == "special" and content.category %}
+ <div class="label labels absolute">
+ <span class="item inBlock">{{ content.category.title }}</span>
+ </div>
+ {% endif %}
- {% if class == "special" and content.image %}
- {% thumbnail content.image "480x320" crop="50% 25%" as im %}
-
<img class="normal" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif content.image %}
- {% thumbnail content.image "60x60" crop="50% 25%" as im %}
-
<img class="left" width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif content.emission.image %}
- {% thumbnail content.emission.image "60x60" crop="50% 25%" as im %}
-
<img class="left" width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
-
<img class="left" width="60" height="60" src="{% static "img/actu.png" %}"/>
- {% endif %}
- </div>
- <h5 class="title">{{ content.title }}</h5>
- {% if class == "special" %}
-
<div class="description">
- {{ content.text|safe|striptags|truncatewords:75}}
- </div>
- {% endif %}
- </div>
- {% if content.date %}
-
<div class="smooth">Publiée le {{ content.date|date:"d/m/Y" }}</div>
- {% endif %}
+ <div class="logo">
+ {% if class == "special" and content.image %}
+ {% thumbnail content.image "480x320" crop="50% 25%" as im %}
+ <img class="normal" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif content.image %}
+ {% thumbnail content.image "60x60" crop="50% 25%" as im %}
+ <img class="left" width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif content.emission.image %}
+ {% thumbnail content.emission.image "60x60" crop="50% 25%" as im %}
+ <img class="left" width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img class="left" width="60" height="60" src="{% static "img/actu.png" %}"/>
+ {% endif %}
+ </div>
+ <div class="content">
+ <h5 class="title">{{ content.title }}</h5>
+ {% if class == "special" %}
+ <div class="description">
+ {{ content.text|safe|striptags|truncatewords:75}}
+ </div>
+ {% endif %}
+ </div>
+ {% if content.date %}
+ <div class="smooth">Publiée le {{ content.date|date:"d/m/Y" }}</div>
+ {% endif %}
- </a>
+ </a>
</div>
{% load thumbnail i18n paniktags %}
<div id="newsRoll">
-
<div class="newsRoll center cf">
-
<ul id="ticker" class="custom bigNews marged" style="height:300px;overflow:hidden;">
- {% for focus in news %}
- <li
- id="newsRollId-{{ focus.id }}"
- class="">
- <a
- {% thumbnail focus.content_image "500x375" crop="50% 25%" as im %}
- style="max-width:100%;height:300px;background: no-repeat 50% 50% url('{{im.url}}');"
- {% endthumbnail %}
- class="block news relative"
- href="{{ focus|get_focus_url }}">
- {% if focus.content_category_title %}
-
<div class="label labels absolute">
- <span class="item inBlock">{{ focus.content_category_title }}</span>
- </div>
- {% endif %}
+ <div class="newsRoll center cf">
+ <ul id="ticker" class="custom bigNews marged" style="height:300px;overflow:hidden;">
+ {% for focus in news %}
+ <li
+ id="newsRollId-{{ focus.id }}"
+ class="">
+ <a
+ {% thumbnail focus.content_image "500x375" crop="50% 25%" as im %}
+ style="max-width:100%;height:300px;background: no-repeat 50% 50% url('{{im.url}}');"
+ {% endthumbnail %}
+ class="block news relative"
+ href="{{ focus|get_focus_url }}">
+ {% if focus.content_category_title %}
+ <div class="label labels absolute">
+ <span class="item inBlock">{{ focus.content_category_title }}</span>
+ </div>
+ {% endif %}
-
<div class="title"><div>{{ focus.focus_title }}</div></div>
- </a>
- </li>
- {% endfor %}
- </ul>
-
<ul class="custom distributed by3 padded" id="roller">
- {% for focus in news %}
- <li style="width:30%;" class="num-{{ forloop.counter }} padded">
- <button class="inBlock" data-about="#newsRollId-{{ focus.id }}">
- {% thumbnail focus.content_image "160x120" crop="50% 25%" as im %}
-
<img style="width:95%;" src="{{im.url}}" />
- {% endthumbnail %}
- </button>
- </li>
- {% endfor %}
- </ul>
- </div>
- </div>
+ <div class="title"><div>{{ focus.focus_title }}</div></div>
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
+ <div class="marged">
+ <ul class="custom distributed by3 padded" id="roller">
+ {% for focus in news %}
+ <li style="width:30%;" class="num-{{ forloop.counter }} padded">
+ <button class="inBlock" data-about="#newsRollId-{{ focus.id }}">
+ {% thumbnail focus.content_image "160x120" crop="50% 25%" as im %}
+ <img style="width:95%;" src="{{im.url}}" />
+ {% endthumbnail %}
+ </button>
+ </li>
+ {% endfor %}
+ </ul>
+ </div>
+ </div>
</div>
{% block title %}Newsletter{% endblock %}
{% block main %}
-<div class="padded">
- <p>
- Et voilà, c'est fait.
- </p>
-</div>
+ Et voilà, c'est fait.
+ </p>
+ </div>
{% endblock %}
{% block title %}Newsletter{% endblock %}
{% block main %}
-<div class="padded">
- <form method="post" class="big center" id="subscribe-form">
- <p>
- Tous les lundis, l'actualité de Radio Panik.
- </p>
+ <form method="post" class="big center" id="subscribe-form">
+ Tous les lundis, l'actualité de Radio Panik.
+ </p>
- {% csrf_token %}
- {{ form.as_table }}
- <button>S'abonner</button>
- </form>
-</div>
+ {% csrf_token %}
+ {{ form.as_table }}
+ <button>S'abonner</button>
+ </form>
+ </div>
{% endblock %}
{% block title %}Newsletter{% endblock %}
{% block main %}
-<div class="padded">
- <p>
- Un courriel de confirmation vous a été envoyé; suivez l'adresse qui y
- est contenue pour valider votre abonnement.
- </p>
-</div>
+ Un courriel de confirmation vous a été envoyé; suivez l'adresse qui y
+ est contenue pour valider votre abonnement.
+ </p>
+ </div>
{% endblock %}
{% extends "emissions.html" %}
-{% load paniktags staticfiles i18n thumbnail %}
+{% load paniktags static i18n thumbnail %}
{% block bodyID %}Emissions{% endblock %}
{% block title %}{{ emission.title }}{% endblock %}
{% block toptitle %}
-<h1 class="top"><a href="{% url 'grid' %}">{% trans 'Program' %}</a></h1>
+
<h1 class="top"><a href="{% url 'grid' %}">{% trans 'Program' %}</a></h1>
{% endblock %}
{% block nav %}
- {% emission_nav %}
+ {% emission_nav %}
{% endblock %}
{% block main %}
-<div class="wrapper navigation cf">
-
<div id="Emission-container" class="emission">
- <header>
- <h3>{% trans 'Playlist' %} - {{date|date:'l d F Y'|lower}}</h3>
- </header>
+
<div class="wrapper navigation cf">
+ <div id="Emission-container" class="emission">
+ <header>
+ <h3>{% trans 'Playlist' %} - {{date|date:'l d F Y'|lower}}</h3>
+ </header>
-
<table class="playlist">
- {% for track in tracks %}
- {% if track.filepath.track.title %}
- <tr>
- <td class="tracktime">{{track.play_timestamp|date:'H:i'}}</td>
- <td class="tracktitle">{{track.filepath.track.title }}</td>
- <td class="trackartist">{{track.filepath.track.artist.name }}</td>
- </tr>
- {% endif %}
- {% endfor %}
- </table>
+ <table class="playlist">
+ {% for track in tracks %}
+ {% if track.filepath.track.title %}
+ <tr>
+ <td class="tracktime">{{track.play_timestamp|date:'H:i'}}</td>
+ <td class="tracktitle">{{track.filepath.track.title }}</td>
+ <td class="trackartist">{{track.filepath.track.artist.name }}</td>
+ </tr>
+ {% endif %}
+ {% endfor %}
+ </table>
- {% if not tracks|length %}
- {% if future %}Pas encore de playlist connue, à plus tard ?{% else %}Pas de playlist connue.{% endif %}
- </p>
- {% endif %}
+ {% if not tracks|length %}
+ <p>
+ {% if future %}Pas encore de playlist connue, à plus tard ?{% else %}Pas de playlist connue.{% endif %}
+ </p>
+ {% endif %}
-
<p class="playlist-disclaimer">
- N.B. Débordements d'émissions et autres manifestations
- radiophoniques spontanées peuvent amener cette liste à ne pas être
- totalement correcte.
- </p>
+ <p class="playlist-disclaimer">
+ N.B. Débordements d'émissions et autres manifestations
+ radiophoniques spontanées peuvent amener cette liste à ne pas être
+ totalement correcte.
+ </p>
- </div>
-</div>
+ </div>
+ </div>
{% endblock %}
{% block links %}
-{% load paniktags thumbnail staticfiles %}
+{% load paniktags thumbnail static %}
{% if soundfile %}
-<div class="wrapper extra-soundfiles">
- {% if soundfile.episode.image %}
- {% thumbnail soundfile.episode.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif soundfile.episode.emission.image %}
- {% thumbnail soundfile.episode.emission.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
-
<img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
- {% endif %}
- </div>
-<ul class="padded custom list">
-<li>
- <div class="soundfile-info"><strong>
- <a href="{% url 'emission-view' slug=soundfile.episode.emission.slug%}">{{ soundfile.episode.emission.title }}</a> -
- <a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.episode.title }}</a></strong>
+
<div class="wrapper extra-soundfiles">
+ <div class="logo">
+ {% if soundfile.episode.image %}
+ {% thumbnail soundfile.episode.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif soundfile.episode.emission.image %}
+ {% thumbnail soundfile.episode.emission.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
+ {% endif %}
+ </div>
+
<ul class="padded custom list">
+ <li>
+
<div class="soundfile-info"><strong>
+
<a href="{% url 'emission-view' slug=soundfile.episode.emission.slug%}">{{ soundfile.episode.emission.title }}</a> -
+
<a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.episode.title }}</a></strong>
{% if soundfile.fragment %}<span> - {{ soundfile.title }}</span>{% endif %}
+ </div>
+ {% audio sound=soundfile %}</li>
+ </ul>
</div>
- {% audio sound=soundfile %}</li>
-</ul>
-</div>
{% endif %}
-{% load paniktags thumbnail staticfiles %}
+{% load paniktags thumbnail static %}
{% if episode %}
-<div class="wrapper extra-soundfiles">
- {% if episode.image %}
- {% thumbnail episode.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif episode.emission.image %}
- {% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
-
<img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
- {% endif %}
- </div>
-<ul class="padded custom list">
-<li>
- <div class="soundfile-info"><strong>
- <a href="{% url 'emission-view' slug=episode.emission.slug%}">{{ episode.emission.title }}</a> -
- <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a></strong>
+
<div class="wrapper extra-soundfiles">
+ <div class="logo">
+ {% if episode.image %}
+ {% thumbnail episode.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif episode.emission.image %}
+ {% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img class="smooth" style="width:60px;" src="{% static "img/emission.png" %}"/>
+ {% endif %}
+ </div>
+
<ul class="padded custom list">
+ <li>
+
<div class="soundfile-info"><strong>
+
<a href="{% url 'emission-view' slug=episode.emission.slug%}">{{ episode.emission.title }}</a> -
+
<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a></strong>
{% if soundfile.fragment %}<span> - {{ soundfile.title }}</span>{% endif %}
+ </div>
+ {% for diffusion in episode.diffusions %}
+ <span class="date">→ {{ diffusion.datetime|date:"l d M Y à H:i" }}</span>
+ {% endfor %}
+ {% if soundfile %}{% audio sound=soundfile %}{% endif %}
+ </li>
+ </ul>
</div>
- {% for diffusion in episode.diffusions %}
- <span class="date">→ {{ diffusion.datetime|date:"l d M Y à H:i" }}</span>
- {% endfor %}
- {% if soundfile %}{% audio sound=soundfile %}{% endif %}
-</li>
-</ul>
-</div>
{% endif %}
-{% load paniktags thumbnail staticfiles %}
+{% load paniktags thumbnail static %}
{% if title and episodes %}<h3>{{title}}</h3>{% endif %}
{% for episode in episodes %}
-{% if episode.creation_timestamp|date:"Y" == "2019" %}
- <div class="emission-tile">
- <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
- <div class="image">
- <div class="img">
- {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
- <img loading="lazy" src="{{im.url}}">
- {% empty %}
- <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="240" width="240">
- {% endthumbnail %}
- </div>
- </div>
- </a>
- <div class="name"><span>{{episode.title}}</span></div>
- </div>
-{% endif %}
+ {% if episode.creation_timestamp|date:"Y" == "2019" %}
+ <div class="emission-tile">
+ <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
+ <div class="image">
+ <div class="img">
+ {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
+ <img loading="lazy" src="{{im.url}}">
+ {% empty %}
+ {% endthumbnail %}
+ </div>
+ </div>
+ </a>
+ <div class="name"><span>{{episode.title}}</span></div>
+ </div>
+ {% endif %}
{% endfor %}
{% load thumbnail %}
{% if cell.topik %}
-<div class="topikcellcontent topik-{{cell.slug}}">
-<a class="block cf" href="{{cell.topik.page.get_online_url}}">
-<span class="logo">
-{% if cell.slug == "large" %}
-{% thumbnail cell.topik.image "800x450" crop="50% 25%" as im %}
-<div class="logo">
-<img class="normal" src="{{im.url}}"/>
-</div>
-{% endthumbnail %}
-{% else %}
-{% thumbnail cell.topik.image "480x320" crop="50% 25%" as im %}
-<div class="logo">
-<img class="normal" src="{{im.url}}"/>
-</div>
-{% endthumbnail %}
-{% endif %}
-</span>
-<div>
- {% if cell.slug == "large" %}
- <h2>{{cell.topik.page.title}}</h2>
- {% else %}
- <h5>{{cell.topik.page.title}}</h5>
- {% endif %}
- <div class="description">
- {% if cell.slug == "large" %}
- {{cell.text|safe}}
- {% else %}
- {{cell.text|safe|striptags|truncatewords:75}}
- {% endif %}
+ <div class="topikcellcontent topik-{{cell.slug}}">
+ <a class="block cf" href="{{cell.topik.page.get_online_url}}">
+ <span class="logo">
+ {% if cell.slug == "large" %}
+ {% thumbnail cell.topik.image "800x450" crop="50% 25%" as im %}
+ <div class="logo">
+ <img class="normal" src="{{im.url}}"/>
+ </div>
+ {% endthumbnail %}
+ {% else %}
+ {% thumbnail cell.topik.image "480x320" crop="50% 25%" as im %}
+ <div class="logo">
+ <img class="normal" src="{{im.url}}"/>
+ </div>
+ {% endthumbnail %}
+ {% endif %}
+ </span>
+ <div>
+ {% if cell.slug == "large" %}
+ <h2>{{cell.topik.page.title}}</h2>
+ {% else %}
+ <h5>{{cell.topik.page.title}}</h5>
+ {% endif %}
+ <div class="description">
+ {% if cell.slug == "large" %}
+ {{cell.text|safe}}
+ {% else %}
+ {{cell.text|safe|striptags|truncatewords:75}}
+ {% endif %}
+ </div>
+ </div>
+ </a>
</div>
-</div>
-</a>
-</div>
{% endif %}
+++ /dev/null
-{% extends 'panikdb/base.html' %}
-{% load paniktags highlight i18n %}
-{% block bodyID %}Search{% endblock %}
-{% block title %}Recherche{% endblock %}
-{% block nav %}
-<div class="mainSub">
- <div class="wrapper">
- <nav>
- <form method="get" action="." class="big marged" id="search-form">
- {{ form.as_table }}
- <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
- </form>
- </nav>
- </div>
-</div>
-<div class="wrapper">
- <div class="search-filters">
- {% if query or selected_tags %}
- <nav class="">
- {% if facets.fields.categories %}
- <ul class="custom padded">
- <li><span class="mainLabel">Genre :</span></li>
- {# Provide only the top 5 categories #}
- {% for category in facets.fields.categories|slice:":5" %}
- <li>
- {% if category.0 in selected_categories %}
- <a class="check icon-check" href="{{ request.get_full_path|remove_category_facet:category.0 }}">
- {{ category.0 }} <span class="smooth">| {{ category.1 }}</span>
- </a>
- {% else %}
- <a class="check icon-check-empty" href="{{ request.get_full_path|append_category_facet:category.0 }}"
- >{{ category.0 }} <span class="smooth">| {{ category.1 }}</span></a></span>
- {% endif %}
- </li>
- {% endfor %}
- </ul>
- {% endif %}
- </nav>
- <nav>
- {% if facets.fields.tags %}
- <ul class="tag-facets custom padded">
- <li><span class="mainLabel">Mots-clés :</span></li>
- {# Provide only the top 5 tags #}
- {% for tag in facets.fields.tags|slice:":20" %}
- <li>
- {% if tag.0 in selected_tags %}
- <a class="check icon-check" href="{{ request.get_full_path|remove_tag_facet:tag.0 }}">
- {{ tag.0 }} <span class="smooth">| {{ tag.1 }}</span>
- </a>
- {% else %}
- <a class="check icon-check-empty" href="{{ request.get_full_path|append_tag_facet:tag.0 }}">{{ tag.0 }} <span class="smooth">| {{ tag.1 }}</span></a>
- {% endif %}
- </li>
- {% endfor %}
- </ul>
- {% endif %}
-
- </nav>
- {% endif %}
- </div>
-</div>
-{% endblock %}
-
-
-{% block main %}
- {% if query or selected_tags %}
-<div class="wrapper">
- <div class="marged">
- {% if not page.object_list %}
- <div class="big error center">Manque de pot, pas de résultats à cette recherche !</div>
- {% endif %}
- {% if page.has_previous %}
- <div class="previous-page cf">
- <a class="button big left" href="?q={{ query }}&page={{ page.previous_page_number }}{{ facets_qs }}">« Résultats précédénts</a>
- </div>
- {% endif %}
-
- <ul id="search-results" class="custom list columns cf padded">
-
-
- {% for result in page.object_list %}
- {% if result.object.title %}
- <li class="ellipsis">
- {% search_result_template result %}
- </li>
- {% endif %}
- {% endfor %}
-
-
- </ul>
- {% if page.has_next %}
- <div class="next-page cf">
- <a class="button big right" href="?q={{ query }}&page={{ page.next_page_number }}{{ facets_qs }}">Résultats suivants »</a>
- </div>
- {% endif %}
- </div>
-</div>
- {% endif %}
-{% endblock %}
{% block main %}
-<div class="wrapper extra-soundfiles soundcell">
- <div class="logo">
- {% if episode.image %}
- {% thumbnail episode.image "100x100" crop="50% 25%" as im %}
- <img width="100" height="100" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif episode.emission.image %}
- {% thumbnail episode.emission.image "100x100" crop="50% 25%" as im %}
- <img width="100" height="100" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
- <img class="smooth" style="width:100px;" src="{% static "img/emission.png" %}"/>
- {% endif %}
- </div>
-<ul class="custom">
-<li>
- <div class="soundfile-info"><strong>
- <a target="_parent" href="{{site_url}}">Radio Esperanzah!</a> -
- <a target="_parent" href="{% url 'emission-view' slug=episode.emission.slug%}">{{ episode.emission.title }}</a> -
- <a target="_parent" href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
- {% if object.fragment and object.title %}<span class="fragment-title">- {{ object.title }}</span>{% endif %}
- </strong>
+ <div class="wrapper extra-soundfiles soundcell">
+ <div class="logo">
+ {% if episode.image %}
+ {% thumbnail episode.image "100x100" crop="50% 25%" as im %}
+ <img width="100" height="100" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif episode.emission.image %}
+ {% thumbnail episode.emission.image "100x100" crop="50% 25%" as im %}
+ <img width="100" height="100" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img class="smooth" style="width:100px;" src="{% static "img/emission.png" %}"/>
+ {% endif %}
+ </div>
+ <ul class="custom">
+ <li>
+ <div class="soundfile-info"><strong>
+ <a target="_parent" href="{{site_url}}">Radio Esperanzah!</a> -
+ <a target="_parent" href="{% url 'emission-view' slug=episode.emission.slug%}">{{ episode.emission.title }}</a> -
+ <a target="_parent" href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
+ {% if object.fragment and object.title %}<span class="fragment-title">- {{ object.title }}</span>{% endif %}
+ </strong>
+ </div>
+ {% audio sound=object embed=True %}
+ </li>
+ </ul>
</div>
- {% audio sound=object embed=True %}
-</li>
-</ul>
-</div>
{% endblock %}
-{% load thumbnail paniktags staticfiles %}
+{% load thumbnail paniktags static %}
<div class="episode soundfile inline cf">
- {% if soundfile.episode.image %}
- {% thumbnail soundfile.episode.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% elif soundfile.episode.emission.image %}
- {% thumbnail soundfile.episode.emission.image "60x60" crop="50% 25%" as im %}
-
<img width="60" height="60" src="{{im.url}}"/>
- {% endthumbnail %}
- {% else %}
-
<img width="60" height="60" src="{% static "img/sound.png" %}"/>
- {% endif %}
- {{date|date:"d/m/y"}}
- </p>
+ <div class="logo">
+ {% if soundfile.episode.image %}
+ {% thumbnail soundfile.episode.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% elif soundfile.episode.emission.image %}
+ {% thumbnail soundfile.episode.emission.image "60x60" crop="50% 25%" as im %}
+ <img width="60" height="60" src="{{im.url}}"/>
+ {% endthumbnail %}
+ {% else %}
+ <img width="60" height="60" src="{% static "img/sound.png" %}"/>
+ {% endif %}
+ <p class="date">
+ {{date|date:"d/m/y"}}
+ </p>
- </div>
-
<div class="sound right">{% audio sound=soundfile %}</div>
- {% if soundfile.fragment %}
- <h5 class="title">
-
<a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.title }}</a>
- </h5>
- {% endif %}
- <h5 class="title {% if model == "inline" %}ellipsis{% endif %}">
-
<a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.episode.title }}</a>
- </h5>
-
<div class="smooth metas">
- {% if soundfile.format %}
- <span class="categories">
- <span class="category">{{ soundfile.format.title }}</span>
- </span>
- {% endif %}
- <h5 class="title inBlock">
-
<a href="{% url 'emission-view' slug=soundfile.episode.emission.slug %}">{{ soundfile.episode.emission.title }}</a>
- </h5>
- </div>
- </div>
+ </div>
+ <div class="content">
+ <div class="sound right">{% audio sound=soundfile %}</div>
+ <div class="title">
+ {% if soundfile.fragment %}
+ <h5 class="title">
+ <a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.title }}</a>
+ </h5>
+ {% endif %}
+ <h5 class="title {% if model == "inline" %}ellipsis{% endif %}">
+ <a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.episode.title }}</a>
+ </h5>
+ <div class="smooth metas">
+ {% if soundfile.format %}
+ <span class="categories">
+ <span class="category">{{ soundfile.format.title }}</span>
+ </span>
+ {% endif %}
+ <h5 class="title inBlock">
+ <a href="{% url 'emission-view' slug=soundfile.episode.emission.slug %}">{{ soundfile.episode.emission.title }}</a>
+ </h5>
+ </div>
+ </div>
- {% if soundfile.episode.subtitle %}
-
<div class="description ellipsis">
- {{ soundfile.episode.subtitle|truncatewords:20}}
- </div>
- {% endif %}
- </div>
+ {% if soundfile.episode.subtitle %}
+ <div class="description ellipsis">
+ {{ soundfile.episode.subtitle|truncatewords:20}}
+ </div>
+ {% endif %}
+ </div>
</div>
-from django.conf.urls import url
+from django.urls import path, re_path
from django.views.generic import RedirectView
from . import views
urlpatterns = [
- url(r'^$', views.home, name='home'),
- url(r'^emissions/$', RedirectView.as_view(pattern_name='home')),
- url(r'^emissions/(?P<slug>[\w,-]+)/$', views.emission, name='emission-view'),
- url(r'^archives/$', views.archives, name='espe-archives'),
- url(r'^actus/.*', RedirectView.as_view(pattern_name='home')),
- url(r'^onair.json$', views.onair),
+ path('', views.home, name='home'),
+ path('emissions/', RedirectView.as_view(pattern_name='home')),
+ re_path(r'^emissions/(?P<slug>[\w,-]+)/$', views.emission, name='emission-view'),
+ path('archives/', views.archives, name='espe-archives'),
+ re_path(r'^actus/.*', RedirectView.as_view(pattern_name='home')),
+ re_path(r'^onair.json$', views.onair),
]
import datetime
import os
+import panikweb.views
from combo.data.models import Page
from django.conf import settings
from django.http import HttpResponseRedirect, JsonResponse
from django.views.generic.base import TemplateView
from emissions.models import Diffusion, Emission, Episode, NewsItem
-import panikweb.views
-
class Home(panikweb.views.Home):
def get_context_data(self, **kwargs):
.exclude(expiration_date__lt=datetime.date.today())
.order_by('-date')[:3]
)
- context['extra_pages'] = Page.objects.filter(exclude_from_navigation=False)
+ extra_pages = Page.objects.filter(exclude_from_navigation=False)
+ context['extra_pages_start'] = [
+ x for x in extra_pages if x.extra_variables.get('position') == 'start'
+ ]
+ context['extra_pages_end'] = [x for x in extra_pages if x.extra_variables.get('position') != 'start']
return context
def get(request, *args, **kwargs):
if emission.archived:
current_year = emission.creation_timestamp.replace(month=5, day=1)
else:
- current_year = datetime.datetime.now().replace(month=5, day=1).replace(year=2021)
+ current_year = datetime.datetime.now().replace(month=5, day=1).replace(year=2023)
episodes_queryset = Episode.objects.select_related()
if episode_ids is not None:
def onair(request):
- if datetime.date.today() >= datetime.date(2022, 8, 1):
+ if datetime.date.today() >= datetime.date(2023, 8, 1):
return JsonResponse({'data': {'emission': {'title': 'Découvrez les podcasts !', 'url': '/'}}})
playing_txt = os.path.join(settings.MEDIA_ROOT, 'playing.txt')
if os.path.exists(playing_txt):
track_title = open(playing_txt).read().strip()
- if len(track_title) > 5:
+ if len(track_title) > 4 and 'jingle' not in track_title.lower():
return JsonResponse({'data': {'emission': {'title': track_title, 'url': '/'}}})
- return JsonResponse({'data': {'emission': {'title': 'écoutez !', 'url': '/'}}})
+ return JsonResponse({'data': {'emission': {'title': 'Ã\89coutez la radio !', 'url': '/'}}})
projects / panikweb-esperanzah.git / commitdiff
