finish cute portfolio

_includes/archive-single-portfolio.html

@@ -12,24 +12,21 @@
   {% assign title = post.title %}
 {% endif %}
 
+<style>
+h2 {margin: 1em 0 0.5em;}
+article {display: flex; padding: 1em 0 0;}
+div.flex_img {flex: 0 0 auto; width: 200px; display: flex; flex-direction: column; justify-content: center;}
+div.flex_text {flex: 1 1 auto; padding-left: 30px;}
+img.flex {align-self: center;}
+</style>
+
 <div class="{{ include.type | default: "list" }}__item">
   <article class="archive__item" itemscope itemtype="http://schema.org/CreativeWork">
-    {% if include.type == "grid" and teaser %}
-      <div class="archive__item-teaser">
-        <img src=
-          {% if teaser contains "://" %}
-            "{{ teaser }}"
-          {% else %}
-            "{{ teaser | prepend: "/images/" | prepend: base_path }}"
-          {% endif %}
-          alt="" >
-      </div>
-    {% endif %}
 
     {% if post.image %}
-    <img src = "{{ post.image | prepend: '/images/'}}" class="text-left">
+    <div class = "flex_img"><img class = "flex" src = "{{ post.image | prepend: '/images/'}}"></div>
     {% endif %}
-
+    <div class = "flex_text">
     <h2 class="archive__item-title" itemprop="headline">
       {% if post.link %}
         <a href="{{ post.link }}">{{ title }}</a> <a href="{{ base_path }}{{ post.url }}" rel="permalink"><i class="fa fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
@@ -63,6 +60,6 @@
     {% elsif post.paperurl %}
       <p>Download <a href=" {{ post.paperurl }} "><u>here</u></a></p>
     {% endif %}
-
+    </div>
   </article>
 </div>

_pages/portfolio.html

@@ -3,24 +3,15 @@ layout: archive
 title: "Portfolio"
 permalink: /portfolio/
 author_profile: true
-feature_row:
-  - image_path: /phase_diagram.png
-    alt: "placeholder image 1"
-    title: "PhD"
-    excerpt: "This is some sample content that goes here with **Markdown** formatting."
-  - image_path: vector_magnet_angle_view.png
-    title: "MSc"
-    excerpt: "This is some sample content that goes here with **Markdown** formatting."
-  - image_path: CERN_probes.png
-    alt: "placeholder image 2"
-    title: "CERN Summer School"
-    excerpt: "This is some sample content that goes here with **Markdown** formatting."
-    url: /portfolio/cern/
-
 ---
 
 {% include base_path %}
 
+{% for post in site.portfolio %}
+  {% include archive-single-portfolio.html %}
+{% endfor %}
+
+{% comment %}
 
 <div class="feature__wrapper">
   {% for post in site.portfolio %}
@@ -45,11 +36,9 @@ feature_row:
     {% endfor %}
     </div>
 
-{% comment %}
+
 {% include feature_row %}
 
-{% for post in site.portfolio %}
-  {% include archive-single-portfolio.html %}
-{% endfor %}
+
 
 {% endcomment %}