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>
<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,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,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,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="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>
<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,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

@ -0,0 +1,2 @@
I"1<p>Statistiken vom 25.06 bis 13.07.2022</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,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,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">eBird</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,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,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,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="hyperbutton" href="https://david.darn.es">A button</a></p>
<p><a class="hyperbutton" 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,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: 499%; 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: 499%; background: #EA3335">YouTube</a></p>
<p><a class="button" href="https://Ancient-Greek.net" style="width: 499%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 499%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 499%; 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%; 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></p>
<p><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>
<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

@ -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">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: 499%; 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: 499%; background: #EA3335">YouTube</a></p>
<p><a class="button" href="https://Ancient-Greek.net" style="width: 499%; background: #f68140">Ancient-Greek.net</a>
<a class="button" href="https://github.com/mjohanning99" style="width: 499%; background: #000000">GitHub</a>
<a class="button" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="width: 499%; 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://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,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="hyperbutton" href="https://david.darn.es">A button</a></p>
<p><a class="hyperbutton" 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>
<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,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,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

@ -0,0 +1,2 @@
I"Š<p>Hier eine Ãœbersicht der Statistiken vom 25.06.2022 bis hin zum 13.07.2022. Haben tatsächlich einige Vögel schon finden können.</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,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="hyperbutton" 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="hyperbutton" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="hyperbutton" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="hyperbutton" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="hyperbutton" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a>
</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,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,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%; 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></p>
<p><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="hyperbutton" 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="hyperbutton" href="https://YouTube.com/c/MarvinJohanning" style="background: #EA3335">YouTube</a>
<a class="hyperbutton" href="https://Ancient-Greek.net" style="background: #f68140">Ancient-Greek.net</a>
<a class="hyperbutton" href="https://github.com/mjohanning99" style="background: #000000">GitHub</a>
<a class="hyperbutton" href="https://ebird.org/profile/MzI2MzA0OA/DE" style="background: #094507">eBird</a>
</div>
: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

@ -65,6 +65,10 @@ collections:
output: true
description: "My thoughts and ideas" # The post list page content
feature_image: "/assets/images/books.jpg"
reports:
title: Birding Reports
output: true
# 6. Jekyll collections settings
defaults:
@ -127,6 +131,8 @@ navigation_header:
url: /birding/
- title: Books
url: /categories/#Books
- title: Search
url: /search/
navigation_footer:
- title: Marvin Johanning

View File

@ -1 +1 @@
<a class="button" href="{{ include.link | default: '#' }}"{% if include.color %} style="width: 49.5%; text-align: center; background: {{ include.color }}"{% endif %}>{{ include.text | default: "Button" }}{% if include.icon %}&nbsp; {% include icon.html id=include.icon title=include.icon %}{% endif %}</a>
<a class="button" href="{{ include.link | default: '#' }}"{% if include.color %} style="width: 49%; text-align: center; background: {{ include.color }}"{% endif %}>{{ include.text | default: "Button" }}{% if include.icon %}&nbsp; {% include icon.html id=include.icon title=include.icon %}{% endif %}</a>

View File

@ -18,7 +18,7 @@
{%- if id contains "email" %}mailto:?subject={{ page.title }}&body={{ url | prepend: "Hey, check out this: "}}{% endif -%}
{% endcapture %}
{% include button.html text=name icon=id link=share_link color=color %}
{% include button-100.html text=name icon=id link=share_link color=color %}
{% endif %}
{% endfor %}
</div>

View File

@ -7,7 +7,7 @@
{% elsif page.layout == "about" %}
<section class="section section--description">
<h3>About Me</h3>
<h3>This is me</h3>
<img src="/assets/images/me.jpg">
</section>
@ -17,8 +17,8 @@
<p>Click one of the buttons below to be transported to the corresponding page (birding reports, birding statistics etc.).</p>
<div style="text-align: center;">
{% include button-100.html text="Birding Reports" link="/categories/#reports" color="$linkColour" %}
{% include button-100.html text="Birding Statistics" link="/categories/#reports" color="$linkColour" %}
{% include button-100.html text="Birding Reports" link="/reports/" color="$linkColour" %}
{% include button-100.html text="Birding Statistics" link="/categories/#statistics" color="$linkColour" %}
</div>
<img src="/assets/images/birding_collage.jpg">
</section>

