From be9848097e6dcaba798db9df4364d9f9cd79a451 Mon Sep 17 00:00:00 2001
From: sovanna <sovanna.hing@gmail.com>
Date: Wed, 22 Jan 2020 16:48:00 +0100
Subject: [PATCH] fix(issue17): Improves dynamic changes to fixed height

---
 content/experiment-control/resources.md | 26 ++++++++++++-------------
 sass/css/_layout.scss                   |  4 ----
 templates/shortcodes/layout_card.html   |  4 +++-
 3 files changed, 16 insertions(+), 18 deletions(-)

diff --git a/content/experiment-control/resources.md b/content/experiment-control/resources.md
index 0473e07..90d842e 100644
--- a/content/experiment-control/resources.md
+++ b/content/experiment-control/resources.md
@@ -10,33 +10,33 @@ template = "page.html"
 <div class="row">
 
 
-{% layout_card(title="ARTIQ manual") %}
+{% layout_card(title="ARTIQ manual", sameheight=100) %}
 <small>Stable version</small>
 
 <a href="https://m-labs.hk/artiq/manual.pdf" target="_blank">PDF</a> | <a href="https://m-labs.hk/artiq/manual/" target="_blank" rel="noopener noreferrer">HTML</a>
 {% end %}
 
-{% layout_card(title="SiPyCo manual") %}
+{% layout_card(title="SiPyCo manual", sameheight=100) %}
 <small>Starting with ARTIQ-5, this library replaces <tt>artiq.protocols</tt>.</small>
 
 <a href="https://m-labs.hk/artiq/sipyco-manual.pdf" target="_blank">PDF</a> | <a href="https://m-labs.hk/artiq/sipyco-manual/" target="_blank" rel="noopener noreferrer">HTML</a>
 {% end %}
 
-{% layout_card(title="ARTIQ manual") %}
+{% layout_card(title="ARTIQ manual", sameheight=100) %}
 <small>Beta (development) version</small>
 
 <a href="https://m-labs.hk/artiq/manual-beta.pdf" target="_blank">PDF</a> | <a href="https://m-labs.hk/artiq/manual-beta/" target="_blank" rel="noopener noreferrer">HTML</a>
 {% end %}
 
 
-{% layout_card(title="Slideshow") %}
+{% layout_card(title="Slideshow", sameheight=100) %}
 <small>The ARTIQ experiment control system</small>
 
 <a href="/docs/artiq/artiq_overview.pdf" target="_blank" rel="noopener noreferrer">View slides</a>
 {% end %}
 
 
-{% layout_card(title="Slideshow") %}
+{% layout_card(title="Slideshow", sameheight=100) %}
 <small>Timing control in ARTIQ</small>
 
 <a href="/docs/artiq/slides_timing.pdf" target="_blank" rel="noopener noreferrer">View slides</a>
@@ -120,51 +120,51 @@ We welcome inquiries from research groups of all sizes.<br><a href="https://gith
 
 <div class="row">
 
-{% layout_card(title="Entangler core") %}
+{% layout_card(title="Entangler core", sameheight=120) %}
 <small>A FPGA core written in Migen with ARTIQ interface, for controlling remote quantum entanglement of trapped ions.</small>
 
 <a href="https://github.com/OxfordIonTrapGroup/entangler-core" target="_blank" rel="noopener noreferrer">Repository</a> | <a href="https://arxiv.org/abs/1911.10841" target="_blank" rel="noopener noreferrer">Paper</a>
 {% end %}
 
 
-{% layout_card(title="ndscan") %}
+{% layout_card(title="ndscan", sameheight=120) %}
 <small>N-dimensional scans for ARTIQ</small>
 
 <a href="https://github.com/OxfordIonTrapGroup/ndscan" target="_blank" rel="noopener noreferrer">Repository</a>
 {% end %}
 
 
-{% layout_card(title="Oxford routines") %}
+{% layout_card(title="Oxford routines", sameheight=120) %}
 <small>Oxford Ion-Trap Group routines</small>
 
 <a href="https://github.com/OxfordIonTrapGroup/oitg" target="_blank" rel="noopener noreferrer">Repository</a>
 {% end %}
 
-{% layout_card(title="Terminal interface") %}
+{% layout_card(title="Terminal interface", sameheight=120) %}
 <small>A terminal interface for the Advanced Real-Time Infrastructure for Quantum physics (ARTIQ).</small>
 
 <a href="https://github.com/chase1635321/ARTIQ" target="_blank" rel="noopener noreferrer">Repository</a>
 {% end %}
 
-{% layout_card(title="ARTIQ-suservo") %}
+{% layout_card(title="ARTIQ-suservo", sameheight=120) %}
 <small>A set of scripts for the ARTIQ suservo device.</small>
 
 <a href="https://github.com/chase1635321/ARTIQ-suservo" target="_blank" rel="noopener noreferrer">Repository</a>
 {% end %}
 
-{% layout_card(title="nvOS") %}
+{% layout_card(title="nvOS", sameheight=120) %}
 <small>A quantum operating system built around ARTIQ and NV centers in diamond.</small>
 
 <a href="https://github.com/vontell/nvOS" target="_blank" rel="noopener noreferrer">Repository</a>
 {% end %}
 
-{% layout_card(title="Haeffner Lab routines") %}
+{% layout_card(title="Haeffner Lab routines", sameheight=120) %}
 <small>Haeffner Lab (Berkeley) routines</small>
 
 <a href="https://github.com/HaeffnerLab/artiq-work-lattice" target="_blank" rel="noopener noreferrer">Repository</a>
 {% end %}
 
-{% layout_card(title="WIPM routines") %}
+{% layout_card(title="WIPM routines", sameheight=120) %}
 <small>WIPM (CAS Wuhan) routines</small>
 
 <a href="https://github.com/GuanQunMu/IonTrap-WIPM" target="_blank" rel="noopener noreferrer">Repository</a>
diff --git a/sass/css/_layout.scss b/sass/css/_layout.scss
index 45fa092..6086c94 100644
--- a/sass/css/_layout.scss
+++ b/sass/css/_layout.scss
@@ -113,10 +113,6 @@ img.kf25 {
   width: 310px;
 }
 
-.card.shadow .card-title + p {
-  height: 50px;
-}
-
 // Small devices (landscape phones, 576px and up)
 @media (min-width: 576px) {
 
diff --git a/templates/shortcodes/layout_card.html b/templates/shortcodes/layout_card.html
index 86e0a42..5465d47 100644
--- a/templates/shortcodes/layout_card.html
+++ b/templates/shortcodes/layout_card.html
@@ -17,7 +17,9 @@
         </div>
         {% endif %}
 
-        {{ body | markdown | safe }}
+        <div {% if sameheight %}style="height: {{ sameheight }}px"{% endif%}>
+          {{ body | markdown | safe }}
+        </div>
 
       </div>