Adjust layout for Bootstrap 4.
This commit is contained in:
245
index.html
245
index.html
@ -4,13 +4,12 @@
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Daniel Kraus is (a) bovender</title>
|
||||
<title>Daniel Kraus ~ bovender</title>
|
||||
<meta name="author" content="Daniel Kraus (bovender)">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="description" content="Daniel Kraus' personal homepage. Raised in Bovenden in Lower Saxony, Germany, Daniel is a Bovender.">
|
||||
<meta name="keywords" content="Bovender, Bovenden, XL Toolbox">
|
||||
<link href="assets/main.css" rel="stylesheet">
|
||||
{{/* <link href="css/bovender.css" rel="stylesheet"> */}}
|
||||
<meta name="twitter:card" content="summary"></meta>
|
||||
<meta name="twitter:site" content="@bovender_de"></meta>
|
||||
<meta property="og:title" content="Daniel Kraus ia (a) Bovender">
|
||||
@ -24,36 +23,37 @@
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>
|
||||
<img class="img-rounded pull-left gravatar" src="img/gravatar.png" alt="Daniel Kraus">
|
||||
Daniel Kraus is (a) Bovender
|
||||
<div class="row mt-5 mb-5">
|
||||
<div class="col">
|
||||
<img class="rounded float-left gravatar" src="img/gravatar.png" alt="Daniel Kraus" title="Daniel Kraus">
|
||||
<h1 class="text-center">
|
||||
Daniel Kraus ~ Bovender
|
||||
</h1>
|
||||
<ul class="nav nav-pills">
|
||||
<li>
|
||||
<a href="https://github.com/bovender">
|
||||
<ul class="nav nav-pills justify-content-center">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://github.com/bovender">
|
||||
GitHub
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.mediawiki.org/wiki/User:Bovender">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://www.mediawiki.org/wiki/User:Bovender">
|
||||
MediaWiki
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://de.linkedin.com/in/krada">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://de.linkedin.com/in/krada">
|
||||
LinkedIn
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.researchgate.net/profile/Kraus_Daniel">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://www.researchgate.net/profile/Kraus_Daniel">
|
||||
ResearchGate
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-7" lang="en">
|
||||
<div class="page-header">
|
||||
@ -73,154 +73,146 @@
|
||||
<p>
|
||||
A selection of my projects:
|
||||
</p>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Daniel's XL Toolbox</h3>
|
||||
|
||||
<div class="card border-default mb-3">
|
||||
<div class="card-header" aria-level="3">
|
||||
Daniel's XL Toolbox
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<div class="pull-left margin-right">
|
||||
<img src="img/xltoolbox.png" alt="XL Toolbox">
|
||||
</div>
|
||||
<h4>
|
||||
<a href="http://www.xltoolbox.net">
|
||||
www.xltoolbox.net
|
||||
</a>
|
||||
</h4>
|
||||
<p>
|
||||
<span class="label label-primary">VBA</span>
|
||||
<span class="label label-primary">C#</span>
|
||||
<img class="card-img-top w-50 mx-auto" src="img/xltoolbox.png" alt="XL Toolbox">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<span class="badge badge-primary mr-1">VBA</span>
|
||||
<span class="badge badge-primary mr-2">C#</span>
|
||||
An Excel® add-in with power features aimed at
|
||||
scientists and engineers. This is my most popular
|
||||
project. People especially love the ability to export
|
||||
high-resolution graphics directly from Excel®.
|
||||
</p>
|
||||
<a class="card-link" href="http://www.xltoolbox.net">www.xltoolbox.net</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">IP Indicator</h3>
|
||||
|
||||
<div class="card border-default mb-3">
|
||||
<div class="card-header">
|
||||
IP Indicator
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<h4>
|
||||
<a href="https://github.com/bovender/indicator-ip">
|
||||
github.com/bovender/indicator-ip
|
||||
</a>
|
||||
</h4>
|
||||
<p>
|
||||
<img class="img-responsive" src="https://github.com/bovender/indicator-ip/raw/master/src/IndicatorIp/images/screenshot.png" alt="indicator-ip screenshot">
|
||||
<span class="label label-primary">Python</span>
|
||||
<img class="card-img-cap w-75 mt-2 mx-auto"
|
||||
src="https://github.com/bovender/indicator-ip/raw/master/src/IndicatorIp/images/screenshot.png" alt="indicator-ip screenshot">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<span class="badge badge-primary mr-3">Python</span>
|
||||
Ubuntu Unity indicator that displays the current IP
|
||||
address(es) in the indicator bar.
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<pre><code>sudo apt-add-repository ppa:bovender/bovender
|
||||
sudo apt-get update
|
||||
sudo apt-get install indicator-ip</code></pre>
|
||||
</p>
|
||||
<p class="card-text">
|
||||
<a href="https://github.com/bovender/indicator-ip" class="card-link">github.com/bovender/indicator-ip</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">LinkTitles</h3>
|
||||
<div class="card border-default mb-3">
|
||||
<div class="card-header">
|
||||
LinkTitles
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<h4>
|
||||
<a href="https://www.mediawiki.org/wiki/Extension:LinkTitles">
|
||||
www.mediawiki.org/wiki/Extension:LinkTitles
|
||||
</a>
|
||||
</h4>
|
||||
<p>
|
||||
<span class="label label-primary">PHP</span>
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<span class="badge badge-primary mr-2">PHP</span>
|
||||
A MediaWiki extension that automatically adds links to
|
||||
existing titles to pages that you edit.
|
||||
</p>
|
||||
<a href="https://www.mediawiki.org/wiki/Extension:LinkTitles" class="card-link">
|
||||
www.mediawiki.org/wiki/Extension:LinkTitles
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">PubmedParser</h3>
|
||||
<div class="card border-default mb-3">
|
||||
<div class="card-header">
|
||||
PubmedParser
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<h4>
|
||||
<a href="https://www.mediawiki.org/wiki/Extension:PubmedParser">
|
||||
www.mediawiki.org/wiki/Extension:PubmedParser
|
||||
</a>
|
||||
</h4>
|
||||
<p>
|
||||
<span class="label label-primary">PHP</span>
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<span class="badge badge-primary mr-2">PHP</span>
|
||||
A MediaWiki extension that creates citations from <a
|
||||
href="http://pubmed.gov">Pubmed</a> ID numbers.
|
||||
</p>
|
||||
<a href="https://www.mediawiki.org/wiki/Extension:PubmedParser" class="card-link">
|
||||
www.mediawiki.org/wiki/Extension:PubmedParser
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Gemeinsam gegen Armut auf den Philippinen e.V.</h3>
|
||||
|
||||
<div class="card border-default mb-3">
|
||||
<div class="card-header">
|
||||
Gemeinsam gegen Armut auf den Philippinen e.V.
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<h4>
|
||||
<a href="https://www.gemeinsam-gegen-armut.or">
|
||||
www.gemeinsam-gegen-armut.org
|
||||
</a>
|
||||
</h4>
|
||||
<div class="pull-left margin-right">
|
||||
<img src="img/ggap.png" class="img-responsive" alt="Gemeinsam gegen Armut auf den Philippinen (GGAP) e.V.">
|
||||
</div>
|
||||
<p>
|
||||
<span class="label label-primary">Ruby on Rails</span>
|
||||
<img src="img/ggap.png" class="card-img-cap mx-auto mt-2 img-fluid"
|
||||
alt="Gemeinsam gegen Armut auf den Philippinen (GGAP) e.V."
|
||||
title="www.gemeinsam-gegen-armut.org">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<span class="badge badge-primary mr-3">Ruby on Rails</span>
|
||||
Website with membership management for an NGO that gives
|
||||
scholarships to job trainees on the Philippines.
|
||||
<a href="https://www.gemeinsam-gegen-armut.org" class="card-text">
|
||||
www.gemeinsam-gegen-armut.org
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">Create Changelog</h3>
|
||||
|
||||
<div class="card border-default mb-3">
|
||||
<div class="card-header">
|
||||
Create Changelog
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<h4>
|
||||
<a href="https://github.com/bovender/create-changelog">
|
||||
github.com/bovender/create-changelog
|
||||
</a>
|
||||
</h4>
|
||||
<p>
|
||||
<span class="label label-primary">Ruby</span>
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<span class="badge badge-primary mr-2">Ruby</span>
|
||||
Command-line utility that creates an end-user-friendly
|
||||
changelog from special comments in Git commits.
|
||||
</p>
|
||||
<pre><code>sudo apt-add-repository ppa:bovender/bovender
|
||||
sudo apt-get update
|
||||
sudo apt-get install create-changelog</code></pre>
|
||||
<a href="https://github.com/bovender/create-changelog" class="card-link">
|
||||
github.com/bovender/create-changelog
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-primary">
|
||||
<div class="panel-heading">
|
||||
<h3 class="panel-title">VstoAddinInstaller</h3>
|
||||
|
||||
<div class="card border-default mb-3">
|
||||
<div class="card-header">
|
||||
VstoAddinInstaller
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
<h4>
|
||||
<a href="https://github.com/bovender/VstoAddinInstaller">
|
||||
github.com/bovender/VstoAddinInstaller
|
||||
</a>
|
||||
</h4>
|
||||
<p>
|
||||
<img class="img-responsive" src="img/vstoaddininstaller.png" alt="VstoAddinInstaller screenshot">
|
||||
</p>
|
||||
<p>
|
||||
<span class="label label-primary">InnoSetup</span>
|
||||
<img class="card-img-cap img-fluid w-75 mt-2 mx-auto" src="img/vstoaddininstaller.png" alt="VstoAddinInstaller screenshot" title="VstoAddinInstaller">
|
||||
<div class="card-body">
|
||||
<p class="card-text">
|
||||
<span class="badge badge-primary mr-1">InnoSetup</span>
|
||||
<span class="badge badge-primary mr-2">Pascal</span>
|
||||
<a href="http://www.jrsoftware.org/isinfo.php" target="_blank">InnoSetup</a>
|
||||
scripts to create installers for VSTO add-ins for Microsoft® Office®.
|
||||
</p>
|
||||
<a href="https://github.com/bovender/VstoAddinInstaller" class="card-link">
|
||||
github.com/bovender/VstoAddinInstaller
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
See more over at my
|
||||
<a href="https://github.com/bovender">GitHub repository</a>
|
||||
and have a look at my
|
||||
<a href="https://launchpad.net/~bovender/+archive/ubuntu/bovender">Ubuntu PPA</a>.
|
||||
See more over at my <a href="https://github.com/bovender">GitHub repository</a>
|
||||
and my <a href="https://git.bovender.de/daniel">self-hosted Gitea repository</a>
|
||||
and have a look at my <a href="https://launchpad.net/~bovender/+archive/ubuntu/bovender">Ubuntu PPA</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-5" lang="en">
|
||||
<img src="img/plesse.png" alt="The Plesse castle near Bovenden" title="The Plesse castle near Bovenden" class="img-responsive img-rounded center-block">
|
||||
<h3>Why Bovender?</h3>
|
||||
<img src="img/plesse.png" alt="The Plesse castle near Bovenden" title="The Plesse castle near Bovenden" class="img-fluid rounded mx-auto">
|
||||
<h3 class="mt-3">Why Bovender?</h3>
|
||||
<p>
|
||||
<a href="http://www.bovenden.de">Bovenden</a> is the
|
||||
place where I grew up, which makes me a 'Bovender'.
|
||||
@ -273,23 +265,24 @@ sudo apt-get install create-changelog</code></pre>
|
||||
|
||||
<div class="row margin-top">
|
||||
<div class="col-md-12 text-center text-muted">
|
||||
<p class="no-margin">
|
||||
<small>
|
||||
This microsite was hand-coded using
|
||||
<a href="http://www.vim.org">Vim</a> and
|
||||
<a href="//www.getbootstrap.com">Bootstrap</a>.
|
||||
</small>
|
||||
<p class="my-0 small">
|
||||
This microsite was created with
|
||||
<a href="//code.visualstudio.com">VS Code</a> and
|
||||
<a href="//www.getbootstrap.com">Bootstrap 4</a> using
|
||||
<a href="//webpack.js.org">Webpack</a>.
|
||||
<br />
|
||||
A previous version of this site was hand-coded using
|
||||
<a href="http://www.vim.org">Vim</a> and
|
||||
<a href="//www.getbootstrap.com">Bootstrap 3</a>.
|
||||
</p>
|
||||
<address>
|
||||
<small>
|
||||
Impressum ~ Daniel Kraus ~
|
||||
Höhenstraße 15 ~ 65451 Kelsterbach ~
|
||||
bovender at bovender . de ~
|
||||
(0 61 07) 7 56 88 40 ~
|
||||
<a href="//telegram.me/bovender">telegram.me/bovender</a>
|
||||
~
|
||||
<a href="privacy.html">Datenschutz ~ Privacy</a>
|
||||
</small>
|
||||
<address class="small">
|
||||
Impressum ~ Daniel Kraus ~
|
||||
Höhenstraße 15 ~ 65451 Kelsterbach ~
|
||||
bovender at bovender . de ~
|
||||
(0 61 07) 7 56 88 40 ~
|
||||
<a href="//telegram.me/bovender">telegram.me/bovender</a>
|
||||
~
|
||||
<a href="privacy.html">Datenschutz ~ Privacy</a>
|
||||
</address>
|
||||
<div>
|
||||
<a href="https://vivaldi.com?pk_campaign=Banners&pk_kwd=pu200x20">
|
||||
|
||||
Reference in New Issue
Block a user