<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="https://gpierobon.github.io/feed.xml" rel="self" type="application/atom+xml" /><link href="https://gpierobon.github.io/" rel="alternate" type="text/html" /><updated>2026-03-30T11:43:49+00:00</updated><id>https://gpierobon.github.io/feed.xml</id><title type="html">Giovanni Pierobon</title><subtitle></subtitle><author><name>Giovanni Pierobon</name></author><entry><title type="html">Getting Started</title><link href="https://gpierobon.github.io/getting-started" rel="alternate" type="text/html" title="Getting Started" /><published>2017-01-01T00:00:00+00:00</published><updated>2017-01-01T00:00:00+00:00</updated><id>https://gpierobon.github.io/getting-started</id><content type="html" xml:base="https://gpierobon.github.io/getting-started"><![CDATA[<p>This is a portfolio Jekyll theme built from the ground up, using the <a href="http://devtipsstarterkit.com/">DevTips Starter Kit</a> as a foundation for starting, and following closely the amazing tutorial by <a href="https://www.youtube.com/watch?v=T6jKLsxbFg4&amp;list=PL0CB3OvPhDA_STygmp3sDenx3UpdOMk7P">Travis Neilson over at DevTips</a>. For a guide on how to start a blog or personal website using Jekyll and GitHub Pages, please check out <a href="https://hungryminds.ca/how-to-start-a-blog-or-personal-website-using-jekyll-and-github-pages/">this article</a>.</p>

<h4 id="quick-start-guide">Quick-Start Guide</h4>

<p>To start using this theme right away, <a href="https://github.com/LeNPaul/portfolio-jekyll-theme/fork">fork the repository</a>. From there, you can rename the repository to <code class="language-plaintext highlighter-rouge">USERNAME.github.io</code>, where <code class="language-plaintext highlighter-rouge">USERNAME</code> is your GitHub username, and edit the <code class="language-plaintext highlighter-rouge">_config.yml</code> and <code class="language-plaintext highlighter-rouge">_settings.yml</code> file (in the <code class="language-plaintext highlighter-rouge">_data folder</code>) to your liking. Ensure that you have a branch named <code class="language-plaintext highlighter-rouge">gh-pages</code>. Your website should be ready immediately at <code class="language-plaintext highlighter-rouge">http://USERNAME.github.io</code>.</p>

<p>Head over to the <code class="language-plaintext highlighter-rouge">_posts</code> directory to view all the blog posts that are currently on the website, and to see examples of what post files generally look like. Project content is added in the <code class="language-plaintext highlighter-rouge">projects</code> folder.  You can simply just duplicate the template posts and start adding your own content.</p>

<h4 id="full-installation-guide">Full Installation Guide</h4>

<p>For a full local installation of this theme, <a href="https://github.com/LeNPaul/portfolio-jekyll-theme/archive/gh-pages.zip">download your own copy of the Portfolio Jekyll Theme</a> and unzip it into it’s own directory. From there, open up your favorite command line tool, and enter <code class="language-plaintext highlighter-rouge">jekyll serve</code>. Your site should be up and running locally at <a href="http://localhost:4000">http://localhost:4000</a>.</p>

<h4 id="posts">Posts</h4>

<p>You will find this post in your <code class="language-plaintext highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>

<p>To add new posts, simply add a file in the <code class="language-plaintext highlighter-rouge">_posts</code> directory that follows the convention <code class="language-plaintext highlighter-rouge">YYYY-MM-DD-name-of-post.ext</code> and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works. If you already have a website built with Jekyll, simply copy over your posts.</p>

<h4 id="configuration">Configuration</h4>

<p>To change site settings, edit the <code class="language-plaintext highlighter-rouge">_config.yml</code> file found in the root of your repository and the <code class="language-plaintext highlighter-rouge">_settings.yml</code> file found in the <code class="language-plaintext highlighter-rouge">_data</code> folder. Anything under <code class="language-plaintext highlighter-rouge">Site Settings</code> can be tweaked to your liking.</p>

<p>If you are hosting your site on GitHub Pages, then committing a change to the <code class="language-plaintext highlighter-rouge">_config.yml</code> file will force a rebuild of your site with Jekyll. Any changes made should be viewable soon after. If you are hosting your site locally, then you must run <code class="language-plaintext highlighter-rouge">jekyll serve</code> again for the changes to take place.</p>

