Files
website/_site/connect.html

336 lines
7.8 KiB
HTML

<!doctype html>
<!--
Minimal Mistakes Jekyll Theme 4.27.1 by Michael Rose
Copyright 2013-2025 Michael Rose - mademistakes.com | @mmistakes
Free for personal and commercial use under the MIT license
https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE
---
Modified by Steffen Illium 2023 - 2024
https://steffenillium.de/about
-->
<html lang="en-US" class="no-js">
<head>
<meta charset="utf-8">
<!-- begin _includes/seo.html --><title>Connect — Steffen Illium</title>
<meta name="description" content="How to connect with me.">
<meta name="author" content="Steffen Illium">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:site_name" content="Steffen Illium">
<meta property="og:title" content="Connect">
<meta property="og:url" content="http://localhost:4000/connect">
<meta property="og:description" content="How to connect with me.">
<meta property="og:image" content="http://localhost:4000/assets/images/newshot_2.jpg">
<link rel="canonical" href="http://localhost:4000/connect">
<meta name="google-site-verification" content="ZNT7_sXtFdgqBLCPLavTHWcviZRk__BNvClY8I-sFjU" />
<!-- end _includes/seo.html -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js ';
</script>
<!-- For all browsers -->
<link rel="stylesheet" href="/assets/css/main.css">
<link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css"></noscript>
<!-- Academicons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css">
<!-- start custom head snippets -->
<!-- insert favicons. use https://realfavicongenerator.net/ -->
<!-- end custom head snippets -->
</head>
<body class="layout--my-connect" dir="ltr">
<nav class="skip-links">
<ul>
<li><a href="#site-nav" class="screen-reader-shortcut">Skip to primary navigation</a></li>
<li><a href="#main" class="screen-reader-shortcut">Skip to content</a></li>
<li><a href="#footer" class="screen-reader-shortcut">Skip to footer</a></li>
</ul>
</nav>
<div class="masthead">
<div class="masthead__inner-wrap">
<div class="masthead__menu">
<nav id="site-nav" class="greedy-nav">
<a class="site-title" href="/">
portfolio
<span class="site-subtitle"></span>
</a>
<ul class="visible-links"><li class="masthead__menu-item">
<a
href="/publications"
>publications</a>
</li><li class="masthead__menu-item">
<a
href="/research"
>research</a>
</li><li class="masthead__menu-item">
<a
href="/projects"
>projects</a>
</li><li class="masthead__menu-item">
<a
href="/teaching"
>teaching</a>
</li><li class="masthead__menu-item">
<a
href="/about"
>about me</a>
</li></ul>
<button class="greedy-nav__toggle hidden" type="button">
<span class="visually-hidden">Toggle menu</span>
<div class="navicon"></div>
</button>
<ul class="hidden-links hidden"></ul>
</nav>
</div>
</div>
</div>
<div class="initial-content">
<style>
.name {
a {
color: #222831;
}
}
.link-style{
a:link {
text-decoration: none;
/* color: ""; */
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}
}
.center {
margin:auto;
max-height:250px;
place-items: center;
text-align: center;
max-width: 280px;
align-items: center;
list-style-type: none;
}
.extra-margin {
margin-bottom: 1em;
}
.avatar {
display: inline;
float: center;
margin-left: auto;
margin-right: auto;
width: 48px;
height: 48px;
margin-bottom: 1em;
margin-top: auto;
img {
max-width: 130px;
border-radius: 50%;
@include breakpoint($large) {
padding: 5px;
border: 1px solid $border-color;
}
}
}
</style>
<div class="center">
<br>
<div class="avatar">
<a href="http://localhost:4000/">
<img src="/assets/images/newshot_2.jpg" alt="Steffen Illium" itemprop="image" class="u-photo">
</a>
</div>
<h3 class="name p-name link-style" itemprop="name">
<a class="name u-url" rel="me" href="http://localhost:4000/" itemprop="url">Steffen Illium</a>
</h3>
<div class="author__bio p-note link-style" itemprop="description">
<p><a href="https://www.mobile.ifi.lmu.de/team/steffen-illium/">PhD. in Comp. Science</a> <br /><a href="/research/">AI Consultant &amp; Researcher</a></p>
</div>
<li class="link-style name"><a href="mailto:steffen.illium@ifi.lmu.de" rel="nofollow noopener noreferrer"><i class="fas fa-fw fa-envelope extra-margin link-style" aria-hidden="true"></i> Email</a></li>
<li class="link-style name"><a href="https://www.linkedin.com/in/steffen-illium/" rel="nofollow noopener noreferrer"><i class="fab fa-fw fa-linkedin extra-margin link-style" aria-hidden="true"></i> LinkedIn</a></li>
<li class="link-style name"><a href="https://gitea.steffenillium.de/steffen" rel="nofollow noopener noreferrer"><i class="fab fa-git-alt extra-margin link-style" aria-hidden="true"></i> Gitea</a></li>
<br>
<a style="text-align: center;" href="/assets/images/qr.png" class="btn btn--success image-popup">Display QR Code</a>
<br>
<br>
<a style="text-align: center;" href="/" class="btn btn--primary">Back to the home</a>
</div>
</div>
<div id="footer" class="page__footer">
<footer>
<!-- start custom footer snippets -->
<!-- end custom footer snippets -->
<div class="page__footer-follow">
<ul class="social-icons">
<li><strong>Contact:</strong></li>
<li><a href="mailto:steffen.illium@ifi.lmu.de" rel="nofollow noopener noreferrer"><i class="fas fa-fw fa-envelope" aria-hidden="true"></i> Email</a></li>
<li><a href="https://www.linkedin.com/in/steffen-illium/" rel="nofollow noopener noreferrer"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i> LinkedIn</a></li>
<li><a href="https://gitea.steffenillium.de/steffen" rel="nofollow noopener noreferrer"><i class="fab fa-git-alt" aria-hidden="true"></i> Gitea</a></li>
<li><a href="/status/" rel="nofollow noopener noreferrer"><img src="https://uptime.steffenillium.de/api/badge/2/status" alt="System Status"></a></li>
</ul>
</div>
<div class="page__footer-copyright">&copy; 2025 <a href="http://localhost:4000">Steffen Illium</a>. Powered by <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> &amp; <a href="https://mademistakes.com/work/jekyll-themes/minimal-mistakes/" rel="nofollow">Minimal Mistakes</a>.</div>
</footer>
</div>
<script src="/assets/js/main.min.js"></script>
<script src="/assets/js/custom-bibtex.js"></script>
</body>
</html>