diff --git a/_includes/archive-single-portfolio.html b/_includes/archive-single-portfolio.html index cfe1d1f..a7307b3 100644 --- a/_includes/archive-single-portfolio.html +++ b/_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> diff --git a/_pages/portfolio.html b/_pages/portfolio.html index de59bfb..1b3226d 100644 --- a/_pages/portfolio.html +++ b/_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 %}