panik-site
clone your own copy | download snapshot

About

Radio Panik Website

© 2013 Simon Daron, Frederic Peters, Sébastian Sanfilippo, Eric Schrijver

Free and open source under a number of copyleft licenses, see LICENSE.txt

The Mockup / Initial Design

The files are available as static html in the folder mockup-html/html You should be able to open the file index.html in a web browser.

The CSS is implemented as LESS. The LESS JavaScript will not run locally in Chrome due to security restrictions, so you might need to run a small server to have the stylesheets display correctly. Python’s default server will do just fine:

cd mockup-html/html
python -m SimpleHTTPServer

You can view the website at http://127.0.0.1:8000/

The mockup was created with Jekyll, http://jekyllrb.com/ In mockup-html/src you will find the templates we used.

To run the Jekyll development server:

cd mockup-html/src
jekyll serve --watch

You can view the website at http://127.0.0.1:4000/

Snapshots | iceberg

No images in this repository’s iceberg at this time

Inside this repository

Log

 

Eric Schrijverrevealed

— c’est party

Monday, 1st July 2013 - 17:14

 

Eric Schrijververbalized

— Some images with web radio/music listening interfaces

Monday, 1st July 2013 - 17:37

 

tinomatic@gmail.comdisclosed

— troisieme commit

Thursday, 4th July 2013 - 12:39

 

tinomatic@gmail.comdivulged

— reglo

Thursday, 4th July 2013 - 13:01

 

Eric Schrijverinterpreted

— SPACES OCD & reset stylesheet

Thursday, 4th July 2013 - 13:09

 

tinomatic@gmail.comdivulged

— reglo symbol

Thursday, 4th July 2013 - 14:19

 

Eric Schrijvertalked

— type

Thursday, 4th July 2013 - 13:28

 

Eric Schrijverdeclared

— URL to etherpad

Thursday, 4th July 2013 - 14:35

 

tinomatic@gmail.comcomitted

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Thursday, 4th July 2013 - 14:36

 

tinomatic@gmail.comshouted

— reglo 06

Thursday, 4th July 2013 - 15:14

 

Eric Schrijvercomplained

— REGLOSYMBOLCSS

Thursday, 4th July 2013 - 15:29

 

Eric Schrijverlet loose

— Add Seb and E’s Etherpad progress

Monday, 8th July 2013 - 13:55

 

tinomatic@gmail.comrendered

— reglo scale 92%

Monday, 8th July 2013 - 11:01

 

tinomatic@gmail.comadmitted

— RE01 diacritics

Monday, 8th July 2013 - 13:34

 

Eric Schrijverspoke

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 8th July 2013 - 13:55

 

Eric Schrijverargued

— intermediary save

Monday, 8th July 2013 - 16:38

 

tinomatic@gmail.comclaimed

— RE02 diacritics

Monday, 8th July 2013 - 14:58

 

tinomatic@gmail.comrevealed

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 8th July 2013 - 14:59

 

tinomatic@gmail.comtattled

— RE02 space

Monday, 8th July 2013 - 15:11

 

tinomatic@gmail.comexpressed

— RE03 diacritics

Monday, 8th July 2013 - 16:31

 

Eric Schrijverwhispered

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Wednesday, 10th July 2013 - 11:58

 

Eric Schrijversaid

— Update css & html, add jQuery, .gitignore

Trying Jekyll now, .gitignoring its generated files for now

Wednesday, 10th July 2013 - 12:25

 

Eric Schrijverironized

— Now doing the html with jekyll so we can easily have multiple pages

install: sudo gem install jekyll
run the development server with: jekyll --watch

Wednesday, 10th July 2013 - 12:58

 

tinomatic@gmail.comsaid

— RE06 arrow

Wednesday, 10th July 2013 - 12:13

 

tinomatic@gmail.comgave away

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Wednesday, 10th July 2013 - 12:14

 

tinomatic@gmail.comexposed

— RE06 arrow right

Wednesday, 10th July 2013 - 12:23

 

Eric Schrijverbabbled out

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Wednesday, 10th July 2013 - 12:59

 

Eric Schrijverpublished

— remove some bits

Wednesday, 10th July 2013 - 13:28

 

tinomatic@gmail.comrendered

— RE03 spacing

Wednesday, 10th July 2013 - 14:27

 

tinomatic@gmail.comcried

— Reglo legacy

Wednesday, 10th July 2013 - 14:28

 

