463 lines
27 KiB
HTML
463 lines
27 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" dir="ltr">
|
||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||
<title>BottomUp -> MarkDown - 5V-Power für deine OER! :: Jörg Lohrer - Example site for hugo-theme-tailwind</title>
|
||
|
||
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta
|
||
name="description"
|
||
content="Eine Session-Idee auf dem #OERcamp 24 in Hamburg Entfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!
|
||
In dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!
|
||
BottomUp MarkDown: Verwahren & Vervielfältigen: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat. Verwenden: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt. Verarbeiten: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern. Vermischen: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren. Verbreiten: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen. In dieser Session: Entfessele die Markdown-Mania: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER. Gestalte deine Inhalte mit Superkräften: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand. Veröffentliche deine OER im Internet: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel. Werde Teil der OER-Community: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown! "
|
||
/>
|
||
<meta
|
||
name="keywords"
|
||
content="hugo, tailwind, tailwindcss, hugo theme, hugo theme tailwind"
|
||
/>
|
||
<meta name="robots" content="noodp" /><link rel="manifest" href="/manifest.json" /><meta property="og:url" content="http://localhost:1313/2024/03/05/bottomup-markdown.html/">
|
||
<meta property="og:site_name" content="Jörg Lohrer">
|
||
<meta property="og:title" content="BottomUp -> MarkDown - 5V-Power für deine OER!">
|
||
<meta property="og:description" content="Open Educational Resources mit MarkDown">
|
||
<meta property="og:locale" content="de">
|
||
<meta property="og:type" content="article">
|
||
<meta property="article:section" content="posts">
|
||
<meta property="article:published_time" content="2024-03-05T00:00:00+00:00">
|
||
<meta property="article:modified_time" content="2024-03-05T00:00:00+00:00">
|
||
<meta property="article:tag" content="Offenheit">
|
||
<meta property="article:tag" content="OER">
|
||
<meta property="article:tag" content="MarkDown">
|
||
<meta property="article:tag" content="Community">
|
||
|
||
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:title" content="BottomUp -> MarkDown - 5V-Power für deine OER!">
|
||
<meta name="twitter:description" content="Open Educational Resources mit MarkDown">
|
||
|
||
|
||
<link rel="canonical" href="http://localhost:1313/2024/03/05/bottomup-markdown.html/" />
|
||
|
||
<link rel="shortcut icon" href="/favicon.ico" />
|
||
<link rel="stylesheet" href="/css/index.f2b5b9c8e4e9b03048601ca9eedc29df44c3a73343f4538f41785e16f13c341a.css">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</head>
|
||
<body class="flex flex-col min-h-screen w-full bg-slate-50 dark:bg-gray-800">
|
||
|
||
<div class="fixed right-0 top-0 z-50 flex items-center justify-center bg-gray-200 p-2 text-sm uppercase text-black sm:bg-red-200 md:bg-yellow-200 lg:bg-green-200 xl:bg-blue-200 2xl:bg-pink-200">
|
||
<span class="block sm:hidden">all</span>
|
||
<span class="hidden sm:block md:hidden">sm</span>
|
||
<span class="hidden md:block lg:hidden">md</span>
|
||
<span class="hidden lg:block xl:hidden">lg</span>
|
||
<span class="hidden xl:block 2xl:hidden">xl</span>
|
||
<span class="hidden 2xl:block">2xl</span>
|
||
</div>
|
||
|
||
<header class="flex flex-none justify-center z-10">
|
||
<div class="flex flex-row gap justify-between w-full max-w-4xl lg:max-w-5xl h-12 mt-3">
|
||
<div class="flex-none ml-2 md:ml-0">
|
||
<a href="/" class="">
|
||
<img class="h-12 w-12 rounded-full object-cover bg-gray-100" src="/joerg-profil-2024.webp" alt="logo">
|
||
</a>
|
||
</div>
|
||
<div class="flex-1"></div>
|
||
<div class="flex-none">
|
||
|
||
|
||
|
||
|
||
<nav class="h-full static">
|
||
<button id="navbar-menu-toggle" type="button" class="inline-flex items-center p-2 text-sm text-slate-800 dark:text-slate-200 rounded-lg md:hidden" aria-controls="navbar-menu" aria-expanded="false">
|
||
<span class="sr-only">Hauptmenü öffnen</span>
|
||
<i class="w-8 h-8">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-menu-2" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
|
||
<path d="M4 6l16 0" />
|
||
<path d="M4 12l16 0" />
|
||
<path d="M4 18l16 0" />
|
||
</svg>
|
||
|
||
</i>
|
||
</button>
|
||
<div class="absolute md:static top-16 left-0 right-0 z-50 hidden w-full md:block md:w-auto" id="navbar-menu">
|
||
<ul class="flex flex-col mx-2 md:mx-0 md:flex-row md:border-0 rounded-sm md:rounded-full px-3 text-base font-medium text-slate-800 dark:text-slate-200 shadow-lg bg-white dark:bg-gray-600 shadow-slate-800/5 dark:shadow-slate-200/5 ring-1 ring-slate-900/5 dark:ring-slate-100/5">
|
||
|
||
<li id="" class="">
|
||
<a class="block px-3 py-3 hover:text-emerald-600"
|
||
href="/" title="Home">Home</a>
|
||
</li>
|
||
|
||
|
||
<li id="" class="">
|
||
<a class="block px-3 py-3 hover:text-emerald-600"
|
||
href="/tags/" title="Schlagworte">Schlagworte</a>
|
||
</li>
|
||
|
||
|
||
<li id="" class="">
|
||
<a class="block px-3 py-3 hover:text-emerald-600"
|
||
href="/impressum/" title="Impressum">Impressum</a>
|
||
</li>
|
||
|
||
|
||
<li id="" class="">
|
||
<a class="block px-3 py-3 hover:text-emerald-600"
|
||
href="https://reliverse.social/@joerglohrer" title="Mastodon">Mastodon</a>
|
||
</li>
|
||
|
||
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="flex-none mx-1"></div>
|
||
|
||
<div class="flex-none md:hidden">
|
||
<a href=/search/ class="inline-flex items-center p-2 text-sm text-slate-800 dark:text-slate-200 rounded-lg" aria-controls="navbar-menu" aria-expanded="false">
|
||
<span class="sr-only">Suche</span>
|
||
<i class="w-8 h-8">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-search" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
|
||
<path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" />
|
||
<path d="M21 21l-6 -6" />
|
||
</svg>
|
||
|
||
</i>
|
||
</a>
|
||
</div>
|
||
<div class="darkmode-toggle flex flex-none mr-2 md:mr-0">
|
||
<label for="darkmode-toggle" class="flex items-center px-3 cursor-pointer rounded-full bg-gray-100 dark:bg-gray-600" title="Dark Mode umschalten">
|
||
<input name="darkmode-toggle" id="darkmode-toggle" type="checkbox" class="sr-only peer" aria-label="Dark Mode umschalten">
|
||
<div class="group flex flex-row gap-1 justify-center h-8 px-1 rounded-full bg-white dark:bg-gray-700">
|
||
<i class="h-6 w-6 flex-none rounded-full bg-yellow-400 place-self-center peer-checked:group-[]:invisible">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brightness-down" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
||
<path d="M12 5l0 .01"></path>
|
||
<path d="M17 7l0 .01"></path>
|
||
<path d="M19 12l0 .01"></path>
|
||
<path d="M17 17l0 .01"></path>
|
||
<path d="M12 19l0 .01"></path>
|
||
<path d="M7 17l0 .01"></path>
|
||
<path d="M5 12l0 .01"></path>
|
||
<path d="M7 7l0 .01"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
<i class="h-6 w-6 flex-none rounded-full place-self-center invisible peer-checked:group-[]:visible">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-moon-stars" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>
|
||
<path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>
|
||
<path d="M19 11h2m-1 -1v2"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
<main class="flex flex-auto justify-center">
|
||
|
||
<div class="w-full max-w-4xl lg:max-w-5xl">
|
||
<div class="flex flex-col mt-6 mx-2 md:mx-0 rounded-lg overflow-hidden shadow-md bg-white dark:bg-gray-700">
|
||
<div>
|
||
<a href="/2024/03/05/bottomup-markdown.html/">
|
||
<picture>
|
||
<source type="image/webp" srcset="/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu10177670039046064318.webp 960w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu13399510185464128399.webp 1600w" sizes="(min-width: 1024px) 100vw, 50vw" />
|
||
<source type="image/jpeg" srcset="/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu4956335918204206773.jpg 960w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu13832637153479794961.jpg 1600w" sizes="(min-width: 1024px) 100vw, 50vw" />
|
||
<img class="w-full object-cover h-36 md:h-48 xl:h-60" src="/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu546307839614069620.jpg" width="1938" height="1044" alt="BottomUp -> MarkDown - 5V-Power für deine OER!" title="BottomUp -> MarkDown - 5V-Power für deine OER!" loading="lazy" />
|
||
</picture>
|
||
</a>
|
||
</div>
|
||
<div class="flex flex-col gap-y-3 p-6">
|
||
<h1 class="text-4xl font-semibold text-slate-800 dark:text-slate-100">
|
||
<a href="/2024/03/05/bottomup-markdown.html/">BottomUp -> MarkDown - 5V-Power für deine OER!</a>
|
||
</h1>
|
||
|
||
|
||
<h2 class="my-4 text-large text-slate-600 dark:text-slate-300">
|
||
Open Educational Resources mit MarkDown
|
||
</h2>
|
||
|
||
|
||
<ul class="flex flex-row flex-wrap text-slate-500 dark:text-slate-300">
|
||
|
||
|
||
|
||
<li>
|
||
<a href="/tags/offenheit/"
|
||
class="flex flex-row text-sm mr-2 py-1">
|
||
<i class="h-5 w-5 flex-none">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M5 9l14 0"></path>
|
||
<path d="M5 15l14 0"></path>
|
||
<path d="M11 4l-4 16"></path>
|
||
<path d="M17 4l-4 16"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
<span class="ml-0">Offenheit</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="/tags/oer/"
|
||
class="flex flex-row text-sm mr-2 py-1">
|
||
<i class="h-5 w-5 flex-none">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M5 9l14 0"></path>
|
||
<path d="M5 15l14 0"></path>
|
||
<path d="M11 4l-4 16"></path>
|
||
<path d="M17 4l-4 16"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
<span class="ml-0">OER</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="/tags/markdown/"
|
||
class="flex flex-row text-sm mr-2 py-1">
|
||
<i class="h-5 w-5 flex-none">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M5 9l14 0"></path>
|
||
<path d="M5 15l14 0"></path>
|
||
<path d="M11 4l-4 16"></path>
|
||
<path d="M17 4l-4 16"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
<span class="ml-0">MarkDown</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a href="/tags/community/"
|
||
class="flex flex-row text-sm mr-2 py-1">
|
||
<i class="h-5 w-5 flex-none">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M5 9l14 0"></path>
|
||
<path d="M5 15l14 0"></path>
|
||
<path d="M11 4l-4 16"></path>
|
||
<path d="M17 4l-4 16"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
<span class="ml-0">Community</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
</ul>
|
||
|
||
|
||
|
||
<div class="flex flex-col gap-y-1 md:flex-row md:gap-y-0 md:gap-x-4 text-slate-500 dark:text-slate-300">
|
||
|
||
|
||
<div class="flex flex-row text-base gap-x-1">
|
||
<i class="h-6 w-6 flex-none">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z"></path>
|
||
<path d="M16 3v4"></path>
|
||
<path d="M8 3v4"></path>
|
||
<path d="M4 11h16"></path>
|
||
<path d="M11 15h1"></path>
|
||
<path d="M12 15v3"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
<time datetime="2024-03-05T00:00:00+00:00">
|
||
2024-03-05
|
||
</time>
|
||
</div>
|
||
|
||
<div class="flex flex-row text-base gap-x-1">
|
||
<i class="h-6 w-6 flex-none">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hourglass-high" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M6.5 7h11"></path>
|
||
<path d="M6 20v-2a6 6 0 1 1 12 0v2a1 1 0 0 1 -1 1h-10a1 1 0 0 1 -1 -1z"></path>
|
||
<path d="M6 4v2a6 6 0 1 0 12 0v-2a1 1 0 0 0 -1 -1h-10a1 1 0 0 0 -1 1z"></path>
|
||
</svg>
|
||
|
||
</i>
|
||
<span>
|
||
Lesezeit 2 Minuten
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<section class="prose prose-slate dark:prose-invert w-full max-w-4xl lg:max-w-5xl mt-6">
|
||
<h2>Inhaltsverzeichnis</h2>
|
||
<aside><nav id="TableOfContents">
|
||
<ul>
|
||
<li><a href="#eine-session-idee-auf-dem-oercamp-24-in-hamburg">Eine Session-Idee auf dem #OERcamp 24 in Hamburg</a></li>
|
||
<li><a href="#bottomup-markdown">BottomUp MarkDown:</a>
|
||
<ul>
|
||
<li><a href="#in-dieser-session">In dieser Session:</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#austausch-und-diskussion-zu-diesem-beitrag">Austausch und Diskussion zu diesem Beitrag</a></li>
|
||
</ul>
|
||
</nav></aside>
|
||
</section>
|
||
|
||
|
||
|
||
<article class="mt-6 w-full max-w-4xl lg:max-w-5xl prose prose-slate dark:prose-invert prose-quoteless post-content">
|
||
<h2 id="eine-session-idee-auf-dem-oercamp-24-in-hamburg">Eine Session-Idee auf dem #OERcamp 24 in Hamburg</h2>
|
||
<p>Entfessele deine kreative Superkraft und erstelle Open Educational Resources (OER) mit Markdown!</p>
|
||
<p>In dieser Session tauchst du ein in die Welt der 5V-Freiheiten von Open Content und lernst gleichzeitig die Markdown-Sprache kennen – dein perfektes Werkzeug, um diese Freiheiten zu nutzen!</p>
|
||
<h2 id="bottomup-markdown">BottomUp MarkDown:</h2>
|
||
<ul>
|
||
<li><strong>Verwahren & Vervielfältigen</strong>: Gestalte direkt online ohne Software, Registrierungen oder Anmeldungen. Lade deine OER herunter, sichere sie und erstelle so viele Kopien, wie du benötigst – ganz ohne Limits! Mit Markdown speicherst du deine Inhalte im praktischen und leicht editierbaren Textformat.</li>
|
||
<li><strong>Verwenden</strong>: Ob im Unterricht, in Lerngruppen oder online – bringe deine OER in allen erdenklichen Kontexten zum Einsatz! Markdown macht deine Inhalte überall zugänglich und flexibel. Auch Vorlagen von Lehrenden, die Lernende übernehmen und anpassen können sind einfach bereitgestellt.</li>
|
||
<li><strong>Verarbeiten</strong>: Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – deiner Fantasie sind keine Grenzen gesetzt! Markdown bietet dir die Freiheit, deine OER ständig weiterzuentwickeln, zu versionieren und zu verändern.</li>
|
||
<li><strong>Vermischen</strong>: Kombiniere deine OER mit anderen offenen Inhalten, erweitere sie mit Bildern, Videos und Musik (sogar urheberrechtlich geschützten Werken) und schaffe einzigartige Lernerlebnisse! Markdown lässt sich nahtlos mit anderen Formaten und Medien kombinieren.</li>
|
||
<li><strong>Verbreiten</strong>: Teile deine OER mit der Welt! Veröffentliche sie online, versende sie an Freunde und Kollegen und trage zur globalen Wissensgemeinschaft bei! Mit Markdown präsentierst du deine OER im Web in einem ansprechenden und nutzerfreundlichen Format, das barrierefrei weiternutzbar ist unanbhängig von technischer Infrastruktur oder Plattformen.</li>
|
||
</ul>
|
||
<h3 id="in-dieser-session">In dieser Session:</h3>
|
||
<ul>
|
||
<li><strong>Entfessele die Markdown-Mania</strong>: Lerne die Syntax der Sprache kennen und erstelle im Handumdrehen deine ersten OER.</li>
|
||
<li><strong>Gestalte deine Inhalte mit Superkräften</strong>: Formatiere Texte, füge Bilder und Tabellen ein und erstelle interaktive Elemente. Markdown gibt dir alle Werkzeuge dafür an die Hand.</li>
|
||
<li><strong>Veröffentliche deine OER im Internet</strong>: Erfahre, wie du deine Materialien online zugänglich machst und mit anderen teilst. Mit Markdown ist die Veröffentlichung deiner OER ein Kinderspiel.</li>
|
||
<li><strong>Werde Teil der OER-Community</strong>: Vernetze dich mit anderen Lernenden und Lehrenden und profitiere vom Austausch in der Community. Gemeinsam gestalten wir die Zukunft des Lernens mit Markdown!</li>
|
||
</ul>
|
||
<p><div class="not-prose">
|
||
<picture>
|
||
<source type="image/webp" srcset="/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu5222819057927354415.webp 320w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu8925060511896415901.webp 640w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu10177670039046064318.webp 960w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu13821220902944115841.webp 1280w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu13399510185464128399.webp 1600w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu14208889796633290002.webp 1920w" sizes="(min-width: 1024px) 100vw, 50vw" />
|
||
<source type="image/jpeg" srcset="/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu5542874163986161860.jpg 320w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu546307839614069620.jpg 640w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu4956335918204206773.jpg 960w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu8906254377160661396.jpg 1280w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu13832637153479794961.jpg 1600w, /2024/03/05/bottomup-markdown.html/bottomup-markdown_hu17696793225343323785.jpg 1920w" sizes="(min-width: 1024px) 100vw, 50vw" />
|
||
<img class="h-auto max-w-full rounded-lg" src="/2024/03/05/bottomup-markdown.html/bottomup-markdown_hu546307839614069620.jpg" width="1938" height="1044" alt="" title="" loading="lazy" />
|
||
</picture>
|
||
</div>
|
||
</p>
|
||
<h2 id="austausch-und-diskussion-zu-diesem-beitrag">Austausch und Diskussion zu diesem Beitrag</h2>
|
||
<ul>
|
||
<li>offen und dezentral
|
||
<ul>
|
||
<li><strong><a href="https://reliverse.social/@joerglohrer/112044212054942606" target="_blank" rel="noopener">hier auf Mastodon im Fediverse</a>
|
||
</strong></li>
|
||
</ul>
|
||
</li>
|
||
<li>geschlossen und plattformgebunden
|
||
<ul>
|
||
<li><a href="https://bsky.app/profile/joerglohrer.bsky.social/post/3kmxobg2grq22" target="_blank" rel="noopener">hier auf bluesky</a>
|
||
</li>
|
||
<li><a href="https://www.threads.net/@joerglohrer/post/C4JAGtZMLg8" target="_blank" rel="noopener">hier in Threads</a>
|
||
</li>
|
||
<li><a href="https://linkedin.com/feed/update/urn:li:activity:7170830032897056768/" target="_blank" rel="noopener">hier in Linkedin</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
|
||
</article>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
<footer class="flex flex-none justify-center">
|
||
<section class="flex flex-col md:flex-row mx-2 md:mx-0 gap-2 md:gap-0 justify-between w-full max-w-4xl lg:max-w-5xl py-6 text-slate-500 dark:text-slate-300">
|
||
<div class="flex flex-row">
|
||
|
||
|
||
|
||
<a href="https://reliverse.social/@joerglohrer" target="_blank" title="Mastodon" class="flex flex-row mr-2">
|
||
<span class="hidden">Mastodon</span>
|
||
<i class="h-6 w-6 flex-none"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-mastodon"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18.648 15.254c-1.816 1.763 -6.648 1.626 -6.648 1.626a18.262 18.262 0 0 1 -3.288 -.256c1.127 1.985 4.12 2.81 8.982 2.475c-1.945 2.013 -13.598 5.257 -13.668 -7.636l-.026 -1.154c0 -3.036 .023 -4.115 1.352 -5.633c1.671 -1.91 6.648 -1.666 6.648 -1.666s4.977 -.243 6.648 1.667c1.329 1.518 1.352 2.597 1.352 5.633s-.456 4.074 -1.352 4.944z" /><path d="M12 11.204v-2.926c0 -1.258 -.895 -2.278 -2 -2.278s-2 1.02 -2 2.278v4.722m4 -4.722c0 -1.258 .895 -2.278 2 -2.278s2 1.02 2 2.278v4.722" /></svg> </i>
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://nostrrr.com/p/npub1mmful66pyasny86vdxtm0d2v9v572hjtmx0ufaa2t4m9hxartuxs4wu69w" target="_blank" title="nostr" class="flex flex-row mr-2">
|
||
<span class="hidden">nostr</span>
|
||
<i class="h-6 w-6 flex-none"> <?xml version="1.0" encoding="UTF-8"?>
|
||
<svg id="_8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><defs><style>.cls-1{fill:none;}.cls-2{fill:#fff;}.cls-3{fill:#662482;}</style></defs><path class="cls-2" d="m231.16,159.49c0,20.71,0,31.07-3.53,42.22-4.43,12.17-14.02,21.76-26.19,26.19-11.15,3.53-21.5,3.53-42.22,3.53h-62.46c-20.71,0-31.06,0-42.21-3.53-12.17-4.43-21.76-14.02-26.19-26.19-3.53-11.15-3.53-21.5-3.53-42.22v-62.46c0-20.71,0-31.07,3.53-42.22,4.43-12.17,14.02-21.76,26.19-26.19,11.15-3.52,21.5-3.52,42.21-3.52h62.46c20.71,0,31.07,0,42.22,3.52,12.17,4.43,21.76,14.02,26.19,26.19,3.53,11.15,3.53,21.5,3.53,42.22v62.46Z"/><path class="cls-3" d="m210.81,116.2v83.23c0,3.13-2.54,5.67-5.67,5.67h-68.04c-3.13,0-5.67-2.54-5.67-5.67v-15.5c.31-19,2.32-37.2,6.54-45.48,2.53-4.98,6.7-7.69,11.49-9.14,9.05-2.72,24.93-.86,31.67-1.18,0,0,20.36.81,20.36-10.72,0-9.28-9.1-8.55-9.1-8.55-10.03.26-17.67-.42-22.62-2.37-8.29-3.26-8.57-9.24-8.6-11.24-.41-23.1-34.47-25.87-64.48-20.14-32.81,6.24.36,53.27.36,116.05v8.38c-.06,3.08-2.55,5.57-5.65,5.57h-33.69c-3.13,0-5.67-2.54-5.67-5.67V55.49c0-3.13,2.54-5.67,5.67-5.67h31.67c3.13,0,5.67,2.54,5.67,5.67,0,4.65,5.23,7.24,9.01,4.53,11.39-8.16,26.01-12.51,42.37-12.51,36.65,0,64.36,21.36,64.36,68.69Zm-60.84-16.89c0-6.7-5.43-12.13-12.13-12.13s-12.13,5.43-12.13,12.13,5.43,12.13,12.13,12.13,12.13-5.43,12.13-12.13Z"/><rect class="cls-1" /></svg> </i>
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://bsky.app/profile/joerglohrer.bsky.social" target="_blank" title="Bluesky" class="flex flex-row mr-2">
|
||
<span class="hidden">Bluesky</span>
|
||
<i class="h-6 w-6 flex-none"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-bluesky"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z" /></svg> </i>
|
||
</a>
|
||
|
||
|
||
|
||
<a href="https://www.instagram.com/joerglohrer" target="_blank" title="Instagram" class="flex flex-row mr-2">
|
||
<span class="hidden">Instagram</span>
|
||
<i class="h-6 w-6 flex-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-brand-instagram" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"></path>
|
||
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
|
||
<path d="M16.5 7.5l0 .01"></path>
|
||
</svg>
|
||
</i>
|
||
</a>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<div class="grow"></div>
|
||
<div class="flex flex-row">
|
||
<i class="h-6 w-6 flex-none"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-copyright" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
||
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
|
||
<path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0"></path>
|
||
<path d="M14 9.75a3.016 3.016 0 0 0 -4.163 .173a2.993 2.993 0 0 0 0 4.154a3.016 3.016 0 0 0 4.163 .173"></path>
|
||
</svg>
|
||
</i> 2023 - 2024
|
||
|
||
</div>
|
||
|
||
<div class="flex flex-row">
|
||
<span class="ml-0 pl-0 md:ml-2 md:pl-2 border-l-0 md:border-l border-slate-300 dark:border-slate-400">
|
||
Powered by <a href="https://gohugo.io" target="_blank" rel="noopener" class="underline">Hugo</a> <span class="text-red-600">♥</span> <a href="https://github.com/tomowang/hugo-theme-tailwind" target="_blank" rel="noopener" class="underline">Tailwind</a>
|
||
</span>
|
||
</div>
|
||
|
||
</section>
|
||
|
||
</footer>
|
||
<script src="/main.js"></script>
|
||
|
||
|
||
|
||
|
||
</body>
|
||
</html>
|