Add the build

5 files changed, 32 insertions, 33 deletions

diff --git a/.build.yml b/.build.yml
new file mode 100644
index 0000000..97d4094
--- /dev/null
+++ b/.build.yml
@@ -0,0 +1,13 @@
+image: archlinux
+packages:
+  - make
+  - rustup
+  - rsync
+sources:
+  - git@git.sr.ht:~rbdr/ruben.bdr.sh
+secrets:
+  - a1e0e3da-c1ad-473a-ad69-8878f267a628
+  - 0b0d3e5e-fbdc-41d0-97ed-ee654fe797ff
+tasks:
+  - sync: |
+      rsync -r --exclude '.build.yml' --exclude '.git' ruben.bdr.sh/ deploy@conchos.unlimited.pizza:/srv/http/ruben.bdr.sh
diff --git a/css/style.css b/css/style.css
index 1bb8de0..795a205 100644
--- a/css/style.css
+++ b/css/style.css
@@ -16,22 +16,6 @@
   font-display: swap;
 }
 
-@font-face {
-  font-family: 'Ronzino';
-  src: url('/font/Ronzino-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Ronzino';
-  src: url('/font/Ronzino-Bold.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
 /* Theme */
 :root {
   --primary-color: #0000f5;
@@ -39,8 +23,8 @@
   --foreground: #000019;
   --foreground-emphasis: #191919;
   --selection-color: #ccc;
-  --font-libre-caslon: 'Libre Caslon', 'Times New Roman', 'Georgia', serif;
-  --font-ronzino: 'Ronzino', 'Arial', 'Helvetica', sans-serif;
+  --font-display: 'Libre Caslon', 'Times New Roman', 'Georgia', serif;
+  --font-body: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   --root-font-size: 1rem;
   --base-grid: 1.25rem;
   --radius: 4px;
@@ -63,7 +47,7 @@ h1,h2,h3,h4 { font-weight: 300 }
 li,p {
   hyphens: auto;
   text-align: justify;
-  transform: translateY(5px);
+  transform: translateY(4px);
 }
 strong {
   color: var(--foreground-emphasis);
@@ -77,7 +61,7 @@ button {
   background-color: var(--background);
   color: var(--foreground);
   cursor: pointer;
-  font-family: var(--font-ronzino);
+  font-family: var(--font-body);
   font-size: 1rem;
   line-height: 1.25;
   font-weight: 700;
@@ -107,7 +91,8 @@ button {
 
 /* The Contents */
 body {
-  font-family: var(--font-ronzino);
+  font-family: var(--font-body);
+  font-synthesis: none;
   color: var(--foreground);
   background: var(--primary-color);
   font-size: var(--root-font-size);
@@ -124,7 +109,7 @@ body {
     color: #fff;
     display: flex;
     background: var(--primary-color);
-    font-family: var(--font-libre-caslon);
+    font-family: var(--font-display);
     padding: var(--base-grid);
     position: relative;
 
@@ -210,7 +195,7 @@ main {
   h2 {
     font-size: 1.5rem;
     line-height: 1.6667;
-    font-family: var(--font-libre-caslon);
+    font-family: var(--font-display);
     font-weight: 500;
     transform: translateY(-8px);
   }
@@ -224,7 +209,7 @@ main {
     padding-left: var(--base-grid);
     
     &::before {
-      content: "✷";
+      content: "✳";
       width: var(--base-grid);
       display: inline-block;
       margin-left: calc(-1 * var(--base-grid));
@@ -328,7 +313,7 @@ main {
 
   .titlebar {
     border-bottom: var(--border-width) solid #000;
-    padding: calc(3 * var(--border-width)) calc(8 * var(--border-width));
+    padding: calc(3 * var(--border-width)) calc(8 * var(--border-width)) calc(4 * var(--border-width)) ;
     line-height: calc(9 * var(--border-width));
     text-align: center;
     font-weight: 700;
@@ -357,7 +342,7 @@ main {
   }
 
   .content {
-    padding: var(--base-grid);
+    padding: calc(var(--base-grid) - 1px) var(--base-grid);
   }
 
   hr.divider {
diff --git a/img/selfie-export.png b/img/selfie-export.png
new file mode 100644
index 0000000..d50ef8f
--- /dev/null
+++ b/img/selfie-export.png
diff --git a/img/selfie.png b/img/selfie.png
index 5abfd3d..d50ef8f 100644
--- a/img/selfie.png
+++ b/img/selfie.png
diff --git a/index.html b/index.html
index 6f2382f..652cf13 100644
--- a/index.html
+++ b/index.html
@@ -27,9 +27,9 @@
         <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>
+      <p>✷ Holistic
+             tech
+                services ✷</p>
     </header>
     <main>
       <section id="introduction">
@@ -66,10 +66,11 @@
         <section>
           <h2>Or help your team go fast.</h2>
           <ul>
-            <li>Bring your team up to speed with new technologies, architecture patterns or processes.</li>
-            <li>Bring product and engineering closer together.</li>
+            <li><strong>AI Transformation</strong>: Teach your organization how to work with AI, and build the right tools to support it.</li>
+            <li><strong>Upskill Your Team</strong>: Bring your team up to speed with new technologies, architecture patterns or processes.</li>
+            <li><strong>Product Engineering Mindset</strong>: Bring product and engineering closer together.</li>
             <li><strong>Experimentation mindset</strong>, help your team learn how to design, execute, and interpret experiments.</li>
-            <li>Professionalize or streamline your processes by finding chokepoints and waste.</li>
+            <li><strong>Systems Analysis</strong>: Streamline your operations by understanding how your team, resources and processes come together, finding chokepoints, and reducing waste.</li>
           </ul>
         </section>
       </section>
@@ -92,7 +93,7 @@
           <div class="content">
             <p>You can book a call to tell me about your project face to face. Or you if you prefer text, you can send me an e-mail!</p>
             <button><label>Book a call.</label></button>
-            <a role="button" href="mailto:hello@ruben.bdr.sh?subject=Howdy%2C%20I%27d%20like%20to%20work%20with%20you%21&body=Hi%20Rub%C3%A9n%2C%0D%0A%0D%0AI%20saw%20the%20contact%20form%20on%20your%20website%20and%20would%20like%20to%20see%20if%20we%20can%20work%20together%20on%20my%20project%3A%0D%0A%0D%0A%3CTell%20me%20a%20bit%20about%20your%20project%20here%3E%0D%0A%0D%0ABest%2C%0D%0A%3CYour%20Name%3E"><label>Send an e-mail.</label></a>
+            <a role="button" href="mailto:hello@work.bdr.sh?subject=Howdy%2C%20I%27d%20like%20to%20work%20with%20you%21&body=Hi%20Rub%C3%A9n%2C%0D%0A%0D%0AI%20saw%20the%20contact%20form%20on%20your%20website%20and%20would%20like%20to%20see%20if%20we%20can%20work%20together%20on%20my%20project%3A%0D%0A%0D%0A%3CTell%20me%20a%20bit%20about%20your%20project%20here%3E%0D%0A%0D%0ABest%2C%0D%0A%3CYour%20Name%3E"><label>Send an e-mail.</label></a>
           </div>
         </section>
       </section>