1 files changed, 73 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d29245d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE HTML>
+
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Rubén Beltrán del Río">
+    <meta name="description" content="Rubén Beltrán del Río is a freelance software engineer that offers a wide-range of services, including native iOS and macOS development, web development, backend services, infrastructure, as well as organizational and leadership consulting for tech teams.">
+    <meta name="theme-color" content="#0000f5">
+    <meta name="fediverse:creator" content="@ruben@friendship.quest" />
+
+    <title>Rubén Beltrán del Río &mdash; Holistic Tech Services</title>
+
+    <link rel="preload" href="/font/LibreCaslonCondensed[wdth,wght].woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="/font/LibreCaslonCondensed-Italic[wght].woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="/font/Ronzino-Medium.woff2" as="font" type="font/woff2" crossorigin>
+    
+    <link rel="stylesheet" type="text/css" href="/css/style.css">
+    <link rel="author" href="humans.txt">
+
+    <script type="module" src="/js/animation.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1>
+        <canvas width="60" height="60" aria-hidden="true"></canvas>
+        <a href="/">Rubén Beltrán del Río</a>
+      </h1>
+      <p>✷ Hollistic
+              tech
+                 services ✷</p>
+    </header>
+    <main>
+      <section class="topic services">
+        <section>
+          <h2>I can help you build.</h2>
+          <ul>
+            <li>Websites that are <strong>fast</strong>, <strong>accessible</strong> and <strong>search engine optimized</strong>.</li>
+            <li>Observable APIs and services with clear documentation that can be run at scale.</li>
+            <li>Native macOS, iOS or ipadOS applications.</li>
+          </ul>
+        </section>
+        <section>
+          <h2>Optimize and improve.</h2>
+          <ul>
+            <li>Analyze and reduce risk in your <strong>supply chain</strong> across different ecosystems like Javascript, Swift, Rust, or Python.</li>
+            <li><strong>Automate</strong> code quality and deployment.</li>
+            <li>Reduce your overall cloud cost.</li>
+          </ul>
+        </section>
+        <section>
+          <h2>Or help your team go fast.</h2>
+          <ul>
+            <li>Bring product and engineering closer together.</li>
+            <li>Professionalize or streamline your processes.</li>
+          </ul>
+        </section>
+      </section>
+      <section class="topic skills">
+        <h2>Aint that right!</h2>
+      </section>
+    </main>
+    <aside>
+    <details class="window cutoff-corners pinned">
+      <summary class="titlebar">
+        <span class="label">Get in touch.</span>
+      </summary>
+      <div class="content">Hello.</div>
+    </details>
+    </aside>
+  </body>
+</html>
+