master
Marvin Johanning 2022-07-13 20:46:34 +02:00
parent f6bdc5a020
commit adb77c2a91
122 changed files with 1880 additions and 1771 deletions

View File

@ -1 +1 @@
I"d{"source"=>"/Users/mjo/Programming/Websites/marvinjohanning.de/jekyll", "destination"=>"/Users/mjo/Programming/Websites/marvinjohanning.de/jekyll/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"title"=>"Posts", "output"=>true, "description"=>"My thoughts and ideas", "feature_image"=>"/assets/images/books.jpg", "permalink"=>"/:categories/:year/:month/:day/:title/"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>["README.md", "CODE_OF_CONDUCT.md", "CONTRIBUTING.md", "screenshot.png", "LICENSE", "CNAME", "Gemfile", "Gemfile.lock", "alembic-jekyll-theme.gemspec", ".jekyll-cache", ".sass-cache", "gemfiles", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-sitemap", "jekyll-mentions", "jekyll-paginate", "jekyll-seo-tag", "jekyll-redirect-from", "jekyll-feed", "jekyll-commonmark", "jekyll-include-cache", "jemoji"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"<!-- more -->", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"", "show_dir_listing"=>false, "permalink"=>"pretty", "paginate_path"=>"blog/page:num", "timezone"=>"Europe/Berlin", "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>""}, "values"=>{"image"=>"/assets/default-social-image.png"}}, {"scope"=>{"path"=>"", "type"=>"posts"}, "values"=>{"layout"=>"post"}}, {"scope"=>{"path"=>"", "type"=>"pages"}, "values"=>{"layout"=>"page"}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false, "syntax_highlighter"=>"rouge", "syntax_highlighter_opts"=>{:default_lang=>"plaintext", :guess_lang=>true}, "coderay"=>{}}, "paginate"=>2, "jekyll-mentions"=>"https://twitter.com", "twitter"=>{"username"=>"Marvinjohanning"}, "author"=>"MarvinJohanning", "social"=>{"name"=>"David Darnes", "links"=>["https://twitter.com/MarvinJohanning", "https://YouTube.com/c/MarvinJohanning"]}, "sass"=>{"style"=>:compressed}, "lang"=>"en-GB", "title"=>"MarvinJohanning.de", "logo"=>"/assets/logos/logo.png", "description"=>"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately", "url"=>"http://localhost:4000", "repo"=>"https://github.com/mjohanning99/", "email"=>"info@marvinjohanning.de", "css_inline"=>true, "favicons"=>{16=>"/assets/logos/logo@16px.png", 32=>"/assets/logos/logo@32px.png", 96=>"/assets/logos/logo@96px.png", 120=>"/assets/logos/logo@120px.png", 144=>"/assets/logos/logo@144px.png", 180=>"/assets/logos/logo@180px.png", 512=>"/assets/logos/logo@512px.png", 1024=>"/assets/logos/logo@1024px.png"}, "navigation_header"=>[{"title"=>"Home", "url"=>"/"}, {"title"=>"About", "url"=>"/about/"}, {"title"=>"Blog", "url"=>"/blog/"}, {"title"=>"Birding", "url"=>"/birding/"}, {"title"=>"Books", "url"=>"/categories/#Books"}], "navigation_footer"=>[{"title"=>"Marvin Johanning", "url"=>"https://marvinjohanning.de"}], "social_links"=>{"Twitter"=>"https://twitter.com/MarvinJohanning", "RSS"=>"/feed.xml"}, "sharing_links"=>{"Twitter"=>"#0d94e7", "facebook"=>"#3B5998", "Email"=>true}, "fonts"=>{"preconnect_urls"=>["https://fonts.gstatic.com"], "font_urls"=>["https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap"]}, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET
I"L{"source"=>"/Users/mjo/Programming/Websites/marvinjohanning.de/jekyll", "destination"=>"/Users/mjo/Programming/Websites/marvinjohanning.de/jekyll/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"title"=>"Posts", "output"=>true, "description"=>"My thoughts and ideas", "feature_image"=>"/assets/images/books.jpg", "permalink"=>"/:categories/:year/:month/:day/:title/"}, "reports"=>{"title"=>"Birding Reports", "output"=>true}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>["README.md", "CODE_OF_CONDUCT.md", "CONTRIBUTING.md", "screenshot.png", "LICENSE", "CNAME", "Gemfile", "Gemfile.lock", "alembic-jekyll-theme.gemspec", ".jekyll-cache", ".sass-cache", "gemfiles", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-sitemap", "jekyll-mentions", "jekyll-paginate", "jekyll-seo-tag", "jekyll-redirect-from", "jekyll-feed", "jekyll-commonmark", "jekyll-include-cache", "jemoji"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"<!-- more -->", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"", "show_dir_listing"=>false, "permalink"=>"pretty", "paginate_path"=>"blog/page:num", "timezone"=>"Europe/Berlin", "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>""}, "values"=>{"image"=>"/assets/default-social-image.png"}}, {"scope"=>{"path"=>"", "type"=>"posts"}, "values"=>{"layout"=>"post"}}, {"scope"=>{"path"=>"", "type"=>"pages"}, "values"=>{"layout"=>"page"}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "paginate"=>2, "jekyll-mentions"=>"https://twitter.com", "twitter"=>{"username"=>"Marvinjohanning"}, "author"=>"MarvinJohanning", "social"=>{"name"=>"David Darnes", "links"=>["https://twitter.com/MarvinJohanning", "https://YouTube.com/c/MarvinJohanning"]}, "sass"=>{"style"=>"compressed"}, "lang"=>"en-GB", "title"=>"MarvinJohanning.de", "logo"=>"/assets/logos/logo.png", "description"=>"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately", "url"=>"http://localhost:4000", "repo"=>"https://github.com/mjohanning99/", "email"=>"info@marvinjohanning.de", "css_inline"=>true, "favicons"=>{16=>"/assets/logos/logo@16px.png", 32=>"/assets/logos/logo@32px.png", 96=>"/assets/logos/logo@96px.png", 120=>"/assets/logos/logo@120px.png", 144=>"/assets/logos/logo@144px.png", 180=>"/assets/logos/logo@180px.png", 512=>"/assets/logos/logo@512px.png", 1024=>"/assets/logos/logo@1024px.png"}, "navigation_header"=>[{"title"=>"Home", "url"=>"/"}, {"title"=>"About", "url"=>"/about/"}, {"title"=>"Blog", "url"=>"/blog/"}, {"title"=>"Birding", "url"=>"/birding/"}, {"title"=>"Books", "url"=>"/categories/#Books"}, {"title"=>"Search", "url"=>"/search/"}], "navigation_footer"=>[{"title"=>"Marvin Johanning", "url"=>"https://marvinjohanning.de"}], "social_links"=>{"Twitter"=>"https://twitter.com/MarvinJohanning", "RSS"=>"/feed.xml"}, "sharing_links"=>{"Twitter"=>"#0d94e7", "facebook"=>"#3B5998", "Email"=>true}, "fonts"=>{"preconnect_urls"=>["https://fonts.gstatic.com"], "font_urls"=>["https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap"]}, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET

View File

@ -1,14 +0,0 @@
I"´<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center;">
<a class="button" href="https://twitter.com/MarvinJohanning" style="width=50%; background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width=50%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width=50%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width=50%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width=50%; background: #094507">eBird</a>
</div>
:ET

View File

@ -1,15 +0,0 @@
I"Ò<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -0,0 +1,5 @@
I"p
<p><a href="/assets/docs/reports/July">July</a>,</p>
<p><a href="/assets/docs/reports/June">June</a></p>
:ET

View File

@ -1,4 +1,4 @@
I"¦<p>Sorry, but the page could not be found.</p>
I";<p>Sorry, but the page could not be found.</p>
<p>Are you looking for:</p>
@ -65,6 +65,17 @@
<li class="item item--nav">
<a href="/reports/">Birding</a>
</li>
<li class="item item--nav">

View File

@ -1,13 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a></p>
:ET

View File

@ -1,20 +0,0 @@
I"ä <p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"´<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a></p>
<p>https://www.reddit.com/user/mjoh99</p>
:ET

View File

@ -1,18 +0,0 @@
I"°<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"!<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 100%; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,19 +0,0 @@
I"¹<p>This page will provide you with some further insights into who I am and what exactly I do and why. To find out more about one of my interests or hobbies, please click the appropriate link in the menu.</p>
<h3 id="general">General</h3>
<p>Hello there! My name is Marvin, I am 23 years old and live in Germany. My particular interests revolve around technology and language — and I am the maintainer of a website dedicated to freely distributing information on the Ancient Greek language called <a href="//ancient-greek.net">ancient-greek.net</a> —, especially older ones — this applies to both the technology and language aspect. I have always found the somewhat <i>dated</i> things more interesting; they have more of apersonality than newer things to do me, for some reason. The latter is also why I like studying ancient languages such as Ancient Egyptian and Ancient Greek. I don’t have any scholarly background, though, and am currently working as an <i>IT-Systemelektroniker</i> (IT systems technician) at a company in Bielefeld, Germany. Additionally, I am an author and have already published various books. I am also somewhat of a minimalist and I prefer things that are more minimalist and simply functional, rather than something overly bloated when it has no right to be.</p>
<h3 id="languages">Languages</h3>
<p>Personally, one of the main things I spend my time on in my free-time is learning more about languages and, at present, I am focussing primarily on Attic / Koine Greek. I know a variety of scripts and have learnt a large number of languages over the course of my life; I have not, however, learnt enough of these languages to have an actual conversation and thus, the only languages I can actually <i>speak</i> are German, English and Swedish.</p>
<h3 id="birding">Birding</h3>
<p>I also very much enjoy birding and frequently go outside to take photographs of birds, make audio recordings of them and write them down in my log. Additionally, I write birding reports from time to time and am a member of the <em>Nordrhein-Westfälische Ornithologengesellschaft e. V.</em> (North Rhine-Westphalian Ornithological Society) where I try to participate in voluntary bird counting programs (currently, I am part of the <em>AG Wasservogelzählung</em>) and various other activites. I am also a member of the <em>Naturschutzbund Bielefeld</em>.</p>
<h3 id="writing">Writing</h3>
<p>I also thoroughly like writing things, be it birding reports or books. I have written a variety of books and published a handful of them have already been published as well. I mostly write translations of Ancient Greek texts (most notably the Greek New Testament) into either English or German. I have also written and published a book on the Ancient Egyptian language and how to learn it as a beginner. You can find more information about these two books by clicking the “Booksâ€<C3A2> tab in the menu. I also run a website on Ancient Greek (<a href="https://Ancient-Greek.net">Ancient-Greek.net</a>) where I publish a lot of translations and other information on the language as well.</p>
<h3 id="other">Other</h3>
<p>I also enjoy travelling very much, even though I have not visited that many countries or places yet because of lack of money. Besides the language and travelling stuff, I also enjoy trying out new types of coffee, tea, wine, whisk(e)y and beer which is often accompanied by my reading a book or just listening to music (Klaus Schulze, Neuronium, Tangerine Dream, Эдуард Ð<>Ñ€Ñемьев, 冨田 勲 — you get the picture, a lot of perhaps more ambient electronic music — and just a lot of 70s and 80s in general (I especially enjoy Japanese 70s). I also highly enjoy a lot of classical music — Beethoven and Vivaldi being one of my favourites — and I also think a lot of Vapourwave is rather nice.</p>
<p>I also do a bit of programming every now and then. The majority of my programming projects can be found on my <a href="https://github.com/mjohanning99">Github</a> page.</p>
:ET

View File

@ -1,18 +0,0 @@
I"°<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a></p>
:ET

View File

@ -1,12 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 50%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 50%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 50%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 50%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 50%; background: #094507">eBird</a></p>
:ET

View File

@ -1,17 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,13 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a></p>
:ET

View File

@ -1,12 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 50%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 50%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 50%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 50%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 50%; background: #094507">eBird</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"´<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a></p>
<p>https://www.reddit.com/user/mjoh99</p>
:ET

View File

@ -1,14 +0,0 @@
I"¿<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center; width=50%;">
<a class="button" href="https://twitter.com/MarvinJohanning" style="width=50%; background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width=50%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width=50%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width=50%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width=50%; background: #094507">eBird</a>
</div>
:ET

View File

@ -1,14 +0,0 @@
I",<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,11 +0,0 @@
I"V<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a></p>
:ET

View File

@ -1,13 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #094507">Reddit</a></p>
:ET

View File

@ -1,17 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,13 +0,0 @@
I"£<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.9%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.9%; background: #EA3335">YouTube</a></p>
<p><a class="button" href="https://Ancient-Greek.net" style="width: 49.9%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.9%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.9%; background: #094507">eBird</a></p>
:ET

View File

@ -1,15 +0,0 @@
I"~<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center;">
<a class="button" href="https://twitter.com/MarvinJohanning" style="background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a>
</div>
:ET

View File

@ -1,14 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -0,0 +1,22 @@
I"ÿ
<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49%; text-align: center; background: #094507">eBird  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://www.ornitho.de/index.php?m_id=29" style="width: 49%; text-align: center; background: #094507">Ornitho  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 100%; text-align: center; background: #f68140">Ancient-Greek.net  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a></p>
:ET

View File

@ -0,0 +1,22 @@
I"ÿ
<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49%; text-align: center; background: #094507">eBird  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://www.ornitho.de/index.php?m_id=29" style="width: 49%; text-align: center; background: #094507">Ornitho  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 100%; text-align: center; background: #f68140">Ancient-Greek.net  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a></p>
:ET

View File

@ -1,14 +0,0 @@
I",<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"¹<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center;">
<a class="button" href="https://twitter.com/MarvinJohanning" style="width: 50%; background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 50%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 50%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 50%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 50%; background: #094507">eBird</a>
</div>
:ET

View File

@ -1,180 +0,0 @@
I"$'<h1 id="heading-1">Heading 1</h1>
<h2 id="heading-2">Heading 2</h2>
<h3 id="heading-3">Heading 3</h3>
<h4 id="heading-4">Heading 4</h4>
<h5 id="heading-5">Heading 5</h5>
<h6 id="heading-6">Heading 6</h6>
<p><small>A small element</small></p>
<p><a href="https://david.darn.es" title="A link">A link</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adip* isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Duis aute irure dolor in <a href="https://david.darn.es" title="A link">A link</a> reprehenderit in voluptate velit esse cillum <strong>bold text</strong> dolore eu fugiat nulla pariatur. Excepteur span element sint occaecat cupidatat non proident, sunt <em>italicised text</em> in culpa qui officia deserunt mollit anim id <code class="language-plaintext highlighter-rouge">some code</code> est laborum.</p>
<ul>
<li>An item</li>
<li>An item</li>
<li>An item</li>
<li>An item</li>
<li>An item</li>
</ul>
<ol>
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
<li>Item four</li>
<li>Item five</li>
</ol>
<blockquote>
<p>A simple blockquote</p>
</blockquote>
<p>Some HTML…</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;blockquote</span> <span class="na">cite=</span><span class="s">"http://www.imdb.com/title/tt0284978/quotes/qt1375101"</span><span class="nt">&gt;</span>
<span class="nt">&lt;p&gt;</span>You planning a vacation, Mr. Sullivan?<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;footer&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"http://www.imdb.com/title/tt0284978/quotes/qt1375101"</span><span class="nt">&gt;</span>Sunways Security Guard<span class="nt">&lt;/a&gt;</span>
<span class="nt">&lt;/footer&gt;</span>
<span class="nt">&lt;/blockquote&gt;</span>
</code></pre></div></div>
<p>…CSS…</p>
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">blockquote</span> <span class="p">{</span>
<span class="nl">text-align</span><span class="p">:</span> <span class="nb">center</span><span class="p">;</span>
<span class="nl">font-weight</span><span class="p">:</span> <span class="nb">bold</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">blockquote</span> <span class="nt">footer</span> <span class="p">{</span>
<span class="nl">font-size</span><span class="p">:</span> <span class="m">.8rem</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<p>…and JavaScript</p>
<div class="language-js highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">const</span> <span class="nx">blockquote</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="dl">"</span><span class="s2">blockquote</span><span class="dl">"</span><span class="p">)</span>
<span class="kd">const</span> <span class="nx">bolden</span> <span class="o">=</span> <span class="p">(</span><span class="nx">keyString</span><span class="p">,</span> <span class="nx">string</span><span class="p">)</span> <span class="o">=&gt;</span>
<span class="nx">string</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="nx">keyString</span><span class="p">,</span> <span class="dl">'</span><span class="s1">g</span><span class="dl">'</span><span class="p">),</span> <span class="dl">'</span><span class="s1">&lt;strong&gt;</span><span class="dl">'</span><span class="o">+</span><span class="nx">keyString</span><span class="o">+</span><span class="dl">'</span><span class="s1">&lt;/strong&gt;</span><span class="dl">'</span><span class="p">)</span>
<span class="nx">blockquote</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">bolden</span><span class="p">(</span><span class="dl">"</span><span class="s2">Mr. Sullivan</span><span class="dl">"</span><span class="p">,</span> <span class="nx">blockquote</span><span class="p">.</span><span class="nx">innerHTML</span><span class="p">)</span>
</code></pre></div></div>
<p><code class="language-plaintext highlighter-rouge">Single line of code</code></p>
<h2 id="html-includes">HTML Includes</h2>
<h3 id="contact-form">Contact form</h3>
<form class="form form--contact" method="post" name="Contact" action="/thanks/">
<fieldset class="fieldset form__fieldset">
<legend class="legend form__legend">Contact</legend>
<label class="label" for="name--contact">Name: <span class="required">*</span></label>
<input class="input" id="name--contact" type="text" name="name" value="" placeholder="Your Name" required="required" />
<label class="label" for="email--contact">Email Address: <span class="required">*</span></label>
<input class="input" id="email--contact" type="email" name="email" value="" placeholder="email@website.com" required="required" />
<label class="label" for="message--contact">Message: <span class="required">*</span></label>
<textarea class="textarea" id="message--contact" name="message" placeholder="Your message..." required="required"></textarea>
<input class="button" type="submit" value="Send message" />
<br />
<small class="small"><span class="required">*</span> indicates a required field</small>
<input type="text" name="_gotcha" style="display:none" />
<input type="hidden" name="_subject" value="MarvinJohanning.de submission from Contact" />
<input type="hidden" name="_next" value="/thanks/" />
</fieldset>
</form>
<script>
var email = "ed.gninnahojnivram@ofni";
var unraveledEmail = email.split("").reverse().join("");
var form = document.querySelector(".form--contact");
form.setAttribute("action", "https://formspree.io/" + unraveledEmail);
</script>
<noscript>Please enable JavaScript to use the form.</noscript>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include site-form.html %}
</code></pre></div></div>
<h3 id="demo-map-embed">Demo map embed</h3>
<div class="map"><iframe src="https://www.google.com/maps/d/u/0/embed?mid=1UT-2Z-Vg_MG_TrS5X2p8SthsJhc" title="Coffee shop map"></iframe></div>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include map.html id="XXXXXX" title="Coffee shop map" %}
</code></pre></div></div>
<h3 id="button-include">Button include</h3>
<p><a class="hypebutton" href="https://david.darn.es">A button</a></p>
<p><a class="hypebutton" href="https://twitter.com/daviddarnes">A button with icon  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a></p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include button.html text="A button" link="https://david.darn.es" %}
{% include button.html text="A button with icon" link="https://twitter.com/daviddarnes" icon="twitter" %}
</code></pre></div></div>
<h3 id="icon-include">Icon include</h3>
<svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
<p><a href="https://www.linkedin.com/in/daviddarnes"><svg width="16" height="16" class="icon icon--linkedin" role="img" alt="twitter"><title>twitter</title><use xlink:href="#linkedin" fill="CurrentColor"></use></svg>
</a></p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include icon.html id="twitter" title="twitter" %}
[{% include icon.html id="linkedin" title="twitter" %}](https://www.linkedin.com/in/daviddarnes)
</code></pre></div></div>
<h3 id="video-include">Video include</h3>
<div class="video">
<iframe src="https://www.youtube.com/embed/zrkcGL5H3MU" frameborder="0" allowfullscreen="" title="Siteleaf tutorial video"></iframe>
</div>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include video.html id="zrkcGL5H3MU" title="Siteleaf tutorial video" %}
</code></pre></div></div>
<h3 id="image-includes">Image includes</h3>
<figure class="figure figure--center">
<img class="image" src="https://picsum.photos/600/800?image=894" alt="Image with caption" width="300" height="800" />
<figcaption class="caption">Image with caption</figcaption>
</figure>
<figure class="figure figure--right">
<img class="image" src="https://picsum.photos/600/800?image=894" alt="Right aligned image" width="300" height="800" />
<figcaption class="caption">Right aligned image</figcaption>
</figure>
<figure class="figure figure--left">
<img class="image" src="https://picsum.photos/600/800?image=894" alt="Left aligned image" width="300" height="800" />
<figcaption class="caption">Left aligned image</figcaption>
</figure>
<figure class="figure figure--center">
<img class="image" src="https://picsum.photos/1600/800?image=894" alt="Image with just alt text" width="" height="" />
</figure>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include figure.html image="https://picsum.photos/600/800?image=894" caption="Image with caption" width="300" height="800" %}
{% include figure.html image="https://picsum.photos/600/800?image=894" caption="Right aligned image" position="right" width="300" height="800" %}
{% include figure.html image="https://picsum.photos/600/800?image=894" caption="Left aligned image" position="left" width="300" height="800" %}
{% include figure.html image="https://picsum.photos/1600/800?image=894" alt="Image with just alt text" %}
</code></pre></div></div>
:ET