Eric Schrijversaid

— little mise-a-jour

Wednesday, 10th July 2013 - 14:47

 

Eric Schrijverbabbled

— html for sons associés et à propos de l’épisode

Wednesday, 10th July 2013 - 15:27

 

Eric Schrijvertattled

— Text sur l’emission

Wednesday, 10th July 2013 - 15:54

 

Eric Schrijverrendered

— comment out these previous next for the moment

Wednesday, 10th July 2013 - 16:37

 

Eric Schrijvergave away

— Modularising

Monday, 29th July 2013 - 13:11

 

tinomatic@gmail.comcried

— archives

Thursday, 11th July 2013 - 11:56

 

tinomatic@gmail.comcried

— archives

Thursday, 11th July 2013 - 12:03

 

tinomatic@gmail.comverbalised

— archives

Thursday, 11th July 2013 - 12:16

 

tinomatic@gmail.comadmitted

— archives

Thursday, 11th July 2013 - 12:19

 

tinomatic@gmail.comexpressed

— archives: div header-oulinesArchives

Thursday, 11th July 2013 - 12:26

 

tinomatic@gmail.comwhistled

— archives: header-dateArchives

Thursday, 11th July 2013 - 12:56

 

tinomatic@gmail.comsaid

— archives: archives list

Thursday, 11th July 2013 - 12:58

 

tinomatic@gmail.combabbled out

— archives: ul tagsArchives

Thursday, 11th July 2013 - 13:10

 

tinomatic@gmail.comclaimed

— associated-sounds

Friday, 12th July 2013 - 10:42

 

tinomatic@gmail.comverbalized

— associated-sounds

Friday, 12th July 2013 - 10:45

 

tinomatic@gmail.comtold

— associated-sounds

Friday, 12th July 2013 - 11:05

 

tinomatic@gmail.comtalked

— associated-sounds

Friday, 12th July 2013 - 11:13

 

tinomatic@gmail.comverbalised

— associated-sounds

Friday, 12th July 2013 - 11:36

 

tinomatic@gmail.compeached

— breves Heading

Friday, 12th July 2013 - 12:03

 

tinomatic@gmail.comsaid

— brevesHeading

Friday, 12th July 2013 - 12:06

 

tinomatic@gmail.comshouted

— playerHeading

Friday, 12th July 2013 - 12:14

 

tinomatic@gmail.comverbalised

— playerHeading

Friday, 12th July 2013 - 17:33

 

tinomatic@gmail.comlet out

— home img size 100X100

Monday, 29th July 2013 - 12:41

 

Eric Schrijverbabbled out

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Conflicts:
mockup-html/archives.html
mockup-html/home.html

Monday, 29th July 2013 - 13:21

 

Eric Schrijvercried

— Renamed the pages

Monday, 29th July 2013 - 13:42

 

Eric Schrijvertold

— Add siteNav main headersi MEDIA EMISSIONS NEWS

Monday, 29th July 2013 - 14:59

 

tinomatic@gmail.comsaid

— breves column width 420px

Monday, 29th July 2013 - 13:23

 

tinomatic@gmail.comdisclosed

— breves width

Monday, 29th July 2013 - 13:43

 

tinomatic@gmail.combabbled out

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 13:43

 

Eric Schrijversaid

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 14:59

 

Eric Schrijverpublished

— prepull commit

Monday, 29th July 2013 - 16:23

 

tinomatic@gmail.comsaid

— breves 2 columns

Monday, 29th July 2013 - 15:00

 

tinomatic@gmail.combabbled

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 15:01

 

Eric Schrijverspoke

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 16:24

 

Eric Schrijverstated

— Some p and some h5 default styles

Monday, 29th July 2013 - 16:36

 

Eric Schrijverironized

— h1 ftw

Monday, 29th July 2013 - 16:39

 

Eric Schrijverironized

— FIX js

Monday, 29th July 2013 - 16:40

 

Eric Schrijvergave away

— wip

Monday, 29th July 2013 - 16:48

 

Eric Schrijverironized

— wip

Monday, 29th July 2013 - 17:31

 

tinomatic@gmail.comdiscovered

— breves

Monday, 29th July 2013 - 16:40

 

tinomatic@gmail.comblabbed out

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 16:40

 

tinomatic@gmail.cominterpreted

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 16:49

 

tinomatic@gmail.comexpressed

— breves label

