sgoley.github.io/index.html at main · sgoley/sgoley.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
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Scott Goley - Home</title>
        <meta
            name="description"
            content="Personal site with native embedded chat, projects, and writing."
        />
        <link rel="stylesheet" href="assets/css/site.css" />
    </head>
    <body>
        <header class="site-header">
            <div class="container nav-wrap">
                <a class="brand" href="index.html">Scott Goley</a>
                <nav class="site-nav" aria-label="Main navigation">
                    <a href="index.html">Home</a>
                    <a href="about.html">About</a>
                    <a href="projects.html">Projects</a>
                    <a href="articles.html">Articles</a>
                </nav>
            </div>
        </header>

        <main>
            <section class="hero container">
                <p class="eyebrow">Personal Website</p>
                <h1>Data, analytics, and AI systems</h1>
                <p>
                    Writing, projects, and an interactive assistant grounded in
                    my published notes.
                </p>
                <div class="hero-actions">
                    <a class="btn btn-primary" href="#chat">Open Chat</a>
                    <a class="btn btn-ghost" href="projects.html"
                        >View Projects</a
                    >
                </div>
            </section>

            <section class="container panel" id="chat">
                <div class="panel-header">
                    <h2>Chat Assistant</h2>
                    <p>Ask questions about my markdown posts, projects, and notes.</p>
                </div>

                <div
                    id="native-chat"
                    class="native-chat"
                    data-chat-endpoint="https://sgoley-openrouter-chat-proxy.scottmgoley.workers.dev/chat"
                    data-chat-model="openai/gpt-oss-120b"
                >
                    <div id="chat-thread" class="chat-thread" aria-live="polite"></div>

                    <form id="chat-form" class="chat-compose" autocomplete="off">
                        <label class="visually-hidden" for="chat-input"
                            >Message</label
                        >
                        <textarea
                            id="chat-input"
                            name="message"
                            rows="2"
                            maxlength="2400"
                            placeholder="Ask about projects, posts, and notes..."
                            required
                        ></textarea>
                        <button type="submit" class="btn btn-primary">
                            Send
                        </button>
                    </form>
                </div>

                <p id="chat-note" class="embed-note">
                    Chat endpoint not configured. Set
                    <code>data-chat-endpoint</code> in
                    <code>index.html</code> or pass
                    <code>?chat_api=https://your-worker.workers.dev/chat</code>.
                </p>
            </section>

            <section class="container grid three-col">
                <article class="card">
                    <h3>Articles</h3>
                    <p>
                        Writing on data engineering, AI tooling, and career
                        development.
                    </p>
                    <a href="articles.html">Browse articles -></a>
                </article>
                <article class="card">
                    <h3>Portfolio</h3>
                    <p>
                        Selected projects across analytics engineering,
                        automation, and applied AI.
                    </p>
                    <a href="projects.html">Open projects -></a>
                </article>
                <article class="card">
                    <h3>About</h3>
                    <p>Background, work experience, and links.</p>
                    <a href="about.html">Read bio -></a>
                </article>
            </section>
        </main>

        <footer class="site-footer">
            <div class="container">
                <p>(c) <span data-year></span> Scott Goley</p>
            </div>
        </footer>

        <script src="assets/js/site.js"></script>
    </body>
</html>