Back

phansch.net

My website and portfolio.


This website is based on HTML5, CSS and Javascript. It uses Jekyll to generate a static website whenever I push new content to the repository on GitHub. The posts are written in markdown and are kept in a seperate branch until they are published.

Development of changes or new features happens in different branches, depending on the task. Before a change makes it to the actual website, it is tested on a local jekyll server.

Code snippets

  <div class="row">
    {% for page in site.pages %}
      {% if page.scope == "portfolio" and page.category == "games" %}
        <div class="col-md-4">
          <div class="thumbnail">
            <a href="{{page.url}}">
              <img class="thumb" src="{{page.thumbnail}}" alt="Screenshot">
            </a>
            <h3>{{page.title}}
            {% if page.new %}
              <span class="label label-primary">New</span>
            {% endif %}
            </h3>
            <p>{{page.subtitle}}</p>
            <div class="tech">
              {% for technology in page.used %}
              <span class="label label-primary">{{ technology }}</span><br />
              {% endfor %}
            </div>
            <div class="buttons">
              <a href="{{ page.url }}">
                <button type="button" class="btn btn-default btn-sm">
                  <span class="glyphicon glyphicon-chevron-right"></span> More information
                </button>
              </a>
              {% if page.exe %}
              <a href="{{ page.exe }}">
                <button type="button" class="btn btn-default btn-sm">
                  <span class="glyphicon glyphicon-save"></span> .exe
                </button>
              </a>
              {% else %}
              <button type="button" class="btn btn-default btn-sm disabled">
                <span class="glyphicon glyphicon-save"></span> .exe
              </button>
              {% endif %}
              <a href="http://github.com/phansch/{{ page.title }}">
                <button type="button" class="btn btn-default btn-sm">
                  <span class="glyphicon glyphicon-share"></span> GitHub
                </button>
              </a>
            </div>
          </div>
        </div>
      {% endif %}
    {% endfor %}
  </div>

Generates the preview-boxes on the portfolio start page. This is iterating through all pages and creates a new thumbnail box if the page is of a specific scope and category.


{% if page.exe %}
  <p>The fastest way to get the game running is to download the compiled .exe file below.</p>
  <a href="{{ page.exe }}" class="btn btn-primary btn-lg">
  <span class="glyphicon glyphicon-save"></span> Download .exe
  </a>
{% elsif page.gem %}
  <pre><code>$ gem install {{ page.gem }}</code></pre>
{% else %}
  <p>No download available.</p>
{% endif %}

{% if page.love or page.github %}
  <h3>Other files</h3>
{% endif %}

{% if page.love %}
  <h4><a href="#">.love file for Windows, Mac OSX and Linux platforms</a></h4>

  <p>If you don't have Love2D installed, download it <a href="http://love2d.org/">here</a> and install it first.

  To run the game:
  <ul>
      <li>On Linux, use <code>love /path/to/{{ page.github }}.love</code> to run the game.</li>
      <li>On Windows use <code>love C:\path\to\{{ page.github }}.love</code> <strong>or</strong> drag the .love file onto love.exe</li>
      <li>On Mac use <code>open -n -a love "/home/path/to/{{ page.github }}"</code> <strong>or</strong> drag the .love file onto the Love.app application bundle</li>
  </ul>
  </p>
{% endif %}

{% if page.github %}
  <h4><a href="http://github.com/phansch/{{ page.github }}">{{ page.title }} on GitHub</a></h4>
  Download the latest source or clone/fork the project on GitHub.
{% endif %}

Generates Download section below.

Download

No download available.

phansch.net on GitHub/GitLab

Download the latest source or clone/fork the project from source control.