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 Schrijverspoke

— c’est party

Monday, 1st July 2013 - 17:14

 

Eric Schrijversaid

— Some images with web radio/music listening interfaces

Monday, 1st July 2013 - 17:37

 

tinomatic@gmail.comtweeted

— troisieme commit

Thursday, 4th July 2013 - 12:39

 

tinomatic@gmail.comuttered

— reglo

Thursday, 4th July 2013 - 13:01

 

Eric Schrijvertweeted

— SPACES OCD & reset stylesheet

Thursday, 4th July 2013 - 13:09

 

tinomatic@gmail.comblabed out

— reglo symbol

Thursday, 4th July 2013 - 14:19

 

Eric Schrijveruttered

— type

Thursday, 4th July 2013 - 13:28

 

Eric Schrijverstated

— URL to etherpad

Thursday, 4th July 2013 - 14:35

 

tinomatic@gmail.comspoke

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

Thursday, 4th July 2013 - 14:36

 

tinomatic@gmail.comemited

— reglo 06

Thursday, 4th July 2013 - 15:14

 

Eric Schrijversaid

— REGLOSYMBOLCSS

Thursday, 4th July 2013 - 15:29

 

Eric Schrijverblabed out

— Add Seb and E’s Etherpad progress

Monday, 8th July 2013 - 13:55

 

tinomatic@gmail.comwhispered

— reglo scale 92%

Monday, 8th July 2013 - 11:01

 

tinomatic@gmail.comgave away

— RE01 diacritics

Monday, 8th July 2013 - 13:34

 

Eric Schrijverexposed

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

Monday, 8th July 2013 - 13:55

 

Eric Schrijverbabbled

— intermediary save

Monday, 8th July 2013 - 16:38

 

tinomatic@gmail.comblabed

— RE02 diacritics

Monday, 8th July 2013 - 14:58

 

tinomatic@gmail.comsaid

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

Monday, 8th July 2013 - 14:59

 

tinomatic@gmail.comdisclosed

— RE02 space

Monday, 8th July 2013 - 15:11

 

tinomatic@gmail.comsong

— RE03 diacritics

Monday, 8th July 2013 - 16:31

 

Eric Schrijvertold

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

Wednesday, 10th July 2013 - 11:58

 

Eric Schrijvertweeted

— Update css & html, add jQuery, .gitignore

Trying Jekyll now, .gitignoring its generated files for now

Wednesday, 10th July 2013 - 12:25

 

Eric Schrijverspilled the beans

— 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.comlet loose

— RE06 arrow

Wednesday, 10th July 2013 - 12:13

 

tinomatic@gmail.comspilled the beans

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

Wednesday, 10th July 2013 - 12:14

 

tinomatic@gmail.cominterpreted

— RE06 arrow right

Wednesday, 10th July 2013 - 12:23

 

Eric Schrijvertalked

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

Wednesday, 10th July 2013 - 12:59

 

Eric Schrijverblabed out

— remove some bits

Wednesday, 10th July 2013 - 13:28

 

tinomatic@gmail.comwhispered

— RE03 spacing

Wednesday, 10th July 2013 - 14:27

 

tinomatic@gmail.comspilled the beans

— Reglo legacy

Wednesday, 10th July 2013 - 14:28

 

Eric Schrijverrevealed

— little mise-a-jour

Wednesday, 10th July 2013 - 14:47

 

Eric Schrijversaid

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

Wednesday, 10th July 2013 - 15:27

 

Eric Schrijverargued

— Text sur l’emission

Wednesday, 10th July 2013 - 15:54

 

Eric Schrijvergave away

— comment out these previous next for the moment

Wednesday, 10th July 2013 - 16:37

 

Eric Schrijverspoke

— Modularising

Monday, 29th July 2013 - 13:11

 

tinomatic@gmail.comwhistled

— archives

Thursday, 11th July 2013 - 11:56

 

tinomatic@gmail.comwhispered

— archives

Thursday, 11th July 2013 - 12:03

 

tinomatic@gmail.comunwraped

— archives

Thursday, 11th July 2013 - 12:16

 

tinomatic@gmail.comtattled

— archives

Thursday, 11th July 2013 - 12:19

 

tinomatic@gmail.comspilled the beans

— archives: div header-oulinesArchives

Thursday, 11th July 2013 - 12:26

 

tinomatic@gmail.comunwraped

— archives: header-dateArchives

Thursday, 11th July 2013 - 12:56

 

tinomatic@gmail.comstated

— archives: archives list

Thursday, 11th July 2013 - 12:58

 

tinomatic@gmail.comexpressed

— archives: ul tagsArchives

Thursday, 11th July 2013 - 13:10

 

tinomatic@gmail.comspilled the beans

— associated-sounds

Friday, 12th July 2013 - 10:42

 

tinomatic@gmail.comwhistled

— associated-sounds