122
_plugins/directory_tag.rb Normal file
View File

@ -0,0 +1,122 @@
# Title: Dynamic directories for Jekyll
# Author: Tommy Sullivan http://superawesometommy.com, Robert Park http://exolucere.ca
# Description: The directory tag lets you iterate over files at a particular path. If files conform to the standard Jekyll format, YYYY-MM-DD-file-title, then those attributes will be populated on the yielded file object. The `forloop` object maintains [its usual context](http://wiki.shopify.com/UsingLiquid#For_loops).
#
# Syntax:
#
# {% directory path: path/from/source [reverse] [exclude] %}
# {{ file.url }}
# {{ file.name }}
# {{ file.date }}
# {{ file.slug }}
# {{ file.title }}
# {% enddirectory %}
#
# Options:
#
# - `reverse` - Defaults to 'false', ordering files the same way `ls` does: 0-9A-Za-z.
# - `exclude` - Defaults to '.html$', a Regexp of files to skip.
#
# File Attributes:
#
# - `url` - The absolute path to the published file
# - `name` - The basename
# - `date` - The date extracted from the filename, otherwise the file's creation time
# - `slug` - The basename with date and extension removed
# - `title` - The titlecase'd slug
#
module Jekyll
class DirectoryTag < Liquid::Block
include Convertible
STANDARD_POST_FILENAME_MATCHER = /^(.+\/)*(\d+-\d+-\d+)-(.*)(\.[^.]+)$/
def initialize(tag_name, markup, parse_context)
super
@attributes = {}
markup.scan(Liquid::TagAttributes) do |key, value|
@attributes[key] = value
end
@exclude = Regexp.new(@attributes['exclude'] || '.html$', Regexp::EXTENDED | Regexp::IGNORECASE)
@reverse = @attributes['reverse'].nil?
end
def render(context)
context.registers[:directory] ||= Hash.new(0)
path = Liquid::VariableLookup.new(@attributes['path']).evaluate(context)
path ||= @attributes.fetch('path', '.')
source_dir = context.registers[:site].source
listed_dir = File.expand_path(File.join(source_dir, path))
unless listed_dir.include?(source_dir)
raise Liquid::ArgumentError.new "Listed directory '#{listed_dir}' cannot be out of jekyll root"
end
directory_files = File.join(listed_dir, "*")
files = Dir.glob(directory_files).reject{|f| f =~ @exclude }
files.sort! {|x,y| @reverse ? x <=> y : y <=> x }
length = files.length
result = []
context.stack do
files.each_with_index do |filename, index|
basename = File.basename(filename)
url = filename.dup
url.slice!(source_dir)
m, cats, date, slug, ext = *basename.match(STANDARD_POST_FILENAME_MATCHER)
if m
date = Time.parse(date)
ext = ext
slug = slug
else
date = File.ctime(filename)
ext = File.extname(basename)
slug = ext ? basename.sub(ext, '') : basename
end
context['file'] = {
'date' => date,
'name' => basename,
'slug' => slug,
'url' => url
}
context['forloop'] = {
'name' => 'directory',
'length' => length,
'index' => index + 1,
'index0' => index,
'rindex' => length - index,
'rindex0' => length - index - 1,
'first' => (index == 0),
'last' => (index == length - 1)
}
result << nodelist.map{|n|
if n.respond_to? :render
n.render(context)
else
n
end
}.join("")
end
end
result
end
end
end
Liquid::Template.register_tag('directory', Jekyll::DirectoryTag)

37
_plugins/list_files.rb Normal file
View File

