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 Schrijvertattled

— 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.comspilled the beans

— troisieme commit

Thursday, 4th July 2013 - 12:39

 

tinomatic@gmail.comdiscovered

— reglo

Thursday, 4th July 2013 - 13:01

 

Eric Schrijverexposed

— SPACES OCD & reset stylesheet

Thursday, 4th July 2013 - 13:09

 

tinomatic@gmail.comunwraped

— reglo symbol

Thursday, 4th July 2013 - 14:19

 

Eric Schrijveremited

— type

Thursday, 4th July 2013 - 13:28

 

Eric Schrijvertweeted

— URL to etherpad

Thursday, 4th July 2013 - 14:35

 

tinomatic@gmail.comgave away

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

Thursday, 4th July 2013 - 14:36

 

tinomatic@gmail.comtweeted

— reglo 06

Thursday, 4th July 2013 - 15:14

 

Eric Schrijvertold

— REGLOSYMBOLCSS

Thursday, 4th July 2013 - 15:29

 

Eric Schrijverexposed

— Add Seb and E’s Etherpad progress

Monday, 8th July 2013 - 13:55

 

tinomatic@gmail.comgave away

— reglo scale 92%

Monday, 8th July 2013 - 11:01

 

tinomatic@gmail.comdivulged

— RE01 diacritics

Monday, 8th July 2013 - 13:34

 

Eric Schrijverdiscovered

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

Monday, 8th July 2013 - 13:55

 

Eric Schrijverexposed

— intermediary save

Monday, 8th July 2013 - 16:38

 

tinomatic@gmail.comblabed

— RE02 diacritics

Monday, 8th July 2013 - 14:58

 

tinomatic@gmail.compublished

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

Monday, 8th July 2013 - 14:59

 

tinomatic@gmail.comstated

— RE02 space

Monday, 8th July 2013 - 15:11

 

tinomatic@gmail.comsaid

— RE03 diacritics

Monday, 8th July 2013 - 16:31

 

Eric Schrijververbalized

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

Wednesday, 10th July 2013 - 11:58

 

Eric Schrijveremited

— Update css & html, add jQuery, .gitignore

Trying Jekyll now, .gitignoring its generated files for now

Wednesday, 10th July 2013 - 12:25

 

Eric Schrijverbabbled

— 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.comblabed out

— RE06 arrow

Wednesday, 10th July 2013 - 12:13

 

tinomatic@gmail.comwhistled

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

Wednesday, 10th July 2013 - 12:14

 

tinomatic@gmail.comargued

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

— remove some bits

Wednesday, 10th July 2013 - 13:28

 

tinomatic@gmail.comironized

— RE03 spacing

Wednesday, 10th July 2013 - 14:27

 

tinomatic@gmail.comstated

— Reglo legacy

Wednesday, 10th July 2013 - 14:28

 

Eric Schrijverblabed out

— little mise-a-jour

Wednesday, 10th July 2013 - 14:47

 

Eric Schrijverexpressed

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

Wednesday, 10th July 2013 - 15:27

 

Eric Schrijversaid

— Text sur l’emission

Wednesday, 10th July 2013 - 15:54

 

Eric Schrijverdivulged

— comment out these previous next for the moment

Wednesday, 10th July 2013 - 16:37

 

Eric Schrijvertold

— Modularising

Monday, 29th July 2013 - 13:11

 

tinomatic@gmail.comunwraped

— archives

Thursday, 11th July 2013 - 11:56

 

tinomatic@gmail.comspilled the beans

— archives

Thursday, 11th July 2013 - 12:03

 

tinomatic@gmail.comwhistled

— archives

Thursday, 11th July 2013 - 12:16

 

tinomatic@gmail.comverbalized

— archives

Thursday, 11th July 2013 - 12:19

 

tinomatic@gmail.comtalked

— archives: div header-oulinesArchives

Thursday, 11th July 2013 - 12:26

 

tinomatic@gmail.comtalked

— archives: header-dateArchives

Thursday, 11th July 2013 - 12:56

 

tinomatic@gmail.comverbalised

— archives: archives list

Thursday, 11th July 2013 - 12:58

 

tinomatic@gmail.comsaid

— archives: ul tagsArchives

Thursday, 11th July 2013 - 13:10

 

tinomatic@gmail.comwhispered

— associated-sounds

Friday, 12th July 2013 - 10:42

 

tinomatic@gmail.comtold

— associated-sounds

Friday, 12th July 2013 - 10:45

 