Friday, 12th July 2013 - 10:45

 

tinomatic@gmail.comexposed

— associated-sounds

Friday, 12th July 2013 - 11:05

 

tinomatic@gmail.comtalked

— associated-sounds

Friday, 12th July 2013 - 11:13

 

tinomatic@gmail.comlet the cat out of the bag

— associated-sounds

Friday, 12th July 2013 - 11:36

 

tinomatic@gmail.comironized

— breves Heading

Friday, 12th July 2013 - 12:03

 

tinomatic@gmail.comironized

— brevesHeading

Friday, 12th July 2013 - 12:06

 

tinomatic@gmail.comlet the cat out of the bag

— playerHeading

Friday, 12th July 2013 - 12:14

 

tinomatic@gmail.comunwraped

— playerHeading

Friday, 12th July 2013 - 17:33

 

tinomatic@gmail.comwhistled

— home img size 100X100

Monday, 29th July 2013 - 12:41

 

Eric Schrijverbabbled

— 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 Schrijvershouted

— Renamed the pages

Monday, 29th July 2013 - 13:42

 

Eric Schrijverblabed out

— Add siteNav main headersi MEDIA EMISSIONS NEWS

Monday, 29th July 2013 - 14:59

 

tinomatic@gmail.comgave away

— breves column width 420px

Monday, 29th July 2013 - 13:23

 

tinomatic@gmail.comdivulged

— breves width

Monday, 29th July 2013 - 13:43

 

tinomatic@gmail.comcried

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

Monday, 29th July 2013 - 13:43

 

Eric Schrijverwhispered

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

Monday, 29th July 2013 - 14:59

 

Eric Schrijverclaimed

— prepull commit

Monday, 29th July 2013 - 16:23

 

tinomatic@gmail.cominterpreted

— breves 2 columns

Monday, 29th July 2013 - 15:00

 

tinomatic@gmail.comshouted

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

Monday, 29th July 2013 - 15:01

 

Eric Schrijvertalked

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

Monday, 29th July 2013 - 16:24

 

Eric Schrijverpublished

— Some p and some h5 default styles

Monday, 29th July 2013 - 16:36

 

Eric Schrijverconfessed

— h1 ftw

Monday, 29th July 2013 - 16:39

 

Eric Schrijvercried

— FIX js

Monday, 29th July 2013 - 16:40

 

Eric Schrijverlet out

— wip

Monday, 29th July 2013 - 16:48

 

Eric Schrijversong

— wip

Monday, 29th July 2013 - 17:31

 

tinomatic@gmail.comverbalised

— breves

Monday, 29th July 2013 - 16:40

 

tinomatic@gmail.comlet on

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

Monday, 29th July 2013 - 16:40

 

tinomatic@gmail.comverbalised

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

Monday, 29th July 2013 - 16:49

 

tinomatic@gmail.comunwraped

— breves label

Monday, 29th July 2013 - 17:21

 

Eric Schrijververbalised

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

Monday, 29th July 2013 - 17:31

 

Eric Schrijverexpressed

— SMULTRON & GIT NO FRIENDS NO!

Monday, 29th July 2013 - 17:32

 

Eric Schrijverrendered

— SMMMMMMMMMMMMMMMMMMMMMMLLLLLLLLLLLLLLL

Monday, 29th July 2013 - 17:33

 

tinomatic@gmail.comsong

— breves link

Monday, 29th July 2013 - 17:50

 

Eric Schrijverconfessed

— ‘Emissions’ links to weekly program

Monday, 29th July 2013 - 17:48

 

tinomatic@gmail.comsong

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

Monday, 29th July 2013 - 17:50

 

tinomatic@gmail.comwhistled

— breves contextual menu

Tuesday, 30th July 2013 - 10:54

 

tinomatic@gmail.comblabed out

— player

Tuesday, 30th July 2013 - 10:56

 

tinomatic@gmail.comunwraped

— player

Tuesday, 30th July 2013 - 11:04

 

Eric Schrijverblabed out

— Nav li

Tuesday, 30th July 2013 - 11:28

 

Eric Schrijverblabed

— 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 Schrijverlet the cat out of the bag

— Add links in navs

Tuesday, 30th July 2013 - 12:08

 

tinomatic@gmail.comgave away

— boutton suite des news

Tuesday, 30th July 2013 - 11:42

 

tinomatic@gmail.comgave away

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

Tuesday, 30th July 2013 - 11:43

 

Eric Schrijverexpressed

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

Tuesday, 30th July 2013 - 12:08

 

Eric Schrijverironized

— Automatically add links from tags to search page

Tuesday, 30th July 2013 - 12:24

 

Eric Schrijverdivulged

— 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 Schrijvertweeted

— 2 symbols apart

Tuesday, 30th July 2013 - 16:04

 

Eric Schrijversaid

— Last commit of the day

