]> git.0d.be Git - panikweb.git/commitdiff
rough arrangement of blocks
authorFrédéric Péters <fpeters@0d.be>
Mon, 12 Aug 2013 21:36:31 +0000 (23:36 +0200)
committerFrédéric Péters <fpeters@0d.be>
Mon, 12 Aug 2013 21:36:31 +0000 (23:36 +0200)
panikweb_templates/static/css/style.css
panikweb_templates/static/img/placeholder.png [new file with mode: 0644]
panikweb_templates/templates/base.html

index 05df1d4784f6c54c5db0bc3b4619b56cc0cbecdd..40b0cc1b677f65f5c4753ae7a33c85ec99bc440f 100644 (file)
@@ -1,4 +1,22 @@
-body {
-  background: #eef;
-  color: #333;
+div#player {
+  float: left;
+  width: 20%;
+  height: 100%;
+}
+
+div#player img {
+  width: 100%;
+  height: 80%;
+}
+
+div#content {
+  float: left;
+  width: 38%;
+  margin-left: 1%;
+}
+
+div#news {
+  float: left;
+  width: 38%;
+  margin-left: 1%;
 }
diff --git a/panikweb_templates/static/img/placeholder.png b/panikweb_templates/static/img/placeholder.png
new file mode 100644 (file)
index 0000000..3d3ce01
Binary files /dev/null and b/panikweb_templates/static/img/placeholder.png differ
index f326c79ab578b5f71d959a645c40b1cd6f15f4ff..a22d98cfe1f4ba7fb9ddf69298d91a02c87a618a 100644 (file)
@@ -3,7 +3,6 @@
 <head>
     <title>{% block title %}Radio Panik{% endblock %}</title>
     <meta charset="UTF-8" />
-    <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/django-messages.css"/>
     <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.js"></script>
     <link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" />
     {% block head %}{% endblock %}
 
 <body>
 
-  <h1>Radio Panik — 105.4</h1>
+<div id="top-links">
+<a href="#">Home</a>
+<a href="#">About Us</a>
+<a href="#">Programme</a>
+<a href="#">Media</a>
+<a href="#">Newsletter</a>
+<span>Recherche <input/></span>
+</div>
 
+<div id="player">
+  <h2>Direct</h2>
+  <img src="{{ STATIC_URL }}img/placeholder.png">
+</div>
+
+<div id="content">
   {% block content %}
   {% endblock %}
+</div>
+
+<div id="news">
+  <h2>News</h2>
+
+  {% block news %}
+  {% endblock %}
+</div>
+
 
 </body>
 </html>