View File

@ -1,14 +0,0 @@
I"!<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 100%; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,180 +0,0 @@
I"$'<h1 id="heading-1">Heading 1</h1>
<h2 id="heading-2">Heading 2</h2>
<h3 id="heading-3">Heading 3</h3>
<h4 id="heading-4">Heading 4</h4>
<h5 id="heading-5">Heading 5</h5>
<h6 id="heading-6">Heading 6</h6>
<p><small>A small element</small></p>
<p><a href="https://david.darn.es" title="A link">A link</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adip* isicing elit, sed do eiusmod *tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Duis aute irure dolor in <a href="https://david.darn.es" title="A link">A link</a> reprehenderit in voluptate velit esse cillum <strong>bold text</strong> dolore eu fugiat nulla pariatur. Excepteur span element sint occaecat cupidatat non proident, sunt <em>italicised text</em> in culpa qui officia deserunt mollit anim id <code class="language-plaintext highlighter-rouge">some code</code> est laborum.</p>
<ul>
<li>An item</li>
<li>An item</li>
<li>An item</li>
<li>An item</li>
<li>An item</li>
</ul>
<ol>
<li>Item one</li>
<li>Item two</li>
<li>Item three</li>
<li>Item four</li>
<li>Item five</li>
</ol>
<blockquote>
<p>A simple blockquote</p>
</blockquote>
<p>Some HTML…</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;blockquote</span> <span class="na">cite=</span><span class="s">"http://www.imdb.com/title/tt0284978/quotes/qt1375101"</span><span class="nt">&gt;</span>
<span class="nt">&lt;p&gt;</span>You planning a vacation, Mr. Sullivan?<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;footer&gt;</span>
<span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"http://www.imdb.com/title/tt0284978/quotes/qt1375101"</span><span class="nt">&gt;</span>Sunways Security Guard<span class="nt">&lt;/a&gt;</span>
<span class="nt">&lt;/footer&gt;</span>
<span class="nt">&lt;/blockquote&gt;</span>
</code></pre></div></div>
<p>…CSS…</p>
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">blockquote</span> <span class="p">{</span>
<span class="nl">text-align</span><span class="p">:</span> <span class="nb">center</span><span class="p">;</span>
<span class="nl">font-weight</span><span class="p">:</span> <span class="nb">bold</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">blockquote</span> <span class="nt">footer</span> <span class="p">{</span>
<span class="nl">font-size</span><span class="p">:</span> <span class="m">.8rem</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<p>…and JavaScript</p>
<div class="language-js highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">const</span> <span class="nx">blockquote</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="dl">"</span><span class="s2">blockquote</span><span class="dl">"</span><span class="p">)</span>
<span class="kd">const</span> <span class="nx">bolden</span> <span class="o">=</span> <span class="p">(</span><span class="nx">keyString</span><span class="p">,</span> <span class="nx">string</span><span class="p">)</span> <span class="o">=&gt;</span>
<span class="nx">string</span><span class="p">.</span><span class="nx">replace</span><span class="p">(</span><span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="nx">keyString</span><span class="p">,</span> <span class="dl">'</span><span class="s1">g</span><span class="dl">'</span><span class="p">),</span> <span class="dl">'</span><span class="s1">&lt;strong&gt;</span><span class="dl">'</span><span class="o">+</span><span class="nx">keyString</span><span class="o">+</span><span class="dl">'</span><span class="s1">&lt;/strong&gt;</span><span class="dl">'</span><span class="p">)</span>
<span class="nx">blockquote</span><span class="p">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">bolden</span><span class="p">(</span><span class="dl">"</span><span class="s2">Mr. Sullivan</span><span class="dl">"</span><span class="p">,</span> <span class="nx">blockquote</span><span class="p">.</span><span class="nx">innerHTML</span><span class="p">)</span>
</code></pre></div></div>
<p><code class="language-plaintext highlighter-rouge">Single line of code</code></p>
<h2 id="html-includes">HTML Includes</h2>
<h3 id="contact-form">Contact form</h3>
<form class="form form--contact" method="post" name="Contact" action="/thanks/">
<fieldset class="fieldset form__fieldset">
<legend class="legend form__legend">Contact</legend>
<label class="label" for="name--contact">Name: <span class="required">*</span></label>
<input class="input" id="name--contact" type="text" name="name" value="" placeholder="Your Name" required="required" />
<label class="label" for="email--contact">Email Address: <span class="required">*</span></label>
<input class="input" id="email--contact" type="email" name="email" value="" placeholder="email@website.com" required="required" />
<label class="label" for="message--contact">Message: <span class="required">*</span></label>
<textarea class="textarea" id="message--contact" name="message" placeholder="Your message..." required="required"></textarea>
<input class="button" type="submit" value="Send message" />
<br />
<small class="small"><span class="required">*</span> indicates a required field</small>
<input type="text" name="_gotcha" style="display:none" />
<input type="hidden" name="_subject" value="MarvinJohanning.de submission from Contact" />
<input type="hidden" name="_next" value="/thanks/" />
</fieldset>
</form>
<script>
var email = "ed.gninnahojnivram@ofni";
var unraveledEmail = email.split("").reverse().join("");
var form = document.querySelector(".form--contact");
form.setAttribute("action", "https://formspree.io/" + unraveledEmail);
</script>
<noscript>Please enable JavaScript to use the form.</noscript>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include site-form.html %}
</code></pre></div></div>
<h3 id="demo-map-embed">Demo map embed</h3>
<div class="map"><iframe src="https://www.google.com/maps/d/u/0/embed?mid=1UT-2Z-Vg_MG_TrS5X2p8SthsJhc" title="Coffee shop map"></iframe></div>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include map.html id="XXXXXX" title="Coffee shop map" %}
</code></pre></div></div>
<h3 id="button-include">Button include</h3>
<p><a class="hypebutton" href="https://david.darn.es">A button</a></p>
<p><a class="hypebutton" href="https://twitter.com/daviddarnes">A button with icon  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a></p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include button.html text="A button" link="https://david.darn.es" %}
{% include button.html text="A button with icon" link="https://twitter.com/daviddarnes" icon="twitter" %}
</code></pre></div></div>
<h3 id="icon-include">Icon include</h3>
<svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
<p><a href="https://www.linkedin.com/in/daviddarnes"><svg width="16" height="16" class="icon icon--linkedin" role="img" alt="twitter"><title>twitter</title><use xlink:href="#linkedin" fill="CurrentColor"></use></svg>
</a></p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include icon.html id="twitter" title="twitter" %}
[{% include icon.html id="linkedin" title="twitter" %}](https://www.linkedin.com/in/daviddarnes)
</code></pre></div></div>
<h3 id="video-include">Video include</h3>
<div class="video">
<iframe src="https://www.youtube.com/embed/zrkcGL5H3MU" frameborder="0" allowfullscreen="" title="Siteleaf tutorial video"></iframe>
</div>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include video.html id="zrkcGL5H3MU" title="Siteleaf tutorial video" %}
</code></pre></div></div>
<h3 id="image-includes">Image includes</h3>
<figure class="figure figure--center">
<img class="image" src="https://picsum.photos/600/800?image=894" alt="Image with caption" width="300" height="800" />
<figcaption class="caption">Image with caption</figcaption>
</figure>
<figure class="figure figure--right">
<img class="image" src="https://picsum.photos/600/800?image=894" alt="Right aligned image" width="300" height="800" />
<figcaption class="caption">Right aligned image</figcaption>
</figure>
<figure class="figure figure--left">
<img class="image" src="https://picsum.photos/600/800?image=894" alt="Left aligned image" width="300" height="800" />
<figcaption class="caption">Left aligned image</figcaption>
</figure>
<figure class="figure figure--center">
<img class="image" src="https://picsum.photos/1600/800?image=894" alt="Image with just alt text" width="" height="" />
</figure>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{% include figure.html image="https://picsum.photos/600/800?image=894" caption="Image with caption" width="300" height="800" %}
{% include figure.html image="https://picsum.photos/600/800?image=894" caption="Right aligned image" position="right" width="300" height="800" %}
{% include figure.html image="https://picsum.photos/600/800?image=894" caption="Left aligned image" position="left" width="300" height="800" %}
{% include figure.html image="https://picsum.photos/1600/800?image=894" alt="Image with just alt text" %}
</code></pre></div></div>
:ET

