2024-11-06 15:55:54 +01:00
<!DOCTYPE html>
2025-01-28 18:18:59 +01:00
< html lang = "de" dir = "auto" >
2025-02-12 19:43:36 +01:00
< head > < script src = "/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer > < / script > < meta charset = "utf-8" >
2025-01-28 18:18:59 +01:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1, shrink-to-fit=no" >
2025-02-12 19:43:36 +01:00
< meta name = "robots" content = "noindex, nofollow" >
2025-01-28 18:18:59 +01:00
< title > BottomUp -> MarkDown - 5V-Power für deine OER! | Jörg Lohrer< / title >
< meta name = "keywords" content = "Offenheit, OER, MarkDown, Community" >
< meta name = "description" content = "Open Educational Resources mit MarkDown" >
< meta name = "author" content = "Jörg Lohrer" >
2025-02-12 19:43:36 +01:00
< link rel = "canonical" href = "http://localhost:1313/2024/03/05/bottomup-markdown.html/" >
< link crossorigin = "anonymous" href = "/assets/css/stylesheet.fcb38834b6dee4645dbe7c77d6c5278e12448b758b3f769e48a2d86d35709cb2.css" integrity = "sha256-/LOINLbe5GRdvnx31sUnjhJEi3WLP3aeSKLYbTVwnLI=" rel = "preload stylesheet" as = "style" >
< link rel = "icon" href = "http://localhost:1313/favicon.ico" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "http://localhost:1313/favicon-16x16.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "http://localhost:1313/favicon-32x32.png" >
< link rel = "apple-touch-icon" href = "http://localhost:1313/apple-touch-icon.png" >
< link rel = "mask-icon" href = "http://localhost:1313/safari-pinned-tab.svg" >
2025-01-28 18:18:59 +01:00
< meta name = "theme-color" content = "#2e2e33" >
< meta name = "msapplication-TileColor" content = "#2e2e33" >
2025-02-12 19:43:36 +01:00
< link rel = "alternate" hreflang = "de" href = "http://localhost:1313/2024/03/05/bottomup-markdown.html/" >
2025-01-28 18:18:59 +01:00
< noscript >
< style >
#theme-toggle,
.top-link {
display: none;
}
< / style >
< style >
@media (prefers-color-scheme: dark) {
:root {
--theme: rgb(29, 30, 32);
--entry: rgb(46, 46, 51);
--primary: rgb(218, 218, 219);
--secondary: rgb(155, 156, 157);
--tertiary: rgb(65, 66, 68);
--content: rgb(196, 196, 197);
--code-block-bg: rgb(46, 46, 51);
--code-bg: rgb(55, 56, 62);
--border: rgb(51, 51, 51);
}
.list {
background: var(--theme);
}
.list:not(.dark)::-webkit-scrollbar-track {
background: 0 0;
}
.list:not(.dark)::-webkit-scrollbar-thumb {
border-color: var(--theme);
}
}
< / style >
2025-02-12 19:43:36 +01:00
< / noscript >
2024-11-06 15:55:54 +01:00
< / head >
2025-01-28 18:18:59 +01:00
< body class = "" id = "top" >
< script >
if (localStorage.getItem("pref-theme") === "dark") {
document.body.classList.add('dark');
} else if (localStorage.getItem("pref-theme") === "light") {
document.body.classList.remove('dark')
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
}
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< / script >
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< header class = "header" >
< nav class = "nav" >
< div class = "logo" >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/" accesskey = "h" title = "Jörg Lohrer (Alt + H)" > Jörg Lohrer< / a >
2025-01-28 18:18:59 +01:00
< div class = "logo-switches" >
< button id = "theme-toggle" accesskey = "t" title = "(Alt + T)" >
< svg id = "moon" xmlns = "http://www.w3.org/2000/svg" width = "24" height = "18" viewBox = "0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
< path d = "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" > < / path >
< / svg >
< svg id = "sun" xmlns = "http://www.w3.org/2000/svg" width = "24" height = "18" viewBox = "0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
< circle cx = "12" cy = "12" r = "5" > < / circle >
< line x1 = "12" y1 = "1" x2 = "12" y2 = "3" > < / line >
< line x1 = "12" y1 = "21" x2 = "12" y2 = "23" > < / line >
< line x1 = "4.22" y1 = "4.22" x2 = "5.64" y2 = "5.64" > < / line >
< line x1 = "18.36" y1 = "18.36" x2 = "19.78" y2 = "19.78" > < / line >
< line x1 = "1" y1 = "12" x2 = "3" y2 = "12" > < / line >
< line x1 = "21" y1 = "12" x2 = "23" y2 = "12" > < / line >
< line x1 = "4.22" y1 = "19.78" x2 = "5.64" y2 = "18.36" > < / line >
< line x1 = "18.36" y1 = "5.64" x2 = "19.78" y2 = "4.22" > < / line >
< / svg >
< / button >
< ul class = "lang-switch" > < li > |< / li >
< / ul >
< / div >
< / div >
< ul id = "menu" >
< li >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/" title = "Jörg Lohrer" >
2025-01-28 18:18:59 +01:00
< span > Home< / span >
< / a >
< / li >
< li >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/archives/" title = "Archive" >
2025-01-28 18:18:59 +01:00
< span > Blog< / span >
< / a >
< / li >
< li >
2025-02-12 19:43:36 +01:00
< a href = "http://localhost:1313/impressum/" title = "Impressum" >
2025-01-28 18:18:59 +01:00
< span > Impressum< / span >
< / a >
< / li >
< li >
< a href = "https://reliverse.social/@joerglohrer" title = "Mastodon" >
< span > < i class = "fa fa-heart" > < / i > Mastodon< / span >
< svg fill = "none" shape-rendering = "geometricPrecision" stroke = "currentColor" stroke-linecap = "round"
stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" height="12" width="12">
< path d = "M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6" > < / path >
< path d = "M15 3h6v6" > < / path >
< path d = "M10 14L21 3" > < / path >
< / svg >
< / a >
< / li >
< / ul >
< / nav >
< / header >
< main class = "main" >
< article class = "post-single" >
< header class = "post-header" >
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< h1 class = "post-title entry-hint-parent" >
BottomUp -> MarkDown - 5V-Power für deine OER!
< / h1 >
< div class = "post-description" >
Open Educational Resources mit MarkDown
2024-11-06 15:55:54 +01:00
< / div >
2025-01-28 18:18:59 +01:00
< div class = "post-meta" > < span title = '2024-03-05 00:00:00 +0000 UTC' > März 5, 2024< / span > · Jörg Lohrer
2024-11-06 15:55:54 +01:00
< / div >
2025-01-28 18:18:59 +01:00
< / header >
2025-02-01 07:52:15 +01:00
< figure class = "entry-cover" >
2025-02-12 19:43:36 +01:00
< img loading = "eager" src = "http://localhost:1313/2024/03/05/bottomup-markdown.html/bottomup-markdown.png" alt = "" >
2025-02-01 07:52:15 +01:00
< / figure >
2025-01-28 18:18:59 +01:00
< div class = "post-content" > < h2 id = "eine-session-idee-auf-dem-oercamp-24-in-hamburg" > Eine Session-Idee auf dem #OERcamp 24 in Hamburg< a hidden class = "anchor" aria-hidden = "true" href = "#eine-session-idee-auf-dem-oercamp-24-in-hamburg" > #< / a > < / h2 >
2024-11-06 15:55:54 +01:00
< 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 – < / p >
2025-01-28 18:18:59 +01:00
< h2 id = "bottomup-markdown" > BottomUp MarkDown:< a hidden class = "anchor" aria-hidden = "true" href = "#bottomup-markdown" > #< / a > < / h2 >
2024-11-06 15:55:54 +01:00
< 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 – < / li >
< li > < strong > Verwenden< / strong > : Ob im Unterricht, in Lerngruppen oder online – < / li >
< li > < strong > Verarbeiten< / strong > : Bearbeite deine Inhalte, passe sie an deine Bedürfnisse an und kreiere neue Lernmaterialien – < / 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 >
2025-01-28 18:18:59 +01:00
< h3 id = "in-dieser-session" > In dieser Session:< a hidden class = "anchor" aria-hidden = "true" href = "#in-dieser-session" > #< / a > < / h3 >
2024-11-06 15:55:54 +01:00
< 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 >
2025-01-28 18:18:59 +01:00
< p > < img loading = "lazy" src = "bottomup-markdown.png" alt = "" / >
2024-11-06 15:55:54 +01:00
< / p >
2025-01-28 18:18:59 +01:00
< h2 id = "austausch-und-diskussion-zu-diesem-beitrag" > Austausch und Diskussion zu diesem Beitrag< a hidden class = "anchor" aria-hidden = "true" href = "#austausch-und-diskussion-zu-diesem-beitrag" > #< / a > < / h2 >
2024-11-06 15:55:54 +01:00
< ul >
< li > offen und dezentral
< ul >
2025-01-28 18:18:59 +01:00
< li > < strong > < a href = "https://reliverse.social/@joerglohrer/112044212054942606" > hier auf Mastodon im Fediverse< / a > < / strong > < / li >
2024-11-06 15:55:54 +01:00
< / ul >
< / li >
< li > geschlossen und plattformgebunden
< ul >
2025-01-28 18:18:59 +01:00
< li > < a href = "https://bsky.app/profile/joerglohrer.bsky.social/post/3kmxobg2grq22" > hier auf bluesky< / a > < / li >
< li > < a href = "https://www.threads.net/@joerglohrer/post/C4JAGtZMLg8" > hier in Threads< / a > < / li >
< li > < a href = "https://linkedin.com/feed/update/urn:li:activity:7170830032897056768/" > hier in Linkedin< / a > < / li >
2024-11-06 15:55:54 +01:00
< / ul >
< / li >
< / ul >
< / div >
2025-01-28 18:18:59 +01:00
< footer class = "post-footer" >
< ul class = "post-tags" >
< / ul >
< / footer >
2025-02-12 19:43:36 +01:00
2025-01-28 18:18:59 +01:00
< / article >
< / main >
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< footer class = "footer" >
2025-02-12 19:43:36 +01:00
< span > © 2025 < a href = "http://localhost:1313/" > Jörg Lohrer< / a > < / span >
2025-01-28 18:18:59 +01:00
< span >
Powered by
< a href = "https://gohugo.io/" rel = "noopener noreferrer" target = "_blank" > Hugo< / a > &
< a href = "https://github.com/adityatelange/hugo-PaperMod/" rel = "noopener" target = "_blank" > PaperMod< / a >
< a rel = "me" href = "https://reliverse.social/@joerglohrer" > Mastodon< / a >
2024-11-06 15:55:54 +01:00
< / span >
2025-01-28 18:18:59 +01:00
< / footer >
< a href = "#top" aria-label = "go to top" title = "Go to Top (Alt + G)" class = "top-link" id = "top-link" accesskey = "g" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 12 6" fill = "currentColor" >
< path d = "M12 6H0l6-6z" / >
< / svg >
< / a >
< script >
let menu = document.getElementById('menu')
if (menu) {
menu.scrollLeft = localStorage.getItem("menu-scroll-position");
menu.onscroll = function () {
localStorage.setItem("menu-scroll-position", menu.scrollLeft);
}
}
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener("click", function (e) {
e.preventDefault();
var id = this.getAttribute("href").substr(1);
if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
behavior: "smooth"
});
} else {
document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
}
if (id === "top") {
history.replaceState(null, null, " ");
} else {
history.pushState(null, null, `#${id}`);
}
});
});
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< / script >
< script >
var mybutton = document.getElementById("top-link");
window.onscroll = function () {
if (document.body.scrollTop > 800 || document.documentElement.scrollTop > 800) {
mybutton.style.visibility = "visible";
mybutton.style.opacity = "1";
} else {
mybutton.style.visibility = "hidden";
mybutton.style.opacity = "0";
}
};
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< / script >
< script >
document.getElementById("theme-toggle").addEventListener("click", () => {
if (document.body.className.includes("dark")) {
document.body.classList.remove('dark');
localStorage.setItem("pref-theme", 'light');
} else {
document.body.classList.add('dark');
localStorage.setItem("pref-theme", 'dark');
}
})
2024-11-06 15:55:54 +01:00
2025-01-28 18:18:59 +01:00
< / script >
2024-11-06 15:55:54 +01:00
< / body >
2025-01-28 18:18:59 +01:00
2024-11-06 15:55:54 +01:00
< / html >