@ -0,0 +1,37 @@
# SPDX-FileCopyrightText: 2021 Michael Struwe <michaelstruwe@gmx.net>
# SPDX-License-Identifier: LGPL-3.0-or-later
#
# Adds a list_files tag to Liquid (the templating engine used by jekyll),
# i.e. defines what e.g. {% list_files blabla some/path/*.md %} does. In this
# example, it will create a variable blabla in the context, i.e. define what
# e.g. {{ blabla }} does. The variable is set to the list of Pages that were
# found.
module Jekyll
class ListFiles < Liquid::Tag
def initialize(tag_name, text, tokens)
super
args = text.strip.split(' ', 2)
@variable_name = args[0]
@path_glob = args[1]
end
def render(context)
# This is a bug if you have multiple Jekyll sites
site = Jekyll.sites.first
source = site.source
files = Dir.glob(@path_glob).map do |path|
dirname = File.dirname(path)
filename = File.basename(path)
Page.new(site, source, dirname, filename)
end
context[@variable_name] = files
""
end
end
end
Liquid::Template.register_tag('list_files', Jekyll::ListFiles)

View File

@ -0,0 +1,138 @@
---
layout: post
title: "Statistiken vom 25.06 bis 13.07.2022"
date: 2022-07-13
isbn: 978-3-7557-9152-2
excerpt: "Hier eine Übersicht der Statistiken vom 25.06.2022 bis hin zum 13.07.2022. Haben tatsächlich einige Vögel schon finden können."
categories: Statistics
tag:
---
<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><br><br>

View File

