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

129 lines
7.7 KiB
HTML
Raw Normal View History

2024-07-25 16:12:55 -04:00
<!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>