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

Article layout

parent fcbc76ad
No related branches found
No related tags found
2 merge requests!17Develop,!3Develop
Hide whitespace changes
Inline Side-by-side
_layouts/article.html 0 → 100644
+ 15
− 0
View file @ e4b1cf4f
---
layout: default
---
<article>
<div>
<header>
<h1>
{{ page.title | escape }}
</h1>
</header>
{{ content }}
</div>
</article>
_layouts/default.html
+ 2
− 2
View file @ e4b1cf4f
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}"> <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
<link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:400,400italic,700" media="all"> <link type="text/css" rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:400,400italic,700" media="all">
</head> </head>
<body> <body>
{%- include header.html -%} {%- include header.html -%}
...@@ -25,4 +25,4 @@ ...@@ -25,4 +25,4 @@
{%- include footer.html -%} {%- include footer.html -%}
</body> </body>
</html> </html>
\ No newline at end of file
_layouts/left_col.html
+ 2
− 2
View file @ e4b1cf4f
...@@ -8,7 +8,7 @@ layout: default ...@@ -8,7 +8,7 @@ layout: default
<h2>{{ page.section }}</h2> <h2>{{ page.section }}</h2>
<ul> <ul>
{% for link in page.pages %} {% for link in page.pages %}
<li><a href="{{ site.baseurl }}{{ link.href }}">{{ link.title }}</a></li> <li><a href="{{ site.baseurl }}{{ link.href }}" {% if link.active %}class="active"{% endif %}>{{ link.title }}</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
...@@ -22,4 +22,4 @@ layout: default ...@@ -22,4 +22,4 @@ layout: default
{{ content }} {{ content }}
</div> </div>
</article> </article>
\ No newline at end of file
_sass/elixir/_layout.scss
+ 185
− 182
View file @ e4b1cf4f
#site-header { #site-header {
background: $COLOR_BACKGROUND_HEADER; background: $COLOR_BACKGROUND_HEADER;
height: 93px; height: 93px;
margin-top: -15px; margin-top: -15px;
#site-header-wrapper { #site-header-wrapper {
padding-left: $PADDING_PAGE_LEFT; padding-left: $PADDING_PAGE_LEFT;
ul { ul {
margin-left: 0px; margin-left: 0;
position: relative; position: relative;
top: 66px; top: 66px;
li { li {
list-style: none; list-style: none;
float: left; float: left;
margin: 0; margin: 0;
padding: 0; padding: 0;
img { img {
width: 150px; width: 150px;
position: relative; position: relative;
bottom: 46px; bottom: 46px;
padding-left: 10px; padding-left: 10px;
}
a {
display: block;
white-space: nowrap;
padding: 2px 12px;
margin-left: 0;
color: #fefefe;
transition: color 0.25s;
text-transform: uppercase;
font-size: 0.875rem;
text-decoration: none;
}
a:hover {
color: $COLOR_LINK_ELIXIR;
border-color: $COLOR_LINK_ELIXIR;
text-decoration: none;
}
}
} }
a {
display: block;
white-space: nowrap;
padding: 2px 12px;
margin-left: 0;
color: #fefefe;
transition: color 0.25s;
text-transform: uppercase;
font-size: 0.875rem;
text-decoration: none;
}
a:hover {
color: $COLOR_LINK_ELIXIR;
border-color: $COLOR_LINK_ELIXIR;
text-decoration: none;
}
}
} }
}
} }
#site-content { #site-content {
h1.title { h1.title {
font-size: 37px; font-size: 37px;
color: #005472; color: #005472;
line-height: 1.1; line-height: 1.1;
font-weight: 300; font-weight: 300;
margin: 0 0 12px 0; margin: 0 0 12px;
} }
article { article {
padding-left: $PADDING_PAGE_LEFT; padding-left: $PADDING_PAGE_LEFT;
padding-bottom: 50px; padding-bottom: 50px;
width: $WIDTH_CONTENT; width: $WIDTH_CONTENT;
padding-right: 10px; padding-right: 10px;
margin: 0px; margin: 0;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
#left-column { #left-column {
padding-top: 20px; padding-top: 20px;
padding-right: 20px; padding-right: 20px;
h2 { h2 {
color: #005472; color: #005472;
font-size: 25px; font-size: 25px;
line-height: 1.2; line-height: 1.2;
font-weight: 300; font-weight: 300;
margin: 0; margin: 0;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
} }
ul { ul {
width: 200px; width: 200px;
padding-inline-start: 20px; padding-inline-start: 20px;
list-style: none; list-style: none;
margin: 0px; margin: 0;
li { li {
padding: 0; padding: 0;
margin: 0; margin: 0;
a { a {
color: #222; color: #222;
line-height: 1.2; line-height: 1.2;
text-decoration: none; text-decoration: none;
display: block; display: block;
border-bottom: 1px solid #efefef; border-bottom: 1px solid #efefef;
padding: 10px 5px 10px 15px; padding: 10px 5px 10px 15px;
} }
a:hover { a:hover {
color: #060606; color: #060606;
text-decoration: underline; text-decoration: underline;
} }
}
}
} }
}
} }
}
} }
#site-footer-primary { #site-footer-primary {
#site-footer-primary-wrapper { #site-footer-primary-wrapper {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
background: #3e3e3e;
background: #3e3e3e; font-size: 0.875rem;
font-size: 0.875rem; padding-left: 13%;
padding-left: 13%;
div {
div { margin-left: 15px;
margin-left: 15px; margin-right: 15px;
margin-right: 15px;
h3 {
h3 { border-bottom: 1px solid #848484;
border-bottom: 1px solid #848484; font-size: 1rem;
font-size: 1rem; color: #ebebeb;
color: #ebebeb; transition: color 0.15s;
transition: color 0.15s; }
}
ul {
ul { margin-left: 10px;
margin-left: 10px;
li {
li { list-style: none;
list-style: none; width: auto;
width: auto; float: none;
float: none; min-width: 0;
min-width: 0;
a {
a { display: inline-block;
display: inline-block; zoom: 1;
zoom: 1; font-size: 11px;
font-size: 11px; line-height: 1.1;
line-height: 1.1; color: #ebebeb;
color: #ebebeb; transition: color 0.15s;
transition: color 0.15s; padding: 1px 4px 2px 0;
padding: 1px 4px 2px 0; border-bottom: none;
border-bottom: none; margin-bottom: 0;
margin-bottom: 0; text-decoration: none;
text-decoration: none; }
}
a:hover {
a:hover { text-decoration: none;
text-decoration: none; color: #f47d21;
color: #f47d21; text-decoration: underline;
text-decoration: underline; }
}
}
}
} }
}
} }
}
} }
#site-footer-secondary { #site-footer-secondary {
#site-footer-secondary-wrapper { #site-footer-secondary-wrapper {
background: #023452; background: #023452;
border-top: 1px solid #333; border-top: 1px solid #333;
padding-left: 13%; padding-left: 13%;
color: #ebebeb; color: #ebebeb;
font-size: 0.875rem; font-size: 0.875rem;
display: flex; display: flex;
ul { ul {
list-style: none; list-style: none;
padding-right: 100px; padding-right: 100px;
li { li {
display: inline-block; display: inline-block;
} }
a { a {
display: inline-block; display: inline-block;
color: #ffffff; color: #ffffff;
font-weight: 800; font-weight: 800;
transition: color 0.15s; transition: color 0.15s;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; padding-right: 15px;
} }
a:hover { a:hover {
color: orange; color: orange;
text-decoration: none; text-decoration: none;
} }
} }
#address { #address {
color: #888; color: #888;
font-size: 11px; font-size: 11px;
}
} }
} }
\ No newline at end of file }
li.active {
color: $COLOR_LINK_ELIXIR;
}
elixir-theme.gemspec
+ 1
− 1
View file @ e4b1cf4f
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
Gem::Specification.new do |spec| Gem::Specification.new do |spec|
spec.name = "elixir-theme" spec.name = "elixir-theme"
spec.version = "0.1.1" spec.version = "0.1.2"
spec.authors = ["jacek.lebioda"] spec.authors = ["jacek.lebioda"]
spec.email = ["jacek.lebioda@uni.lu"] spec.email = ["jacek.lebioda@uni.lu"]
......
left.md 0 → 100644
+ 23
− 0
View file @ e4b1cf4f
---
layout: left_col
title: Collaborations
permalink: /left
section: About
pages:
- title: ELIXIR-LU Team
href: /about-node/team
- title: Collaborations
href: /about-node/collaborations
- title: Funding and governance
href: /about-node/funding-and-governance
- title: Vacancies
href: /about-node/vacancies
---
ELIXIR-LU is always looking to add new national and international collaborations with partners from public and private sectors in Luxembourg and abroad. The Node especially aims to interact with the pharmaceutical industry and the clinical healthcare.
On a national scale, the Node aims to unify the Luxembourgish biomedical IT landscape and implement international data standards. The local biomedical research institutions will be able to use the ELIXIR portal to store and promote the data produced by their cohorts and biological sample collections.
Internationally, ELIXIR-LU intends to become a leading stakeholder in biomedicine, as a secure data hub and a high-performance computing location. The Node will host data from different European and international consortia. For example, ELIXIR-LU participated within IMI-eTRIKS in the initial setup and metadata collection of IMI (Innovative Medicines Initiative) projects. ELIXIR-LU will help sustain data that emerged from these projects beyond the end of the funded project duration. Both the volume and the scope of data available from such international projects will increase over the years, making the Node’s <a href="http://datacatalog.elixir-luxembourg.org/">data catalogue</a> of interest to researchers worldwide.
ELIXIR-LU has also developed strong collaborations within the ELIXIR infrastructure, including with the Hub and many other Nodes (including but not limited to: ELIXIR-UK, ELIXIR-Denmark, ELIXIR-Spain, ELIXIR-Czech Republic and ELIXIR-Finland).
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