index.slim

doctype html
html
	head
		meta charset="utf-8"
		title Radiko Podcast
		meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
		script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"
		script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"
		sass:
			@import "//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"
			div.list-group
				a.list-group-item
					button.btn
						float: right
						margin-left: 10px
					p.list-group-item-text.right
						float: right
	body
		div.container
			div.header
				h1.page-header Radiko Podcast
			div.row
				div.col-lg-7
					p 購読したい番組を選んで下さい。
					h3 放送中
					div.list-group
						- recordings.each do |name, rec|
							a.list-group-item href="#{conf["podcast"]["url"]}/#{name}.xml"
								button.btn.btn-primary
									span.glyphicon.glyphicon-play aria-hidden="true"
									| 購読する
								h4.list-group-item-heading #{rec["name"]}
								p.list-group-item-text #{schedule[name]}
					h3 アーカイブ
					div.list-group
						- archives.each do |name, rec|
							a.list-group-item href="#{conf["podcast"]["url"]}/#{name}.xml"
								button.btn.btn-primary
									span.glyphicon.glyphicon-play aria-hidden="true"
									| 購読する
								h4.list-group-item-heading #{rec["name"]}
								p.list-group-item-text