Description of this site 2024-01-08T12:30:00Z https://example.com/tr John Doe USERNAME@gmail.com 2024-01-08T12:30:00Z https://example.com/en/blog/post/formatting-examples/ <h2 id="table-of-contents" tabindex="-1"><a class="header-anchor" href="https://example.com/en/blog/post/formatting-examples/#table-of-contents"><a href="https://github.com/nagaozen/markdown-it-toc-done-right">Table of Contents</a></a></h2> <details> <summary><span class="details-marker"></span>Expand to see all sections</summary><nav id="toc" class="c-nav__wrapper table-of-contents"><ul class="c-nav -typeTree c-nav__submenu"><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#table-of-contents">Table of Contents</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#headings">Headings</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#typography">Typography</a><ul class="c-nav -typeTree c-nav__submenu"><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#subscript-%2F-superscript">Subscript / Superscript</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#%3Cins%3E">&lt;ins&gt;</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#footnotes">Footnotes</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#%3Cmark%3E">&lt;mark&gt;</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#keyboard-input-element">Keyboard Input Element</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#attributes">Attributes</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#typographic-replacements">Typographic replacements</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#emojis">Emojis</a></li></ul></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#emphasis">Emphasis</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#blockquotes">Blockquotes</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#lists">Lists</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#code">Code</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#tables">Tables</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#links">Links</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#images">Images</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#horizontal-rules">Horizontal Rules</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#media%2Fembed">Media/Embed</a><ul class="c-nav -typeTree c-nav__submenu"><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#local-video">Local Video</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#local-audio">Local Audio</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#youtube-embed">YouTube Embed</a></li></ul></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#miscelleneous">Miscelleneous</a><ul class="c-nav -typeTree c-nav__submenu"><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#custom-containers">Custom containers</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#definition-lists">Definition lists</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#abbreviations">Abbreviations</a></li><li class="c-nav__item"><a class="c-nav__anchor" href="https://example.com/en/blog/post/formatting-examples/#summary%2Flegend">Summary/Legend</a></li></ul></li></ul></nav></details> <pre><code>[toc] </code></pre> 2023-04-15T12:00:00Z https://example.com/en/blog/post/post-with-square-image-and-alt-text/ <figure><img src="https://example.com/media/camel-moonmadness-vinyl-cover-384.webp" alt="Vinyl cover of Moonmadness album by Camel" title="Camel - Moonmadness" loading="lazy" decoding="async" width="587" height="587" srcset="https://example.com/media/camel-moonmadness-vinyl-cover-384.webp 384w, https://example.com/media/camel-moonmadness-vinyl-cover-587.webp 587w" sizes="100vw"></figure> <p>Camel, the legendary progressive rock band, has left an indelible mark on the music landscape with their unique blend of intricate melodies and mesmerizing compositions. Formed in London in the early 1970s, the band has navigated the ever-evolving currents of…</p> 2022-08-12T10:30:00Z https://example.com/en/blog/post/post-with-codeblocks/ <p>CSS, the cornerstone of web styling, constantly evolves to meet the demands of modern web development. One of the recent additions that has caught the attention of developers is the <code>@scope</code> feature. This feature introduces a new way of handling…</p> 2021-08-21T12:30:00Z https://example.com/en/blog/post/plain-text-with-footnotes/ <p>The Ship of Theseus<sup class="footnote-ref"><a href="https://example.com/en/blog/post/plain-text-with-footnotes/#fn1" id="fnref1">[1]</a></sup>, a classic thought experiment in metaphysics, poses intriguing questions about identity and continuity. Imagine a ship whose every part is replaced over time. Is it still the same ship? I recently delved into the heart of this paradox, pondering its implications on existence and transformation.</p> 2021-07-23T16:35:52Z https://example.com/en/blog/post/youtube-embed-example/ <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/FHjQLIaeWR8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe> <blockquote> <p>This article is a devlog where I write about our general progress and what happened to us after the game we entered in Cave Jam #3, Down Up Purgatory. You can reach the original <a href="https://zukachi.itch.io/the-ups-and-downs-of-purgatory/devlog/276677/lk-jam-hakknda-deneyimimiz-sonucumuz-mac-ile-linux-destei">here</a>.</p> </blockquote> <p>Yes, greetings, I’m Ege. As the first “devblog” or even status update, I wanted to write a little bit about our first jam experience, jam results and I wanted to share what we added/edited on the game page.</p> 2020-06-11T12:30:00Z https://example.com/en/blog/post/soundcloud-embed-example/ <iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/173345326&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/funkyfish8bit" title="FunkyFish8bit" target="_blank" style="color: #cccccc; text-decoration: none;">FunkyFish8bit</a> · <a href="https://soundcloud.com/funkyfish8bit/funky-fish-raina-artificial-sweetener" title="Funky Fish &amp; Raina - Artificial Sweetener[2006]" target="_blank" style="color: #cccccc; text-decoration: none;">Funky Fish &amp; Raina - Artificial Sweetener[2006]</a></div> <p>Chiptune enthusiasts, rejoice! The collaboration between Funky Fish and Raina has birthed a musical gem that transcends the boundaries of the digital world. “Artificial Sweetener,” a mesmerizing chiptune composition, offers a nostalgic trip into the golden era of video game music while injecting a modern flair that captivates the contemporary audience.</p> 2020-03-09T07:45:00Z https://example.com/en/blog/post/big-image-example-stockholm/ <figure><img src="https://example.com/media/stockholm-384.webp" alt="" loading="lazy" decoding="async" width="1536" height="864" srcset="https://example.com/media/stockholm-384.webp 384w, https://example.com/media/stockholm-768.webp 768w, https://example.com/media/stockholm-1536.webp 1536w" sizes="100vw"></figure> <p>Stockholm, the enchanting capital of Sweden, welcomed me with open arms, offering a blend of rich history, modernity, and breathtaking natural beauty. My journey began in Gamla Stan, the charming old town characterized by cobblestone streets and colorful buildings. Wandering through the narrow alleys, I explored the Royal Palace, where the changing of the guard ceremony left me in awe. The historic ambiance was complemented by quaint cafes, serving traditional Swedish fika – a delightful coffee break accompanied by delicious pastries.</p> 2019-08-15T12:30:00Z https://example.com/en/blog/post/some-dummy-post/ <figure><img src="https://example.com/media/flyhorse-320.webp" alt="" loading="lazy" decoding="async" width="320" height="200"></figure> <p>Motion design is a captivating realm where art meets technology, and creativity takes center stage. In the dynamic landscape of digital content, motion design plays a pivotal role in conveying messages and captivating audiences. Whether it’s a sleek logo animation, a visually stunning video intro, or an immersive user interface transition, mastering motion design requires a blend of artistic prowess and technical finesse.</p> 2019-05-15T10:30:00Z https://example.com/en/blog/post/another-post-with-footnotes/ <figure><img src="https://example.com/media/alexander-redl-d3bYmnZ0ank-unsplash-384.webp" alt="" loading="lazy" decoding="async" width="1536" height="960" srcset="https://example.com/media/alexander-redl-d3bYmnZ0ank-unsplash-384.webp 384w, https://example.com/media/alexander-redl-d3bYmnZ0ank-unsplash-768.webp 768w, https://example.com/media/alexander-redl-d3bYmnZ0ank-unsplash-1536.webp 1536w" sizes="100vw"></figure> <p>Maintaining a healthy body is crucial for a fulfilling life. The journey to optimal well-being involves a holistic approach that encompasses <strong>nutrition</strong>, <strong>exercise</strong>, and the often overlooked aspect of the <strong>mind-body connection</strong>. Striking a balance among these elements is the key to unlocking the secrets of sustained health.</p> 2018-03-05T12:30:00Z https://example.com/en/blog/post/post-with-portrait-featured-image/ <figure><img src="https://example.com/media/greg-rakozy-Vwi2hXmC-jQ-unsplash-384.webp" alt="" loading="lazy" decoding="async" width="1536" height="2304" srcset="https://example.com/media/greg-rakozy-Vwi2hXmC-jQ-unsplash-384.webp 384w, https://example.com/media/greg-rakozy-Vwi2hXmC-jQ-unsplash-768.webp 768w, https://example.com/media/greg-rakozy-Vwi2hXmC-jQ-unsplash-1536.webp 1536w" sizes="100vw"></figure> <p>In the world of horology, quartz watches have emerged as a technological marvel, revolutionizing timekeeping with precision and efficiency. Unlike their mechanical counterparts, quartz watches are powered by a small piece of quartz crystal, bringing a new era of accuracy…</p>