Monday, 29th July 2013 - 17:21

 

Eric Schrijversaid

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 17:31

 

Eric Schrijveremited

— SMULTRON & GIT NO FRIENDS NO!

Monday, 29th July 2013 - 17:32

 

Eric Schrijverlet on

— SMMMMMMMMMMMMMMMMMMMMMMLLLLLLLLLLLLLLL

Monday, 29th July 2013 - 17:33

 

tinomatic@gmail.comverbalised

— breves link

Monday, 29th July 2013 - 17:50

 

Eric Schrijverlet the cat out of the bag

— ‘Emissions’ links to weekly program

Monday, 29th July 2013 - 17:48

 

tinomatic@gmail.comblabbed out

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 29th July 2013 - 17:50

 

tinomatic@gmail.comtattled

— breves contextual menu

Tuesday, 30th July 2013 - 10:54

 

tinomatic@gmail.comgave away

— player

Tuesday, 30th July 2013 - 10:56

 

tinomatic@gmail.comdeclared

— player

Tuesday, 30th July 2013 - 11:04

 

Eric Schrijverinterpreted

— Nav li

Tuesday, 30th July 2013 - 11:28

 

Eric Schrijvershouted

— Get a list of elements to evenly fill up a horizontal space:

<ul>
<li>Lundi</li>
<li>Mardi</li>
<li>Mercredi</li>
<li>Jeudi</li>
<li class="stretch"></li>
</ul>

ul {
text-align: justify;
text-justify: distribute-all-lines;

li {
display: inline-block;
}
.stretch {
width: 100%;
display: inline-block;
font-size: 0;
line-height: 0
}
}

cf http://jsfiddle.net/thirtydot/EDp8R/

Tuesday, 30th July 2013 - 12:04

 

Eric Schrijververbalized

— Add links in navs

Tuesday, 30th July 2013 - 12:08

 

tinomatic@gmail.comtold

— boutton suite des news

Tuesday, 30th July 2013 - 11:42

 

tinomatic@gmail.comemited

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Tuesday, 30th July 2013 - 11:43

 

Eric Schrijverlet out

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Tuesday, 30th July 2013 - 12:08

 

Eric Schrijverdeclared

— Automatically add links from tags to search page

Tuesday, 30th July 2013 - 12:24

 

Eric Schrijverargued

— Introduce the single breve view and the navigation that goes along with it

Tuesday, 30th July 2013 - 12:40

 

Eric Schrijververbalised

— Backing up our online CSS exchange

Tuesday, 30th July 2013 - 12:48

 

Eric Schrijverconfessed

— 2 symbols apart

Tuesday, 30th July 2013 - 16:04

 

Eric Schrijverdisclosed

— Last commit of the day

Tuesday, 30th July 2013 - 23:45

 

Eric Schrijverironized

— The command to run jekyll in the README: jekyll serve --watch

Friday, 9th August 2013 - 11:26

 

Eric Schrijvertold

— Here’s the basic html structure of the grille,

cleaned & taken from the existing panik site

http://www.radiopanik.org/spip/-Programmes-

Friday, 9th August 2013 - 12:13

 

Eric Schrijverwhistled

— Simple meta menu

(add <li class="stretch"></li> to make it stretch all along)

Friday, 9th August 2013 - 12:44

 

tinomatic@gmail.comwhistled

— type.css Reglo-Bold

Friday, 9th August 2013 - 12:42

 

tinomatic@gmail.comunwrapped

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Friday, 9th August 2013 - 12:43

 

Eric Schrijverbabbled

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Friday, 9th August 2013 - 12:44

 

Eric Schrijversaid

— Put all the different tags in the breve so we can see what it looks like

Friday, 9th August 2013 - 14:27

 

Eric Schrijvertattled

— We now edit the stylesheets locally

Friday, 9th August 2013 - 15:12

 

tinomatic@gmail.comexpressed

— search list

Monday, 12th August 2013 - 14:11

 

Eric Schrijvercried

— Prepping the forms with some default styles

Friday, 9th August 2013 - 15:56

 

Eric Schrijverbabbled

— Form taking shapes

Monday, 12th August 2013 - 12:21

 

Eric Schrijverlet the cat out of the bag

— It’s not working yet, but I’ll commit it so we can see to start looking what it’s like

Monday, 12th August 2013 - 13:43

 

Eric Schrijverexposed

— The Really Present Search Bar

