nesw layout

postit/dump.py

@@ -61,6 +61,18 @@ def dump(order=None):
                                 "positivity": content["positivity"],
                                 "slug": folder,
                             }
+
+                        elif any(position in ['nw','ne','sw','se'] for position in content):
+                             postit = {
+                                "title": metadata["title"],
+                                "slug": folder,
+                                }
+                             for position in content:
+                                postit[position] = content[position]
+
+                             print(postit)
+
+
                         elif "word" in content and content['category'] != 'Loot Box':
                             continue
                         elif "word" in content:

postit/static/contents

@@ -1 +1 @@
-Subproject commit d741154e912a6d1255066363aa5301c1c93bc516
+Subproject commit a35f4032d07df18b854679408d83928f495d5e6c

postit/static/css/contents.css

@@ -124,3 +124,24 @@
 .connect-less img {
 	padding: 4mm;
 }
+
+.nw {
+
+	white-space: initial; 
+
+}
+
+.ne {
+	text-align: right;
+	white-space: initial;
+}
+
+.se {
+	margin-top: auto;
+	text-align: right;
+	white-space: initial;
+}
+
+.sw {
+	margin-top: auto;
+}

postit/templates/postit.html

@@ -83,8 +83,37 @@
 					style="width: {{  100 / contents|length * loop.index}}%"
 				></span>
 			</footer>
+
+			{%elif 'nw' in content or 'ne' in content or 'se' in content or 'sw' in content%}
+
+			<p class="description dialogue 
+					{%if content['nw']%}nw{%endif%}
+					{%if content['ne']%}ne{%endif%}
+			">
+			{%if content['ne']%}{{content['ne']}}{%endif%}
+			{%if content['nw']%}{{content['nw']}}{%endif%}			
+			</p>
+
+			<p class="description dialogue
+					{%if content['sw']%}sw{%endif%}			
+					{%if content['se']%}se{%endif%}		
+			">
+			{%if content['se']%}{{content['se']}}{%endif%}
+			{%if content['sw']%}{{content['sw']}}{%endif%}			
+			</p>
+
+
+			<footer>
+				<h2 class="title">{{content['title']}}</h2>
+				<span
+					class="progress-bar"
+					style="width: {{  100 / contents|length * loop.index}}%"
+				></span>
+			</footer>
+
 			{%else%}
 
+
 			<p class="description {% if content['description']|length > 200 %} long-text {%endif%}">
 				{{content['description']}}
 			</p>