Geek space Minimalist Jekyll theme for technical writing blog. https://alessionossa.github.io/geekspace/ Sun, 31 May 2020 15:39:14 +0000 Sun, 31 May 2020 15:39:14 +0000 Jekyll v3.8.7 How to Download or Use This Theme <p>Hydeout is available as the <strong>geekspace</strong> Ruby Gem. Add gem “geekspace”, “~&gt; 3.1” to your Gemfile and run bundle install.</p> <p>If you’re installing on Github pages, you may also have to add remote_theme: alessionossa/geekspace to your _config.yml. <a href="https://help.github.com/articles/adding-a-jekyll-theme-to-your-github-pages-site/">See the Github instructions for more details.</a></p> <p>Hydeout uses pagination, so if you have an index.md, you’ll need to swap it with an index.html that uses the index layout:</p> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>--- layout: index title: Home --- </code></pre></div></div> <p>You’ll also need to add a setting to _config.yml telling Jekyll how many posts to include per page (e.g. paginate: 5).</p> <h4 id="cheers">Cheers!</h4> Fri, 10 Jun 2016 00:00:00 +0000 https://alessionossa.github.io/geekspace/2016/how-to-download-or-use-this-theme/ https://alessionossa.github.io/geekspace/2016/how-to-download-or-use-this-theme/ If you have a Guest post.. <p>If you think that you’re going to have a guest post… take a look on this post sample. Just add <code class="language-plaintext highlighter-rouge">author: GuestName</code> to the YAML front matter. Then, the <strong>GuestName</strong> will be appear on the next of post date. Oh, the guest name will be automatically uppercase.</p> Thu, 09 Jun 2016 00:00:00 +0000 https://alessionossa.github.io/geekspace/2016/if-you-have-a-guest-post/ https://alessionossa.github.io/geekspace/2016/if-you-have-a-guest-post/ Markdown Cheatsheet Demo <h2 id="typography-elements-in-one">Typography Elements in One</h2> <p>Let’s start with a informative paragraph. <strong>This text is bolded.</strong> But not this one! <em>How about italic text?</em> Cool right? Ok, let’s <strong><em>combine</em></strong> them together. Yeah, that’s right! I have code to highlight, so <code class="language-plaintext highlighter-rouge">ThisIsMyCode()</code>. What a nice! Good people will hyperlink away, so <a href="#">here we go</a> or <a href="http://www.example.com">http://www.example.com</a>.</p> <div class="divider"></div> <h2 id="headings-h1-to-h6">Headings H1 to H6</h2> <h1 id="h1-heading">H1 Heading</h1> <h2 id="h2-heading">H2 Heading</h2> <h3 id="h3-heading">H3 Heading</h3> <h4 id="h4-heading">H4 Heading</h4> <h5 id="h5-heading">H5 Heading</h5> <h6 id="h6-heading">H6 Heading</h6> <div class="divider"></div> <h2 id="footnote">Footnote</h2> <p>Let’s say you have text that you want to refer with a footnote, you can do that too! This is an example for the footnote number one [<sup id="fnref:1"><a href="#fn:1" class="footnote">1</a></sup>]. You can even add more footnotes, with link! [<sup id="fnref:2"><a href="#fn:2" class="footnote">2</a></sup>]</p> <div class="divider"></div> <h2 id="blockquote">Blockquote</h2> <blockquote> <p>Start by doing what’s necessary; then do what’s possible; and suddenly you are doing the impossible. –Francis of Assisi</p> </blockquote> <p><strong>NOTE:</strong> This theme does NOT support nested blockquotes.</p> <div class="divider"></div> <h2 id="list-items">List Items</h2> <ol> <li>First order list item</li> <li>Second item</li> </ol> <ul> <li>Unordered list can use asterisks</li> <li>Or minuses</li> <li>Or pluses</li> </ul> <div class="divider"></div> <h2 id="code-blocks">Code Blocks</h2> <div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">modularpattern</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="c1">// your module code goes here</span> <span class="kd">var</span> <span class="nx">sum</span> <span class="o">=</span> <span class="mi">0</span> <span class="p">;</span> <span class="k">return</span> <span class="p">{</span> <span class="na">add</span><span class="p">:</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="nx">sum</span> <span class="o">=</span> <span class="nx">sum</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span> <span class="k">return</span> <span class="nx">sum</span><span class="p">;</span> <span class="p">},</span> <span class="na">reset</span><span class="p">:</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">sum</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="p">}</span> <span class="p">}</span> <span class="p">}());</span> <span class="nx">alert</span><span class="p">(</span><span class="nx">modularpattern</span><span class="p">.</span><span class="nx">add</span><span class="p">());</span> <span class="c1">// alerts: 1</span> <span class="nx">alert</span><span class="p">(</span><span class="nx">modularpattern</span><span class="p">.</span><span class="nx">add</span><span class="p">());</span> <span class="c1">// alerts: 2</span> <span class="nx">alert</span><span class="p">(</span><span class="nx">modularpattern</span><span class="p">.</span><span class="nx">reset</span><span class="p">());</span> <span class="c1">// alerts: 0</span> </code></pre></div></div> <div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="n">s</span> <span class="o">=</span> <span class="s">"Python syntax highlighting"</span> <span class="k">print</span> <span class="n">s</span> </code></pre></div></div> <div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>No language indicated, so no syntax highlighting. But let's throw in a &lt;b&gt;tag&lt;/b&gt;. </code></pre></div></div> <div class="divider"></div> <h2 id="table">Table</h2> <h3 id="table-1-with-alignment">Table 1: With Alignment</h3> <table> <thead> <tr> <th>Tables</th> <th style="text-align: center">Are</th> <th style="text-align: right">Cool</th> </tr> </thead> <tbody> <tr> <td>col 3 is</td> <td style="text-align: center">right-aligned</td> <td style="text-align: right">$1600</td> </tr> <tr> <td>col 2 is</td> <td style="text-align: center">centered</td> <td style="text-align: right">$12</td> </tr> <tr> <td>zebra stripes</td> <td style="text-align: center">are neat</td> <td style="text-align: right">$1</td> </tr> </tbody> </table> <h3 id="table-2-with-typography-elements">Table 2: With Typography Elements</h3> <table> <thead> <tr> <th>Markdown</th> <th>Less</th> <th>Pretty</th> </tr> </thead> <tbody> <tr> <td><em>Still</em></td> <td><code class="language-plaintext highlighter-rouge">renders</code></td> <td><strong>nicely</strong></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </tbody> </table> <div class="divider"></div> <h2 id="horizontal-line">Horizontal Line</h2> <p>The HTML <code class="language-plaintext highlighter-rouge">&lt;hr&gt;</code> element is for creating a “thematic break” between paragraph-level elements. In markdown, you can create a <code class="language-plaintext highlighter-rouge">&lt;hr&gt;</code> with any of the following:</p> <ul> <li><code class="language-plaintext highlighter-rouge">___</code>: three consecutive underscores</li> <li><code class="language-plaintext highlighter-rouge">---</code>: three consecutive dashes</li> <li><code class="language-plaintext highlighter-rouge">***</code>: three consecutive asterisks</li> </ul> <p>renders to:</p> <hr /> <hr /> <hr /> <div class="divider"></div> <h2 id="media">Media</h2> <h3 id="youtube-embedded-iframe">YouTube Embedded Iframe</h3> <div class="video-container"><iframe src="https://www.youtube.com/embed/n1a7o44WxNo" frameborder="0" allowfullscreen=""></iframe></div> <h3 id="image">Image</h3> <p><img src="http://octodex.github.com/images/minion.png" alt="Minion" /></p> <hr /> <p>Footnote:</p> <div class="footnotes"> <ol> <li id="fn:1"> <p>1: Footnote number one yeah baby! <a href="#fnref:1" class="reversefootnote">&#8617;</a></p> </li> <li id="fn:2"> <p>2: A footnote you can link to - <a href="#">click here!</a> <a href="#fnref:2" class="reversefootnote">&#8617;</a></p> </li> </ol> </div> Wed, 30 Dec 2015 00:00:00 +0000 https://alessionossa.github.io/geekspace/2015/markdown-cheatsheet-demo/ https://alessionossa.github.io/geekspace/2015/markdown-cheatsheet-demo/ The quick, brown fox jumps over a lazy dog <p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz.</p> <p><strong>Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex.</strong></p> <p>Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! “Now fax quiz Jack! “ my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk.</p> <p>A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump.</p> <p><em>Joaquin Phoenix was gazed by MTV for luck. A wizard’s job is to vex chumps quickly in fog. Watch “Jeopardy! “, Alex Trebek’s fun TV quiz game. Woven silk pyjamas exchanged for blue quartz. Brawny gods just flocked up to quiz and vex him.</em></p> <p>Adjusting quiver and bow, Zompyc[1] killed the fox. My faxed joke won a pager in the cable TV quiz show. Amazingly few discotheques provide jukeboxes. My girl wove six dozen plaid jackets before she quit. Six big devils from Japan quickly forgot how to waltz.</p> <p>Big July earthquakes confound zany experimental vow. Foxy parsons quiz and cajole the lovably dim wiki-girl. Have a pick: twenty six letters - no forcing a jumbled quiz! Crazy Fredericka bought many very exquisite opal jewels.</p> <p><em><strong>Sixty zippers were quickly picked from the woven jute bag. A quick movement of the enemy will jeopardize six gunboats. All questions asked by five watch experts amazed the judge. Jack quietly moved up front and seized the big ball of wax.</strong></em></p> <p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox.</p> <p>Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs!</p> <p>“Now fax quiz Jack! “ my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. A very bad quack might jinx zippy fowls. Few quips galvanized the mock jury box. Quick brown dogs jump over the lazy fox. The jay, pig, fox, zebra, and my wolves quack! Blowzy red vixens fight for a quick jump. Joaquin Phoenix was gazed by MTV</p> Mon, 12 Oct 2015 00:00:00 +0000 https://alessionossa.github.io/geekspace/2015/the-quick-brown-fox-jumps-over-a-lazy-dog/ https://alessionossa.github.io/geekspace/2015/the-quick-brown-fox-jumps-over-a-lazy-dog/ What is Lorem Ipsum? <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <h3 id="where-does-it-come-from">Where does it come from?</h3> <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of “de Finibus Bonorum et Malorum” (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, “Lorem ipsum dolor sit amet..”, comes from a line in section 1.10.32.</p> <p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from “de Finibus Bonorum et Malorum” by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p> <h3 id="why-do-we-use-it">Why do we use it?</h3> <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p> <h3 id="where-can-i-get-some">Where can I get some?</h3> <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don’t look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn’t anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p> <blockquote> <p>This content was copied from http://www.lipsum.com/ as an example of post article.</p> </blockquote> Fri, 20 Mar 2015 00:00:00 +0000 https://alessionossa.github.io/geekspace/2015/what-is-lorem-ipsum/ https://alessionossa.github.io/geekspace/2015/what-is-lorem-ipsum/ Post: Standard <p>All children, except one, grow up. They soon know that they will grow up, and the way Wendy knew was this. One day when she was two years old she was playing in a garden, and she plucked another flower and ran with it to her mother. I suppose she must have looked rather delightful, for Mrs. Darling put her hand to her heart and cried, “Oh, why can’t you remain like this for ever!” This was all that passed between them on the subject, but henceforth Wendy knew that she must grow up. You always know after you are two. Two is the beginning of the end.</p> <p>Mrs. Darling first heard of Peter when she was tidying up her children’s minds. It is the nightly custom of every good mother after her children are asleep to rummage in their minds and put things straight for next morning, repacking into their proper places the many articles that have wandered during the day.</p> <!--more--> <p>This post has a manual excerpt <code class="language-plaintext highlighter-rouge">&lt;!--more--&gt;</code> set after the second paragraph. The following YAML Front Matter has also be applied:</p> <div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="na">excerpt_separator</span><span class="pi">:</span> <span class="s2">"</span><span class="s">&lt;!--more--&gt;"</span> </code></pre></div></div> <p>If you could keep awake (but of course you can’t) you would see your own mother doing this, and you would find it very interesting to watch her. It is quite like tidying up drawers. You would see her on her knees, I expect, lingering humorously over some of your contents, wondering where on earth you had picked this thing up, making discoveries sweet and not so sweet, pressing this to her cheek as if it were as nice as a kitten, and hurriedly stowing that out of sight. When you wake in the morning, the naughtiness and evil passions with which you went to bed have been folded up small and placed at the bottom of your mind and on the top, beautifully aired, are spread out your prettier thoughts, ready for you to put on.</p> <p>I don’t know whether you have ever seen a map of a person’s mind. Doctors sometimes draw maps of other parts of you, and your own map can become intensely interesting, but catch them trying to draw a map of a child’s mind, which is not only confused, but keeps going round all the time. There are zigzag lines on it, just like your temperature on a card, and these are probably roads in the island, for the Neverland is always more or less an island, with astonishing splashes of colour here and there, and coral reefs and rakish-looking craft in the offing, and savages and lonely lairs, and gnomes who are mostly tailors, and caves through which a river runs, and princes with six elder brothers, and a hut fast going to decay, and one very small old lady with a hooked nose. It would be an easy map if that were all, but there is also first day at school, religion, fathers, the round pond, needle-work, murders, hangings, verbs that take the dative, chocolate pudding day, getting into braces, say ninety-nine, three-pence for pulling out your tooth yourself, and so on, and either these are part of the island or they are another map showing through, and it is all rather confusing, especially as nothing will stand still.</p> <p>Of course the Neverlands vary a good deal. John’s, for instance, had a lagoon with flamingoes flying over it at which John was shooting, while Michael, who was very small, had a flamingo with lagoons flying over it. John lived in a boat turned upside down on the sands, Michael in a wigwam, Wendy in a house of leaves deftly sewn together. John had no friends, Michael had friends at night, Wendy had a pet wolf forsaken by its parents, but on the whole the Neverlands have a family resemblance, and if they stood still in a row you could say of them that they have each other’s nose, and so forth. On these magic shores children at play are for ever beaching their coracles [simple boat]. We too have been there; we can still hear the sound of the surf, though we shall land no more.</p> <p>Of all delectable islands the Neverland is the snuggest and most compact, not large and sprawly, you know, with tedious distances between one adventure and another, but nicely crammed. When you play at it by day with the chairs and table-cloth, it is not in the least alarming, but in the two minutes before you go to sleep it becomes very real. That is why there are night-lights.</p> <p>Occasionally in her travels through her children’s minds Mrs. Darling found things she could not understand, and of these quite the most perplexing was the word Peter. She knew of no Peter, and yet he was here and there in John and Michael’s minds, while Wendy’s began to be scrawled all over with him. The name stood out in bolder letters than any of the other words, and as Mrs. Darling gazed she felt that it had an oddly cocky appearance.</p> Thu, 07 Jan 2010 00:00:00 +0000 https://alessionossa.github.io/geekspace/2010/post-standard/ https://alessionossa.github.io/geekspace/2010/post-standard/ Post Formats readability standard Post Formats Post: Modified Date <p>This post has been updated and should show a modified date if <code class="language-plaintext highlighter-rouge">last_modified_at</code> is used in the layout.</p> <p>Plugins like <a href="https://github.com/jekyll/jekyll-feed"><strong>jekyll-sitemap</strong></a> use this field to add a <code class="language-plaintext highlighter-rouge">&lt;lastmod&gt;</code> tag your <code class="language-plaintext highlighter-rouge">sitemap.xml</code>.</p> Thu, 07 Jan 2010 00:00:00 +0000 https://alessionossa.github.io/geekspace/2010/post-modified/ https://alessionossa.github.io/geekspace/2010/post-modified/ Post Formats readability standard Post Formats Suspicio? Bene ... tunc ibimus? Quis uh ... CONEXUS locus his diebus? Quisque semper aliquid videtur, in volutpat mauris. Nolo enim dicere. Vobis neque ab aliis. Ego feci memetipsum explicans. Gus mortuus est. Lorem opus habeo. Jackson Isai? Tu quoque ... A te quidem a ante. Vos scitis quod blinking res Ive 'been vocans super vos? Et conteram illud, et conteram hoc. Maledicant druggie excors. Iam hoc tu facere conatus sum ad te in omni tempore? Ludum mutavit. Verbum est ex. Et ... sunt occid <p>Check for long titles and how they might break layouts.</p> Mon, 05 Oct 2009 00:00:00 +0000 https://alessionossa.github.io/geekspace/2009/edge-case-very-long-title/ https://alessionossa.github.io/geekspace/2009/edge-case-very-long-title/ content css edge case html layout title Edge Case Antidisestablishmentarianism <p>This post title has a long word that could potentially overflow the content area.</p> <p>A few things to check for:</p> <ul> <li>Non-breaking text in the title should have no adverse effects on layout or functionality.</li> <li>Check the browser window / tab title.</li> </ul> <p>The following CSS property will help you support non-breaking text.</p> <div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">word-wrap</span><span class="o">:</span> <span class="nt">break-word</span><span class="o">;</span> </code></pre></div></div> Mon, 05 Oct 2009 00:00:00 +0000 https://alessionossa.github.io/geekspace/2009/edge-case-title-should-not-overflow-the-content-area/ https://alessionossa.github.io/geekspace/2009/edge-case-title-should-not-overflow-the-content-area/ content css edge case html layout title Edge Case Edge Case No Yaml Title <p>This post has no title specified in the YAML Front Matter. Jekyll should auto-generate a title from the filename.</p> <p>For example <code class="language-plaintext highlighter-rouge">2009-09-05-edge-case-no-yaml-title.md</code> becomes <strong>Edge Case No Yaml Title</strong>.</p> Sat, 05 Sep 2009 00:00:00 +0000 https://alessionossa.github.io/geekspace/2009/edge-case-no-yaml-title/ https://alessionossa.github.io/geekspace/2009/edge-case-no-yaml-title/ edge case layout title Edge Case