Monday, 12th August 2013 - 14:07

 

tinomatic@gmail.compublished

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 12th August 2013 - 14:11

 

tinomatic@gmail.cominterpreted

— archives inline

Monday, 12th August 2013 - 14:26

 

tinomatic@gmail.comverbalised

— archives

Monday, 12th August 2013 - 14:51

 

Eric Schrijverconfessed

— The accordeon works, but we’re not going to do the accordeon

Monday, 12th August 2013 - 14:23

 

Eric Schrijverdiscovered

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 12th August 2013 - 14:23

 

Eric Schrijverexposed

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 12th August 2013 - 14:26

 

Eric Schrijverlet on

— RECHERCHE listings

Monday, 12th August 2013 - 14:35

 

Eric Schrijververbalised

— BReves independtly ajaxloadedy

Monday, 12th August 2013 - 14:50

 

tinomatic@gmail.comexposed

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Monday, 12th August 2013 - 14:51

 

tinomatic@gmail.cominterpreted

— emission menu

Monday, 12th August 2013 - 17:03

 

Eric Schrijvercomitted

— links in big headers

Monday, 12th August 2013 - 15:12

 

Eric Schrijverdivulged

— The grille now fits into two columns (use wide: true metadata)

Monday, 12th August 2013 - 15:52

 

Eric Schrijverclaimed

— to p

Monday, 12th August 2013 - 16:24

 

Eric Schrijverclaimed

— Correct wrapper width, recherche button aligned

Monday, 12th August 2013 - 16:56

 

tinomatic@gmail.comlet the cat out of the bag

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Conflicts:
mockup-html/_layouts/default.html

Monday, 12th August 2013 - 17:04

 

tinomatic@gmail.comlet the cat out of the bag

— menu emission

Tuesday, 13th August 2013 - 10:36

 

tinomatic@gmail.comshouted

— meta nav

Tuesday, 13th August 2013 - 14:03

 

tinomatic@gmail.comcomitted

— pffff

Tuesday, 13th August 2013 - 16:19

 

Eric Schrijvercomitted

— Firefox also joins the show

Tuesday, 13th August 2013 - 14:27

 

Eric Schrijverlet loose

— Licensing info

Tuesday, 13th August 2013 - 15:25

 

Eric Schrijverlet loose

— At least we got rid of the ugly dropdown on Chrome OS X

Tuesday, 13th August 2013 - 15:55

 

tinomatic@gmail.comblabbed

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Tuesday, 13th August 2013 - 16:19

 

Eric Schrijvertalked

— We add the generated files to the git also, plus instructions for the Panik team

Tuesday, 13th August 2013 - 16:40

 

Eric Schrijververbalized

— Starting to put the search box higher up

Tuesday, 13th August 2013 - 17:51

 

tinomatic@gmail.comlet on

— main header menu

Tuesday, 13th August 2013 - 16:46

 

tinomatic@gmail.comclaimed

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Tuesday, 13th August 2013 - 16:46

 

Eric Schrijverwhispered

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Tuesday, 13th August 2013 - 17:53

 

Eric Schrijvershouted

— Guele for the search

Tuesday, 13th August 2013 - 18:44

 

Eric Schrijvertalked

— Somemore grille

Tuesday, 13th August 2013 - 18:54

 

tinomatic@gmail.combabbled

— player

Tuesday, 13th August 2013 - 18:23

 

tinomatic@gmail.comwhispered

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Conflicts:
mockup-html/html/css/style.less
mockup-html/src/css/style.less

Tuesday, 13th August 2013 - 18:25

 

Eric Schrijverunwrapped

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Conflicts:
mockup-html/html/emission.html

Tuesday, 13th August 2013 - 19:04

 

Eric Schrijverspoke

— Begin tooltip

Wednesday, 14th August 2013 - 14:52

 

Eric Schrijverlet loose

— STYLE BOX

Wednesday, 14th August 2013 - 15:35

 

tinomatic@gmail.comspoke

— metaNav

Wednesday, 14th August 2013 - 14:57

 

tinomatic@gmail.compeached

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Wednesday, 14th August 2013 - 15:04

 

Eric Schrijversaid

— Merge branch 'master' of git.constantvzw.org:/osp.work.panik-site

Wednesday, 14th August 2013 - 17:11

 

Eric Schrijverrevealed

— Some styling of the popover

Wednesday, 14th August 2013 - 17:39