Skip to content
Snippets Groups Projects
Commit 6594c9f1 authored by Jacek Lebioda's avatar Jacek Lebioda
Browse files

Merge branch 'improve-posts' into 'master' 

Improve posts

See merge request !55
parents fcf5be16 cbc8c5d8
No related branches found
No related tags found
2 merge requests!55Improve posts,!54Develop
Hide whitespace changes
Inline Side-by-side
_layouts/index.html
+ 4
− 4
View file @ 6594c9f1
......@@ -15,7 +15,7 @@ layout: default
<div class="index-flex">
{% if page.introduction %}
<div class="index-gray-box">
<div class="index-box index-gray-box">
{{ page.introduction }}
</div>
{% endif %}
......@@ -36,7 +36,7 @@ layout: default
<div class="index-flex">
<a href="{{ '/events/' | relative_url }}">
<div class="index-box">
<div class="index-box index-smaller-gray-box">
<img src="{{ '/assets/buttons/index_events.jpg' | relative_url }}" alt="Events image" />
<div class="index-box-caption">
Events
......@@ -45,7 +45,7 @@ layout: default
</a>
<a href="{{ '/about-node/vacancies' | relative_url }}">
<div class="index-box">
<div class="index-box index-smaller-gray-box">
<img src="{{ '/assets/buttons/index_jobs.jpg' | relative_url }}" alt="Job vacancies image" />
<div class="index-box-caption">
Job vacancies
......@@ -54,7 +54,7 @@ layout: default
</a>
<a href="https://webdav-r3lab.uni.lu/public/elixir/website/pdf/ELIXIR-LU_Flyer_VF.pdf">
<div class="index-box">
<div class="index-box index-smaller-gray-box">
<img src="{{ '/assets/buttons/index_flyer.jpg' | relative_url }}" alt="Flyer image" />
<div class="index-box-caption">
Download flyer
......
_layouts/left_col.html
+ 7
− 7
View file @ 6594c9f1
......@@ -7,27 +7,27 @@ layout: default
<div id="left-column">
<h2>{{ page.section }}</h2>
<ul>
{%- for link in page.pages -%}
{% for link in page.pages %}
<li>
<a href="{{ link.href | relative_url }}"
class="{% if link.active %}active {% endif %}{% if link.smaller %}smaller {% endif %}">
{{ link.title }}
</a>
</li>
{%- endfor -%}
{% endfor %}
</ul>
</div>
<div id="right-column" {%- if page.wider -%}class="right-column-wider"{%- endif -%}>
<div id="right-column" {% if page.wider %}class="right-column-wider"{% endif %}>
<header>
<h1 {%- if page.section contains "Events" -%}class="no-caps"{%- endif -%} data-section="{{ page.section }}">
<h1 {% if page.section contains "Events" %}class="no-caps"{% endif %} data-section="{{ page.section }}">
{{ page.title | escape }}
{%- if page.date -%}<small>({{ page.date | date: '%F' }})</small>{%- endif -%}
{% if page.date %}<small>({{ page.date | date: '%F' }})</small>{% endif %}
</h1>
</header>
{%- if page.image -%}
{% if page.image %}
<img class="event-small-image" src="{{ page.image | relative_url }}" />
{%- endif -%}
{% endif %}
{{ content }}
</div>
......
_sass/elixir/_footer.scss
+ 2
− 0
View file @ 6594c9f1
#site-footer-primary {
line-height: 1.5;
#site-footer-primary-wrapper {
background: #3e3e3e;
font-size: 0.875rem;
......
_sass/elixir/_layout.scss
+ 47
− 29
View file @ 6594c9f1
......@@ -25,36 +25,34 @@
div.narrower-article-div {
.index-flex {
margin-top: 75px;
.index-gray-box {
padding: 20px;
border-radius: 6px;
.index-smaller-gray-box {
margin-right: 1%;
margin-left: 1%;
min-width: 200px;
background: #efefef;
border: 1px solid #ebebeb;
width: auto;
margin-right: 2%;
margin-bottom: 15px;
padding: 0px !important;
}
.index-photo {
border: solid 0 black;
.index-box {
flex-grow: 1;
margin-right: 2%;
margin-right: unquote("min(5%, 20px)");
margin-bottom: unquote("min(5%, 20px)");
border-radius: 0 0 12px 12px;
img {
width: -webkit-fill-available;
max-width: 100%;
min-width: 200px;
padding: 20px;
width: auto;
&.index-gray-box {
background: #efefef;
border: 1px solid #ebebeb;
}
}
.index-box {
flex-grow: 1;
margin-right: 2%;
margin-bottom: 2%;
border-radius: 0 0 12px 12px;
background: #efefef;
border: 1px solid #ebebeb;
&.index-white-box {
background: none;
border: 1px solid #ebebeb;
}
img {
width: 100%;
......@@ -71,6 +69,24 @@
}
}
}
.index-photo {
border: solid 0 black;
flex-grow: 1;
margin-right: 2%;
img {
width: -webkit-fill-available;
max-width: 100%;
min-width: 180px;
}
&.index-box img {
padding-top: 30px;
padding-bottom: 10px;
}
}
}
}
......@@ -81,9 +97,9 @@
}
#right-column {
padding-left: 20px;
padding-left: 40px;
padding-right: 20px;
min-width: 220px;
min-width: 240px;
margin-top: 23px;
}
......@@ -171,11 +187,13 @@ table {
div.post {
width: 100%;
border-left: solid 5px #f4f4f4;
border-bottom: solid 2px #f4f4f4;
padding-left: 10px;
border-left: solid 20px #f4f4f4;
border-bottom: solid 6px #f4f4f4;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 30px;
margin-bottom: 35px;
line-height: 23px;
.post-title {
font-size: 14pt;
......
elixir-theme.gemspec
+ 1
− 1
View file @ 6594c9f1
......@@ -2,7 +2,7 @@
Gem::Specification.new do |spec|
spec.name = "jekyll-elixir-theme"
spec.version = "0.9.29"
spec.version = "0.10.1"
spec.authors = ["jacek.lebioda"]
spec.email = ["jacek.lebioda@uni.lu"]
......
index.md
+ 34
− 35
View file @ 6594c9f1
......@@ -10,39 +10,38 @@ introduction: >-
---
## Services
<div class="index-flex">
<div class="index-box index-white-box">
<h2>Projects</h2>
<p>ELIXIR-LU is involved in several large EU funded projects.</p><p> <a href="projects">To know more, please click here.</a></p>
<p>&nbsp;</p>
<h2>Support and user training</h2>
<p>Workshops and courses on data management, curation, analytics and visualisation. Continuous education of software developers, data managers and researchers.</p>
</div>
<div class="index-photo index-box index-white-box">
<h2>Services</h2>
<strong>Repository for high quality Translational Medicine data</strong>
<p>Integration of well-curated clinical and molecular data from cohorts and large consortia. Implementation of standardised electronic data capture, data harmonisation and curation.</p>
<strong>High-performance data access and computing services</strong>
<p>Sustainable access management according to well-defined criteria, in order to meet the security and accountability requirements of ELIXIR, of the General European data protection regulation (GDPR), and of the research community. Platforms and tools to allow efficient data access and analysis.
</p>
<a class="no-underline" href="{{ '/sustainability-data/' | relative_url }}"><picture>
<source media="(max-width: 600px)" srcset="{{ '/assets/buttons/data_catalog_small.jpg' | relative_url }}" />
<source media="(min-width: 600px)" srcset="{{ '/assets/buttons/data_catalog.jpg' | relative_url }}" />
<img src="{{ '/assets/buttons/data_catalog.jpg' | relative_url }}" alt="Data catalog" style="width:155px;" />
</picture></a>
<a class="no-underline" href="{{ '/sustainability-tools/' | relative_url }}"><picture>
<source media="(max-width: 600px)" srcset="{{ '/assets/buttons/tools_registry_small.jpg' | relative_url }}" />
<source media="(min-width: 600px)" srcset="{{ '/assets/buttons/tools_registry.jpg' | relative_url }}" />
<img src="{{ '/assets/buttons/tools_registry.jpg' | relative_url }}" alt="Tools Registry" style="width:155px;" />
</picture></a>
<a class="no-underline" href="{{ '/gdpr-activities/' | relative_url }}"><picture>
<source media="(max-width: 600px)" srcset="{{ '/assets/buttons/gdpr_small.jpg' | relative_url }}" />
<source media="(min-width: 600px)" srcset="{{ '/assets/buttons/gdpr.jpg' | relative_url }}" />
<img src="{{ '/assets/buttons/gdpr.jpg' | relative_url }}" alt="GDPR activities" style="width:155px;" />
</picture></a>
</div>
</div>
**Repository for high quality Translational Medicine data**
Integration of well-curated clinical and molecular data from cohorts and large consortia. Implementation of standardised electronic data capture, data harmonisation and curation.
----
**High-performance data access and computing services**
Sustainable access management according to well-defined criteria, in order to meet the security and accountability requirements of ELIXIR, of the General European data protection regulation (GDPR), and of the research community. Platforms and tools to allow efficient data access and analysis.
---
<a href="{{ '/sustainability-data/' | relative_url }}"><picture>
<source media="(max-width: 600px)" srcset="{{ '/assets/buttons/data_catalog_small.jpg' | relative_url }}" />
<source media="(min-width: 600px)" srcset="{{ '/assets/buttons/data_catalog.jpg' | relative_url }}" />
<img src="{{ '/assets/buttons/data_catalog.jpg' | relative_url }}" alt="Data catalog" style="width:155px;" />
</picture></a>
<a href="{{ '/sustainability-tools/' | relative_url }}"><picture>
<source media="(max-width: 600px)" srcset="{{ '/assets/buttons/tools_registry_small.jpg' | relative_url }}" />
<source media="(min-width: 600px)" srcset="{{ '/assets/buttons/tools_registry.jpg' | relative_url }}" />
<img src="{{ '/assets/buttons/tools_registry.jpg' | relative_url }}" alt="Tools Registry" style="width:155px;" />
</picture></a>
<a href="{{ '/gdpr-activities/' | relative_url }}"><picture>
<source media="(max-width: 600px)" srcset="{{ '/assets/buttons/gdpr_small.jpg' | relative_url }}" />
<source media="(min-width: 600px)" srcset="{{ '/assets/buttons/gdpr.jpg' | relative_url }}" />
<img src="{{ '/assets/buttons/gdpr.jpg' | relative_url }}" alt="GDPR activities" style="width:155px;" />
</picture></a>
---
## Support and user training
Workshops and courses on data management, curation, analytics and visualisation. Continuous education of software developers, data managers and researchers.
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