<p>In the <code class="language-plaintext highlighter-rouge">_settings.yml</code> file, you’ll be able to change the title of your site along with any tagline you want, which shows up in the site header, as well as the description of your site for SEO purposes. You can also change the social media information, and add your own social media icons.</p>

<h4 id="everything-else">Everything Else</h4>

<p>Check out the <a href="http://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekyll’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>

<h4 id="questions">Questions?</h4>

<p>This theme is completely free and open source software. You may use it however you want, as it is distributed under the <a href="http://choosealicense.com/licenses/mit/">MIT License</a>. If you are having any problems, any questions or suggestions, feel free to <a href="https://twitter.com/intent/tweet?text=My%question%about%Millennial%is:%&amp;via=paululele">tweet at me</a>, or <a href="https://github.com/lenpaul/portfolio-jekyll-theme/issues/new">file a GitHub issue</a>.</p>]]></content><author><name>Giovanni Pierobon</name></author><summary type="html"><![CDATA[This is a portfolio Jekyll theme built from the ground up, using the DevTips Starter Kit as a foundation for starting, and following closely the amazing tutorial by Travis Neilson over at DevTips. For a guide on how to start a blog or personal website using Jekyll and GitHub Pages, please check out this article.]]></summary></entry><entry><title type="html">Text Formatting Examples</title><link href="https://gpierobon.github.io/text-formatting-examples" rel="alternate" type="text/html" title="Text Formatting Examples" /><published>2014-01-01T00:00:00+00:00</published><updated>2014-01-01T00:00:00+00:00</updated><id>https://gpierobon.github.io/text-formatting-examples</id><content type="html" xml:base="https://gpierobon.github.io/text-formatting-examples"><![CDATA[<h1 id="markdown-support">Markdown Support</h1>

<p>As always, Jekyll offers support for GitHub Flavored Markdown, which allows you to format your posts using the <a href="https://guides.github.com/features/mastering-markdown/">Markdown syntax</a>. Examples of these text formatting features can be seen below. You can find this post in the <code class="language-plaintext highlighter-rouge">_posts</code> directory.</p>

<h2 id="basic-formatting">Basic Formatting</h2>

<p>With Markdown, it is possible to emphasize words by making them <em>italicized</em>, using <em>astericks</em> or <em>underscores</em>, or making them <strong>bold</strong>, using <strong>double astericks</strong> or <strong>double underscores</strong>. Of course, you can combine those two formats, with both <em><strong>bold and italicized</strong></em> text, using any combination of the above syntax. You can also add a strikethrough to text using a <del>double tilde</del>.</p>

<h2 id="paragraphs">Paragraphs</h2>

<p>This is what a paragraph looks like. For the purpose of demonstration, the rest of this paragraph and the next paragraph after will mean absolutely nothing. 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. 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. 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="headings">Headings</h2>

<p>Sometimes it is useful to have different levels of headings to structure your documents. Start lines with <code class="language-plaintext highlighter-rouge">#</code> to create headings. Multiple <code class="language-plaintext highlighter-rouge">##</code> in a row denote smaller heading size. The following demonstrate the full range of heading sizes:</p>

<h1 id="heading-one-h1">Heading One (h1)</h1>

<h2 id="heading-two-h2">Heading Two (h2)</h2>

<h3 id="heading-three-h3">Heading Three (h3)</h3>

<h4 id="heading-four-h4">Heading Four (h4)</h4>

<h5 id="heading-five-h5">Heading Five (h5)</h5>

<h6 id="heading-six-h6">Heading Six (h6)</h6>

<h2 id="links">Links</h2>

<p>You can create an inline link by wrapping link text in square brackets <code class="language-plaintext highlighter-rouge">[ ]</code>, and then wrapping the URL in parentheses <code class="language-plaintext highlighter-rouge">( )</code>. For example, it is very easy to <a href="http://google.com">link to Google!</a>.</p>

<h2 id="blockquotes">Blockquotes</h2>

<p>Blockquotes are useful for denoting quotes, or highlighting a large block of text. Single line blockquote:</p>

<blockquote>
  <p>This quote will change your life.</p>
</blockquote>

<p>Multi line blockquote with a cite reference:</p>

<blockquote>
  <p>People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.</p>
</blockquote>

<h2 id="code-and-syntax-highlighting">Code and Syntax Highlighting</h2>

