gitar

{% load i18n %}

{% load static %}

{% block title %}{{ repository_name }} | Gitar{% endblock title %}

{% block stylesheets %}

    {{ block.super }}

     <link href="{% static "website/gitar.css" %}" rel="stylesheet" media="screen, projection" />

{% endblock stylesheets %}

{% block description %}

{{repository_description}}

{% endblock description %}

{% block header %}

<header>                                                                                                                                                                                         

    <h1>{{ repository_name }}</h1>  

    <label for="nav-drawer-toggle">≡</label>

</header>

{% endblock header %}

{% block main %}

<section>

    <div class="row">

        <div class="col hide-on-med-and-down l4">

            <!-- Add tertiary information such as branches and licensing here.  -->

            <h3 class="{{mdc}}-text">{{repository_name}}</h3>

            <h5 class="{{mdc}}-text">{% trans "Description" %}</h5>

            {{repository_description}}

            <h5 class="{{mdc}}-text">{% trans "Branches" %}</h5>

            {% for bbranch in branches %}

            <a class="{{mdac}}-text text-accent-3" href="{% url 'gitar-repository' repository_name bbranch %}">

                {{bbranch}}

            </a><br />

            {% endfor %}

            <h5 class="{{mdc}}-text">{% trans "Extra information" %}</h5>

            <div class="chip">

                {{repository_language}}

                <i class="material-icons {{mdac}}-text text-accent-3">code</i>

            </div><br />

            <div class="chip">

                {{repository_license}}

                <i class="material-icons {{mdac}}-text text-accent-3">copyright</i>

            </div><br />

        </div>

        <div class="col s12 m8 l5">

            <!-- Main area with links to files and subdirectories -->

            <h3 class="{{mdc}}-text">{% trans "Files" %}</h3>

            <table class="highlight">

                {% if subdirectories %}

                <thead>

                    {% for subdirectory in subdirectories %}

                    <tr>

                        <th>

                        <a class="{{mdac}}-text text-accent-4" href="{% url 'gitar-path-explorer' repository_name branch subdirectory.path %}">

                            {{subdirectory.name}}

                        </a>

                        </th>

                    </tr>

                    {% endfor %}

                </thead>

                {% endif %}

                <tbody>

                    {% for file in files %}

                    <tr>

                        <td>

                        <a class="{{mdac}}-text text-accent-3" href="{% url 'gitar-path-explorer' repository_name branch file.path %}">

                            {{file.name}}

                        </a>

                        </td>

                            <td>{{file.commit|truncatechars:6}}</td>

                    </tr>

                    {% endfor %}

                </tbody>

            </table>

        </div>

        <div class="col hide-on-small-only m4 l3">

            <!-- List of commits on the current branch, chronologically. -->

            <h3 class="{{mdc}}-text">{% trans "Commits" %}</h3>

            {% for commit in commits %}

            <hr />

            <a

                class="{{mdac}}-text text-accent-3 tooltipped"

                {# href="{% url 'gitar-commit' repository_name commit.hash %}" #}

                data-position="left"

                data-delay="50"

                data-tooltip="Viewing commits is not implemented yet!">

                {{commit.hash|truncatechars:15}}

            </a>

            <span class="{{mdc}}-text text-lighten-2">

                {% trans "by" %} {{commit.author}}

            </span><br />

            {{commit.description|lower|capfirst}}{% if commit.description|last != "." %}.{% endif %}

            {% endfor %}

        </div>

    </div>

</section>

{% endblock main %}

{% load i18n %}

{% load static %}

{% block title %}{{repository_name}}/{{file_name}} | Gitar{% endblock title %}

{% block stylesheets %}

    {{ block.super }}

    <link href="{% static "website/gitar.css" %}" rel="stylesheet" media="screen, projection" />

    <link rel="stylesheet" type="text/css" href="/static/website/syntax.css" />

    <link rel="stylesheet" type="text/css" href="/static/gitar/css/file.css" />

    <style>

    table.highlight tr {

        line-height: 15px;

    }

    /* These vendor prefixes are still necessary, yeah...*/

    .line-number {

      -moz-user-select: none;

      -webkit-user-select: none;

      -ms-user-select: none;

      user-select: none;

    }

    </style>

{% endblock stylesheets %}

{% block description %}

Content of {{file_name}} in {{repository_name}}

{% endblock description %}

{% block header %}

<header>                                                                                                                                                                                         

    <h1>{{ repository_name }}</h1>  

    <label for="nav-drawer-toggle">≡</label>

</header>

{% endblock header %}

{% comment %}

{% block stylesheets %}

<link href="/static/website/materialize/css/google-icons.css" rel="stylesheet" />

<link href="/static/website/materialize/css/materialize.css" rel="stylesheet" media="screen, projection" />

<!--<link rel="stylesheet href="https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css">-->

<!-- TODO: Download Fira Code stylesheet and serve via the static folder!

    This is necessary BEFORE activating the Fira Code ligature font, because

    using a CDN I do not controll brings in tonnes of JS code from Google,

    Amazon, and whatnot. -->

<!--<style>

td {

	padding: 0 0 0 0;

}

pre {

	margin-top: 10px;

	margin-bottom: 10px;

}

table {

	line-height: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	border-spacing: 0 0;

	margin-top: 0px;

	margin-bottom: 0px;

}

</style>-->

{# For the syntax coloring of Gitar. TODO for later. #}

<link rel="stylesheet" type="text/css" href="/static/website/syntax.css" />

<link rel="stylesheet" type="text/css" href="/static/gitar/css/file.css" />

{% endblock stylesheets %}

{% endcomment %}

<!-- NOTE: Currently I'm using an ordered list to get numbers, but now I can't

link to the different lines. So until I figure out a way to make tables behave

correctly, this ought to be the temporary solution-->

{% block main %}

<section style="font-family: 'Fira Code', monospace;">

    <h3>{{file_name}}</h3>

	<table class="highlight">

		{% for line in content %}

		<tr>

            <td id="{{ forloop.counter }}" class="line-number" style=":hover { background-color: #00E676;}">

                <a style=":hover { background-color: #00e676;}" href="#{{ forloop.counter }}">

                <pre>{{ forloop.counter }}</pre></a></td>

			<td><pre>{{ line|safe }}</pre></td>

		</tr>

		{% endfor %}

	</table>

</section>

{% endblock main %}

	Copyright 2015 Maarten Vangeneugden

	Licensed under the Apache License, Version 2.0 (the "License");

	you may not use this file except in compliance with the License.

	You may obtain a copy of the License at

	   https://www.apache.org/licenses/LICENSE-2.0

	Unless required by applicable law or agreed to in writing, software

	distributed under the License is distributed on an "AS IS" BASIS,

	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

	See the License for the specific language governing permissions and

	limitations under the License.

{% endcomment %}

<!DOCTYPE html>

<html>

	<head>

		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

		<link href="/static/website/materialize/css/materialize.css" rel="stylesheet" media="screen, projection" />

		<meta charset="utf-8" /> <!-- Just in case you didn't know ASCII sucks. -->

		<meta name="author" content="Vngngdn (Maarten Vangeneugden)"> <!-- Yep, yours truly. Forward any solliciting to /dev/null. -->

		<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--Because this page is suited for mobile devices.-->

		<meta name="description" content="Vngngdn's personal web page. That should intrigue you enough to get over here." />

	</head>

	<body>

		{# This is actually the navigation bar. Perhaps it should be in its own template file. #}

		<header>

			<div class="navbar-fixed"> <!-- Fixes the navbar to the top. I like that. -->

				<nav>

					<div class="nav-wrapper blue"> <!-- I admit this looks redundant, but hey, at least it's not DreamWeaver. -->

						<a class="brand-logo">Vngngdn</a>

					</div>

				</nav>

			</div>

		</header>

{% load i18n %}

{% load static %}

{% block stylesheets %}

    {{ block.super }}

     <link href="{% static "website/gitar.css" %}" rel="stylesheet" media="screen, projection" />

{% endblock stylesheets %}

{% block title %}{% trans "Gitar | Index page" %}{% endblock title %}

{% block description %}

{% trans "My personal answer to GitHub." %}

{% endblock description %}

{% block header %}

<header>                                                                                                                                                                                         

    <h1>Gitar</h1>  

    <label for="nav-drawer-toggle">≡</label>

</header>

{% endblock header %}

{% block nav %}

<input id="nav-drawer-toggle" type="checkbox" />

<nav>

    <label for="nav-drawer-toggle"><!--🡨-->🡠</label>

    <h2>{% trans "Navigation" %}</h2>

    {% for title, date, blog_text, link in posts %}

    <a class="nav-link" href="{{ link }}">{{ title }}</a>

    {% endfor %}

    <hr class="half" />

    <a class="nav-link" href="{% url 'about-index' %}">{% trans "Front page" %}</a>

  </nav>

{% endblock nav %}

{% block main %}

{# with mdac=materialDesign_accentColor %} {# You'll see why this is handy shortly. #}

{# with mdc=materialDesign_color #}

<section class="emphasis">

    <h1>{% trans "About Gitar" %}</h1>

    <p>

        {% blocktrans %}

		Gitar is a simple web app to easily host Git repositories using the Django framework.

        It's a hobby project of me, to make it easy for

        people to scroll through the code I publish, in a read-only fashion. It

        makes use of

        <a href="http://pygments.org/" target="_blank">Pygments</a>

        to read the source files, and apply the appropriate syntax coloring.

        {% endblocktrans %}

	</p>

    <p>

        {% blocktrans %}All repositories are automatically updated when changes

        have been pushed to the server, without any manual intervention from me.

        Special attention goes to clean URL design, adhering to web standards,

        and responsive design across all screen types.{% endblocktrans %}

    </p>

    <p>

        {% blocktrans %}Gitar <b>is a project under development!</b>

        While it's certainly presentable, there's still a lot of room for improvement.<br />

        Also, if you happen to walk in while I'm working, it's possible you'll

        fall through the floor, so be warned =D{% endblocktrans %}

    </p>

</section>

<section>

    <h3>{% trans "Public repositories" %}</h3>

		{% for repository in repositories %} {# ARGH DON'T YOU LOVE THE READABILITY #}

            <p>

                <a class="btn fill" href="{% url 'gitar-repository' repository_name=repository.name %}">

                    {{ repository.name }}

                </a>

                {{ repository.description }} 

            </p>

            <dl>

            <dt>🅿️</dt>

            <dd>{{ repository.programmingLanguage }}</dd>

                <!--<li><i class="material-icons">description</i> 

                    {{ repository.fileCount }}</li>-->

            <dt>©️</dt>

            <dd>{{ repository.license }}</dd>

            </dl>

            <hr>

		{% endfor %}

</section>

{% endblock main %}

{% block title %}Gitar | Index page{% endblock title %}

{% block description %}

Vngngdn's Gitar app. Really nothing more to say, except that it FREAKING ROCKS!

{% endblock description %}

{% block main %}

{% with mdac=materialDesign_accentColor %} {# You'll see why this is handy shortly. #}

<div class="section {{ materialDesign_color }} lighten-2">

	<p class="flow-text container white-text">

		Gitar is a simple web app to easily host Git repositories using the Django framework.

	</p>

</div>

<div class="container section">

	<ul>

	{% for file in files %}

	<li>{{ file }}</li>

	{% endfor %}

	</ul>

	</div>

{% endwith %}

{% endblock main %}