Commit 8b4f1b3c authored by Huste, Tobias's avatar Huste, Tobias
Browse files

Merge branch '114-services-page-needs-update' into 'hifis-unified-step-1-after-vc-20210317'

Update Service pages with all services

See merge request hifis/hifis.net!200
parents b9aeb49c 1d34071a
Pipeline #70995 passed with stages
in 5 minutes and 4 seconds
......@@ -17,6 +17,9 @@ header:
- title: "Events"
url: "events"
- title: "Services"
url: "services/"
- title: FAQ
url: "faq.html"
......
......@@ -16,24 +16,14 @@ post: The post which sould be displayed on the card
| relative_url -%}
{%- endif -%}
<div class="card top-image-card {{ include.class }}">
<a href="{{ include.post.url | relative_url }}" class="stretched-link"></a>
<img class="card-img-top card-img-equal" src="{{ img_url }}" alt="Title image">
<div class="card-img-overlay">
<span class="badge badge-secondary">
<i class="fas fa-calendar-day" aria-hidden="true"></i>
{{ include.post.date | date: "%d.&thinsp;%b.&thinsp;%y" }}
</span>
<span class="badge badge-dark">
<i class="fas fa-tag" aria-hidden="true"></i>&nbsp;
{%- for category in include.post.categories -%}
{%- unless site.languages contains category -%}
{{ category | capitalize }}
{%- endunless -%}
{%- endfor -%}
</span>
<h3 class="card-title text-white" style="text-shadow: 0px 0px 20px #000000, 0px 0px 20px #000000, 0px 0px 20px #000, 0px 0px 20px #000">{{ include.post.title }}</h3>
</div>
{%- if include.excerpt -%}
<div class="card-body">
<a href="{{ include.post.url | relative_url }}" class="stretched-link">
<h4 class="card-title">{{ include.post.title }}</h4>
</a>
<p>{{ include.post.excerpt }}</p>
</div>
{%- endif -%}
</div>
......@@ -10,15 +10,11 @@
<a href="https://aai.helmholtz.de" class="btn btn-light btn-lg text-dark">
<i class="fas fa-network-wired"></i>Helmholtz AAI
</a>
<a href="{{ '/services/consulting' | relative_url }}" class="btn btn-light btn-lg text-dark">
<a href="{{ '/services/software/consulting' | relative_url }}" class="btn btn-light btn-lg text-dark">
<i class="fas fa-chart-line"></i> Consulting
</a>
<a href="{{ '/services/training' | relative_url }}" class="btn btn-light btn-lg text-dark">
<a href="{{ '/services/software/training' | relative_url }}" class="btn btn-light btn-lg text-dark">
<i class="fas fa-university"></i> Education & Training
</a>
<a href="{{ '/services/#community' | relative_url }}" class="btn btn-light btn-lg text-dark">
<i class="fas fa-users"></i> Communities
</a>
</div>
</div>
......@@ -25,7 +25,7 @@
In Education &amp; Training we will offer courses, materials or workshops
to help you in getting started or in boosting your software
engineering practice.
<a href="{{ 'services/training' | relative_url }}"><strong>More...</strong></a>
<a href="{{ 'services/software/training' | relative_url }}"><strong>More...</strong></a>
</p>
<h4>Need something specific? Talk to us</h4>
{% include contact_us/mini.html %}
......
.flex-cards {
display: flex;
flex-flow: wrap;
justify-content: space-evenly;
justify-content: flex-start;
margin-top: 0rem;
margin-bottom: 0rem;
text-align: center;
@include medium-is-phone {
justify-content: space-evenly;
}
}
.card {
......
---
---
@import "boilerplate/breakpoints";
.image-block {
display: flex;
padding: 1rem 0;
align-items: center;
div {
flex: 3 0 0;
}
.help-image {
padding: 1rem 2rem;
flex: 1 0 0;
max-width: 14rem; // needed for Chrome on large screens
min-height: 5rem; // needed for Firefox on small screens
&.right {
@include medium-is-tablet-plus {
order: 1
}
}
}
@include medium-is-phone {
flex-direction: column;
}
}
.image-attrib {
font-size: 0.8rem;
text-align: right;
}
......@@ -11,10 +11,10 @@
.services-title-buttons {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr;
@include medium-is-tablet {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
@include medium-is-phone {
......
../globe.jpeg
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment