| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <meta name="description" content="I have been working with computers for over twenty years and love to solve technical and business problems for a fair price." />
- <title>Aneurin Barker Snook</title>
- </head>
- <body>
- <main x-data="external">
- <section id="top">
- <header>
- <h1>
- <span>Aneurin</span>
- <span>Barker Snook</span>
- </h1>
- </header>
- <dl>
- <dt>Occupation</dt>
- <dd>Full Stack Software Developer</dd>
- <dt>Since</dt>
- <dd>2009</dd>
- </dl>
- </section>
- <section id="skills" x-data="skills">
- <header>
- <h2>Skills</h2>
- </header>
- <ul>
- <template x-for="skill in skills">
- <li x-text="skill.name"></li>
- </template>
- </ul>
- </section>
- <section id="contact">
- <header>
- <h2>Contact</h2>
- </header>
- <dl>
- <dt>Email</dt>
- <dd>
- <a x-bind:href="`mailto:${email}`" x-text="email" data-umami-event="Clicked link" data-umami-event-link="Email"></a>
- </dd>
-
- <dt>GitHub</dt>
- <dd>
- <a x-bind:href="githubUrl" target="_blank" data-umami-event="Clicked link" data-umami-event-link="GitHub" x-text="githubUrl"></a>
- </dd>
- <dt>LinkedIn</dt>
- <dd>
- <a x-bind:href="linkedinUrl" target="_blank" data-umami-event="Clicked link" data-umami-event-link="LinkedIn" x-text="linkedinUrl"></a>
- </dd>
- </dl>
- </section>
- </main>
- <div x-data="analytics">
- <template x-if="scriptUrl && websiteId">
- <script defer x-bind:src="scriptUrl" x-bind:data-website-id="websiteId"></script>
- </template>
- </div>
- <script type="module" src="/src/main.ts"></script>
- </body>
- </html>
|