ssp6904.ttnrtsite.io/2024/06/12/code-blocks.html

129 lines
7.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"><!-- Begin Jekyll SEO tag v2.8.0 -->
<title>Code blocks | Shauns blog</title>
<meta name="generator" content="Jekyll v4.3.3" />
<meta property="og:title" content="Code blocks" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="A few code blocks you might like" />
<meta property="og:description" content="A few code blocks you might like" />
<link rel="canonical" href="/2024/06/12/code-blocks.html" />
<meta property="og:url" content="/2024/06/12/code-blocks.html" />
<meta property="og:site_name" content="Shauns blog" />
<meta property="og:type" content="article" />
<meta property="article:published_time" content="2024-06-12T01:42:00+00:00" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Code blocks" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","dateModified":"2024-06-12T01:42:00+00:00","datePublished":"2024-06-12T01:42:00+00:00","description":"A few code blocks you might like","headline":"Code blocks","mainEntityOfPage":{"@type":"WebPage","@id":"/2024/06/12/code-blocks.html"},"url":"/2024/06/12/code-blocks.html"}</script>
<!-- End Jekyll SEO tag -->
<link rel="stylesheet" href="/assets/main.css"><link type="application/atom+xml" rel="alternate" href="/feed.xml" title="Shaun&apos;s blog" /></head>
<body><header class="site-header" role="banner">
<div class="wrapper"><a class="site-title" rel="author" href="/">Shaun&#39;s blog</a><nav class="site-nav">
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger">
<span class="menu-icon">
<svg viewBox="0 0 18 15" width="18px" height="15px">
<path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
</svg>
</span>
</label>
<div class="trigger"><a class="page-link" href="/about.html">About</a></div>
</nav></div>
</header>
<main class="page-content" aria-label="Content">
<div class="wrapper">
<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
<header class="post-header">
<h1 class="post-title p-name" itemprop="name headline">Code blocks</h1>
<p class="post-meta">
<time class="dt-published" datetime="2024-06-12T01:42:00+00:00" itemprop="datePublished">Jun 12, 2024
</time></p>
</header>
<div class="post-content e-content" itemprop="articleBody">
<p>A few code blocks you might like</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;p&gt;</span>Test only<span class="nt">&lt;/p&gt;</span>
<span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">"hi"</span><span class="nt">&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;</span>
</code></pre></div></div>
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nb">echo</span> <span class="s2">"hello world"</span> <span class="o">&gt;</span> testfile.txt
<span class="nb">cat </span>testfile.txt
</code></pre></div></div>
<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nx">console</span><span class="p">.</span><span class="nf">log</span><span class="p">(</span><span class="dl">"</span><span class="s2">Hello world</span><span class="dl">"</span><span class="p">);</span>
<span class="nx">console</span><span class="p">.</span><span class="nf">error</span><span class="p">(</span><span class="dl">"</span><span class="s2">Something happened</span><span class="dl">"</span><span class="p">);</span>
</code></pre></div></div>
<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="na">steps</span><span class="pi">:</span>
<span class="na">testmessage</span><span class="pi">:</span>
<span class="na">image</span><span class="pi">:</span> <span class="s">ubuntu</span>
<span class="na">commands</span><span class="pi">:</span>
<span class="pi">-</span> <span class="s">echo "Hello world"</span>
<span class="pi">-</span> <span class="s">echo "I run on TTGit"</span>
</code></pre></div></div>
<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">[</span><span class="w">
</span><span class="p">{</span><span class="w">
</span><span class="nl">"id"</span><span class="p">:</span><span class="w"> </span><span class="s2">"0"</span><span class="p">,</span><span class="w">
</span><span class="nl">"name"</span><span class="p">:</span><span class="w"> </span><span class="s2">"shaun"</span><span class="p">,</span><span class="w">
</span><span class="nl">"website"</span><span class="p">:</span><span class="w"> </span><span class="s2">"https://www.ttnrtsite.me"</span><span class="w">
</span><span class="p">}</span><span class="w">
</span><span class="p">]</span><span class="w">
</span></code></pre></div></div>
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">html</span> <span class="p">{</span>
<span class="nl">background-color</span><span class="p">:</span> <span class="no">black</span><span class="p">;</span>
<span class="nl">color</span><span class="p">:</span> <span class="no">white</span><span class="p">;</span>
<span class="py">user-select</span><span class="p">:</span> <span class="nb">none</span><span class="p">;</span>
<span class="p">}</span>
<span class="nt">body</span> <span class="p">{</span>
<span class="nl">height</span><span class="p">:</span> <span class="m">100vh</span><span class="p">;</span>
<span class="nl">margin</span><span class="p">:</span> <span class="m">0</span><span class="p">;</span>
<span class="nl">padding</span><span class="p">:</span> <span class="m">0</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<div class="language-markdown highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="gh"># Heading 1</span>
Something <span class="gs">**NEW**</span>
</code></pre></div></div>
</div><a class="u-url" href="/2024/06/12/code-blocks.html" hidden></a>
</article>
</div>
</main><footer class="site-footer h-card">
<data class="u-url" href="/"></data>
<div class="wrapper">
<h2 class="footer-heading">Shaun&#39;s blog</h2>
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li class="p-name">Shaun&#39;s blog</li><li><a class="u-email" href="mailto:shoffer@ttnrtsite.me">shoffer@ttnrtsite.me</a></li></ul>
</div>
<div class="footer-col footer-col-2"><ul class="social-media-list"><li><a href="https://github.com/ssp6904"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#github"></use></svg> <span class="username">ssp6904</span></a></li><li><a href="https://youtube.com/%40ssp6904"><svg class="svg-icon"><use xlink:href="/assets/minima-social-icons.svg#youtube"></use></svg> <span class="username">@ssp6904</span></a></li></ul>
</div>
<div class="footer-col footer-col-3">
<p>My blog site on TTGit</p>
</div>
</div>
</div>
</footer>
</body>
</html>