conaman.github.io/index.html at master · conaman/conaman.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
---
title: Home
description: "A blog-style home for conaman, collecting projects, articles, and notes around game engines, tooling, debugging, and practical automation."
nav_key: home
---
{% assign latest_post = site.posts | first %}
<div class="home-shell">
  <aside class="home-sidebar">
    <section class="sidebar-card sidebar-profile">
      <p class="section-eyebrow">Profile</p>
      <img class="sidebar-profile__avatar" src="{{ site.avatar }}" alt="GitHub profile image for conaman">
      <div class="sidebar-profile__body">
        <h2 class="profile-card__name">conaman</h2>
        <p class="profile-card__subname">Seungjee Baek</p>
        <p class="profile-card__role">Game client programmer interested in game engines, tooling, debugging, and technical articles grounded in real workflows.</p>
      </div>
      <p class="microcopy">A running index of public work, implementation notes, and articles that stay close to actual development constraints.</p>
    </section>

    <section class="sidebar-card">
      <p class="section-eyebrow">Browse</p>
      <nav class="sidebar-nav" aria-label="Home sections">
        <a href="#projects">
          <span>Projects</span>
          <strong>{{ site.data.projects | size }}</strong>
        </a>
        <a href="#articles">
          <span>Articles</span>
          <strong>{{ site.posts | size }}</strong>
        </a>
        <a href="{{ '/about/' | relative_url }}">
          <span>About</span>
          <strong>Bio</strong>
        </a>
      </nav>
    </section>

    {% if latest_post %}
      <section class="sidebar-card">
        <p class="section-eyebrow">Latest</p>
        <h2 class="sidebar-title"><a href="{{ latest_post.url | relative_url }}">{{ latest_post.title }}</a></h2>
        <p>{{ latest_post.summary | default: latest_post.excerpt | strip_html | strip_newlines | truncate: 130 }}</p>
        <a class="text-link" href="{{ latest_post.url | relative_url }}">Read latest article</a>
      </section>
    {% endif %}

    <section class="sidebar-card">
      <p class="section-eyebrow">Elsewhere</p>
      <div class="sidebar-links">
        <a class="button button-secondary" href="{{ '/projects/' | relative_url }}">All projects</a>
        <a class="button button-secondary" href="{{ '/writing/' | relative_url }}">All articles</a>
        <a class="button button-secondary" href="https://github.com/conaman">GitHub</a>
      </div>
    </section>
  </aside>

  <div class="home-content">
    <section class="feed-intro">
      <p class="section-eyebrow">Home</p>
      <h1>Projects and articles.</h1>
      <p class="page-intro">A blog-style front page for public repositories, source-level notes, and practical write-ups around game engines, debugging, and the small tools that make repeated work easier.</p>
    </section>

    <section class="feed-section" id="projects">
      <div class="section-heading">
        <div>
          <p class="section-eyebrow">Projects</p>
          <h2>Project index</h2>
        </div>
        <p>Repositories and experiments chosen because the implementation is concrete enough to explain, not just show.</p>
      </div>

      <div class="feed-list">
        {% for project in site.data.projects %}
          <article class="feed-card">
            <div class="entry-header">
              <div>
                <p class="card-eyebrow">{{ project.kind }}</p>
                <h2>{{ project.title }}</h2>
              </div>
              <span class="status-badge">{{ project.status }}</span>
            </div>

            <p class="entry-summary">{{ project.headline }}</p>
            <p>{{ project.summary }}</p>
            <p class="entry-note"><strong>Why it matters.</strong> {{ project.impact }}</p>

            <ul class="tag-list">
              {% for item in project.stack %}
                <li>{{ item }}</li>
              {% endfor %}
            </ul>

            <div class="entry-actions">
              {% if project.detail_url %}
                <a class="text-link" href="{{ project.detail_url | relative_url }}">Open case study</a>
              {% endif %}
              <a class="text-link" href="{{ project.repository }}">Open repository</a>
            </div>
          </article>
        {% endfor %}
      </div>
    </section>

    <section class="feed-section" id="articles">
      <div class="section-heading">
        <div>
          <p class="section-eyebrow">Articles</p>
          <h2>Recent articles</h2>
        </div>
        <p>Write-ups that capture source findings, build behavior, and project context so the reasoning stays visible later.</p>
      </div>

      <div class="feed-list">
        {% for post in site.posts %}
          <article class="feed-card">
            <div class="entry-header">
              <div>
                <p class="card-eyebrow">Article</p>
                <h2><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h2>
              </div>
              <span class="entry-date">{{ post.date | date: "%B %-d, %Y" }}</span>
            </div>

            <p>{{ post.summary | default: post.excerpt | strip_html | strip_newlines | truncate: 220 }}</p>

            {% if post.tags and post.tags.size > 0 %}
              <div class="entry-meta">
                {% for tag in post.tags %}
                  <span>{{ tag }}</span>
                {% endfor %}
              </div>
            {% endif %}

            <div class="entry-actions">
              <a class="text-link" href="{{ post.url | relative_url }}">Read article</a>
            </div>
          </article>
        {% endfor %}
      </div>
    </section>
  </div>
</div>