<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:webfeeds="http://webfeeds.org/rss/1.0">
  <generator uri="https://www.lilo.blog" version="3.0.1">Lilo.Blog</generator>
  <id>https://manon-jenni.netlify.app/</id>
  <title type="html"><![CDATA[Manon Jenni]]></title>
  <subtitle type="html"><![CDATA[-]]></subtitle>
  <updated>2024-01-11T13:53:34+00:00</updated>
  <link rel="alternate" href="https://manon-jenni.netlify.app/" type="text/html" />
  <link rel="self" href="https://manon-jenni.netlify.app/index.xml" type="application/atom+xml" />
  <author>
    <name>Manon Jenni </name>
    <uri>https://manon-jenni.netlify.app/about/</uri>
  </author>
  <icon>https://manon-jenni.netlify.app/img/default-favicon.png</icon>
  <webfeeds:icon>https://manon-jenni.netlify.app/img/default-favicon.png</webfeeds:icon>
  <logo>https://manon-jenni.netlify.app/img/default-logo.png</logo>
  <webfeeds:logo>https://manon-jenni.netlify.app/img/default-logo.png</webfeeds:logo>
  <webfeeds:cover image="https://manon-jenni.netlify.app/img/default-logo.png"/>
  <webfeeds:accentColor>5d9fbd</webfeeds:accentColor>
  <entry>
    <id>https://manon-jenni.netlify.app/fiche-de-lecture-balzac-et-la-petite-tailleuse-chinoise/</id>
    <link href="https://manon-jenni.netlify.app/fiche-de-lecture-balzac-et-la-petite-tailleuse-chinoise/" rel="alternate" type="text/html" />
    <title type="html"><![CDATA[Fiche de lecture – Balzac et la petite tailleuse chinoise]]></title>
    <published>2024-01-11T00:00:00+00:00</published>
    <updated>2024-01-11T13:53:19+00:00</updated>
    <category term="franzosischauftrag" label="französischauftrag" scheme="https://manon-jenni.netlify.app/tags/franzosischauftrag/" />
    <category term="donnerstagnachmittag" label="donnerstagnachmittag" scheme="https://manon-jenni.netlify.app/tags/donnerstagnachmittag/" />
    <category term="balzacetlapetitetailleusechinoise" label="balzacetlapetitetailleusechinoise" scheme="https://manon-jenni.netlify.app/tags/balzacetlapetitetailleusechinoise/" />
    <category term="loveluo" label="loveLuo" scheme="https://manon-jenni.netlify.app/tags/loveluo/" />
    <webfeeds:featuredImage url="https://manon-jenni.netlify.app/fiche-de-lecture-balzac-et-la-petite-tailleuse-chinoise/https:/media.istockphoto.com/id/121565764/de/foto/alte-n%C3%A4hmaschine.jpg" />
    <summary type="html"><![CDATA[Fiche de lecture – Balzac et la petite tailleuse chinoise L’auteur :
Dai Sijie, né en 1954, en Chine. Il a été envoyé dans un village de montagne pour une rééducation culturelle. “Balzac et la petite tailleuse” a été son premier roman.
Thèmes mentionner dans le livre :
Chine à l’époque communiste
Le roman traite des conditions rurales en Chine pendant la Révolution culturelle. Les descriptions du livre donnent une idée de la pauvreté de la population paysanne.]]></summary>
    <content type="html"><![CDATA[<p><img class="webfeedsFeaturedVisual" src="https://media.istockphoto.com/id/121565764/de/foto/alte-n%C3%A4hmaschine.jpg?s=612x612&w=0&k=20&c=KDmjr1O5v6K1SFsL-Dz8FVyj4MmOcZyJ1Lj48PdaCtc="></p><h3 id="fiche-de-lecture--balzac-et-la-petite-tailleuse-chinoise"><strong>Fiche de lecture – Balzac et la petite tailleuse chinoise</strong></h3>
<p>L’auteur :</p>
<p>Dai Sijie, né en 1954, en Chine. Il a été envoyé dans un village de montagne pour une rééducation culturelle. “Balzac et la petite tailleuse” a été son premier roman.</p>
<p>Thèmes mentionner dans le livre :</p>
<p><strong>Chine à l’époque communiste</strong></p>
<p>Le roman traite des conditions rurales en Chine pendant la Révolution culturelle. Les descriptions du livre donnent une idée de la pauvreté de la population paysanne. Le livre traite du communisme.</p>
<p><strong>Tradition vs. Modernité :</strong></p>
<p> Le livre aborde le conflit entre les valeurs traditionnelles chinoises et le monde occidental moderne représenté par la littérature découverte.</p>
<p><strong>L’influence de la littérature</strong></p>
<p>Il s’agit aussi de littérature et de l’influence qu’un livre peut avoir sur une personne. D’autres questions centrales sont de savoir pourquoi la littérature est importante pour le développement de sa propre pensée et pourquoi la censure est donc mauvaise.</p>
<p><strong>Amour et amitié :</strong></p>
<p>Les relations entre les personnages principaux jouent un rôle central. L’amour entre Luo et la petite couturière, ainsi que l’amitié étroite entre les personnages, montrent comment les liens interpersonnels peuvent se développer même dans les moments difficiles.</p>
<p><strong>Résumé court :</strong></p>
<p>Le narrateur de « Balzac et la Petite Tailleuse chinoise », 17 ans, est ami avec Luo, 18 ans. Eux et leurs parents ont été envoyés en rééducation, car ils sont considérés comme des « intellectuels ». Le narrateur joue du violon. Luo, quant à lui, est un très bon conteur ; il raconte des histoires au chef du village, surtout les films qu’il a été voir en ville. Un jour Luo part dans un autre village pour fixer son pantalon. Là il raconte la fille du tailleur qui s’appelle « la Petite Tailleuse » ; lui et Luo tombent amoureux.</p>
<p><strong>Micro-analyse :</strong></p>
<p>Le roman se place pendant la révolution culturelle chinoise. Il décrit bien la situation qui se trouvait là à l&rsquo;époque. &ldquo;Balzac et la petite tailleuse chinoise&rdquo; est écrit dans un style simple et poétique et contient des descriptions riches en atmosphère de la vie difficile en Chine pendant la Révolution culturelle. Le roman a aussi beaucoup d&rsquo;humour et d&rsquo;ironie ce qui lui donne une atmosphère bienveillante.</p>
<p><strong>Jugement global et recommandation du groupe :</strong></p>
<p>On aime le style de l’auteur. Nous aimons la représentation de la révolution culturelle en Chine, le rôle puissant de la littérature et le développement des personnages. L’auteur décrit des événements historiques et les combine avec des histoires personnelles. Nous avons aussi beaucoup aimé les thèmes de l’amour, de l’amitié, de l’identité et de la recherche de la liberté personnelle.</p>
<p><strong>Sources :</strong></p>
<p><a href="https://www.fichesdelecture.com/livres/dai-sijie/balzac-et-la-petite-tailleuse-chinoise">https://www.fichesdelecture.com/livres/dai-sijie/balzac-et-la-petite-tailleuse-chinoise</a></p>
<p><a href="https://www.orellfuessli.ch/autor/dai+sijie-319502/">https://www.orellfuessli.ch/autor/dai+sijie-319502/</a></p>
<p><a href="https://de.wikipedia.org/wiki/Balzac_und_die_kleine_chinesische_Schneiderin#Themen">https://de.wikipedia.org/wiki/Balzac_und_die_kleine_chinesische_Schneiderin#Themen</a></p>
<p><a href="https://www.bacfrancais.com/resume/resume-sijie-balzac-petite-tailleuse-chinoise">Résumé : Balzac et la petite tailleuse chinoise (bacfrancais.com)</a></p>
<!--EndFragment-->]]></content>
  </entry>
  <entry>
    <id>https://manon-jenni.netlify.app/die-nutzung-sozialer-medien-ein-grund-fur-psychische-erkrankungen/</id>
    <link href="https://manon-jenni.netlify.app/die-nutzung-sozialer-medien-ein-grund-fur-psychische-erkrankungen/" rel="alternate" type="text/html" />
    <title type="html"><![CDATA[Die Nutzung sozialer Medien - ein Grund für psychische Erkrankungen]]></title>
    <published>2023-06-02T00:00:00+00:00</published>
    <updated>2023-06-02T15:07:42+00:00</updated>
    <category term="deutsch" label="Deutsch" scheme="https://manon-jenni.netlify.app/tags/deutsch/" />
    <category term="reportage" label="Reportage" scheme="https://manon-jenni.netlify.app/tags/reportage/" />
    <summary type="html"><![CDATA[Soziale Netzwerke werden immer beliebter. Sie ermöglichen Kontakt zwischen den Nutzern über jede Entfernung hinweg. Doch mit dem Anstieg der User*innen, steigt auch die Kritik. Viele Studien und Psychiater weisen auf die Auswirkungen der sozialen Medien hin.
]]></summary>
    <content type="html"><![CDATA[<p><strong>Soziale Netzwerke werden immer beliebter. Sie ermöglichen Kontakt zwischen den Nutzern über jede Entfernung hinweg. Doch mit dem Anstieg der User*innen, steigt auch die Kritik. Viele Studien und Psychiater weisen auf die Auswirkungen der sozialen Medien hin.</strong></p>
<p>Von <strong>Manon Jenni</strong> und <strong>Amélie Roggo</strong></p>
<p>Der Bildschirm leuchtet hell auf. Eine App nach der anderen wird geöffnet. Scrollen, liken,  scrollen…Sophie (Name geändert) beschäftigt sich wie auch viele andere Jugendliche täglich mit den sozialen Medien. Bis zu fünf Stunden pro Tag ist sie unter der Woche am Handy. Doch hinter dem ständigen Scrollen steckt noch viel mehr.</p>
<blockquote>
<p><em>»Social Media has become a space in which we form and build relationships, shape self-identity, express ourselves, and learn about the world around us; it is intrinsically linked to mental health«</em></p>
<p><em>- Shirley Cramer CBE, Former Chief Executive, RSPH</em> <a href="https://www.rsph.org.uk/our-work/campaigns/status-of-mind.html">Link zur Quelle</a>*</p>
</blockquote>
<p>Wir treffen Sophie, die sich dazu bereit erklärt hat, mit uns ein Interview zu führen. Sie leidet unter Symptomen einer Depression und vermutet, dass einer der Gründe dafür die sozialen Medien sind, erklärt sie uns. Sie erzählt uns, dass sie merkt, wie sie ihre Zeit in den sozialen Medien nicht mehr unter Kontrolle hat, doch sich von den sozialen Medien zu entfernen ist für sie unvorstellbar.</p>
<p>Psychiatrische Erkrankungen sind seit dem Beginn der Nutzung der sozialen Medien erheblich häufiger geworden. Insbesondere die Diagnose der depressiven Symptome nimmt zu.  Wie Sophie leiden heutzutage viele Jugendliche unter Depressionen bzw. psychischen Erkrankungen. Die sozialen Medien werden verdächtigt, eine grosse Auswirkung darauf zu haben. Denn die virtuelle Welt wird oft auf vielen Ebenen mit der Realität verbunden.  Was im Netz passiert, hat Konsequenzen darauf, wie Menschen im echten Leben zum Beispiel hinsichtlich Emotionen und deren Verarbeitung umgehen.</p>
<p><strong>Definition:</strong>
Unter sozialen Medien versteht man alle digitalen Medien bzw. Plattformen, die Nutzern ermöglichen, sich im Internet zu vernetzen, so dass sie über virtuelle Gemeinschaften oder Netzwerken gegenseitig Kommunizieren und Informationen und Ideen interaktiv austauschen oder Teilen können.
Dazu gehören beispielsweise Plattformen wie Tiktok, YouTube, Instagram, Twitter, Snapchat oder auch WhatsApp.</p>
<p><strong>Nutzung:</strong>
Man spricht von zwei unterschiedlichen Arten der Nutzung von sozialen Medien. Unter der passiven Nutzung versteht man, wenn man nur die Beiträge anderer liest oder anschaut. Aktive Nutzer posten selber Inhalte, teilen oder kommentieren.</p>
<p><img src="unbenanntes_bild.jpg" alt="nächtlicher Konsum sozialer Medien"></p>
<blockquote>
<p>«Mir fällt es schwer, das Smartphone am Abend auszuschalten.»</p>
</blockquote>
<p>Ausserdem eng miteinander verbunden sind die psychische Gesundheit und der Schlaf. Abendliche und nächtliche Nutzung der sozialen Medien erschweren nachweislich die gesundheitlich wichtige Schlafenszeit, die der Körper zum Regenerieren braucht. Insbesondere bei Apps wie TikTok, ist der Feed einzigartig und auf die jeweiligen Interessen der Nutzer*innen zugeschnitten. Dabei werden Videos mit einer Dauer von durchschnittlich 30 Sekunden vorgeschlagen, so dass man ständig unterhalten bleibt und die Bildschirmzeit nicht mehr unter Kontrolle hat. Durch einen «swipe» nach oben gelangt man auf das nächste Kurzvideo. Die vorgeschlagenen TikTok’s enden nie, man kann also unendlich viele davon anschauen. Dadurch gestaltet sich das Einschlafen schwierig, viele können sich schlecht vom Smartphone lösen und dies führt zu einer verkürzten Schlafenszeit.
Sophie selber habe deswegen Probleme und immer wieder Schwierigkeiten mit dem Einschlafen. «Mir fällt es schwer, das Smartphone am Abend auszuschalten. Oft gehe ich sehr spät schlafen und bin am folgenden Tag sehr müde und unkonzentriert. Manchmal schlafe ich auch mit dem Smartphone in der Hand ein und wache später in der Nacht wieder auf. Dann fällt es mir schwer wieder einzuschlafen.»</p>
<h3 id="vermeintliche-experten-in-den-sozialen-medien">Vermeintliche Experten in den sozialen Medien:</h3>
<p>Wenn man die sozialen Medien verantwortungsvoll nutzt, kann man dadurch auch einen Wissenszuwachs erzielen. Zum Beispiel, indem man sie als Zugang zu Gesundheitserfahrungen von anderen Menschen oder Gesundheitsinformationen von Experten verwendet. Es kann riskant sein, wenn man sich bei einem Verdacht auf psychische Erkrankungen nur auf Internetseiten informiert oder sich ausschliesslich dort Hilfe holt. Es gibt oft Experten, die sich online als solche ausgeben, obwohl sie gar keine sind, sagt die Neuropsychologe Studentin Johanna Klar. Wir führen mit ihr ein Interview, in dem sie uns erklärt, dass es wichtig sei, dass die online Therapeuten irgendwo zu einer Organisation dazugehören sollten und dass die wirklichen Experten im echten Leben nicht online ersetzt werden können.</p>
<h3 id="die-sozialen-medien-aufgeklärt-nutzen">Die sozialen Medien aufgeklärt nutzen:</h3>
<p>Um von den sozialen Medien profitieren zu können, sollte man wissen, wie man sie am besten nutzt und wie sie im Hintergrund funktionieren.  «Ganz wichtig ist, dass man die Sachen, die man darauf sieht, sehr stark hinterfragt», erklärt Social Media-Managerin Céline Roggo. Johanna Klar sagt auch, dass es wichtig sei, Kinder und Jugendlichen einen guten Umgang mit sozialen Medien beizubringen, so dass sie wissen, welche Gefahren es gibt und Soziale Medien aufgeklärt nutzen. Dabei ist es auch sehr wichtig, dass man die sozialen Medien altersangemessen nutzt. Sophie erzählte uns in einem Interview, dass sie Instagram bereits mit 11 Jahren heruntergeladen habe, obwohl die Nutzung erst ab 13 Jahren erlaubt sei. Es gibt also auch jüngere User*innen, die bei der Anmeldung ein falsches Geburtsdatum angeben. Laut Viera Pirker, der Autorin des Artikels «Social Media und psychische Gesundheit» in ‘Communicatio Socialis’, einer Zeitschrift für Medienethik, wird die elterliche Verantwortung nicht umfassend genug wahrgenommen.  Die Eltern sollten das Thema mit ihren Kindern zusammen anschauen und erklären, statt nur zu warnen das soziale Medien schlecht seien und es ihnen zu verbieten. Ausserdem wäre es auch gut den Umgang mit den sozialen Medien in der Schule zu behandeln.</p>
<p>Im Lehrplan 21 sind die überfachlichen Kompetenzen eigentlich eingearbeitet. Die Lehrkräfte stärken die Schüler<em>innen in ihren Lebenskompetenzen. Mit der Vermittlung von Medienkunde soll eine fachliche Grundlage gelegt werden. Dafür gibt es z.B. «Freelance», ein Lehrmittel für Jugendliche. Die Schüler sollen damit lernen das eigene Nutzungsverhalten zu reflektieren. Dabei geht es um verschiedene Themen, die mit den sozialen Medien verknüpft sind, wie zum Beispiel Selbstdarstellung oder die eigene Befindlichkeit im Netz. Die Schüler</em>innen sollen dazu angeregt werden, das Verhalten im Netz zu reflektieren und gegebenenfalls anzupassen.<br>
Wir selbst haben das Thema leider nie in der Schule behandelt, obwohl es eigentlich im Lehrplan integriert sein sollte. Viele Lehrer erkennen die Wichtigkeit dieses Themas nicht. Da in den allermeisten Schulen heutzutage mobile Geräte zur Verfügung gestellt werden oder die Schüler<em>innen selbst ihr mobiles Gerät mitbringen (BYOD), treten viele Kinder in Kontakt mit sozialen Medien, unabhängig davon, ob sie privat beispielsweise ein Smartphone besitzen oder nicht. Da wäre es sinnvoll die Schüler</em>innen aufzuklären oder zum Beispiel eine Unterrichtslektion über dieses Thema zu gestalten.</p>
<p><img src="unbenanntes-bild1.jpg" alt="Bild 2: Social media use and depressive symptoms-summary of path analysis."></p>
<p>Eine psychische Erkrankung bei der Nutzung sozialer Medien tritt jedoch nicht aus dem Nichts aus. Symptome oder Hinweise auf Erkrankungen wie zum Beispiel Depressionen treten häufig auf. Um sicher zu sein, ob es eine ernste Erkrankung ist, sollte man es von einem Psychiater abklären lassen, da sie vertiefte Kenntnisse (Entstehung, Verlauf usw.) über psychische Erkrankungen haben. Des Weiteren ist das Nutzen der sozialen Medien ist kein Hauptgrund für die Entstehung psychischer Erkrankungen, weil meistens auch weitere Faktoren aus dem Umfeld eine Rolle spielen. Frau Klar fasst zusammen: «Es führt nicht zu einem neuen Problem, sondern verstärkt Sachen, die einem vorher schon belastet haben. Es ist also ein Verstärker.» Somit ist es umso gefährlicher soziale Medien bei einer schon vorhandenen Erkrankung wie beispielsweise social anxiety zu benutzen, da diese dadurch erhöht werden könnten . Gesicherte Zusammenhänge zwischen den sozialen Medien und den psychischen Erkrankungen sind jedoch nicht einfach herzustellen. Die Grafik rechts; Fig. 2.  zeigt diese Zusammenhänge sehr gut. Es wurde Inzwischen aber bewiesen, dass aktive <em>Nutzung der sozialen Medien das Wohlbefinden steigern  (da sie das Gefühl der Einbindung unterstützt  und soziale Interaktionen erhöht), während passive</em> Nutzung  eher soziale Vergleiche und Neid hervorruft und negative Affekte auf das subjektive Wohlbefinden nach sich zieht.  Plattformen wie WhatsApp werden meistens aktiv gebraucht, doch andere Plattformen wie Tiktok und YouTube werden fast ausschliesslich passiv genutzt , was sie dadurch anfälliger für negative Einflüsse auf das Wohlbefinden machen. Es lassen sich also positive und negative Einflüsse der Social Media-Nutzung beobachten.
Negative Aspekte zum Beispiel ein geringes Selbstwertgefühl, das durch den ständigen Vergleich mit idealen Körperbildern entsteht, Cyberbullying, FoMO: Die Angst etwas zu verpassen, unregelmässiger Schlaf, Aufmerksamkeitsstörungen ,  Symptome von Angststörungen und Depressionen, werden von der RSPH als «gefährlich» für das psychische Wohlbefinden eingestuft und tauchen besonders auf wenn man die sozialen Medien zu viel braucht.
Positive Einflüsse wie; Beziehungen herstellen, pflegen und ausbauen, Emotionale Unterstützung, sich verstanden fühlen, Gemeinschaftsbildung (wie z.b die LGBTQ+-Community online «safe spaces» bietet), aber auch Zugang zu Gesundheitsexpertinnen, sind sehr wichtig und hilfreich für viele Jugendliche.</p>
<p>Zum Schluss möchten wir nochmals erinnern dass man die sozialen Medien aufgeklärt und informiert nutzen sollte. Sophie versucht jetzt ihre Bildschirmzeit auf den sozialen Medien zu limitieren und überlegt sich genauer, welchen Personen sie auf den Sozialen Medien Folgt und ob dies sinnvoll ist. «Ich versuche mir einen bestimmten Tag in der Woche fest zu legen, an dem ich keine sozialen Medien benutze » meinte sie. «Wenn ich das schaffe fühle ich mich meistens viel besser».</p>
]]></content>
  </entry>
  <entry>
    <id>https://manon-jenni.netlify.app/example/</id>
    <link href="https://manon-jenni.netlify.app/example/" rel="alternate" type="text/html" />
    <title type="html"><![CDATA[Example Post]]></title>
    <published>2023-01-01T00:00:00+00:00</published>
    <updated>2022-12-03T23:52:34+01:00</updated>
    <category term="lilo" label="Lilo" scheme="https://manon-jenni.netlify.app/tags/lilo/" />
    <category term="example" label="Example" scheme="https://manon-jenni.netlify.app/tags/example/" />
    <webfeeds:featuredImage url="https://manon-jenni.netlify.app/img/default-image.jpg" />
    <summary type="html"><![CDATA[In diesem Artikel werden Möglichkeiten aufgezeigt für das Verfassen von Blogeinträgen.]]></summary>
    <content type="html"><![CDATA[<p class="lead">
  In diesem Artikel werden Möglichkeiten aufgezeigt für das Verfassen von Blogeinträgen.
</p>
<p>Tipp: Um diesen Blogartikel zu behalten, ohne ihn zu löschen, kann man den <strong>Entwurfsmodus</strong> einschalten.</p>
<h1 id="überschrift-1">Überschrift 1</h1>
<p>So sieht die grösste Überschrift aus (H1).</p>
<h2 id="überschrift-2">Überschrift 2</h2>
<p>Dies ist die Überschrift 2 (H2).</p>
<h3 id="überschrift-3">Überschrift 3</h3>
<p>Die Überschrift 3 ist nicht mehr im Menu verfügbar. Wenn man sie verwenden will, muss man in den <code>Markdown</code>-Modus wechseln und dort eine Überschrift mit drei Hastags einleiten: <code>### Überschrift 3</code></p>
<h4 id="überschrift-4">Überschrift 4</h4>
<p>Auch Überschrift 4 muss im <code>Markdown</code>-Modus erstellt werden: <code>#### Überschrift 4</code></p>
<h2 id="weitere-textformatierungen">Weitere Textformatierungen</h2>
<p>Am besten einfach alle Formatierungsmöglichkeiten in der Toolbar von <code>Inhalt</code> mal ausprobieren.</p>
<h3 id="fett-und-kursiv">Fett und Kursiv</h3>
<p>Natürlich gibt es auch <strong>fett</strong> und <em>kursiv</em>.</p>
<h3 id="links">Links</h3>
<p><a href="https://www.lilo.blog">So können Links angegeben werden</a>. Wenn man in den <code>Markdown</code>-Modus wechselt, sieht man auch, welcher Link hinterlegt worden ist.</p>
<h3 id="zitate">Zitate</h3>
<blockquote>
<p>«Zitate können hervorgehoben werden.»</p>
<p><em>Autor mit <a href="https://www.lilo.blog">Link zur Quelle</a></em></p>
</blockquote>
<p>Die Quellenangabe muss <em>kursiv</em> geschrieben werden, damit sie als Fusszeile erkannt wird.</p>
<h3 id="liste">Liste</h3>
<p>So sieht eine Liste aus:</p>
<ul>
<li>Nam de isto magna dissensio est.</li>
<li>Mihi, inquam, qui te id ipsum rogavi?</li>
<li>Haec et tu ita posuisti, et verba vestra sunt.</li>
<li>Idem fecisset Epicurus, si sententiam hanc, quae nunc Hieronymi est, coniunxisset cum Aristippi vetere sententia.</li>
</ul>
<h3 id="nummerierte-liste">Nummerierte Liste</h3>
<p>Und so eine nummerierte Liste:</p>
<ol>
<li>Nam de isto magna dissensio est.</li>
<li>Mihi, inquam, qui te id ipsum rogavi?</li>
<li>Haec et tu ita posuisti, et verba vestra sunt.</li>
<li>Idem fecisset Epicurus, si sententiam hanc, quae nunc Hieronymi est, coniunxisset cum Aristippi vetere sententia.</li>
</ol>
<h2 id="bilder">Bilder</h2>
<p>Bilder werden mit dem <code>+</code>-Symbol eingefügt.</p>
<p><img src="/img/default-image.jpg" alt="Der Alt-Text wird jeweils als Bildunterschrift angezeigt."></p>
<p><strong>Empfehlung für Bilder</strong>: Meist empfiehlt sich, ein Bild ganz zuoberst im <code>Inhalt</code>-Feld einzufügen. Zusätzlich sollte man dieses auch im <code>Bild</code>-Feld angeben, damit es in der Blogübersicht erscheint.</p>
<h3 id="tipps-zu-bildgrössen">Tipps zu Bildgrössen</h3>
<p>Ein Richtwert für Bilder ist, dass diese wenn möglich nicht grösser als <code>400kb</code> sein sollten. Man kann sie so verkleinern, dass die Breite höchstens <code>1200px</code> gross ist. Dies ist für die meisten Bildschirme mehr als genug.</p>
<h3 id="bildunterschrift">Bildunterschrift</h3>
<p>Wenn bei einem Bild ein <code>ALT TEXT</code> erfasst wird, so wird dieser als Bildunterschrift im Artikel angezeigt.</p>
<h2 id="horizontale-linie">Horizontale Linie</h2>
<p>Eine Horizontale Linie kann man entweder durch ein <code>&lt;hr&gt;</code> einfügen oder indem man im <code>Markdown</code>-Modus drei Striche <code>---</code> einfügt. So sieht die Linie aus:</p>
<hr>
<h2 id="lead">Lead</h2>
<p class="lead">
  Oft haben Artikel unterhalb des Haupttitels einen einführenden Lead, der etwas grösser dargestellt wird.
</p>
<p><code>{{&lt;lead&gt;}}</code><br>
Ein Lead steht zwischen zwei solchen Blöcken.<br>
<code>{{&lt;/lead&gt;}}</code></p>
<h2 id="kasten">Kasten</h2>

  <div class="alert">
    In dieser Box können Texte, Bilder, Videos oder andere Inhalte dargestellt werden.
  </div>

<p><code>{{&lt;box&gt;}}</code><br>
Der Inhalt einer Box muss wie hier von zwei Blöcken umgeben werden.<br>
<code>{{&lt;/box&gt;}}</code></p>

  
  
  <div class="accordion">
    <div class="accordion-item">
      <h5 class="accordion-header" id="ausklappbare-box">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#ausklappbare-box-content" aria-expanded="false" aria-controls="ausklappbare-box-content">
          Ausklappbare Box
        </button>
      </h5>
      <div id="ausklappbare-box-content" class="accordion-collapse collapse" aria-labelledby="ausklappbare-box">
        <div class="accordion-body">
          <p>Wird ein Titel angegeben, so kann die Box ausgeklappt werden.</p>
<p>Dies eignet sich auch für längere Inhalte.</p>
<p><img src="/img/default-image.jpg" alt=""></p>
<p>Auch Bilder können in eine Box gepackt werden.</p>

        </div>
      </div>
    </div>
  </div>

<p><code>{{&lt;box title=&quot;Ausklappbare Box&quot;&gt;}}</code><br>
Wird ein Titel angegeben, so kann die Box ausgeklappt werden.<br>
<code>{{&lt;/box&gt;}}</code></p>
<h2 id="video-audio-und-andere-medien-einbetten">Video, Audio und andere Medien einbetten</h2>
<p>Es kann auch <code>HTML-Code</code> eingefügt werden. Manchmal geht dies etwas einfacher, wenn man dazu in den <code>Markdown</code>-Modus wechselt.</p>
<p>Damit können zum Beispiel Filme, Audiodateien oder Karten eingebettet werden. Meist sind auf den entsprechenden Plattformen (YouTube, Vimeo, Google Maps, etc.) entsprechende Code-Ausschnitte vorbereitet, die man direkt in den Blog einfügen kann. Am besten auf der jeweiligen Plattform nach einem Knopf für <code>embed</code> oder <code>share</code> suchen.</p>
<p>Bei Videos ist es ideal, wenn sie sich automatisch <strong>an die Bildschirmgrösse anpassen</strong>. Dies geht am einfachsten mit den hinterlegten YouTube- und Vimeo-Codes:</p>
<h3 id="youtube-einbetten">YouTube einbetten</h3>
<p>Einbetten von YouTube-Videos mit dem Code: <code>{{&lt;youtube video_id&gt;}}</code></p>
<p>(Die <code>video_id</code> steht bei jedem YouTube-Video in der Browser-URL.)</p>

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="https://www.youtube-nocookie.com/embed/kQjtK32mGJQ" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" allowfullscreen title="YouTube Video"></iframe>
</div>

<h3 id="vimeo-einbetten">Vimeo einbetten</h3>
<p>Einbetten von Vimeo-Videos geht mit dem Code: <code>{{&lt;vimeo video_id&gt;}}</code></p>

<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
  <iframe src="https://player.vimeo.com/video/194276412?dnt=1" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="vimeo video" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

<h3 id="code-und-code-blöcke">Code und Code-Blöcke</h3>
<p>Mit dem Code-Symbol <code>&lt;&gt;</code> können Wörter auf <code>diese Art</code> hervorgehoben werden. Dies wird zum Beispiel für Tastenkombinationen wie <code>ctrl+s</code> oder für <code>Programmiercode</code> verwendet. Auch Math-Formeln können so ausgedrückt werden: <code>y = mx + b</code>.</p>
<p>Für längere solche Abschnitte verwendet man am besten das Code-Block-Symbol. Damit wird ein solcher Block erstellt:</p>
<pre tabindex="0"><code>const sun1 = &#34;sun&#34; + &#34;il&#34;;
const sun2 = &#34;su&#34; + &#34;n&#34; + &#34;il&#34;;
sun1 === sun2;
</code></pre><h2 id="spass-haben">Spass haben</h2>
<p>😀 Viel Spass mit deinem Blog!</p>
]]></content>
  </entry>
</feed>