natenom-website-dump-2024-0.../natenom.de/2022/04/aenderungen-im-blog-und-im-wiki/index.html

<!doctype html><html class=position-relative itemscope itemtype=https://schema.org/WebPage lang=de data-bs-theme=auto data-palette=blue><head><script src=/assets/init/bundle.min.a63b05c8004831f165aca508cfe52bdc3b3c568ce762c0e22f82b1fe1ed14173.js integrity="sha256-pjsFyABIMfFlrKUIz+Ur3Ds8VoznYsDiL4Kx/h7RQXM=" crossorigin=anonymous></script><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Änderungen im Blog und im Wiki - Natenoms Blog</title>
<link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_16x16_resize_catmullrom_3.png sizes=16x16 type=image/png><link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_32x32_resize_catmullrom_3.png sizes=32x32 type=image/png><link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_150x150_resize_catmullrom_3.png sizes=150x150 type=image/png><link rel=apple-touch-icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_180x180_resize_catmullrom_3.png sizes=180x180 type=image/png><link rel=icon href=/favicon_hudc94279ded70d7b83fccc56e43bdd2fa_24074_192x192_resize_catmullrom_3.png sizes=192x192 type=image/png><link rel=mask-icon href=/safari-pinned-tab.svg color=#6f42c1><meta name=keywords content="Verkehrswende,Fahrrad,CriticalMass,OpenBikeSensor,SimRa,Mumble,Open Source,Minimalismus,OpenStreetMap,Müllsammeln,Fotografie,Malen,Zeichnen"><meta name=description content="Wir (Vri und ich) haben wieder einiges im Blog und auch im Wiki verschönert. Okay, ich war nur dabei und habe gemeckert."><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://natenom.de/2022/04/aenderungen-im-blog-und-im-wiki/cover.png"><meta name=twitter:title content="Änderungen im Blog und im Wiki"><meta name=twitter:description content="Wir (Vri und ich) haben wieder einiges im Blog und auch im Wiki verschönert. Okay, ich war nur dabei und habe gemeckert."><meta property="og:title" content="Änderungen im Blog und im Wiki"><meta property="og:description" content="Wir (Vri und ich) haben wieder einiges im Blog und auch im Wiki verschönert. Okay, ich war nur dabei und habe gemeckert."><meta property="og:type" content="article"><meta property="og:url" content="https://natenom.de/2022/04/aenderungen-im-blog-und-im-wiki/"><meta property="og:image" content="https://natenom.de/2022/04/aenderungen-im-blog-und-im-wiki/cover.png"><meta property="article:section" content="posts"><meta property="article:published_time" content="2022-04-09T04:42:36+02:00"><meta property="article:modified_time" content="2022-04-09T04:42:36+02:00"><meta itemprop=name content="Änderungen im Blog und im Wiki"><meta itemprop=description content="Wir (Vri und ich) haben wieder einiges im Blog und auch im Wiki verschönert. Okay, ich war nur dabei und habe gemeckert."><meta itemprop=datePublished content="2022-04-09T04:42:36+02:00"><meta itemprop=dateModified content="2022-04-09T04:42:36+02:00"><meta itemprop=wordCount content="452"><meta itemprop=image content="https://natenom.de/2022/04/aenderungen-im-blog-und-im-wiki/cover.png"><meta itemprop=keywords content="Web,Blog,Lightbox,Fotos,Wiki,Natenom,JavaScript,Hugo,"><meta property="og:image:alt" content="Änderungen im Blog und im Wiki"><meta name=twitter:image:alt content="Änderungen im Blog und im Wiki"><link data-precache rel=stylesheet href="/assets/main/bundle.min.b189232e48c49a02f23e6616502e93a36137102626fd47589f55ab6447b15b4d.css" integrity="sha256-sYkjLkjEmgLyPmYWUC6To2E3ECYm/UdYn1WrZEexW00=" crossorigin=anonymous></head><body><header class="mb-4 sticky-top"><nav class="top-app-bar shadow navbar navbar-expand-xxl"><div class=container><a class="navbar-brand d-flex align-items-center flex-grow-1 flex-xxl-grow-0 justify-content-xxl-start ms-2 ms-xxl-0 mx-auto me-xxl-2" href=https://natenom.de/><picture><img class=logo alt=Logo src=https://natenom.de/images/logo.svg loading=lazy>
</picture>Natenoms Blog</a><div class="offcanvas-xxl offcanvas-end flex-grow-1" data-bs-scroll=true tabindex=-1 id=navbarMenus aria-labelledby=navbarMenusLabel><div class="offcanvas-header px-4 pb-0"><div class="offcanvas-title h5" id=navbarMenusLabel>Natenoms Blog</div><button type=button class="btn-close btn-close-white" data-bs-dismiss=offcanvas data-bs-target=#navbarMenus aria-label=Close></button></div><div class="offcanvas-body p-4 pt-0 p-xxl-0"><hr class=d-xxl-none><ul class="navbar-nav flex-row flex-wrap align-items-center me-auto"><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://natenom.de/><i class="fas fa-home me-1"></i></a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://natenom.de/ueber/>Über</a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://wiki.natenom.de/ target=_blank rel="noopener noreferrer">Wiki</a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://natenom.de/blogroll/>Blogroll</a></li><li class="nav-item col-6 col-xxl-auto"><a class="nav-link py-2 px-0 px-xxl-2" href=https://kagube.de/ target=_blank rel="noopener noreferrer">Blog vom kleinen 🐘</a></li></ul><hr class=d-xxl-none><form class="search-bar ms-auto my-auto" action=/search/ novalidate><div class="input-group align-items-center"><span class="btn btn-search disabled position-absolute left-0 border-0 px-1"><i class="fas fa-fw fa-search fa-lg"></i>
</span><input class="my-1 form-control border-white rounded-5 search-input bg-body" name=q type=search placeholder=Suchen aria-label=Search required>
<span class="search-shortcut position-absolute end-0 top-0 me-2"><kbd class="text-dark bg-white opacity-75 rounded-3 shadow border border-primary py-1 fw-bold">/</kbd></span></div></form><hr class=d-xxl-none><ul class="navbar-nav flex-row flex-wrap align-items-center ms-md-auto"><li class="nav-item py-2 py-xxl-1 col-12 col-xxl-auto"><nav class="social-links nav justify-content-center flex-row"><a class="nav-link social-link col-6 col-xxl-auto p-1" target=_blank href=https://digitalcourage.social/@natenom title=Mastodon rel=me><i class="fa-fw fab fa-mastodon"></i>
<span class="ms-1 d-xxl-none">Mastodon</span>
</a><a class="nav-link social-link col-6 col-xxl-auto p-1" target=_blank href=/index.xml title=RSS rel=me><i class="fas fa-fw fa-rss"></i>
<span class="ms-1 d-xxl-none">RSS</span></a></nav></li><li class="nav-item py-2 py-xxl-1 col-12 col-xxl-auto"><div class="vr d-none d-xxl-flex h-100 mx-xxl-2 text-white"></div><hr class="d-xxl-none my-2"></li><li class="nav-item dropdown col-6 col-xxl-auto"><a class="nav-link px-0 py-2 px-xxl-1" href=# id=fontSizeDropdown role=button data-bs-toggle=dropdown aria-expanded=false><i class="fas fa-fw fa-font"></i>
<span class=d-xxl-none>Schriftgröße</span></a><ul class="font-size-dropdown-menu dropdown-menu dropdown-menu-end" aria-labelledby=fontSizeDropdown><li><button class="font-size-item dropdown-item" data-size=xs>
Extra klein</button></li><li><button class="font-size-item dropdown-item" data-size=sm>
Klein</button></li><li><button class="font-size-item dropdown-item active" data-size=md>
Mittel</button></li><li><button class="font-size-item dropdown-item" data-size=lg>
Groß</button></li><li><button class="font-size-item dropdown-item" data-size=xl>
Extra groß</button></li></ul></li><li class="nav-item dropdown col-6 col-xxl-auto"><a class="nav-link px-0 py-2 px-xxl-1" href=# id=paletteDropdown role=button data-bs-toggle=dropdown aria-expanded=false><i class="fas fa-fw fa-palette"></i>
<span class=d-xxl-none>Palette</span></a><ul class="palette-dropdown-menu dropdown-menu dropdown-menu-end px-2 row g-2" aria-labelledby=paletteDropdown><li class="col-4 my-1"><a role=button id=palette-blue aria-label=Blau class="btn btn-sm w-100 palette text-bg-blue" data-palette=blue></a></li><li class="col-4 my-1"><a role=button id=palette-blue-gray aria-label=Blaugrau class="btn btn-sm w-100 palette text-bg-blue-gray" data-palette=blue-gray></a></li><li class="col-4 my-1"><a role=button id=palette-brown aria-label=Braun class="btn btn-sm w-100 palette text-bg-brown" data-palette=brown></a></li><li class="col-4 my-1"><a role=button id=palette-cyan aria-label=Cyan class="btn btn-sm w-100 palette text-bg-cyan" data-palette=cyan></a></li><li class="col-4 my-1"><a role=button id=palette-green aria-label=Grün class="btn btn-sm w-100 palette text-bg-green" data-palette=green></a></li><li class="col-4 my-1"><a role=button id=palette-indigo aria-label=Indigo class="btn btn-sm w-100 palette text-bg-indigo" data-palette=indigo></a></li><li class="col-4 my-1"><a role=button id=palette-orange aria-label=Orange class="btn btn-sm w-100 palette text-bg-orange" data-palette=orange></a></li><li class="col-4 my-1"><a role=button id=palette-pink aria-label=Rosa class="btn btn-sm w-100 palette text-bg-pink" data-palette=pink></a></li><li class="col-4 my-1"><a role=button id=palette-purple aria-label=Purpur class="btn btn-sm w-100 palette text-bg-purple" data-palette=purple></a></li><li class="col-4 my-1"><a role=button id=palette-red aria-label=Rot class="btn btn-sm w-100 palette text-bg-red" data-palette=red></a></li><li class="col-4 my-1"><a role=button id=palette-teal aria-label=Teal class="btn btn-sm w-100 palette text-bg-teal" data-palette=teal></a></li><li class="col-4 my-1"><a role=button id=palette-yellow aria-label=Gelb class="btn btn-sm w-100 palette text-bg-yellow" data-palette=yellow></a></li></ul></li><li class="nav-item dropdown col-6 col-xxl-auto"><a class="nav-link px-0 py-2 px-xxl-1" href=# id=modeDropdown role=button data-bs-toggle=dropdown aria-expanded=false><i class="mode-icon fas fa-fw fa-adjust" id=modeIcon></i>
<span class=d-xxl-none>Modus</span></a><ul class="mode-dropdown-menu dropdown-menu dropdown-menu-end" aria-labelledby=modeDropdown><li class=mode-item data-color-mode=light data-icon=sun><button class=dropdown-item>
<i class="mode-icon fas fa-fw fa-sun"></i> Hell</button></li><li class=mode-item data-color-mode=dark data-icon=moon><button class=dropdown-item>
<i class="mode-icon fas fa-fw fa-moon"></i> Dunkel</button></li><li class="mode-item active" data-color-mode=auto data-icon=adjust><button class=dropdown-item>
<i class="mode-icon fas fa-fw fa-adjust"></i> Auto</button></li></ul></li></ul></div></div><div class=d-flex><button class="navbar-toggler order-5 border-0" type=button data-bs-toggle=offcanvas data-bs-target=#navbarMenus aria-controls=navbarMenus aria-expanded=false aria-label="Toggle navigation">
<i class="fas fa-ellipsis-h"></i></button></div></div></nav></header><main class=container><div class="row content"><noscript><div class="alert alert-danger" role=alert>Dein Browser unterstützt kein JavaScript.</div></noscript><div class=col-xxl-8><div class=container><nav class="row card component" aria-label=breadcrumb><div class="card-body pb-0"><ol class="hbs-breadcrumb breadcrumb flex-nowrap"><li class="breadcrumb-item text-surface"><a href=/>Blog</a></li><li class="breadcrumb-item text-surface"><a href=/posts/>Posts</a></li><li class="breadcrumb-item active">Änderungen im Blog und im Wiki</li></ol></div></nav><div class="post-panel-wrapper position-relative d-flex justify-content-center"><div class="d-flex flex-row justify-content-center rounded-5 border post-panel position-fixed px-3 py-1 surface shadow-1"><a class="action action-toc d-none d-xxl-block" href=#postTOC role=button title=Inhaltsverzeichnis><i class="fas fa-fw fa-list-alt"></i>
</a><a class="action action-toc d-block d-xxl-none" href=#post-toc-container role=button title=Inhaltsverzeichnis><i class="fas fa-fw fa-list-alt"></i>
</a><a class="action action-post-comments" href=#post-comments role=button aria-label=Comments title=Kommentare><i class="fas fa-fw fa-comments"></i>
</a><a id=sidebarToggler class="action action-sidebar-toggler d-none d-xxl-block" role=button title><i class="fas fa-fw fa-expand-alt" data-fa-transform=rotate-45></i></a></div></div><article class="row card component mb-4 post"><div class=card-header><h1 class="card-title post-title my-2">Änderungen im Blog und im Wiki</h1></div><div class=card-body><div class="post-meta mb-3"><span class="post-date me-1 mb-1" title="Erstellt am 2022-04-09 04:42:36 +0200 CEST.">Samstag, 9. April 2022</span><span class="post-reading-time me-1 mb-1">3 Min. Lesezeit</span><a href=/categories/web/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-category">
<i class="fas fa-fw fa-folder me-1"></i>Web</a><a href=/tags/blog/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Blog</a><a href=/tags/fotos/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Fotos</a><a href=/tags/hugo/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Hugo</a><a href=/tags/javascript/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">JavaScript</a><a href=/tags/lightbox/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Lightbox</a><a href=/tags/natenom/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Natenom</a><a href=/tags/web/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Web</a><a href=/tags/wiki/ class="btn btn-sm btn-secondary mb-1 me-2 py-0 pe-1 post-taxonomy post-taxonomy-sm post-tag">Wiki</a></div><div id=postTOC class=toc-details><details open><summary>Inhaltsverzeichnis</summary><nav id=TableOfContents><ul><li><a href=#top-bar>Top Bar</a><ul><li><a href=#blog>Blog</a></li><li><a href=#wiki>Wiki</a></li></ul></li><li><a href=#inline-code>Inline Code</a></li><li><a href=#kategorien-und-tags>Kategorien und Tags</a></li><li><a href=#unter-der-haube--css---scss>Unter der Haube – CSS -> SCSS</a></li><li><a href=#post-panel>Post-Panel</a></li><li><a href=#keine-lightbox-mehr>Keine Lightbox mehr</a></li><li><a href=#seitenliste-im-wiki>Seitenliste im Wiki</a></li><li><a href=#footer-im-wiki>Footer im Wiki</a></li></ul></nav></details></div><div class="post-content mb-3" data-bs-spy=scroll data-bs-target=#TableOfContents tabindex=0><div id=post-summary><p>Wir (Vri und ich) haben wieder einiges im Blog und auch im Wiki verschönert. Okay, ich war nur dabei und habe gemeckert.</p></div><div id=post-content-body><h2 id=top-bar data-numberify>Top Bar<a class="anchor ms-1" href=#top-bar></a></h2><p>Die TopBars von Blog und neuem Wiki sind jetzt angeglichen und es wird das einfarbige Logo verwendet, das auch noch etwas größer ist und als SVG vorliegt. Zudem wurden beide bezüglich Schrift und Höhe einander angeglichen.</p><h3 id=blog data-numberify>Blog<a class="anchor ms-1" href=#blog></a></h3><p></p><figure class=image-caption><a href=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher.png><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher_hu0ffa6d36dc1f7649fea560b6292e6c5d_11138_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher_hu0ffa6d36dc1f7649fea560b6292e6c5d_11138_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher_hu0ffa6d36dc1f7649fea560b6292e6c5d_11138_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt=Vorher srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher_hu0ffa6d36dc1f7649fea560b6292e6c5d_11138_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher_hu0ffa6d36dc1f7649fea560b6292e6c5d_11138_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher_hu0ffa6d36dc1f7649fea560b6292e6c5d_11138_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-vorher_hu0ffa6d36dc1f7649fea560b6292e6c5d_11138_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=43></picture></a><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><a href=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher.png><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher_hu59ccb290e46f8f04d0d10b1c2cc7ca1f_10695_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher_hu59ccb290e46f8f04d0d10b1c2cc7ca1f_10695_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher_hu59ccb290e46f8f04d0d10b1c2cc7ca1f_10695_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt=Nachher srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher_hu59ccb290e46f8f04d0d10b1c2cc7ca1f_10695_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher_hu59ccb290e46f8f04d0d10b1c2cc7ca1f_10695_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher_hu59ccb290e46f8f04d0d10b1c2cc7ca1f_10695_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-blog-nachher_hu59ccb290e46f8f04d0d10b1c2cc7ca1f_10695_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=43></picture></a><figcaption></figcaption></figure><p></p><h3 id=wiki data-numberify>Wiki<a class="anchor ms-1" href=#wiki></a></h3><p></p><figure class=image-caption><a href=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher.png><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher_hu9e1319bda7615346a4de5ff4a3df919c_14259_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher_hu9e1319bda7615346a4de5ff4a3df919c_14259_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher_hu9e1319bda7615346a4de5ff4a3df919c_14259_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt=Vorher srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher_hu9e1319bda7615346a4de5ff4a3df919c_14259_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher_hu9e1319bda7615346a4de5ff4a3df919c_14259_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher_hu9e1319bda7615346a4de5ff4a3df919c_14259_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-vorher_hu9e1319bda7615346a4de5ff4a3df919c_14259_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=142></picture></a><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><a href=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher.png><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher_hucc985d2dd04d0fed65973a566d222fcc_13204_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher_hucc985d2dd04d0fed65973a566d222fcc_13204_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher_hucc985d2dd04d0fed65973a566d222fcc_13204_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt=Nachher srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher_hucc985d2dd04d0fed65973a566d222fcc_13204_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher_hucc985d2dd04d0fed65973a566d222fcc_13204_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher_hucc985d2dd04d0fed65973a566d222fcc_13204_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-topbar-wiki-nachher_hucc985d2dd04d0fed65973a566d222fcc_13204_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=142></picture></a><figcaption></figcaption></figure><p></p><h2 id=inline-code data-numberify>Inline Code<a class="anchor ms-1" href=#inline-code></a></h2><p>Die Darstellung von Inline-Code wurde verbessert, sodass unterschiedliche Teile in unterschiedlichen Zeilen nicht mehr aussehen, als würden sie zusammen kleben.</p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-inlinecode-vorher.png><img alt=Vorher src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-inlinecode-vorher.png title width=803 height=129 loading=lazy></picture><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-inlinecode-nachher.png><img alt=Nachher src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-inlinecode-nachher.png title width=803 height=129 loading=lazy></picture><figcaption></figcaption></figure><p></p><h2 id=kategorien-und-tags data-numberify>Kategorien und Tags<a class="anchor ms-1" href=#kategorien-und-tags></a></h2><p>Im Theme, das ich hier im Blog verwende, ist per Voreinstellung in einzelnen Beiträgen nur anhand der Positionierung unterscheidbar, was Kategorien und was Tags sind.</p><p>Das haben wir dadurch geändert, dass Tags jetzt immer ein Raute-Zeichen vorangestellt wird, sowohl im Beitrag als auch in der rechten Seitenleiste. Die Idee kam von einem dritten Menschen.🙂</p><p></p><figure class=image-caption><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-vorher_hu21b431491a53141c0bc8dc7ae3408a63_69774_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-vorher_hu21b431491a53141c0bc8dc7ae3408a63_69774_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-vorher_hu21b431491a53141c0bc8dc7ae3408a63_69774_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt=Vorher srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-vorher_hu21b431491a53141c0bc8dc7ae3408a63_69774_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-vorher_hu21b431491a53141c0bc8dc7ae3408a63_69774_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-vorher_hu21b431491a53141c0bc8dc7ae3408a63_69774_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-vorher_hu21b431491a53141c0bc8dc7ae3408a63_69774_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=184></picture><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-nachher_hu335dcab1af8163006901b60ef5a81a5f_70792_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-nachher_hu335dcab1af8163006901b60ef5a81a5f_70792_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-nachher_hu335dcab1af8163006901b60ef5a81a5f_70792_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px"><img alt=Nachher srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-nachher_hu335dcab1af8163006901b60ef5a81a5f_70792_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-nachher_hu335dcab1af8163006901b60ef5a81a5f_70792_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-nachher_hu335dcab1af8163006901b60ef5a81a5f_70792_816x0_resize_q95_h2_catmullrom_3.webp 816w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-tags-in-beitraegen-nachher_hu335dcab1af8163006901b60ef5a81a5f_70792_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=184></picture><figcaption></figcaption></figure><p></p><h2 id=unter-der-haube--css---scss data-numberify>Unter der Haube – CSS -> SCSS<a class="anchor ms-1" href=#unter-der-haube--css---scss></a></h2><p>Dann hat Vri noch das ganze CSS aufgeräumt und daraus SCSS gemacht.</p><h2 id=post-panel data-numberify>Post-Panel<a class="anchor ms-1" href=#post-panel></a></h2><p>Das Panel, das rechts oben innerhalb von Blogbeiträgen angezeigt wird, wurde bisher beim Herunterscrollen auf mobilen Geräten ausgeblendet und stattdessen ein Icon aus dem Font-Awesome angezeigt. Jetzt ist es dauerhaft sichtbar und dafür konnte das Icon weg.</p><h2 id=keine-lightbox-mehr data-numberify>Keine Lightbox mehr<a class="anchor ms-1" href=#keine-lightbox-mehr></a></h2><p>Bisher gab es im Blog eine Lightbox. Hat man auf ein Vorschaubild geklickt, das mit dem Originalbild verknüpft war, so hat man die Website nicht verlassen, um zum Bild zu gelangen, sondern das Bild wurde in einem kleinen Overlay innerhalb der Website angezeigt.</p><p>Das ist ansich eine schöne Sache. Jedoch kommt es so immer wieder vor, dass Bilder, die eigentlich in einer höheren Auflösung vorliegen, in diesem Overlay trotzdem nur verkleinert angezeigt werden. Ganz deutlich merkt man dies bei Panoramafotos. Auch auf mobilen Geräten hat man das sehr gut gesehen, da hier die Vorschaubilder meist so breit sind wie der Bildschirm und das Overlay mit dem Originalbild nicht wesentlich größer war.</p><p>Ich habe mich daher heute dazu entschieden, das Lightbox-Script im Blog zu entfernen. Klickt man ein Vorschaubild an, öffnet sich im aktuellen Tab also das Bild. Über den Zurück-Button im Browser gelangt man wieder zur Website.</p><p>Ich weiß noch nicht, ob das so bleiben wird und ob das für normale Menschen gut ist, aber für mich passt es erst einmal.</p><p>Es wird dadurch auch wieder etwas weniger JavaScript im Blog eingebunden. Das spart für die Lightbox für die .js-Datei und die .css-Datei insgesamt 9 KiB.</p><p>Ausgenommen sind Galerien. Diese werden weiterhin in einem (anderen) Overlay auf der aktuellen Seite angezeigt. Das finde ich gut so, denn eine Galerie gehört irgendwie zusammen, während einzelne Bilder eben einzelne Bilder sind.</p><p></p><figure class=image-caption><a href=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay.png><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_816x0_resize_q95_h2_catmullrom_3.webp 816w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px"><img alt="Mit Overlay" srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_816x0_resize_q95_h2_catmullrom_3.webp 816w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-im-overlay_hua4b52ba8aad51f0bc976066134f5ec29_740004_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=426></picture></a><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><a href=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay.png><picture><source type=image/webp srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_360x0_resize_q95_h2_catmullrom_3.webp 360w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_500x0_resize_q95_h2_catmullrom_3.webp 500w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_816x0_resize_q95_h2_catmullrom_3.webp 816w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px"><img alt="Ohne Overlay im Tab" srcset="/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_360x0_resize_q95_h2_catmullrom_3.webp 360w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_500x0_resize_q95_h2_catmullrom_3.webp 500w, /2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_816x0_resize_q95_h2_catmullrom_3.webp 816w,/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_1632x0_resize_q95_h2_catmullrom_3.webp 1632w" sizes="(max-width: 424px) 360px, (max-width: 596px) 500px, (min-width: 565px) 816px,(min-width: 1200px) 1632px" src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-bild-ohne-overlay_hu82b3888671612169a7bcb3b7432771ce_1398598_816x0_resize_q95_h2_catmullrom_3.webp title loading=lazy width=816 height=426></picture></a><figcaption></figcaption></figure><p></p><h2 id=seitenliste-im-wiki data-numberify>Seitenliste im Wiki<a class="anchor ms-1" href=#seitenliste-im-wiki></a></h2><p>Die Abstände sind verringert worden, gefällt mir so besser.</p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-seitenliste-vorher.png><img alt=Vorher src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-seitenliste-vorher.png title width=597 height=539 loading=lazy></picture><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-seitenliste-nachher.png><img alt=Nachher src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-seitenliste-nachher.png title width=597 height=539 loading=lazy></picture><figcaption></figcaption></figure><p></p><h2 id=footer-im-wiki data-numberify>Footer im Wiki<a class="anchor ms-1" href=#footer-im-wiki></a></h2><p>Die Farben im Footer sind jetzt richtig.</p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-footer-vorher.png><img alt=Vorher src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-footer-vorher.png title width=326 height=119 loading=lazy></picture><figcaption></figcaption></figure><p></p><p></p><figure class=image-caption><picture><source type=png srcset=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-footer-nachher.png><img alt=Nachher src=/2022/04/aenderungen-im-blog-und-im-wiki/images/2022-04-09-footer-nachher.png title width=326 height=119 loading=lazy></picture><figcaption></figcaption></figure><p></p></div></div></div><div class=card-footer><div class="post-navs d-flex justify-content-evenly"><div class="post-nav post-prev"><i class="fas fa-fw fa-chevron-down post-prev-icon me-1" data-fa-transform=rotate-90></i>
<a href=/2022/04/ldfi-bw-daten-anhoerungsbogen-owi-anzeigen-2019/>LfDI BW zu Personen bezogenen Daten im Anhörungsbogen in Bußgeldverfahren (von 2019)</a></div><div class="post-nav post-next"><a href=/2022/04/twitter-cards-open-graph-docs-theme-hugo-in-meinem-neuen-wiki/>Twitter Cards/Open Graph im Docsy-Theme für Hugo (in meinem neuen Wiki)</a>
<i class="fas fa-fw fa-chevron-down post-next-icon ms-1" data-fa-transform=rotate-270></i></div></div></div></article><section class="related-posts row card component"><div class=card-header><h2 class="card-title fs-4 my-2 text-surface">Ähnliche Beiträge</h2></div><div class=card-body><ul class="post-list list-styled"><li><a href=https://natenom.de/2022/03/aenderungen-an-blog-und-wiki/>Änderungen an Blog und Wiki</a></li><li><a href=https://natenom.de/2022/02/aenderungen-blog-hoehere-aufloesung-hovereffekt/>Änderungen im Blog – Bessere Auflösung in den Galerien</a></li><li><a href=https://natenom.de/2022/04/bildbeschreibungen-galerien-blog-via-digikam/>Bildbeschreibungen für Galerien im Blog via Digikam einfügen/verwalten</a></li><li><a href=https://natenom.de/2022/04/aenderungen-im-blog/>Änderungen im Blog</a></li><li><a href=https://natenom.de/2022/03/update-bootstrap-theme-hier-im-blog/>Update für das hier verwendete Theme</a></li><li><a href=https://natenom.de/2022/03/mein-neues-wiki-mit-hugo-neue-suche-und-andere-optimierungen/>Mein neues Wiki mit Hugo – Neue Suche und andere Optimierungen</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-4-einrichtung-fertig/>Umzug von DokuWiki nach Hugo – Teil 4 – Einrichten und fertig</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-3-einrichtung/>Umzug von DokuWiki nach Hugo – Teil 3 – Einrichtung des neuen Wikis</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-2-pandoc/>Umzug von DokuWiki nach Hugo – Teil 2 – Export mit Pandoc</a></li><li><a href=https://natenom.de/2022/03/umzug-dokuwiki-hugo-1-vorarbeiten/>Umzug von DokuWiki nach Hugo – Teil 1 – Vorarbeiten</a></li></ul></div></section><div class="card component row post-comments" id=post-comments><div class=card-header><h2 class="card-title my-2 fs-4 text-surface">Kommentare</h2></div><div class=card-body><p>Bisher gibt es hier keine Kommentare.</p><p><details class="mastodon-comments email"><summary class="mastodon-comments email-summary">Kommentar oder Anmerkung für diesen Blogbeitrag</summary><div class="mastodon-comments emailcontent"><p>Öffentlicher Kommentar per E-Mail: <a href='mailto:natenom@posteo.de?subject=Kommentar zum Blogbeitrag: %c3%84nderungen%20im%20Blog%20und%20im%20Wiki&body=Hallo Natenom, %0D%0A%0D%0Azu diesem Blogbeitrag habe ich einen Kommentar:%0D%0A%0D%0AMein Name (optional):%0D%0AMeine Website (optional):%0D%0AIch beziehe mich speziell auf den Kommentar mit der ID:%0D%0A%0D%0AURL zum Blogbeitrag: https%3a%2f%2fnatenom.de%2f2022%2f04%2faenderungen-im-blog-und-im-wiki%2f'>Hier klicken</a></p><p>Nicht öffentliche Anmerkung per E-Mail: <a href='mailto:natenom@posteo.de?subject=Persönliche Anmerkung zum Blogbeitrag: %c3%84nderungen%20im%20Blog%20und%20im%20Wiki&body=Hallo Natenom,%0D%0A%0D%0Azu diesem Blogbeitrag habe ich eine persönliche, nicht zu veröffentlichende Anmerkung:%0D%0A%0D%0AURL zum Blogbeitrag: https%3a%2f%2fnatenom.de%2f2022%2f04%2faenderungen-im-blog-und-im-wiki%2f'>Hier klicken</a></p></p><p>Sonstige Kontaktaufnahme: <a href=/natenom/>Kontakt</a></p></div></details></p></div></div></div></div><aside class="col-xxl-4 sidebar d-flex"><div class="container d-flex flex-column"><div class="accordion profile"><div class="accordion-item card row text-center component"><div class="accordion-header card-header border-0" id=profile-header><a class="accordion-button d-lg-none mb-2 shadow-none p-0 bg-transparent text-surface collapsed" role=button data-bs-toggle=collapse href=#profile aria-expanded=false aria-controls=profile>Profil</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=profile aria-labelledby=profile-header><div class="col-12 d-flex align-items-center justify-content-center"><picture><img class="profile-avatar rounded-circle" alt=Natenom src=https://natenom.de/images/logo-natenom-circle-150x150.png loading=lazy data-viewer-invisible width=150 height=150></picture></div><div class="col-12 profile-meta"><div class="profile-name fw-fold fs-lg">Natenom</div><div class=profile-bio>Verkehrswende, Fahrrad, CriticalMass, OpenBikeSensor, SimRa, OpenSource, Minimalist, OpenStreetMap, Müllsammeln, Malen, Zeichnen</div><a class=profile-about target=_blank rel="noopener noreferrer" href=/natenom/><i class="fas fa-fw fa-user"></i>Über mich</a></div></div></div></div><div class="accordion recent-posts"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block">Neueste Beiträge</h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent collapsed" role=button data-bs-toggle=collapse href=#recent-posts aria-expanded=false aria-controls=recent-posts>Neueste Beiträge</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=recent-posts><ul class="post-list list-unstyled ms-1"><li class=mb-2><a href=/2024/01/mal-wieder-einen-personalausweis-gefunden/>Mal wieder einen Personalausweis gefunden</a></li><li class=mb-2><a href=/2024/01/ueberfordert-im-eigenen-auto/>Überfordert im eigenen Auto</a></li><li class=mb-2><a href=/2024/01/was-damals-bei-kugelmaeusen-geholfen-hat-hilft-auch-bei-solchen-mit-laser/>Was damals bei Kugelmäusen geholfen hat, hilft auch bei solchen mit Laser</a></li><li class=mb-2><a href=/2024/01/haltbarkeit-meiner-ersten-barfussschuhe/>Haltbarkeit meiner ersten Barfußschuhe</a></li><li class=mb-2><a href=/2024/01/link-strassenlaerm/>Link(s): Straßenlärm</a></li><li class=mb-2><a href=/2024/01/simpletools-apps-fuer-android-daten-sammeln-oder-bezahlen-wechsel-zum-fork-fossify/>SimpleTools Apps: Daten sammeln oder bezahlen – Wechselt zum Fork Fossify</a></li><li class=mb-2><a href=/2024/01/dateinamen-mit-emojies-in-telescope-in-neovim/>Dateinamen mit Emojies in Telescope in NeoVim</a></li><li class=mb-2><a href=/2024/01/capslock-als-esc-verwenden--ein-traum-fuer-neovim/>Capslock als Esc verwenden – Ein Traum für NeoVim</a></li></ul></div></section></div><div class="accordion categories-taxonomies"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block"><a href=https://natenom.de/categories>Kategorien</a></h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent text-surface collapsed" role=button data-bs-toggle=collapse href=#taxonomy-categories aria-expanded=false aria-controls=taxonomy-categories>Kategorien</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=taxonomy-categories><div class=py-2><a href=/categories/mobilit%C3%A4t/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Mobilität>Mobilität
<span class="badge badge-sm text-secondary bg-white ms-1">450</span>
</a><a href=/categories/fotografie/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Fotografie>Fotografie
<span class="badge badge-sm text-secondary bg-white ms-1">328</span>
</a><a href=/categories/diverses/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Diverses>Diverses
<span class="badge badge-sm text-secondary bg-white ms-1">242</span>
</a><a href=/categories/web/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Web>Web
<span class="badge badge-sm text-secondary bg-white ms-1">200</span>
</a><a href=/categories/linux/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Linux>Linux
<span class="badge badge-sm text-secondary bg-white ms-1">135</span>
</a><a href=/categories/android/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Android>Android
<span class="badge badge-sm text-secondary bg-white ms-1">68</span>
</a><a href=/categories/linkdump/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Linkdump>Linkdump
<span class="badge badge-sm text-secondary bg-white ms-1">42</span>
</a><a href=/categories/mumble/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Mumble>Mumble
<span class="badge badge-sm text-secondary bg-white ms-1">16</span>
</a><a href=/categories/navesima/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=NavesiMa>NavesiMa
<span class="badge badge-sm text-secondary bg-white ms-1">9</span>
</a><a href=/categories/links/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-category me-2 mb-2" title=Links>Links
<span class="badge badge-sm text-secondary bg-white ms-1">2</span></a></div></div></section></div><div class="accordion tags-taxonomies"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block"><a href=https://natenom.de/tags>Tags</a></h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent text-surface collapsed" role=button data-bs-toggle=collapse href=#taxonomy-tags aria-expanded=false aria-controls=taxonomy-tags>Tags</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=taxonomy-tags><div class=py-2><a href=/tags/fahrrad/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Fahrrad>Fahrrad
<span class="badge badge-sm text-secondary bg-white ms-1">557</span>
</a><a href=/tags/fotos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Fotos>Fotos
<span class="badge badge-sm text-secondary bg-white ms-1">410</span>
</a><a href=/tags/mobilit%C3%A4t/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Mobilität>Mobilität
<span class="badge badge-sm text-secondary bg-white ms-1">380</span>
</a><a href=/tags/pforzheim/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Pforzheim>Pforzheim
<span class="badge badge-sm text-secondary bg-white ms-1">263</span>
</a><a href=/tags/open-source/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title="Open Source">Open Source
<span class="badge badge-sm text-secondary bg-white ms-1">237</span>
</a><a href=/tags/natur/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Natur>Natur
<span class="badge badge-sm text-secondary bg-white ms-1">208</span>
</a><a href=/tags/linux/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Linux>Linux
<span class="badge badge-sm text-secondary bg-white ms-1">161</span>
</a><a href=/tags/autos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Autos>Autos
<span class="badge badge-sm text-secondary bg-white ms-1">131</span>
</a><a href=/tags/enzkreis/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Enzkreis>Enzkreis
<span class="badge badge-sm text-secondary bg-white ms-1">115</span>
</a><a href=/tags/statistiken/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Statistiken>Statistiken
<span class="badge badge-sm text-secondary bg-white ms-1">110</span>
</a><a href=/tags/hardware/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Hardware>Hardware
<span class="badge badge-sm text-secondary bg-white ms-1">107</span>
</a><a href=/tags/web/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Web>Web
<span class="badge badge-sm text-secondary bg-white ms-1">107</span>
</a><a href=/tags/android/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Android>Android
<span class="badge badge-sm text-secondary bg-white ms-1">98</span>
</a><a href=/tags/hugo/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Hugo>Hugo
<span class="badge badge-sm text-secondary bg-white ms-1">89</span>
</a><a href=/tags/m%C3%BCll/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Müll>Müll
<span class="badge badge-sm text-secondary bg-white ms-1">89</span>
</a><a href=/tags/sicherheit/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Sicherheit>Sicherheit
<span class="badge badge-sm text-secondary bg-white ms-1">88</span>
</a><a href=/tags/blog/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Blog>Blog
<span class="badge badge-sm text-secondary bg-white ms-1">87</span>
</a><a href=/tags/m%C3%BCllsammeln/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Müllsammeln>Müllsammeln
<span class="badge badge-sm text-secondary bg-white ms-1">86</span>
</a><a href=/tags/politik/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Politik>Politik
<span class="badge badge-sm text-secondary bg-white ms-1">86</span>
</a><a href=/tags/polizei/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Polizei>Polizei
<span class="badge badge-sm text-secondary bg-white ms-1">76</span>
</a><a href=/tags/strecke/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Strecke>Strecke
<span class="badge badge-sm text-secondary bg-white ms-1">75</span>
</a><a href=/tags/abstand/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Abstand>Abstand
<span class="badge badge-sm text-secondary bg-white ms-1">74</span>
</a><a href=/tags/landschaften/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Landschaften>Landschaften
<span class="badge badge-sm text-secondary bg-white ms-1">74</span>
</a><a href=/tags/w%C3%A4lder/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Wälder>Wälder
<span class="badge badge-sm text-secondary bg-white ms-1">68</span>
</a><a href=/tags/wordpress/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=WordPress>WordPress
<span class="badge badge-sm text-secondary bg-white ms-1">64</span>
</a><a href=/tags/neuhausen/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Neuhausen>Neuhausen
<span class="badge badge-sm text-secondary bg-white ms-1">60</span>
</a><a href=/tags/apps/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Apps>Apps
<span class="badge badge-sm text-secondary bg-white ms-1">59</span>
</a><a href=/tags/videos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Videos>Videos
<span class="badge badge-sm text-secondary bg-white ms-1">59</span>
</a><a href=/tags/landstra%C3%9Fen/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Landstraßen>Landstraßen
<span class="badge badge-sm text-secondary bg-white ms-1">54</span>
</a><a href=/tags/makrofotos/ class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=Makrofotos>Makrofotos
<span class="badge badge-sm text-secondary bg-white ms-1">54</span>
</a><a href=https://natenom.de/tags class="btn btn-sm btn-secondary post-taxonomy ps-3 post-tag me-2 mb-2" title=ALLE>ALLE
<span class="badge badge-sm text-secondary bg-white ms-1">816</span></a></div></div></section></div><div class="accordion archives"><section class="row card component"><div class=card-header><h2 class="card-title my-2 fs-4 text-surface d-none d-lg-block"><a href=/archiv/>Archiv</a></h2><a class="accordion-button d-lg-none mb-1 shadow-none p-0 bg-transparent collapsed" role=button data-bs-toggle=collapse href=#archives aria-expanded=false aria-controls=archives>Archiv</a></div><div class="card-body collapse accordion-collapse accordion-body d-lg-block" id=archives><a href=/archiv/2024/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2024>2024 <span class="badge badge-sm text-secondary bg-white ms-1">23</span>
</a><a href=/archiv/2023/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2023>2023 <span class="badge badge-sm text-secondary bg-white ms-1">147</span>
</a><a href=/archiv/2022/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2022>2022 <span class="badge badge-sm text-secondary bg-white ms-1">188</span>
</a><a href=/archiv/2021/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2021>2021 <span class="badge badge-sm text-secondary bg-white ms-1">111</span>
</a><a href=/archiv/2020/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2020>2020 <span class="badge badge-sm text-secondary bg-white ms-1">193</span>
</a><a href=/archiv/2019/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2019>2019 <span class="badge badge-sm text-secondary bg-white ms-1">118</span>
</a><a href=/archiv/2018/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2018>2018 <span class="badge badge-sm text-secondary bg-white ms-1">143</span>
</a><a href=/archiv/2017/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2017>2017 <span class="badge badge-sm text-secondary bg-white ms-1">163</span>
</a><a href=/archiv/2016/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2016>2016 <span class="badge badge-sm text-secondary bg-white ms-1">108</span>
</a><a href=/archiv/2015/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2015>2015 <span class="badge badge-sm text-secondary bg-white ms-1">85</span>
</a><a href=/archiv/2014/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2014>2014 <span class="badge badge-sm text-secondary bg-white ms-1">85</span>
</a><a href=/archiv/2013/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2013>2013 <span class="badge badge-sm text-secondary bg-white ms-1">56</span>
</a><a href=/archiv/2012/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2012>2012 <span class="badge badge-sm text-secondary bg-white ms-1">43</span>
</a><a href=/archiv/2011/ class="btn btn-sm btn-secondary post-taxonomy ps-3 me-2 mb-2" title=2011>2011 <span class="badge badge-sm text-secondary bg-white ms-1">36</span></a></div></section></div></div></aside></div></main><footer class="footer mt-auto py-3 text-center container"><div class="row text-center"><div class="col-12 mt-2"><p class=mb-2>Natenoms Blog</p><p class="text-secondary mb-2"><small>Mein Blog über verschiedene Themen, die mich über die Zeit beschäftigen. Derzeit sind dies: Verkehrswende, Mobilität, Fahrrad, Minimalismus, Fotografie, Malen, Zeichnen …</small></p><div class="copyright mb-2 text-secondary"><small></small></div><div class="powered-by mb-2 text-secondary"><small>Build with ❤️ from the <a class=text-primary href=https://gohugo.io target=_blank rel="noopener noreferrer">Hugo</a> and the <a class=text-primary href=https://github.com/razonyang/hugo-theme-bootstrap target=_blank rel="noopener noreferrer">HBS</a> theme.</small></div><nav class="social-links nav justify-content-center mb-2 mt-3"><a class="nav-link social-link p-0 me-1 mb-2" target=_blank href=/index.xml title=RSS rel=me><i class="fas fa-fw fa-2x fa-rss" style=color:#ea6221></i></a></nav></div><div class="col-12 col-lg-8 offset-0 offset-lg-1"></div></div><div class=natenom-footer><a href=/ueber/impressum/>Impressum</a> <a href=/ueber/datenschutz/>Datenschutz</a></div></footer><script data-precache src=/assets/main/bundle.min.b0a436c85b86c431bb1c0fdb2ade0445de95435dc453dc7f4f30acad2153b535.js integrity="sha256-sKQ2yFuGxDG7HA/bKt4ERd6VQ13EU9x/TzCsrSFTtTU=" crossorigin=anonymous async></script><script data-precache src=/assets/icons/bundle.min.691458a56c2eef480bec8d31c967801a416b6445459ae901fe213e7870a0dd83.js integrity="sha256-aRRYpWwu70gL7I0xyWeAGkFrZEVFmukB/iE+eHCg3YM=" crossorigin=anonymous defer></script></body></html>