Skip to content
Snippets Groups Projects

Improve layout of Spotlights list

Merged Improve layout of Spotlights list
spotlights_list_image_spacing into master
Merged Christian Meeßen requested to merge spotlights_list_image_spacing into master
Compare
and
2 files
+ 47
− 12
Compare changes
  • Side-by-side
  • Inline
Files
2
_layouts/spotlight-list.html
+ 14
− 12
{% include top.html %}
<body>
<link rel="stylesheet" href="{{ '/assets/css/spotlights.css' | relative_url }}">
{% include header.html %}
@@ -11,22 +12,23 @@
{% assign spotlights = site.spotlights %}
<div class="alert alert-success">
<article class="salert alert-success">
This is a preliminary list of software spotlights and more will be added soon. Stay tuned!
</div>
</article>
{% for spotlight in spotlights %}
<article class="list-entry">
<div class="image-block">
<a href="{{ spotlight.url | relative_url}}">
<img
class="help-image left"
alt="Logo of {{ spotlight.name }}"
src="{{ site.directory.images | relative_url }}spotlights/{{spotlight.preview_image}}"
style="max-height:7rem;"
/>
</a>
<div>
<div class="spotlight-image-block">
<div class= "image-container">
<a href="{{ spotlight.url | relative_url}}">
<img
class="help-image left"
alt="Logo of {{ spotlight.name }}"
src="{{ site.directory.images | relative_url }}spotlights/{{spotlight.preview_image}}"
/>
</a>
</div>
<div class="teaser">
<h3>
<a href="{{ spotlight.url | relative_url }}">
{{ spotlight.name }}

A HIFIS Service | Privacy | Imprint | Support | Documentation | Changelog