Add tabs

src/components/project.html

@@ -0,0 +1,39 @@
+<script props>
+  module.exports = {
+    img: props.img || '',
+    svg: props.svg || '',
+    text: props.text || '',
+    href: props.href || '/',
+    onclick: props.onclick || '',
+    titlestyle: 'min-width: 275px;' + (props.titlestyle || ''),
+    headerstyle: props.headerstyle || '',
+  }
+</script>
+<div class="project">
+  <div class="project-title" style="{{titlestyle}}">
+    <a href="{{href}}" target="_blank">
+      <if condition="img != ''">
+        <img class="figure" src="{{img}}">
+      </if>
+      <if condition="svg != ''">
+        <div class="figure">
+          <include src="{{svg}}"></include>
+        </div>
+      </if>
+      <if condition="text != ''">
+        <p style="font-size: 200px; text-align: center; margin: 0; padding: 0;">{{text}}</p>
+      </if>
+      <markdown>
+        <slot:title />
+      </markdown>
+    </a>
+  </div>
+  <div class="description">
+    <div onclick="{{onclick}}" style="{{headerstyle}}">
+      <markdown>
+        <slot:subtitle />
+      </markdown>
+    </div>
+    <slot:description />
+  </div>
+</div>