remove shadows, add projects to project.html

templates/frontpage/blocks/claim.html

@@ -3,11 +3,9 @@
         <h1 class="title is-1">Eine verstehbare, digitale Welt</h1>
     </section>
     <section class="columns">
-        
         <div class="column"><div class="box is-shadowless"><h1 class="title is-3">Technik hinterfragen</h1><p>TBA</p></div></div>
         <div class="column"><div class="box is-shadowless"><h1 class="title is-3">Digitale Mündigkeit</h1><p>TBA</p></div></div>
         <div class="column"><div class="box is-shadowless"><h1 class="title is-3">Mitgestalten statt konsumieren</h1><p>TBA</p></div></div>
-        
     </section>
 
 </div>

templates/frontpage/blocks/news.html

@@ -4,12 +4,12 @@
   </section>
   <section class="columns">
     <div class="column">
-      <div class="card">
+      <div class="card is-shadowless">
         {% include "frontpage/blocks/embed_article.html" %}
       </div>
     </div>
     <div class="column">
-      <div class="card">
+      <div class="card is-shadowless">
         {% include "frontpage/blocks/embed_article.html" %}
       </div>
     </div>

templates/frontpage/blocks/projects.html

@@ -2,6 +2,78 @@
   <section class="columns is-centered is-half">
     <h1 class="title is-1">Unsere Projekte</h1>
   </section>
-  <section></section>
+  <section class="columns">
+    <div class="column">
+      <div class="card">
+        <figure class="image is-4by3">
+          <img
+            src="https://bulma.io/images/placeholders/1280x960.png"
+            alt="Placeholder image"
+          />
+        </figure>
+      </div>
+      <div class="card-content">
+        <div class="media">
+          <div class="media-content">
+          <p class="title is-4">Hack'n'Fun</p>
+          </div>
+        </div>
+
+        <div class="content">
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
+          iaculis mauris.
+          <br />
+        </div>
+      </div>
+    </div>
+    <div class="column">
+      <div class="card is-shadowless">
+        <div class="card-image">
+          <figure class="image is-4by3">
+            <img
+              src="https://bulma.io/images/placeholders/1280x960.png"
+              alt="Placeholder image"
+            />
+          </figure>
+        </div>
+        <div class="card-content">
+          <div class="media">
+            <div class="media-content">
+              <p class="title is-4">schul-frei</p>
+            </div>
+          </div>
+          <div class="content">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
+            iaculis mauris.
+            <br />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="column">
+      <div class="card is-shadowless">
+        <div class="card-image">
+          <figure class="image is-4by3">
+            <img
+              src="https://bulma.io/images/placeholders/1280x960.png"
+              alt="Placeholder image"
+            />
+          </figure>
+        </div>
+        <div class="card-content">
+          <div class="media">
+            <div class="media-content">
+              <p class="title is-4">Indiedact</p>
+            </div>
+          </div>
+          <div class="content">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec
+            iaculis mauris.
+            <br />
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
 </div>
 <hr />