diff --git a/template/base.html b/template/base.html
index 27767b3..304a2de 100644
--- a/template/base.html
+++ b/template/base.html
@@ -3,7 +3,7 @@
media.metanohi.name
-
+
diff --git a/template/section.html b/template/section.html
index 4705473..e5bfe72 100644
--- a/template/section.html
+++ b/template/section.html
@@ -1,4 +1,6 @@
-
+
+
+
diff --git a/template/showing.html b/template/showing.html
index f5d4880..5fa3fd5 100644
--- a/template/showing.html
+++ b/template/showing.html
@@ -1,4 +1,7 @@
{title}
+
{year}
+
{description}
+
{video}
diff --git a/template/style.css b/template/style.css
index 681ce8a..ed741cd 100644
--- a/template/style.css
+++ b/template/style.css
@@ -5,21 +5,21 @@ body {
}
#body {
- width: 40em;
- padding: 0.5em;
+ width: 600px;
+ padding: 20px;
margin: 0 auto;
}
/* BEGIN HACK */
#body-behind {
margin: 0 auto;
- width: calc(41em + (100% - 41em) / 3);
+ width: calc(640px + (100% - 640px) / 3);
}
#body-behind > div {
position: fixed;
top: 0;
- width: calc(41em + (100% - 41em) / 3);
+ width: calc(640px + (100% - 640px) / 3);
height: 100%;
z-index: -1;
transform: skewX(-2deg);
@@ -30,7 +30,7 @@ body {
header {
background-color: #FF00D3;
- padding: 0.5em;
+ padding: 20px;
}
header a, header a:visited {
@@ -40,17 +40,22 @@ header a, header a:visited {
.video-section {
background-color: #2EE2FF;
- margin-top: 1em;
- padding: 0.5em;
+ margin-top: 20px;
+ padding: 20px;
+}
+
+.video-section > div {
+ text-align: center;
+ height: [thumbnail_height]px
}
.video-showing {
background-color: #FF8C00;
- margin-top: 1em;
- padding: 0.5em;
+ margin-top: 20px;
+ padding: 20px;
position: absolute;
- left: calc((100% - 58em) / 2);
- width: 57em;
+ left: calc((100% - 800px) / 2);
+ width: 760px;
}
p.signature {