<main role="main" class="talk-page">
<article class="page-layout--grid">
<aside class="left talk-date">
<div class="event-date-section">
<div class="label talk">Vortrag</div>
<time class="event-date" datetime="2017-06-23">
<span class="event-day-month">
<span class='event-day'>23</span>
<span class='event-month'>Jun</span>
</span>
<span class='event-year'>2017</span>
</time>
</div>
</aside>
<section class="center">
<h1 class="talk-title">Vortrags Titel</h1>
<div class="talk-description">
<p>Lorem gibson <a href="#">face</a> forwards footage youtube concrete saturation point urban Ono-Sendai shanty
town stimulate temperfoam arcology Bosozoku office tube franchise derm/dermadisk paranoid sprawl pen
People of Importance saturation point.
</p>
</div>
<dl class="date-location-section">
<dt>Datum</dt>
<dd>24.12.2018</dd>
<dt>Uhrzeit</dt>
<dd>13 - 15 Uhr</dd>
<dt>Ort</dt>
<dd>INNOQ Monheim</dd>
</dl>
</section>
</article>
<section class="breakout tag-section">
<h3 class="tag-section__headline">TAGS</h3>
<div class="tag-section__container">
<ul class="tag-list">
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=microservices">Microservices</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=business+technology">Business Technology</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=architecture">Architecture</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=organization">Organization</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=innovation">Innovation</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=project+management">Project Management</a></li>
</ul>
</div>
</section>
<aside class="page-layout--grid">
<h2 class='teaser-section-heading center'>Der Referent</h2>
<section class="center">
<div id="author-bio" class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
<a rel="author" class="author-bio__head" itemprop="url" href="#">
<div class="author-bio__image avatar avatar--base">
<img itemprop="photo" class="avatar__image" src="../../assets/example-content/heribert.jpg" alt="Portrait von Heribert Innoq" />
</div>
<address class="author">
<span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
<span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
</address>
</a>
<address class="author-bio__social">
<a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
<span class="icon-svg icon-svg--small icon-twitter icon--brand-secondary"></span>
</a>
<a rel="author" class="author-bio__social-profile" href="#" title="GitHub">
<span class="icon-svg icon-svg--small icon-github icon--brand-secondary"></span>
</a>
</address>
<div class="author-bio__text">
<p>Heribert Innoq ist Senior Consultant bei INNOQ.
Als Berater, Entwickler und Architekt unterstützt er Kunden vor allem mit seinen langjährigen Kenntnissen von Java- und JVM-basierten Systemen.
Meist beschäftigt er sich hier mit dem Design, der Evaluierung und Implementierung von Architekturen für moderne Webanwendungen und Microservices
in Softwaremodernisierungsprojekten. Sein aktueller Fokus gilt den Themen Team-Organisation und Softwareevolution.
</p>
</div>
</div>
<div class="talk-link center"><a class="link-teaser" href="#">Mehr Vorträge von Heribert Innoq</a></div>
</section>
</aside>
</main>
<main role="main" class="talk-page">
<article class="page-layout--grid">
<aside class="left talk-date">
<div class="event-date-section">
<div class="label talk">Vortrag</div>
<time class="event-date" datetime="2017-06-23">
<span class="event-day-month">
<span class='event-day'>23</span>
<span class='event-month'>Jun</span>
</span>
<span class='event-year'>2017</span>
</time>
</div>
</aside>
<section class="center">
<h1 class="talk-title">Vortrags Titel</h1>
<div class="talk-description">
<p>Lorem gibson <a href="#">face</a> forwards footage youtube concrete saturation point urban Ono-Sendai shanty
town stimulate temperfoam arcology Bosozoku office tube franchise derm/dermadisk paranoid sprawl pen
People of Importance saturation point.
</p>
</div>
<dl class="date-location-section">
<dt>Datum</dt>
<dd>24.12.2018</dd>
<dt>Uhrzeit</dt>
<dd>13 - 15 Uhr</dd>
<dt>Ort</dt>
<dd>INNOQ Monheim</dd>
</dl>
</section>
</article>
<section class="breakout tag-section">
<h3 class="tag-section__headline">TAGS</h3>
<div class="tag-section__container">
<ul class="tag-list">
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=microservices">Microservices</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=business+technology">Business Technology</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=architecture">Architecture</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=organization">Organization</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=innovation">Innovation</a></li>
<li class="tag-list__item"><a class="tag-list__link" href="/de/timeline/?tag=project+management">Project Management</a></li>
</ul>
</div>
</section>
<aside class="page-layout--grid">
<h2 class='teaser-section-heading center'>Der Referent</h2>
<section class="center">
<div id="author-bio" class="author-bio author-bio--long" itemscope itemtype="http://schema.org/Person">
<a rel="author" class ="author-bio__head" itemprop="url" href="#">
<div class="author-bio__image avatar avatar--base">
<img itemprop="photo" class="avatar__image" src="{{ path '/assets/example-content/heribert.jpg' }}" alt="Portrait von Heribert Innoq"/>
</div>
<address class="author">
<span rel="author" class="author-bio__name" itemprop="fullName">Heribert Innoq</span>
<span class="author-bio__info" itemprop="jobTitle">Senior Consultant</span>
</address>
</a>
<address class="author-bio__social">
<a rel="author" class="author-bio__social-profile" href="#" title="Twitter">
<span class="icon-svg icon-svg--small icon-twitter icon--brand-secondary"></span>
</a>
<a rel= "author" class="author-bio__social-profile" href="#" title="GitHub">
<span class="icon-svg icon-svg--small icon-github icon--brand-secondary"></span>
</a>
</address>
<div class="author-bio__text">
<p>Heribert Innoq ist Senior Consultant bei INNOQ.
Als Berater, Entwickler und Architekt unterstützt er Kunden vor allem mit seinen langjährigen Kenntnissen von Java- und JVM-basierten Systemen.
Meist beschäftigt er sich hier mit dem Design, der Evaluierung und Implementierung von Architekturen für moderne Webanwendungen und Microservices
in Softwaremodernisierungsprojekten. Sein aktueller Fokus gilt den Themen Team-Organisation und Softwareevolution.
</p>
</div>
</div>
<div class="talk-link center"><a class="link-teaser" href="#">Mehr Vorträge von Heribert Innoq</a></div>
</section>
</aside>
</main>
{
"code": "pick(:love) do |something|\n n.times do\n result = play(something)\n result.publish\n end\nend\n"
}
.talk-page {
.tag-section {
margin-bottom: $spacer-sm;
}
.teaser-section-heading {
margin-bottom: $spacer-xxl;
}
.author-bio {
&.author-bio--long {
margin-bottom: $spacer-sm;
}
}
.talk-link {
text-align: center;
}
}
.talk-date {
display: flex;
flex-flow: column nowrap;
align-items: center;
margin-bottom: $spacer-md;
.label {
border-left: 0;
margin: 0;
text-align: center;
}
}
.talk-title {
@extend %h1;
margin-bottom: $spacer-md;
}
.talk-description {
> * {
@extend %body-font-italic;
font-size: $font-size-md;
}
}
// Breakpoints
@media screen and (min-width: $grid-breakpoint-md) {
.talk-page {
.tag-section {
margin-bottom: $spacer-md;
}
.teaser-section-heading {
margin-bottom: $spacer-md;
}
.author-bio {
&.author-bio--long {
margin-bottom: $spacer-base;
}
}
}
.talk-date {
margin-bottom: $spacer-lg;
.event-date-section {
width: 40%;
}
}
}
@media screen and (min-width: $grid-breakpoint-xl) {
.talk-date {
align-items: flex-end;
margin-right: $spacer-md;
margin-bottom: 0;
.event-date-section,
.label {
width: 96px;
}
}
}
No notes defined.