crosswords launch

postit/static/contents

@@ -1 +1 @@
-Subproject commit 636fafa1a2be2eb05e8ccca5d070e7d534b95270
+Subproject commit 3d57ecdded0dcb9d5db79d1ff4673aff9cb881d5

postit/static/css/contents.css

@@ -166,3 +166,13 @@
 .karaoke .fill {
 	color: var(--color);
 }
+
+.crosswords_launch .category {
+	position: absolute;
+	top: 4mm;
+	left: 4mm;
+}
+
+.crosswords_launch .description {
+	font-size: 18px;
+}

postit/static/css/home.css

@@ -23,10 +23,10 @@ h3 {
 
 h3 {
 	font-weight: normal;
-	margin: 0;
+	margin: 16px 0;
 }
 
-ol {
+ol, ul {
 	margin: 0;
 }
 

postit/templates/home.html

@@ -26,5 +26,14 @@
 			</li>
 			{%endfor%}
 		</ol>
+
+		<h3>Extra</h3>
+
+		<ul>
+			<li>
+				<a href="{{url_for('generate.block', slug='crosswords_launch')}}" class="generate">crossword_launch</a>
+			</li>
+		</ul>
+		
 	</body>
 </html>

postit/templates/postit.html

@@ -92,7 +92,26 @@
 				<dd><span>{{content['positivity']}}</span></dd>
 			</dl>
 
+
 			<!-- post-it with definition attribute are for the crossword game  -->
+			<!-- launch crosswords -->
+			{%elif content['definition'] and contribution == 'crosswords_launch'%}
+
+			<span class="category">{{content['direction']}}</span>
+
+			<p class="description {% if content['definition']|length > 200 %} long-text {%endif%}">
+				{{content['definition']}}
+			</p>
+
+			<footer>
+				<h2 class="title">{{content['category']}}</h2>
+				<!-- <span
+					class="progress-bar"
+					style="width: {{  100 / contents|length * loop.index}}%"
+				></span> -->
+			</footer>
+
+			<!-- pubblication crosswords -->
 			<!-- we use the same template both for the definitions and the imaginary grid cells -->
 			<!-- for the cells the definition attribute is a space charachter, so it's invisible but present eh eh -->
 			<!-- templates ecology -->