Tuesday, 30th July 2013 - 23:45

 

Eric Schrijvertattled

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

Friday, 9th August 2013 - 11:26

 

Eric Schrijververbalised

— 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 Schrijversaid

— Simple meta menu

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

Friday, 9th August 2013 - 12:44

 

tinomatic@gmail.comunwraped

— type.css Reglo-Bold

Friday, 9th August 2013 - 12:42

 

tinomatic@gmail.comdiscovered

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

Friday, 9th August 2013 - 12:43

 

Eric Schrijverbring out

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

Friday, 9th August 2013 - 12:44

 

Eric Schrijverblabed out

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

Friday, 9th August 2013 - 14:27

 

Eric Schrijverstated

— We now edit the stylesheets locally

Friday, 9th August 2013 - 15:12

 

tinomatic@gmail.comwhispered

— search list

Monday, 12th August 2013 - 14:11

 

Eric Schrijverclaimed

— Prepping the forms with some default styles

Friday, 9th August 2013 - 15:56

 

Eric Schrijvertattled

— Form taking shapes

Monday, 12th August 2013 - 12:21

 

Eric Schrijverpublished

— 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 Schrijvertalked

— The Really Present Search Bar

Monday, 12th August 2013 - 14:07

 

tinomatic@gmail.comblabed

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

Monday, 12th August 2013 - 14:11

 

tinomatic@gmail.comexpressed

— archives inline

Monday, 12th August 2013 - 14:26

 

tinomatic@gmail.comstated

— archives

Monday, 12th August 2013 - 14:51

 

Eric Schrijvertalked

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

Monday, 12th August 2013 - 14:23

 

Eric Schrijverlet on

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

Monday, 12th August 2013 - 14:23

 

Eric Schrijvercried

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

Monday, 12th August 2013 - 14:26

 

Eric Schrijvershouted

— RECHERCHE listings

Monday, 12th August 2013 - 14:35

 

Eric Schrijverlet the cat out of the bag

— BReves independtly ajaxloadedy

Monday, 12th August 2013 - 14:50

 

tinomatic@gmail.comblabed out

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

Monday, 12th August 2013 - 14:51

 

tinomatic@gmail.comlet out

— emission menu

Monday, 12th August 2013 - 17:03

 

Eric Schrijverbabbled

— links in big headers

Monday, 12th August 2013 - 15:12

 

Eric Schrijverclaimed

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

Monday, 12th August 2013 - 15:52

 

Eric Schrijveruttered

— to p

Monday, 12th August 2013 - 16:24

 

Eric Schrijverbabbled

— Correct wrapper width, recherche button aligned

Monday, 12th August 2013 - 16:56

 

tinomatic@gmail.comclaimed

— 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.compublished

— menu emission

Tuesday, 13th August 2013 - 10:36

 

tinomatic@gmail.comlet out

— meta nav

Tuesday, 13th August 2013 - 14:03

 

tinomatic@gmail.comconfessed

— pffff

Tuesday, 13th August 2013 - 16:19

 

Eric Schrijversaid

— Firefox also joins the show

Tuesday, 13th August 2013 - 14:27

 

Eric Schrijversaid

— Licensing info

Tuesday, 13th August 2013 - 15:25

 

Eric Schrijvertweeted

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

Tuesday, 13th August 2013 - 15:55

 

tinomatic@gmail.compublished

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

Tuesday, 13th August 2013 - 16:19

 

Eric Schrijvercried

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

Tuesday, 13th August 2013 - 16:40

 

Eric Schrijversaid

— Starting to put the search box higher up

Tuesday, 13th August 2013 - 17:51

 

tinomatic@gmail.comwhispered

— main header menu

Tuesday, 13th August 2013 - 16:46

 

tinomatic@gmail.comcried

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

Tuesday, 13th August 2013 - 16:46

 

Eric Schrijvertattled

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

Tuesday, 13th August 2013 - 17:53

 

Eric Schrijverlet on

— Guele for the search

Tuesday, 13th August 2013 - 18:44

 

Eric Schrijvershouted

— Somemore grille

Tuesday, 13th August 2013 - 18:54

 

tinomatic@gmail.comsong

— player

Tuesday, 13th August 2013 - 18:23

 

tinomatic@gmail.comverbalized

— 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 Schrijverpeached

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

Conflicts:
mockup-html/html/emission.html

Tuesday, 13th August 2013 - 19:04

 

Eric Schrijverargued

— Begin tooltip

Wednesday, 14th August 2013 - 14:52

 

Eric Schrijverlet out

— STYLE BOX

Wednesday, 14th August 2013 - 15:35

 

tinomatic@gmail.comdiscovered

— metaNav

Wednesday, 14th August 2013 - 14:57

 

tinomatic@gmail.comcomplained

— 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 Schrijverlet out

— Some styling of the popover

Wednesday, 14th August 2013 - 17:39