patrickpistor.github.io/index.html at main · patrickpistor/patrickpistor.github.io · GitHub

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
---
layout: home
title: Home
---

<!-- HERO -->
<section class="hero">
  <div class="container">
    <h1 class="hero__greeting">{{ site.hero_greeting }}</h1>
    <p class="hero__intro">{{ site.hero_intro }}</p>
    {% if site.hero_cta_label %}
    {% assign cta_url = site.hero_cta_url | default: '/work/' %}
    <a href="{{ cta_url | relative_url }}" class="hero__cta"{% if cta_url contains '.pdf' or cta_url contains 'http' %} target="_blank" rel="noopener"{% endif %}>
      {{ site.hero_cta_label }}
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
    </a>
    {% endif %}
  </div>
</section>

<!-- RECENT WORK -->
<section class="home-section" id="work">
  <div class="container">
    <div class="home-section__header">
      <p class="home-section__heading">Recent Work</p>
      <a href="{{ '/work/' | relative_url }}" class="home-section__link">View all →</a>
    </div>

    {% if site.data.projects and site.data.projects.size > 0 %}
    <div class="work-strip">
      {% for project in site.data.projects limit: 3 %}
      {% assign has_cover = false %}
      {% if project.cover and project.cover != '' %}{% assign has_cover = true %}{% endif %}
      <a
        href="{{ project.url | relative_url }}"
        class="project-card project-card--strip{% unless has_cover %} project-card--no-image{% endunless %}"
      >
        {% if has_cover %}
        <img src="{{ project.cover }}" alt="{{ project.title }}" class="project-card__img" loading="lazy">
        {% elsif project.icon and project.icon != '' %}
        <div class="project-card__icon-wrap">
          <div class="project-card__icon-glow"></div>
          <i data-lucide="{{ project.icon }}" class="project-card__icon"></i>
        </div>
        {% endif %}

        <div class="project-card__body">
          <span class="project-card__category">{{ project.category }}</span>
          <div class="project-card__text">
            <h2 class="project-card__title">{{ project.title }}</h2>
            <p class="project-card__desc">{{ project.description }}</p>
          </div>
        </div>
      </a>
      {% endfor %}
    </div>
    {% else %}
    {% include empty-state.html icon="projects" title="Projects coming soon" message="I'm putting together a few things worth sharing. Check back shortly." %}
    {% endif %}
  </div>
</section>

<!-- RECENT WRITING -->
<section class="home-section">
  <div class="container">
    <div class="home-section__header">
      <p class="home-section__heading">Recent Writing</p>
      {% if site.posts.size > 0 %}
      <a href="{{ '/writing/' | relative_url }}" class="home-section__link">All posts →</a>
      {% endif %}
    </div>

    {% if site.posts.size > 0 %}
    <ul class="post-list" role="list">
      {% for post in site.posts limit: 3 %}
      <li class="post-list__item">
        <a href="{{ post.url | relative_url }}" class="post-list__item-link">
          {% if post.tags.size > 0 %}
          <div class="post-list__item-tags">
            {% for tag in post.tags %}<span class="tag">{{ tag }}</span>{% endfor %}
          </div>
          {% endif %}
          <h2 class="post-list__item-title">{{ post.title }}</h2>
          <p class="post-list__item-excerpt">{{ post.description | default: post.excerpt | strip_html | strip_newlines | truncate: 160 }}</p>
        </a>
        <span class="post-list__item-meta">
          <time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%b %-d, %Y" }}</time>
        </span>
      </li>
      {% endfor %}
    </ul>
    {% else %}
    {% include empty-state.html icon="writing" title="No posts yet" message="I'm working on my first write-up. Notes on what I'm building will land here soon." %}
    {% endif %}
  </div>
</section>

<!-- ABOUT TEASER -->
<section class="home-section home-about">
  <div class="container">
    <div class="home-about__inner">
      {% if site.avatar and site.avatar != "" %}
      <img src="{{ site.avatar | relative_url }}?v={{ site.time | date: '%s' }}" alt="{{ site.title }}" class="home-about__avatar" loading="lazy">
      {% endif %}
      <div class="home-about__text">
        <p class="home-section__heading">About</p>
        <p class="home-about__bio">{{ site.about_bio | markdownify | strip_html | strip_newlines | truncate: 240 }}</p>
        <a href="{{ '/about/' | relative_url }}" class="home-section__link">More about me →</a>
      </div>
    </div>
  </div>
</section>

<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<script>lucide.createIcons();</script>