@ -29,7 +29,7 @@
<meta name="twitter:site" content="@Marvinjohanning" />
<meta name="twitter:creator" content="@MarvinJohanning" />
<script type="application/ld+json">
{"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"url":"http://localhost:4000/404.html","author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebPage","description":"Page Not Found","image":"http://localhost:4000/assets/default-social-image.png","headline":"404","@context":"https://schema.org"}</script>
{"image":"http://localhost:4000/assets/default-social-image.png","headline":"404","url":"http://localhost:4000/404.html","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebPage","description":"Page Not Found","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->
@ -170,6 +170,13 @@
<a href="/categories/#Books">Books</a>
</li>
<li class="item item--nav">
<a href="/search/">Search</a>
</li>
</ul>
<button class="button button--nav" aria-label="Menu toggle">
<svg width="16" height="16" class="icon icon--nav" role="img" alt="Menu"><title>Menu</title><use xlink:href="#nav" fill="CurrentColor"></use></svg>
@ -294,6 +301,17 @@
<li class="item item--nav">
<a href="/reports/">Birding</a>
</li>
<li class="item item--nav">

View File

@ -27,7 +27,7 @@
<meta name="twitter:site" content="@Marvinjohanning" />
<meta name="twitter:creator" content="@MarvinJohanning" />
<script type="application/ld+json">
{"sameAs":["https://twitter.com/MarvinJohanning","https://YouTube.com/c/MarvinJohanning"],"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"url":"http://localhost:4000/about/","author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebSite","description":"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately","image":"http://localhost:4000/assets/default-social-image.png","headline":"About Me","name":"David Darnes","@context":"https://schema.org"}</script>
{"image":"http://localhost:4000/assets/default-social-image.png","headline":"About Me","sameAs":["https://twitter.com/MarvinJohanning","https://YouTube.com/c/MarvinJohanning"],"url":"http://localhost:4000/about/","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebSite","description":"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately","name":"David Darnes","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->
@ -168,6 +168,13 @@
<a href="/categories/#Books">Books</a>
</li>
<li class="item item--nav">
<a href="/search/">Search</a>
</li>
</ul>
<button class="button button--nav" aria-label="Menu toggle">
<svg width="16" height="16" class="icon icon--nav" role="img" alt="Menu"><title>Menu</title><use xlink:href="#nav" fill="CurrentColor"></use></svg>
@ -258,7 +265,7 @@
<section class="section section--description">
<h3>About Me</h3>
<h3>This is me</h3>
<img src="/assets/images/me.jpg">
</section>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -26,6 +26,16 @@
"url": "/books/2022/02/15/apocalypse-english/"
},
{
"title": "Statistiken vom 25.06 bis 13.07.2022",
"excerpt": "Hier eine Übersicht der Statistiken vom 25.06.2022 bis hin zum 13.07.2022. Haben tatsächlich einige Vögel schon finden können.\n",
"content": "\n\n\n\n \n Vogelname\n Anzahl\n Vogelname\n Anzahl\n \n\n\n \n Höckerschwan\n 9\n Elster\n 4\n \n \n Nilgans\n 5\n Dohle\n 32\n \n \n Stockente\n 120\n Saatkrähe\n 3\n \n \n Reiherente\n 11\n Rabenkrähe\n 14\n \n \n Jagdfasan\n 1\n Kohlmeise\n 6\n \n \n Mauersegler\n 6\n Blaumeise/Kohlmeise\n 2\n \n \n Teichhuhn\n 28\n Zilpzalp\n 2\n \n \n Blässhuhn\n 40\n Mönchsgrasmücke\n 3\n \n \n Lachmöwe\n 9\n Kleiber\n 1\n \n \n Kormoran\n 5\n Singdrossel\n 1\n \n \n Graureiher\n 9\n Amsel\n 8\n \n \n Mäusebussard\n 3\n Wacholderdrossel\n 6\n \n \n Eisvogel\n 2\n Rotkehlchen\n 4\n \n \n Buntspecht\n 9\n Haussperling\n 3\n \n \n Eichelhäher\n 2\n Gebirgsstelze\n 4\n \n \n Buchfink\n 5\n Bachstelze\n 5\n \n \n Grünfink\n 1\n \n \n \n\n\n\n\n\n",
"url": "/statistics/2022/07/13/stats/"
},
@ -50,10 +60,17 @@
"url": "/elements/"
},
{
"title": "Birding",
"excerpt": "\n",
"content": "\nJuly,\n\nJune\n",
"url": "/reports/"
},
{
"title": "MarvinJohanning.de",
"excerpt": "Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately. Install it, configure it, tweak it, push it.\n",
"content": "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 (IT-Systemelektroniker) in Bielefeld, Germany.\n\nSocial media and other sites\n\nTwitter  twitter\n\nYouTube  youtube\n\n Ancient-Greek.net  link\n\n GitHub  github\n\n eBird  link\n\n Reddit  reddit\n\n Nordrhein-Westfälische Ornithologengesellschaft  link\n\n\n",
"content": "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 (IT-Systemelektroniker) in Bielefeld, Germany.\n\nSocial media and other sites\nYouTube  youtube\n\n Reddit  reddit\n\n Twitter  twitter\n\n GitHub  github\n\n eBird  link\n\n Ornitho  link\n\n Nordrhein-Westfälische Ornithologengesellschaft  link\n\n Ancient-Greek.net  link\n\n\n",
"url": "/"
},

View File

@ -27,7 +27,7 @@
<meta name="twitter:site" content="@Marvinjohanning" />
<meta name="twitter:creator" content="@MarvinJohanning" />
<script type="application/ld+json">
{"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"url":"http://localhost:4000/birding/","author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebPage","description":"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately","image":"http://localhost:4000/assets/default-social-image.png","headline":"Birding","@context":"https://schema.org"}</script>
{"image":"http://localhost:4000/assets/default-social-image.png","headline":"Birding","url":"http://localhost:4000/birding/","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebPage","description":"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->
@ -168,6 +168,13 @@
<a href="/categories/#Books">Books</a>
</li>
<li class="item item--nav">
<a href="/search/">Search</a>
</li>
</ul>
<button class="button button--nav" aria-label="Menu toggle">
<svg width="16" height="16" class="icon icon--nav" role="img" alt="Menu"><title>Menu</title><use xlink:href="#nav" fill="CurrentColor"></use></svg>
@ -248,9 +255,9 @@
<p>Click one of the buttons below to be transported to the corresponding page (birding reports, birding statistics etc.).</p>
<div style="text-align: center;">
<a class="button" href="/categories/#reports" style="width: 100%; text-align: center; background: $linkColour">Birding Reports</a>
<a class="button" href="/reports/" style="width: 100%; text-align: center; background: $linkColour">Birding Reports</a>
<a class="button" href="/categories/#reports" style="width: 100%; text-align: center; background: $linkColour">Birding Statistics</a>
<a class="button" href="/categories/#statistics" style="width: 100%; text-align: center; background: $linkColour">Birding Statistics</a>
</div>
<img src="/assets/images/birding_collage.jpg">

View File

@ -27,7 +27,7 @@
<meta name="twitter:site" content="@Marvinjohanning" />
<meta name="twitter:creator" content="@MarvinJohanning" />
<script type="application/ld+json">
{"publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"url":"http://localhost:4000/blog/","author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebPage","description":"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately","image":"http://localhost:4000/assets/default-social-image.png","headline":"MarvinJohanning.de","@context":"https://schema.org"}</script>
{"image":"http://localhost:4000/assets/default-social-image.png","headline":"MarvinJohanning.de","url":"http://localhost:4000/blog/","publisher":{"@type":"Organization","logo":{"@type":"ImageObject","url":"http://localhost:4000/assets/logos/logo.png"},"name":"MarvinJohanning"},"author":{"@type":"Person","name":"MarvinJohanning"},"@type":"WebPage","description":"Alembic is a starting point for Jekyll projects. Rather than starting from scratch, this boilerplate is designed to get the ball rolling immediately","@context":"https://schema.org"}</script>
<!-- End Jekyll SEO tag -->
@ -174,6 +174,13 @@
<a href="/categories/#Books">Books</a>
</li>
<li class="item item--nav">
<a href="/search/">Search</a>
</li>
</ul>
<button class="button button--nav" aria-label="Menu toggle">
<svg width="16" height="16" class="icon icon--nav" role="img" alt="Menu"><title>Menu</title><use xlink:href="#nav" fill="CurrentColor"></use></svg>
@ -252,6 +259,27 @@
<section class="section typeset">
<ul class="list list--posts">
<li class="item item--post">
<article class="article article--post">
<h2><a href="/statistics/2022/07/13/stats/">Statistiken vom 25.06 bis 13.07.2022</a></h2>
<small class="small post-meta">
<span class="label label--category"><a href="/categories/#statistics">Statistics</a></span>
&nbsp;&middot;&nbsp;<time datetime="2022-07-13T00:00:00+02:00" class="time">13 Jul 2022</time>
</small>
<p>Hier eine Übersicht der Statistiken vom 25.06.2022 bis hin zum 13.07.2022. Haben tatsächlich einige Vögel schon finden können.</p>
</article>
</li>
<li class="item item--post">
<article class="article article--post">
@ -273,27 +301,6 @@
</article>
</li>
<li class="item item--post">
<article class="article article--post">
<h2><a href="/books/2021/08/10/apocalypse-greek/">The Apocalypse of John — A Modern Illustrated Translation with Notes and the Original Greek Text</a></h2>
<small class="small post-meta">
<span class="label label--category"><a href="/categories/#books">Books</a></span>
&nbsp;&middot;&nbsp;<time datetime="2021-08-10T00:00:00+02:00" class="time">10 Aug 2021</time>
</small>
<p>My translation of the Apocalypse (or Revelation) of John written in a modern style and with pictures and paintings following every chapter and the original Greek text.</p>
</article>
</li>
</ul>
<nav class="nav nav--paginator">

Some files were not shown because too many files have changed in this diff Show More