Jekyll2023-11-20T11:08:12+00:00https://danielmjackson.co.uk/feed.xmlDaniel JacksonPersonal homepage of Daniel Jackson, a frontend developer and designer based in West Yorkshire, UK.Daniel JacksonFirst post - This post demonstrates post content styles2021-09-19T00:00:00+00:002021-09-19T00:00:00+00:00https://danielmjackson.co.uk/blog/code-example<p>Taken from the Minima theme post - <a href="https://jekyll.github.io/minima/junk/2016/05/20/this-post-demonstrates-post-content-styles.html">https://jekyll.github.io/minima/junk/2016/05/20/this-post-demonstrates-post-content-styles.html</a>. Paragraph text - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.</p>
<h2 id="a-heading-h2">A heading (h2)</h2>
<p>Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu.</p>
<p>Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.</p>
<h2 id="another-great-heading-h2">Another great heading (h2)</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.</p>
<h3 id="some-great-subheading-h3">Some great subheading (h3)</h3>
<p>Proin convallis mi ac felis pharetra aliquam. Curabitur dignissim accumsan rutrum. In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum.</p>
<p>Phasellus et hendrerit mauris. Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.</p>
<h3 id="some-great-subheading-h3-1">Some great subheading (h3)</h3>
<p>Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.</p>
<blockquote>
<p>Quoted text…… <i>Lorem</i> ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. <em>sollicitudin</em> sollicitudin.</p>
</blockquote>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt.</p>
<h3 id="some-great-subheading-h3-2">Some great subheading (h3)</h3>
<p>Code examples below - HTML</p>
<div class="language-html highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><html></span>
<span class="nt"><head></span>
<span class="nt"></head></span>
<span class="nt"><body></span>
<span class="nt"><p></span>Hello, World!<span class="nt"></p></span>
<span class="nt"></body></span>
<span class="nt"></html></span>
</code></pre></div></div>
<p>Code examples below - CSS</p>
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">h1</span> <span class="p">{</span>
<span class="nl">color</span><span class="p">:</span> <span class="m">#f00</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<p>Code examples below - JavaScript</p>
<div class="language-js highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">getRandomNumber</span><span class="p">(</span><span class="nx">min</span><span class="p">,</span> <span class="nx">max</span><span class="p">)</span> <span class="p">{</span>
<span class="nx">min</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">ceil</span><span class="p">(</span><span class="nx">min</span><span class="p">);</span>
<span class="nx">max</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span><span class="p">(</span><span class="nx">max</span><span class="p">);</span>
<span class="k">return</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">floor</span><span class="p">(</span><span class="nb">Math</span><span class="p">.</span><span class="nx">random</span><span class="p">()</span> <span class="o">*</span> <span class="p">(</span><span class="nx">max</span> <span class="o">-</span> <span class="nx">min</span><span class="p">))</span> <span class="o">+</span> <span class="nx">min</span><span class="p">;</span>
<span class="p">}</span>
</code></pre></div></div>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<h4 id="you-might-want-a-sub-subheading-h4">You might want a sub-subheading (h4)</h4>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<h4 id="but-its-probably-overkill-h4">But it’s probably overkill (h4)</h4>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<h5 id="could-be-a-smaller-sub-heading-pacman-h5">Could be a smaller sub-heading, <code class="language-plaintext highlighter-rouge">pacman</code> (h5)</h5>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<h6 id="small-yet-significant-sub-heading--h6">Small yet significant sub-heading (h6)</h6>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<h3 id="an-unordered-list">An unordered list!!</h3>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ul>
<h3 id="an-ordered-list">An ordered list!!</h3>
<p>In arcu magna, aliquet vel pretium et, molestie et arcu. Mauris lobortis nulla et felis ullamcorper bibendum. Phasellus et hendrerit mauris.</p>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
<li>Fourth item</li>
</ol>
<h2 id="headings-are-cool-h2">Headings are cool! (h2)</h2>
<p>Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc. Praesent varius interdum vehicula. Aenean risus libero, placerat at vestibulum eget, ultricies eu enim. Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.</p>
<p>Praesent nulla tortor, malesuada adipiscing adipiscing sollicitudin, adipiscing eget est.</p>
<p>Proin eget nibh a massa vestibulum pretium. Suspendisse eu nisl a ante aliquet bibendum quis a nunc.</p>
<h3 id="tables">Tables</h3>
<table>
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
<th>Title 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>lorem</td>
<td>lorem ipsum</td>
<td>lorem ipsum dolor</td>
<td>lorem ipsum dolor sit</td>
</tr>
<tr>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
</tr>
<tr>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
</tr>
<tr>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Title 1</th>
<th>Title 2</th>
<th>Title 3</th>
<th>Title 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>lorem</td>
<td>lorem ipsum</td>
<td>lorem ipsum dolor</td>
<td>lorem ipsum dolor sit</td>
</tr>
<tr>
<td>lorem ipsum dolor sit amet</td>
<td>lorem ipsum dolor sit amet consectetur</td>
<td>lorem ipsum dolor sit amet</td>
<td>lorem ipsum dolor sit</td>
</tr>
<tr>
<td>lorem ipsum dolor</td>
<td>lorem ipsum</td>
<td>lorem</td>
<td>lorem ipsum</td>
</tr>
<tr>
<td>lorem ipsum dolor</td>
<td>lorem ipsum dolor sit</td>
<td>lorem ipsum dolor sit amet</td>
<td>lorem ipsum dolor sit amet consectetur</td>
</tr>
</tbody>
</table>Daniel JacksonTaken from the Minima theme post - https://jekyll.github.io/minima/junk/2016/05/20/this-post-demonstrates-post-content-styles.html. Paragraph text - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum neque eget nunc mattis eu sollicitudin enim tincidunt. Vestibulum lacus tortor, ultricies id dignissim ac, bibendum in velit.