diff options
| -rw-r--r-- | .build.yml | 13 | ||||
| -rw-r--r-- | css/style.css | 37 | ||||
| -rw-r--r-- | img/selfie-export.png | bin | 0 -> 1390 bytes | |||
| -rw-r--r-- | img/selfie.png | bin | 1413 -> 1390 bytes | |||
| -rw-r--r-- | index.html | 15 |
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 Binary files differnew file mode 100644 index 0000000..d50ef8f --- /dev/null +++ b/img/selfie-export.png diff --git a/img/selfie.png b/img/selfie.png Binary files differindex 5abfd3d..d50ef8f 100644 --- a/img/selfie.png +++ b/img/selfie.png @@ -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> |
