More layouting

This commit is contained in:
Aaron Mueller 2013-09-28 14:02:17 +02:00
parent 74f63c1269
commit 7ee90ee2ad
6 changed files with 51 additions and 17 deletions

View file

@ -11,10 +11,37 @@
border-right: 2px solid gray; border-right: 2px solid gray;
} }
.entry { div.entry {
display: inline; display: inline;
white-space: nowrap; white-space: nowrap;
width:200px; width:200px;
height: 200px; height: 200px;
vertical-align: top; vertical-align: top;
position: relative;
}
div.entry img {
vertical-align: top;
}
.open-entry img {
padding-bottom: 100px;
}
.open-entry div.shadow {
position: absolute;
top: 0;
left: 0;
background-color: black;
opacity: 0.4;
width: 200px;
height: 200px;
}
.open-entry div.details {
position: absolute;
top: 200px;
height: 100px;
background-color: black;
left: -200px; /* TODO: Make dynamic */
width: 800px; /* TODO: Make dynamic */
} }

View file

@ -3,13 +3,9 @@
(:require [ldview.views.layout :as layout] (:require [ldview.views.layout :as layout]
[ldview.util :as util])) [ldview.util :as util]))
; Just for now ... (defn entries-page []
(defn waiting-page []
(layout/render "waiting.html"))
(defn home-page []
(layout/render (layout/render
"home.html" {:content (util/md->html "/md/docs.md")})) "entries.html"))
(defroutes home-routes (defroutes home-routes
(GET "/" [] (waiting-page))) (GET "/" [] (entries-page)))

View file

@ -1,4 +1,23 @@
{% extends "ldview/views/templates/base.html" %} {% extends "ldview/views/templates/layout.html" %}
{% block content %} {% block content %}
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div> <div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry open-entry">
<div class="shadow"></div>
<div class="details"></div>
<img src="{{servlet-context}}/img/sample.png" alt="entry-#" />
</div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
<div class="entry"><img src="{{servlet-context}}/img/sample.png" alt="entry-#" /></div>
{% endblock %} {% endblock %}

View file

@ -1,4 +0,0 @@
{% extends "ldview/views/templates/base.html" %}
{% block content %}
{{content|safe}}
{% endblock %}

View file

@ -1,4 +0,0 @@
{% extends "ldview/views/templates/base.html" %}
{% block content %}
<p>Smething big is comming soon ...</p>
{% endblock %}