<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Kamo {% block title %} - {{ title }} {% endblock %}</title>

		<!-- style -->

		<link rel="icon" href="{{url_for('static', filename='favicon.ico')}}" />
		<link rel="stylesheet" href="{{url_for('static', filename='font/font.css')}}" />
		<link rel="stylesheet" href="{{url_for('static', filename='css/variables.css')}}" />
		<link rel="stylesheet" href="{{url_for('static', filename='css/global.css')}}" />
        <link rel="stylesheet" href="{{url_for('static', filename='css/home.css')}}" />
        <link rel="stylesheet" href="{{url_for('static', filename='css/categories.css')}}" />
		<!-- script -->


	</head>
	<body>
		<main class="content">

        <div class="homepage-intro">
            <h2 class="title">{{ title }}</h2>
            <div class="description">{{content|safe}}</div>
        </div>

        <table id="table">
                {% for project in projects %}
                <tr>
                    <td class="title">
                        <h3 class="title--name">
                            <a href="projects/{{project.slug}}/" class="stretched-link">
                                {{project.title}}
                            </a>
                        </h3>
                        <div class="title--description">
                            {% if project.description %}
                                {{ project.description }}
                            {% endif %}
                        </div>
                    </td>
                    <td class="links">

                        {% if project.url %}
                        <a href="{{project.url}}">project</a>
                        {% endif %}

                        {% if project.pad %}
                        <a href="{{project.pad}}">pad</a>
                        {% endif %}

                        {% if project.git %}
                        <a href="{{project.git}}">git</a>
                        {% endif %}

                        {% if project.links %}
                            {% for link in project.links %}
                                <a href="{{link.url}}">{{link.title}}</a>
                            {% endfor %}
                        {% endif%}

                    </td>
                    <td class="categories">
                        {% for category in project.categories %}
                            <span class="tag" data-tag="{{category}}">{{category}}</span>
                        {% endfor %}
                    </td>
                    <td class="date">
                        {% if project.date %}
                        <span>{{project.date}}</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </table>
        </main>
	</body>
</html>