tinomatic@gmail.comlet on

— associated-sounds

Friday, 12th July 2013 - 11:05

 

tinomatic@gmail.comwhistled

— associated-sounds

Friday, 12th July 2013 - 11:13

 

tinomatic@gmail.comblabed out

— associated-sounds

Friday, 12th July 2013 - 11:36

 

tinomatic@gmail.comshouted

— breves Heading

Friday, 12th July 2013 - 12:03

 

tinomatic@gmail.comrevealed

— brevesHeading

Friday, 12th July 2013 - 12:06

 

tinomatic@gmail.comemited

— playerHeading

Friday, 12th July 2013 - 12:14

 

tinomatic@gmail.combring out

— playerHeading

Friday, 12th July 2013 - 17:33

 

tinomatic@gmail.comexpressed

— home img size 100X100

Monday, 29th July 2013 - 12:41

 

Eric Schrijverdiscovered

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

— Renamed the pages

Monday, 29th July 2013 - 13:42

 

Eric Schrijververbalized

— Add siteNav main headersi MEDIA EMISSIONS NEWS

Monday, 29th July 2013 - 14:59

 

tinomatic@gmail.comlet on

— breves column width 420px

Monday, 29th July 2013 - 13:23

 

tinomatic@gmail.compeached

— breves width

Monday, 29th July 2013 - 13:43

 

tinomatic@gmail.compublished

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

Monday, 29th July 2013 - 13:43

 

Eric Schrijvercomplained

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

Monday, 29th July 2013 - 14:59

 

Eric Schrijverrevealed

— prepull commit

Monday, 29th July 2013 - 16:23

 

tinomatic@gmail.comspoke

— breves 2 columns

Monday, 29th July 2013 - 15:00

 

tinomatic@gmail.comtattled

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

Monday, 29th July 2013 - 15:01

 

Eric Schrijversong

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

Monday, 29th July 2013 - 16:24

 

Eric Schrijversaid

— Some p and some h5 default styles

Monday, 29th July 2013 - 16:36

 

Eric Schrijvercomplained

— h1 ftw

Monday, 29th July 2013 - 16:39

 

Eric Schrijverdivulged

— FIX js

Monday, 29th July 2013 - 16:40

 

Eric Schrijverrendered

— wip

Monday, 29th July 2013 - 16:48

 

Eric Schrijverbring out

— wip

Monday, 29th July 2013 - 17:31

 

tinomatic@gmail.comsaid

— breves

Monday, 29th July 2013 - 16:40

 

tinomatic@gmail.comdiscovered

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

Monday, 29th July 2013 - 16:40

 

tinomatic@gmail.comblabed

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

Monday, 29th July 2013 - 16:49

 

tinomatic@gmail.comdiscovered

— breves label

Monday, 29th July 2013 - 17:21

 

Eric Schrijverclaimed

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

Monday, 29th July 2013 - 17:31

 

Eric Schrijveruttered

— SMULTRON & GIT NO FRIENDS NO!

Monday, 29th July 2013 - 17:32

 

Eric Schrijverwhistled

— SMMMMMMMMMMMMMMMMMMMMMMLLLLLLLLLLLLLLL

Monday, 29th July 2013 - 17:33

 

tinomatic@gmail.cominterpreted

— breves link

Monday, 29th July 2013 - 17:50

 

Eric Schrijverexposed

— ‘Emissions’ links to weekly program

Monday, 29th July 2013 - 17:48

 

tinomatic@gmail.comsaid

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

Monday, 29th July 2013 - 17:50

 

tinomatic@gmail.comspilled the beans

— breves contextual menu

Tuesday, 30th July 2013 - 10:54

 

tinomatic@gmail.comsaid

— player

Tuesday, 30th July 2013 - 10:56

 

tinomatic@gmail.comargued

— player

Tuesday, 30th July 2013 - 11:04

 

Eric Schrijverblabed out

— Nav li

Tuesday, 30th July 2013 - 11:28

 

Eric Schrijverexpressed

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

— Add links in navs

Tuesday, 30th July 2013 - 12:08

 

tinomatic@gmail.comwhistled

— boutton suite des news

Tuesday, 30th July 2013 - 11:42

 

tinomatic@gmail.comdivulged

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

Tuesday, 30th July 2013 - 11:43

 

Eric Schrijvergave away

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

Tuesday, 30th July 2013 - 12:08

 

Eric Schrijvercomplained

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

— Backing up our online CSS exchange

Tuesday, 30th July 2013 - 12:48

 

