make life easier when a light background is used in events
This commit is contained in:
parent
293592faa7
commit
942f2a960c
3 changed files with 42 additions and 25 deletions
|
@ -33,3 +33,17 @@
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-text {
|
||||||
|
float: left;
|
||||||
|
padding: 20px;
|
||||||
|
|
||||||
|
&.light-background {
|
||||||
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-vertical-center {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
|
@ -8,6 +8,7 @@ locationlink: Sterre,Ghent Belgium
|
||||||
banner: https://hashcode.withgoogle.com/resources/images/hero_6.jpg
|
banner: https://hashcode.withgoogle.com/resources/images/hero_6.jpg
|
||||||
image: https://zeus.ugent.be/zeuswpi/I9GAh7iy.png
|
image: https://zeus.ugent.be/zeuswpi/I9GAh7iy.png
|
||||||
facebook: https://www.facebook.com/events/179465822503595/
|
facebook: https://www.facebook.com/events/179465822503595/
|
||||||
|
header_text_background: true
|
||||||
---
|
---
|
||||||
|
|
||||||
# Google Hashcode
|
# Google Hashcode
|
||||||
|
|
|
@ -23,7 +23,8 @@
|
||||||
<div class="hero-body">
|
<div class="hero-body">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column">
|
<div class="column has-vertical-center">
|
||||||
|
<div class="header-text <%= item[:header_text_background] ? 'light-background' : '' %>">
|
||||||
<p class="title is-1">
|
<p class="title is-1">
|
||||||
<b>
|
<b>
|
||||||
<%= item[:title] %>
|
<%= item[:title] %>
|
||||||
|
@ -49,6 +50,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="is-narrow column banner-image">
|
<div class="is-narrow column banner-image">
|
||||||
<img src="<%= item[:image] %>" >
|
<img src="<%= item[:image] %>" >
|
||||||
|
|
Loading…
Reference in a new issue