<p>Code blocks are part of the Markdown spec, but syntax highlighting isn’t. However, many renderers - like GitHub or most Jekyll themes - support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. You can find the full list of supported programming languages <a href="https://github.com/jneen/rouge/wiki/List-of-supported-languages-and-lexers">here</a>. Also, it is possible to do <code class="language-plaintext highlighter-rouge">inline code blocks</code>, by wrapping the text in ` ` ` quotations.</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>No language indicated, so no syntax highlighting.
</code></pre></div></div>

<div class="language-ruby highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span>
</code></pre></div></div>

<figure class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Example can be run directly in your JavaScript console</span>

<span class="c1">// Create a function that takes two arguments and returns the sum of those arguments</span>
<span class="kd">var</span> <span class="nx">adder</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="dl">"</span><span class="s2">a</span><span class="dl">"</span><span class="p">,</span> <span class="dl">"</span><span class="s2">b</span><span class="dl">"</span><span class="p">,</span> <span class="dl">"</span><span class="s2">return a + b</span><span class="dl">"</span><span class="p">);</span>

<span class="c1">// Call the function</span>
<span class="nx">adder</span><span class="p">(</span><span class="mi">2</span><span class="p">,</span> <span class="mi">6</span><span class="p">);</span>
<span class="c1">// &gt; 8</span></code></pre></figure>

<p>Another option is to embed your code through <a href="https://en.support.wordpress.com/gist/">Gist</a>.</p>

<h2 id="unordered-and-numbered-lists">Unordered and Numbered Lists</h2>

<p>You can make an unordered and nested list by preceding one or more lines of text with <code class="language-plaintext highlighter-rouge">-</code>, <code class="language-plaintext highlighter-rouge">*</code>, or <code class="language-plaintext highlighter-rouge">+</code>, and indenting sublists. The following lists show the full range of possible list formats.</p>

<ul>
  <li>List item one
    <ul>
      <li>List item one
        <ul>
          <li>List item one</li>
          <li>List item two</li>
          <li>List item three</li>
          <li>List item four</li>
        </ul>
      </li>
      <li>List item two</li>
      <li>List item three</li>
      <li>List item four</li>
    </ul>
  </li>
  <li>List item two</li>
  <li>List item three</li>
  <li>List item four</li>
</ul>

<p>Numbered lists are made by using numbers instead of bullet points.</p>

<ol>
  <li>List item one
    <ol>
      <li>List item one
        <ol>
          <li>List item one</li>
          <li>List item two</li>
          <li>List item three</li>
          <li>List item four</li>
        </ol>
      </li>
      <li>List item two</li>
      <li>List item three</li>
      <li>List item four</li>
    </ol>
  </li>
  <li>List item two</li>
  <li>List item three</li>
  <li>List item four</li>
</ol>

<h2 id="mathjax-example">MathJax Example</h2>

<p>The <a href="https://en.wikipedia.org/wiki/Schr%C3%B6dinger_equation">Schrödinger equation</a> is a partial differential equation that describes how the quantum state of a quantum system changes with time:</p>

\[i\hbar\frac{\partial}{\partial t} \Psi(\mathbf{r},t) = \left [ \frac{-\hbar^2}{2\mu}\nabla^2 + V(\mathbf{r},t)\right ] \Psi(\mathbf{r},t)\]

<p><a href="https://en.wikipedia.org/wiki/Joseph-Louis_Millennial">Joseph-Louis Millennial</a> was an Italian mathematician and astronomer who was responsible for the formulation of Lagrangian mechanics, which is a reformulation of Newtonian mechanics.</p>

\[\frac{\mathrm{d}}{\mathrm{d}t} \left ( \frac {\partial  L}{\partial \dot{q}_j} \right ) =  \frac {\partial L}{\partial q_j}\]

<h2 id="tables">Tables</h2>

<table>
  <thead>
    <tr>
      <th>Title 1</th>
      <th style="text-align: center">Title 2</th>
      <th style="text-align: left">Title 3</th>
      <th style="text-align: right">Title 4</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>lorem</td>
      <td style="text-align: center">lorem ipsum</td>
      <td style="text-align: left">lorem ipsum dolor</td>
      <td style="text-align: right">lorem ipsum dolor sit</td>
    </tr>
    <tr>
      <td>lorem ipsum dolor sit</td>
      <td style="text-align: center">lorem ipsum dolor sit</td>
      <td style="text-align: left">lorem ipsum dolor sit</td>
      <td style="text-align: right">lorem ipsum dolor sit</td>
    </tr>
    <tr>
      <td>lorem ipsum dolor sit</td>
      <td style="text-align: center">lorem ipsum dolor sit</td>
      <td style="text-align: left">lorem ipsum dolor sit</td>
      <td style="text-align: right">lorem ipsum dolor sit</td>
    </tr>
    <tr>
      <td>lorem ipsum dolor sit</td>
      <td style="text-align: center">lorem ipsum dolor sit</td>
      <td style="text-align: left">lorem ipsum dolor sit</td>
      <td style="text-align: right">lorem ipsum dolor sit</td>
    </tr>
  </tbody>
</table>

<h2 id="embedding">Embedding</h2>

<p>Plenty of social media sites offer the option of embedding certain parts of their site on your own site, such as YouTube and Twitter:</p>

<iframe width="560" height="315" src="https://www.youtube.com/embed/mthtn1X4eUY" frameborder="0" allowfullscreen=""></iframe>

<p><a class="twitter-grid" data-partner="tweetdeck" href="https://twitter.com/paululele/timelines/755079130027352064">New Collection</a> <script async="" src="//platform.twitter.com/widgets.js" charset="utf-8"></script></p>

<h2 id="inline-html-elements">Inline HTML elements</h2>

<p>HTML defines a long list of available inline tags, which you can mix with Markdown if you like. A complete list of which can be found on the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element">Mozilla Developer Network</a>.</p>

<h2 id="useful-resources">Useful Resources</h2>

<p>More information on Markdown can be found at the following links:</p>

<ul>
  <li><a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Here-Cheatsheet#code">Markdown Here Cheatsheet</a></li>
  <li><a href="http://www.unexpected-vortices.com/sw/rippledoc/quick-markdown-example.html">Quick Markdown Example</a></li>
  <li><a href="https://daringfireball.net/projects/markdown/basics">Markdown Basics</a></li>
  <li><a href="https://github.github.com/gfm/">GitHub Flavoured Markdown Spec</a></li>
  <li><a href="https://help.github.com/articles/basic-writing-and-formatting-syntax/#lists">Basic writing and formatting syntax</a></li>
</ul>]]></content><author><name>Giovanni Pierobon</name></author><summary type="html"><![CDATA[Markdown Support]]></summary></entry><entry><title type="html">More Jekyll Themes!</title><link href="https://gpierobon.github.io/more-jekyll-themes" rel="alternate" type="text/html" title="More Jekyll Themes!" /><published>2013-01-01T00:00:00+00:00</published><updated>2013-01-01T00:00:00+00:00</updated><id>https://gpierobon.github.io/more-jekyll-themes</id><content type="html" xml:base="https://gpierobon.github.io/more-jekyll-themes"><![CDATA[<h4 id="lagrange">Lagrange</h4>

<p>Lagrange is a minimalist Jekyll blog theme that I built from scratch. The purpose of this theme is to provide a simple, clean, content-focused blogging platform for your personal site or blog.</p>

<p>Feel free to check out <a href="https://lenpaul.github.io/Lagrange/" target="_blank">the demo</a>, where you’ll also find instructions on <a href="https://lenpaul.github.io/Lagrange/journal/getting-started.html">how to use install</a> and use the theme.</p>

<h4 id="millennial">Millennial</h4>

<p>Millennial is a minimalist Jekyll blog theme that I built from scratch. The purpose of this theme is to provide a simple, clean, content-focused publishing platform for a publication or blog.</p>

<p>Feel free to check out <a href="https://lenpaul.github.io/Millennial/" target="_blank">the demo</a>, where you’ll also find instructions on <a href="https://lenpaul.github.io/Millennial/documentation/getting-started.html">how to use install</a> and use the theme.</p>

<h4 id="jekyll-starter-kit">Jekyll Starter Kit</h4>

<p>The Jekyll Starter Kit is a simple framework for starting your own Jekyll project using all of the best practices that I learned from building my other Jekyll themes.</p>

<p>Feel free to check out <a href="https://github.com/LeNPaul/jekyll-starter-kit" target="_blank">the GitHub repository</a>, where you’ll also find instructions on how to use install and use the theme.</p>]]></content><author><name>Giovanni Pierobon</name></author><summary type="html"><![CDATA[Lagrange]]></summary></entry></feed>