View File

@ -1,16 +0,0 @@
I"t<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"}<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center;">
<a class="button" href="https://twitter.com/MarvinJohanning" style="background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a>
</div>
:ET

View File

@ -1,12 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49%; background: #094507">eBird</a></p>
:ET

View File

@ -1,12 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49%; background: #094507">eBird</a></p>
:ET

View File

@ -0,0 +1,132 @@
I"Ê<style type="text/css">
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-ewrd{background-color:#F1F8F6;text-align:center;vertical-align:top}
.tg .tg-gd2h{color:#262626;text-align:center;vertical-align:top}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-6xqw{color:#262626;font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-5x7e{background-color:#F1F8F6;color:#262626;font-weight:bold;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
</style>
<table class="tg">
<thead>
<tr>
<th class="tg-gd2h"><span style="font-weight:normal;font-style:normal;color:#262626">Vogelname</span></th>
<th class="tg-gd2h"><span style="font-weight:normal;font-style:normal;color:#262626">Anzahl</span></th>
<th class="tg-gd2h"><span style="font-weight:normal;font-style:normal;color:#262626">Vogelname</span></th>
<th class="tg-gd2h"><span style="font-weight:normal;font-style:normal;color:#262626">Anzahl</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="tg-6xqw">Höckerschwan</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">9</span></td>
<td class="tg-6xqw">Elster</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">4</span></td>
</tr>
<tr>
<td class="tg-6xqw">Nilgans</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">5</span></td>
<td class="tg-5x7e">Dohle</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">32</span></td>
</tr>
<tr>
<td class="tg-6xqw">Stockente</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">120</span></td>
<td class="tg-6xqw">Saatkrähe</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">3</span></td>
</tr>
<tr>
<td class="tg-6xqw">Reiherente</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">11</span></td>
<td class="tg-5x7e">Rabenkrähe</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">14</span></td>
</tr>
<tr>
<td class="tg-6xqw">Jagdfasan</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">1</span></td>
<td class="tg-6xqw">Kohlmeise</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">6</span></td>
</tr>
<tr>
<td class="tg-6xqw">Mauersegler</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">6</span></td>
<td class="tg-5x7e">Blaumeise/Kohlmeise</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">2</span></td>
</tr>
<tr>
<td class="tg-6xqw">Teichhuhn</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">28</span></td>
<td class="tg-6xqw">Zilpzalp</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">2</span></td>
</tr>
<tr>
<td class="tg-6xqw">Blässhuhn</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">40</span></td>
<td class="tg-5x7e">Mönchsgrasmücke</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">3</span></td>
</tr>
<tr>
<td class="tg-6xqw">Lachmöwe</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">9</span></td>
<td class="tg-6xqw">Kleiber</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">1</span></td>
</tr>
<tr>
<td class="tg-6xqw">Kormoran</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">5</span></td>
<td class="tg-5x7e">Singdrossel</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">1</span></td>
</tr>
<tr>
<td class="tg-6xqw">Graureiher</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">9</span></td>
<td class="tg-6xqw">Amsel</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">8</span></td>
</tr>
<tr>
<td class="tg-6xqw">Mäusebussard</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">3</span></td>
<td class="tg-5x7e">Wacholderdrossel</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">6</span></td>
</tr>
<tr>
<td class="tg-6xqw">Eisvogel</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">2</span></td>
<td class="tg-6xqw">Rotkehlchen</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">4</span></td>
</tr>
<tr>
<td class="tg-6xqw">Buntspecht</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">9</span></td>
<td class="tg-5x7e">Haussperling</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">3</span></td>
</tr>
<tr>
<td class="tg-6xqw">Eichelhäher</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">2</span></td>
<td class="tg-6xqw">Gebirgsstelze</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">4</span></td>
</tr>
<tr>
<td class="tg-6xqw">Buchfink</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">5</span></td>
<td class="tg-5x7e">Bachstelze</td>
<td class="tg-ewrd"><span style="font-weight:normal;font-style:normal;color:#000">5</span></td>
</tr>
<tr>
<td class="tg-6xqw">Grünfink</td>
<td class="tg-baqh"><span style="font-weight:normal;font-style:normal;color:#000">1</span></td>
<td class="tg-0lax"></td>
<td class="tg-0lax"></td>
</tr>
</tbody>
</table>
<p></p>
<p><br /><br /></p>
:ET

View File

@ -1,14 +0,0 @@
I"¿<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center; width=50%;">
<a class="button" href="https://twitter.com/MarvinJohanning" style="width=50%; background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width=50%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width=50%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width=50%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width=50%; background: #094507">eBird</a>
</div>
:ET

View File

@ -1,15 +0,0 @@
I"Ò<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center;">
<a class="hypebutton" href="https://twitter.com/MarvinJohanning" style="background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="hypebutton" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="hypebutton" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="hypebutton" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="hypebutton" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a>
</div>
:ET

View File

@ -1,14 +0,0 @@
I"!<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 100%; background: #FF4500">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"6<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Nordrhein-Westfälische Ornithologengesellschaft</a></p>
:ET

View File

@ -1,13 +0,0 @@
I"š<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 50%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 50%; background: #EA3335">YouTube</a></p>
<p><a class="button" href="https://Ancient-Greek.net" style="width: 50%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 50%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 50%; background: #094507">eBird</a></p>
:ET

View File

@ -1,13 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49%; background: #EA3335">YouTube</a></p>
<p><a class="button" href="https://Ancient-Greek.net" style="width: 49%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49%; background: #094507">eBird</a></p>
:ET

View File

@ -1,19 +0,0 @@
I"J <p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; text-align: center; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; text-align: center; background: #EA3335">YouTube  <svg width="16" height="16" class="icon icon--youtube" role="img" alt="youtube"><title>youtube</title><use xlink:href="#youtube" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; text-align: center; background: #f68140">Ancient-Greek.net  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; text-align: center; background: #000000">GitHub  <svg width="16" height="16" class="icon icon--github" role="img" alt="github"><title>github</title><use xlink:href="#github" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; text-align: center; background: #094507">eBird</a>
<a class="button" href="https://www.reddit.com/user/mjoh99" style="width: 49.5%; text-align: center; background: #FF4500">Reddit  <svg width="16" height="16" class="icon icon--reddit" role="img" alt="reddit"><title>reddit</title><use xlink:href="#reddit" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="http://nw-ornithologen.de" style="width: 100%; text-align: center; background: #FFD400">Nordrhein-Westfälische Ornithologengesellschaft  <svg width="16" height="16" class="icon icon--link" role="img" alt="link"><title>link</title><use xlink:href="#link" fill="CurrentColor"></use></svg>
</a></p>
:ET

View File

@ -1,12 +0,0 @@
I"œ<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="width: 49.5%; background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="width: 49.5%; background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="width: 49.5%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 49.5%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 49.5%; background: #094507">eBird</a></p>
:ET

View File

@ -1,14 +0,0 @@
I"}<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<div style="text-align: center;">
<a class="button" href="https://twitter.com/MarvinJohanning" style="background: #0d94e7">Twitter&nbsp; <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a>
</div>
:ET

View File

@ -1,11 +0,0 @@
I"V<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>
<h3 id="social-media-and-other-sites">Social media and other sites</h3>
<p><a class="button" href="https://twitter.com/MarvinJohanning" style="background: #0d94e7">Twitter  <svg width="16" height="16" class="icon icon--twitter" role="img" alt="twitter"><title>twitter</title><use xlink:href="#twitter" fill="CurrentColor"></use></svg>
</a>
<a class="button" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="button" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a></p>
:ET

View File

@ -1,13 +0,0 @@
I"<p>Hello and welcome to my personal website, MarvinJohanning.de. On here, you will be able to find a plethora of information about me and my projects. I have written a number of books, like photography and birding, like learning languages and more. Currently working as an IT systems technician (<em>IT-Systemelektroniker</em>) in Bielefeld, Germany.</p>