summaryrefslogtreecommitdiff
path: root/app/templates/index.html
blob: 209f0682a118ea7db2054e2361db7a88c91839da (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://dbolger.dev/assets/css/main.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
    <link rel="icon" type="image/png" sizes="32x32" href="https://photos.dbolger.dev/static/img/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="https://photos.dbolger.dev/static/img/favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="https://photos.dbolger.dev/static/img/apple-touch-icon.png">
    <title>Dylan's Photo Blog</title>
</head>

<body>
    <nav id="nav" class="topnav">
        <a class="active" href="https://dbolger.dev">Dylan Bolger</a>
        <p>Software Engineer</p>
        <div class="topnav-right">
            <a href="https://photos.dbolger.dev/">Photos</a>
            <a href="https://blog.dbolger.dev/blog">Blog</a>
            <a href="https://git.dbolger.dev">Git</a>
            <a href="https://dbolger.dev/assets/pdf/resume.pdf">Resume</a>
        </div>
    </nav>
    <section class="container">
        <h1>Photo Blog</h1>
        <p>Here's some of my favorite pictures I've taken over the years. I hope you enjoy.</p>
        {% if images and images|length > 0 %}
        <main class="gallery">
            {% for img in images %}
            <div class="gallery-item">
                <a href="{{ url_for('static', filename=img) }}">
                    <img src="{{ url_for('static', filename=img) }}" alt="" loading="lazy">
                </a>
            </div>
            {% endfor %}
        </main>
        {% else %}
        <p>
            If you're reading this, something went wrong and you should send me an email. Thanks!
        </p>
        {% endif %}
    </div>
</body>
</html>