Eric Schrijverexposed

— 2 symbols apart

Tuesday, 30th July 2013 - 16:04

 

Eric Schrijvercomplained

— Last commit of the day

Tuesday, 30th July 2013 - 23:45

 

Eric Schrijverpublished

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

Friday, 9th August 2013 - 11:26

 

Eric Schrijveruttered

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

— Simple meta menu

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

Friday, 9th August 2013 - 12:44

 

tinomatic@gmail.comsaid

— type.css Reglo-Bold

Friday, 9th August 2013 - 12:42

 

tinomatic@gmail.comconfessed

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

Friday, 9th August 2013 - 12:43

 

Eric Schrijvertattled

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

Friday, 9th August 2013 - 12:44

 

Eric Schrijverargued

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

Friday, 9th August 2013 - 14:27

 

Eric Schrijversaid

— We now edit the stylesheets locally

Friday, 9th August 2013 - 15:12

 

tinomatic@gmail.comtold

— search list

Monday, 12th August 2013 - 14:11

 

Eric Schrijvercomplained

— Prepping the forms with some default styles

Friday, 9th August 2013 - 15:56

 

Eric Schrijverstated

— Form taking shapes

Monday, 12th August 2013 - 12:21

 

Eric Schrijververbalized

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

— The Really Present Search Bar

Monday, 12th August 2013 - 14:07

 

tinomatic@gmail.comexposed

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

Monday, 12th August 2013 - 14:11

 

tinomatic@gmail.comblabed out

— archives inline

Monday, 12th August 2013 - 14:26

 

tinomatic@gmail.comrevealed

— archives

Monday, 12th August 2013 - 14:51

 

Eric Schrijverbabbled out

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

Monday, 12th August 2013 - 14:23

 

Eric Schrijverargued

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

Monday, 12th August 2013 - 14:23

 

Eric Schrijvergave away

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

Monday, 12th August 2013 - 14:26

 

Eric Schrijverwhistled

— RECHERCHE listings

Monday, 12th August 2013 - 14:35

 

Eric Schrijverinterpreted

— BReves independtly ajaxloadedy

Monday, 12th August 2013 - 14:50

 

tinomatic@gmail.comwhistled

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

Monday, 12th August 2013 - 14:51

 

tinomatic@gmail.comexpressed

— emission menu

Monday, 12th August 2013 - 17:03

 

Eric Schrijverrendered

— links in big headers

Monday, 12th August 2013 - 15:12

 

Eric Schrijverdiscovered

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

Monday, 12th August 2013 - 15:52

 

Eric Schrijverstated

— to p

Monday, 12th August 2013 - 16:24

 

Eric Schrijvertalked

— Correct wrapper width, recherche button aligned

Monday, 12th August 2013 - 16:56

 

tinomatic@gmail.comlet out

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

— menu emission

Tuesday, 13th August 2013 - 10:36

 

tinomatic@gmail.combabbled

— meta nav

Tuesday, 13th August 2013 - 14:03

 

tinomatic@gmail.comgave away

— pffff

Tuesday, 13th August 2013 - 16:19

 

Eric Schrijverargued

— Firefox also joins the show

Tuesday, 13th August 2013 - 14:27

 

Eric Schrijverexposed

— Licensing info

Tuesday, 13th August 2013 - 15:25

 

Eric Schrijverironized

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

Tuesday, 13th August 2013 - 15:55

 

tinomatic@gmail.comconfessed

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

Tuesday, 13th August 2013 - 16:19

 

Eric Schrijvertold

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

— main header menu

Tuesday, 13th August 2013 - 16:46

 

tinomatic@gmail.comtweeted

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

Tuesday, 13th August 2013 - 16:46

 

Eric Schrijverconfessed

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

Tuesday, 13th August 2013 - 17:53

 

Eric Schrijverstated

— Guele for the search

Tuesday, 13th August 2013 - 18:44

 

Eric Schrijververbalised

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

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

Conflicts:
mockup-html/html/emission.html

Tuesday, 13th August 2013 - 19:04

 

Eric Schrijveruttered

— Begin tooltip

Wednesday, 14th August 2013 - 14:52

 

Eric Schrijverpublished

— STYLE BOX

Wednesday, 14th August 2013 - 15:35

 

tinomatic@gmail.comcomplained

— metaNav

Wednesday, 14th August 2013 - 14:57

 

tinomatic@gmail.combring out

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

Wednesday, 14th August 2013 - 15:04

 

Eric Schrijverexposed

— 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