Browse Source

Migrate to hugo

This is a *mvp* transition to hugo, effectively a straight copy of the plain
html site into a hugo site and theme. Config is minimal and needs work, layouts
for the two pages - home and about - are copies of *main* content from
respective pages. These layout templates are copied into the main `layouts`
directory (not the theme) because they are so specific.
pull/13/head
Tony Wolski 8 months ago
parent
commit
de169fc098
Signed by: awolski GPG Key ID: D8F316C14B590AE1
  1. 147
      about/index.html
  2. 6
      archetypes/default.md
  3. 8
      config.toml
  4. 4
      content/_index.md
  5. 4
      content/about/_index.md
  6. 12
      content/contact.md
  7. 217
      index.html
  8. 169
      index.src.html
  9. 64
      layouts/_default/about.html
  10. 134
      layouts/index.html
  11. 4
      package.json
  12. 0
      static/.well-known/matrix/server
  13. 0
      static/Y.ico
  14. 0
      static/_config.yml
  15. 8
      static/css/custom.css
  16. 0
      static/css/custom.min.css
  17. 0
      static/css/pico.min.css
  18. 0
      static/img/Ecology_Monochromatic.svg
  19. 0
      static/img/Member-of-CoTech-logo.png
  20. 0
      static/img/about.svg
  21. 0
      static/img/christina-wocintechchat-com-68c8TlX5dfk-unsplash.jpg
  22. 0
      static/img/contact.svg
  23. 0
      static/img/coop-2x.png
  24. 0
      static/img/coop-2x.webp
  25. 0
      static/img/eduardo-casajus-gorostiaga-Znpu4a9B4tY-unsplash.jpg
  26. 0
      static/img/ethel.jpg
  27. 0
      static/img/ethel.webp
  28. 0
      static/img/h2-bg.svg
  29. 0
      static/img/hannah-busing-Zyx1bK9mqmA-unsplash.jpg
  30. 0
      static/img/ivan.jpg
  31. 0
      static/img/ivan.webp
  32. 0
      static/img/landing-bg.svg
  33. 0
      static/img/markus-spiske-Skf7HxARcoc-unsplash.jpg
  34. 0
      static/img/peml.svg
  35. 0
      static/img/software.svg
  36. 0
      static/img/systems.svg
  37. 0
      static/img/team.svg
  38. 0
      static/img/tony.jpg
  39. 0
      static/img/tony.webp
  40. 0
      static/img/undraw_handcrafts_nature.svg
  41. 0
      static/img/vision.svg
  42. 0
      static/yvant-io.svg
  43. 0
      static/yvant.png
  44. 0
      static/yvant.svg
  45. 10
      themes/yvant/LICENSE
  46. 6
      themes/yvant/archetypes/default.md
  47. 0
      themes/yvant/layouts/404.html
  48. 9
      themes/yvant/layouts/_default/baseof.html
  49. 24
      themes/yvant/layouts/_default/blog.html
  50. 26
      themes/yvant/layouts/_default/list.html
  51. 16
      themes/yvant/layouts/_default/single.html
  52. 11
      themes/yvant/layouts/partials/breadcrumb.html
  53. 41
      themes/yvant/layouts/partials/footer.html
  54. 17
      themes/yvant/layouts/partials/head.html
  55. 25
      themes/yvant/layouts/partials/header.html
  56. 21
      themes/yvant/theme.toml

147
about/index.html

@ -1,147 +0,0 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Permissions-Policy" content="interest-cohort=()">
<meta name="description" content="About Yvant">
<title>About | Yvant</title>
<link rel="icon" href="/Y.ico">
<link rel="stylesheet" href="/pico.min.css">
<link rel="stylesheet" href="/custom.css">
<script type="text/javascript">
function closeMenu() {
document.getElementById("menu").checked = false;
}
</script>
</head>
<body>
<header class="container-fluid">
<nav class="container">
<ul>
<li>
<a href="/"><img src="/yvant.svg" alt="Yvant Logo" class="top-logo"></a>
</li>
</ul>
<input type="checkbox" id="menu" class="hidden" />
<label for="menu" class="menu-btn">&#9776;</label>
<ul class="menu">
<li>
<a href="/" onclick="closeMenu()">Home</a>
</li>
<li>
<a href="/#services" onclick="closeMenu()">Services</a>
</li>
<li>
<a href="#" onclick="closeMenu()">About</a>
</li>
<li>
<a href="#contact" class="contact" onclick="closeMenu()">Contact us</a>
</li>
</ul>
</nav>
</header>
<main>
<section> <!-- hack to get the same layout as index.html -->
<div class="grid">
<div></div>
</div>
</section>
<section id="vision">
<div class="container">
<div class="grid">
<div>
<h2 class="h2-green">Our Vision and Mission</h2>
<p><strong>Our vision</strong> is a world where people live in equilibrium and
harmony with the environment to create thriving communities for this generation and
the ones to come.</p>
<p><strong>Our mission</strong> is to develop technology and systems that help solve
the <em>climate crisis</em>.</p>
</div>
<div class="img-container v-bottom"><img src="/img/vision.svg"></div>
</div>
</div>
</section>
<section id="team">
<div class="container">
<h2 class="h2-green">Team</h2>
<div class="profiles">
<div>
<h4>Tony Wolski</h4>
<p><picture class="profile">
<source type="image/webp" srcset="/img/tony.webp">
<img src="/img/tony.jpg" alt="Tony Wolski">
</picture>Tony graduated with a degree in Computer Science in 2004 and has since worked as a software developer, DevOps engineer and technical consultant. He moved from Java development to DevOps in 2015 to help scale a US based startup to a successful software acquisition. He has experience in systems design and development, continuous integration and deployment, cloud transformation, automation, and infrastructure as code. In 2012 Tony designed and developed a cloud-hosted UK legal conveyancing system that remains in active use today. An Australian native, now based in the UK.</p>
</div>
<div>
<h4>Ethel M&eacute;ndez Castillo</h4>
<p><picture class="profile">
<source type="image/webp" srcset="/img/ethel.webp">
<img src="/img/ethel.jpg" alt="Ethel Méndez Castillo">
</picture>Ethel is a honduran international development professional with expertise in planning, monitoring, evaluation and learning <em>(PMEL)</em>. Over the course of her career, she leveraged partnerships as Executive Director of a non profit organization in the United States, led teams across continents to roll out programs and research, and advised governments and private institutions on generating evidence about their results. Her expertise in PMEL has allowed her to work in a variety of sectors, most prominently in food security, gender equity, and water, sanitation and hygiene (WASH). Ethel is also a yogi, an ontological life and leadership coach and has worked and lived in South Asia, Europe, and the Americas. She holds a BA in International Studies from the University of Arkansas at Little Rock and a Masters in Public Administration from New York University.</p>
</div>
<div>
<h4>Iv&aacute;n Perdomo</h4>
<p><picture class="profile">
<source type="image/webp" srcset="/img/ivan.webp">
<img src="/img/ivan.jpg" alt="Iván Perdomo">
</picture>With more than 20 years of professional experience, Iván has worked as a software architect, senior engineer, technical advisor, team lead, mentor on organizations of different sizes, from small family-owned companies to Fortune 500. Since 2012 he has worked on Cloud based solutions in <em>ICT4D</em> (data collection, analysis and sharing), data management systems, electric mobility, among others. He is a Free/Libre Open Source user, developer and advocate. He holds a degree in Computer Systems Engineering and a Diploma in Information Technologies.</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2 class="h2-green">Contact</h2>
<div class="grid">
<div>
<p><strong>Can we help you with a project? Please get in touch.</strong></p>
<p>Email us at <strong><a href="mailto:hello@yvant.coop">hello@yvant.coop</a></strong></p>
</div>
<div><img src="/img/contact.svg" alt="Contact"></div>
</div>
</div>
</section>
</main>
<footer class="container-fluid">
<div class="container">
<div class="content">
<div>
<h3>Links</h3>
<ul>
<li><a href="/">Home</a></li>
<li><a href="https://code.yvant.coop/yvant">Code</a></li>
</ul>
</div>
<div>
<h3>Contact</h3>
<ul>
<li><a href="mailto:hello@yvant.coop">hello@yvant.coop</a></li>
</ul>
</div>
<div class="legal">
Yvant Cooperative Limited is a Cooperative Society registered in England and
Wales.
<br>
Registration number: 4875
<br>
VAT number: 347235791
<br><br>
Registered address:
<br>
Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX
</div>
</div>
<div class="members-of">
<!--<img src="img/Member-of-CoTech-logo.png" alt="CoTech">-->
<a href="https://www.uk.coop/directory/yvant-cooperative" target="_blank" rel="noopener noreferrer">
<picture>
<source type="image/webp" srcset="/img/coop-2x.webp">
<img src="/img/coop-2x.png" alt="Co-peratives UK">
</picture>
</a>
</div>
</div>
</footer>
</body>
</html>

6
archetypes/default.md

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

8
config.toml

@ -0,0 +1,8 @@
baseURL = "https://yvant.coop/"
languageCode = "en-us"
title = "Yvant"
theme = "yvant"
copyright = "TODO"
[params]
description = "Yvant builds systems to help solve the climate crisis"

4
content/_index.md

@ -0,0 +1,4 @@
---
title: Tech solutions for climate
description: Yvant builds systems to help solve the climate crisis
---

4
content/about/_index.md

@ -0,0 +1,4 @@
---
title: About
---

12
content/contact.md

@ -0,0 +1,12 @@
---
title: Contact
---
If you share our values and think you’d like to work with us – or you have a
project that you’d like to discuss with us – then we’d love to hear from you.
Please email [hello@yvant.io](mailto:hello@yvant.io "hello@yvant.io") and one
of the team will get right back to you.

217
index.html

@ -1,217 +0,0 @@
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Permissions-Policy" content="interest-cohort=()">
<meta name="description" content="Yvant builds systems to help solve the climate crisis">
<title>Yvant | Tech solutions for climate</title>
<link rel="icon" href="/Y.ico">
<link rel="stylesheet" href="pico.min.css">
<link rel="stylesheet" href="custom.css">
<script type="text/javascript">
function closeMenu() {
document.getElementById("menu").checked = false;
}
</script>
</head>
<body>
<header class="container-fluid">
<nav class="container">
<ul>
<li>
<a href="/"><img src="yvant.svg" alt="Yvant Logo" class="top-logo"></a>
</li>
</ul>
<input type="checkbox" id="menu" class="hidden" />
<label for="menu" class="menu-btn">&#9776;</label>
<ul class="menu">
<li>
<a href="#" onclick="closeMenu()">Home</a>
</li>
<li>
<a href="#services" onclick="closeMenu()">Services</a>
</li>
<li>
<a href="#about" onclick="closeMenu()">About</a>
</li>
<li>
<a href="#contact" class="contact" onclick="closeMenu()">Contact us</a>
</li>
</ul>
</nav>
</header>
<main class="landing">
<section class="landing-main">
<div class="container">
<div class="grid">
<div>
<h1>Tech solutions for climate</h1>
<p><strong>Yvant</strong> builds <strong>systems</strong> to help solve the climate
crisis. We <strong>collaborate</strong> with organisations who share our drive to
create a thriving environment for future generations.</p>
<p><a href="#services" class="secondary">Learn how &#8594;</a></p>
</div>
<div class="img-container"><img src="img/systems.svg" alt="Systems"></div>
</div>
</div>
</section>
<section id="services">
<div class="container">
<h2 class="h2-green">Our services</h2>
<input type="radio" name="serviceName" id="overview" class="hidden" checked />
<input type="radio" name="serviceName" id="tech" class="hidden" />
<input type="radio" name="serviceName" id="peml" class="hidden" />
<div class="grid overview gap-2x">
<div id="services tech">
<h5>Technology</h5>
<p class="intro">We have broad and deep technical expertise in a range of
languages, patterns, frameworks and best practices, and we're
here to bring great climate solutions to life.</p>
<input type="checkbox" id="tech" class="hidden" />
<label for="tech"><a class="secondary">Learn more &#8594;</a></label>
</div>
<div class="services peml">
<h5>Monitoring and Evaluation (M&E)</h5>
<p class="intro">We accompany you - as facilitators, advisors, or
thought partners - in designing climate-related projects and
help you leverage the power of technology to amplify your
results.</p>
<input type="checkbox" id="peml" class="hidden" />
<label for="peml"><a class="secondary">Learn more &#8594;</a></label>
</div>
</div>
<div class="tech">
<div class="grid">
<div>
<h5>Technology</h5>
<p class="intro">We design and build bespoke <strong>software systems</strong>,
write <strong> infrastructure as code</strong>, help
with <strong>cloud migration</strong> and <strong>digital transformation</strong>...
in fact, there's a lot we can help with:</p>
<ul>
<li>Devops & Automation</li>
<li>Research & Development</li>
<li>Rapid Prototyping</li>
<li>System Integration</li>
<li>Mentoring</li>
</ul>
<p>We take our time to <em>really</em> understand
<strong>your</strong> objectives and zoom out to see the big
picture. Often a simple solution is the most effective. We don't
use technology for its own sake. We're about <strong>delivering value</strong> and
helping you achieve your goals.</p>
<label for="overview"><a class="secondary">&#8592; Back</a></label>
</div>
<div class="img-container"><img src="img/software.svg" alt="Software"></div>
</div>
</div>
<div class="peml grid">
<div>
<h5>Monitoring & Evaluation (M&E)</h5>
<p>We accompany you - as facilitators, advisors, or
thought partners - in designing climate-related projects and
help you leverage the power of technology to amplify your
results.</p>
<p> We can help you with:</p>
<ul>
<li>Designing Theories of Change, results frameworks and
learning agendas</li>
<li>Defining tools and processes for M&E</li>
<li>Facilitation and training</li>
</ul>
<label for="overview"><a>&#8592; Back</a></label>
</div>
<div class="img-container"><img src="img/peml.svg" alt="PEML"></div>
</div>
<div class="call-to-action">
<a href="#contact" class="contact">Contact us about your project</a>
</div>
</div>
</section>
<section id="about">
<div class="container">
<h2 class="h2-green">About</h2>
<div class="grid">
<div>
<p>We believe it is our <strong>responsibility</strong> to do
everything possible to leave our children and all future
generations with a healthy, thriving environment.</p>
<p>We leverage more than <strong>40 years</strong> of combined
professional, multidisciplinary expertise to support
mission-aligned organizations, projects and programs to make
this a reality.</p>
<p>We are committed to our vision. We are a worker cooperative,
owned and controlled by our members. The profits we generate are invested in
projects to support our mission.</p>
<p><a href="/about" class="secondary">Learn more &#8594;</a></p>
</div>
<div class="img-container"><img src="img/about.svg" alt="About"></div>
</div>
<div class="call-to-action">
<a href="#contact" class="contact">Get in touch</a>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2 class="h2-green">Contact</h2>
<div class="grid">
<div>
<p><strong>Can we help you with a project? Please get in touch.</strong></p>
<p>Email us at <strong><a href="mailto:hello@yvant.coop">hello@yvant.coop</a></strong></p>
</div>
<div><img src="img/contact.svg" alt="Contact"></div>
</div>
</div>
</section>
</main>
<footer class="container-fluid">
<div class="container">
<div class="content">
<div>
<h3>Links</h3>
<ul>
<li><a href="/">Home</a></li>
<li><a href="https://code.yvant.coop/yvant">Code</a></li>
</ul>
</div>
<div>
<h3>Contact</h3>
<ul>
<li><a href="mailto:hello@yvant.coop">hello@yvant.coop</a></li>
</ul>
</div>
<div class="legal">
Yvant Cooperative Limited is a Cooperative Society registered in England and
Wales.
<br>
Registration number: 4875
<br>
VAT number: 347235791
<br><br>
Registered address:
<br>
Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX
</div>
</div>
<div class="members-of">
<!--<img src="img/Member-of-CoTech-logo.png" alt="CoTech">-->
<a href="https://www.uk.coop/directory/yvant-cooperative" target="_blank" rel="noopener noreferrer">
<picture>
<source type="image/webp" srcset="img/coop-2x.webp">
<img src="img/coop-2x.png" alt="Co-peratives UK">
</picture>
</a>
</div>
</div>
</footer>
</body>
</html>

169
index.src.html

@ -1,169 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Permissions-Policy" content="interest-cohort=()"/>
<meta name="description" content="TODO Tech solutions to the climate crisis" />
<title>Yvant | Tech solutions for climate</title>
<link rel="icon" href="/Y.ico"/>
<link rel="stylesheet" href="pico.min.css"/>
<link rel="stylesheet" href="custom.css"/>
<script type="text/javascript">
function closeMenu() {
document.getElementById("menu").checked = false;
}
</script>
</head>
<body>
<header class="masthead">
<nav class="container">
<div class="logo">
<a href="#home" alt="Yvant home page">
<image src="yvant-io.svg" class="logo" />
</a>
</div>
<input type="checkbox" id="menu" />
<label for="menu" class="menu-btn">&#9776;</label>
<ul class="menu">
<li><a href="#" onclick="closeMenu()">Home</a></li>
<li><a href="#services" onclick="closeMenu()">Services</a></li>
<li><a href="#about" onclick="closeMenu()">About</a></li>
<li><a href="#contact" onclick="closeMenu()">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="home" class="section banner">
<div class="container">
<h1>Tech solutions for climate</h1>
<div class="grid">
<div>
<p>Yvant builds systems to help solve the climate crisis. We
collaborate with organizations who share our drive to create a
thriving environment for future generations.</p>
<a>Learn more</a>
</div>
<img src="img/Ecology_Monochromatic.svg" />
</div>
</div>
</section>
<section class="services">
<div class="container">
<div class="grid">
<img src="img/Ecology_Monochromatic.svg" />
<div>
<h2 id="services">Services</h2>
<p>We can help your organisation achieve its climate objectives
with our decades of experience and world-class expertise in
Software Development and Planning, Management, Evaluation and
Learning (PMEL).</p>
<a>Learn more</a>
</div>
</div>
</div>
</section>
<section class="about">
<div class="container">
<div class="grid">
<div>
<h2 id="about">About Us</h2>
<p>We believe it is our responsibility to do everything possible
to leave our children and all future generations with a
healthy, thriving environment. We use our technical and
professional skills to build systems and support
mission-aligned organizations, projects and programs to make
this a reality.</p>
<a>Learn more</a>
</div>
<img src="img/Ecology_Monochromatic.svg" />
</div>
</div>
</section>
<section id="contact" class="section page">
<div class="container">
<div class="grid">
<img src="img/Ecology_Monochromatic.svg" />
<div>
<h2>We can help</h2>
<p>Can we help you with a project? Get in touch.</p>
<a>Contact us</a>
</div>
</div>
</div>
</section>
</main>
<footer class="container-fluid">
<div class="container">
<p>Something else</p>
<div>
<span>Yvant Limited is a Cooperative Society registered in England and
Wales. Company number 12531999</span>
</div>
</div>
</div>
</footer>
<!-- Content to move to about.html
<section id="about" class="section">
<div class="container">
<h2>About</h2>
<p>The global <em>intent</em> to solve this problem exists; you can <em>feel</em>
it. We, as individuals and as a collective, came together through
friendship and a shared purpose: to help solve this crisis. This
is why we go to work. We know technology is not <em>the</em> solution,
but it can be an amplifier of human intention and motivation. We
use our technical expertise to do the amplifying.</p>
<h2>How</h2>
<p>We are a worker cooperative, owned and controlled by our members and working in
alignment with co-operative values - autonomy, democracy, equality, equity and
solidarity - in our workplace and the community. The profits we generate are
invested in projects and further work to support our mission.</p>
<p>We work remotely and openly. Our software is free (libre) and we make every
effort to ensure it is green. We abide by the highest privacy and security
standards.</p>
<h2>The Team</h2>
<h4>Esther Mendez Castillo</h4>
<p>Ethel is a honduran international development professional with expertise in
planning, monitoring, evaluation and learning (PMEL). Over the course of her
career, she leveraged partnerships as Executive Director of a non profit
organization in the United States, led teams across continents to roll out
programs and research, and advised governments and private institutions on
generating evidence about their results. Her expertise in PMEL has allowed her
to work in a variety of sectors, most prominently in food security, gender
equity, and water, sanitation and hygiene (WASH). Ethel is also a yogi, an
ontological life and leadership coach and has worked and lived in South Asia,
Europe, and the Americas. She holds a BA in International Studies from the
University of Arkansas at Little Rock and a Masters in Public Administration
from New York University.</p>
<h4>Iván Perdomo Aguilar</h4>
<p>With more than 20 years of professional experience, Iván has worked as a
software architect, senior engineer, technical advisor, team lead, mentor on
organizations of different sizes, from small family-owned companies to
Fortune 500. Since 2012 he has worked on Cloud based solutions in ICT4D (Data
collection, analysis and sharing), data management systems, electric mobility,
among others. He is a Free/Libre Open Source user, developer and advocate. He
holds a degree in Computer Systems Engineering and a Diploma in Information
Technologies.</p>
<h4>Tony Wolski</h4>
<p>Tony graduated with a degree in Computer Science in 2004 and has since worked
as a software developer, DevOps engineer and technical consultant. He moved
from Java development to DevOps in 2015 to help scale a US based startup to a
successful software acquisition. He has experience in systems design and
development, continuous integration and deployment, cloud transformation,
automation, and infrastructure as code. In 2012 Tony designed and developed a
cloud-hosted UK legal conveyancing system that remains in active use today. An
Australian native, now based in the UK.</p>
</div>
</section> -->
</body>
</html>

64
layouts/_default/about.html

@ -0,0 +1,64 @@
{{ define "main" }}
<main>
<section> <!-- hack to get the same layout as index.html -->
<div class="grid">
<div></div>
</div>
</section>
<section id="vision">
<div class="container">
<div class="grid">
<div>
<h2 class="h2-green">Our Vision and Mission</h2>
<p><strong>Our vision</strong> is a world where people live in equilibrium and
harmony with the environment to create thriving communities for this generation and
the ones to come.</p>
<p><strong>Our mission</strong> is to develop technology and systems that help solve
the <em>climate crisis</em>.</p>
</div>
<div class="img-container v-bottom"><img src="/img/vision.svg"></div>
</div>
</div>
</section>
<section id="team">
<div class="container">
<h2 class="h2-green">Team</h2>
<div class="profiles">
<div>
<h4>Tony Wolski</h4>
<p><picture class="profile">
<source type="image/webp" srcset="/img/tony.webp">
<img src="/img/tony.jpg" alt="Tony Wolski">
</picture>Tony graduated with a degree in Computer Science in 2004 and has since worked as a software developer, DevOps engineer and technical consultant. He moved from Java development to DevOps in 2015 to help scale a US based startup to a successful software acquisition. He has experience in systems design and development, continuous integration and deployment, cloud transformation, automation, and infrastructure as code. In 2012 Tony designed and developed a cloud-hosted UK legal conveyancing system that remains in active use today. An Australian native, now based in the UK.</p>
</div>
<div>
<h4>Ethel M&eacute;ndez Castillo</h4>
<p><picture class="profile">
<source type="image/webp" srcset="/img/ethel.webp">
<img src="/img/ethel.jpg" alt="Ethel Méndez Castillo">
</picture>Ethel is a honduran international development professional with expertise in planning, monitoring, evaluation and learning <em>(PMEL)</em>. Over the course of her career, she leveraged partnerships as Executive Director of a non profit organization in the United States, led teams across continents to roll out programs and research, and advised governments and private institutions on generating evidence about their results. Her expertise in PMEL has allowed her to work in a variety of sectors, most prominently in food security, gender equity, and water, sanitation and hygiene (WASH). Ethel is also a yogi, an ontological life and leadership coach and has worked and lived in South Asia, Europe, and the Americas. She holds a BA in International Studies from the University of Arkansas at Little Rock and a Masters in Public Administration from New York University.</p>
</div>
<div>
<h4>Iv&aacute;n Perdomo</h4>
<p><picture class="profile">
<source type="image/webp" srcset="/img/ivan.webp">
<img src="/img/ivan.jpg" alt="Iván Perdomo">
</picture>With more than 20 years of professional experience, Iván has worked as a software architect, senior engineer, technical advisor, team lead, mentor on organizations of different sizes, from small family-owned companies to Fortune 500. Since 2012 he has worked on Cloud based solutions in <em>ICT4D</em> (data collection, analysis and sharing), data management systems, electric mobility, among others. He is a Free/Libre Open Source user, developer and advocate. He holds a degree in Computer Systems Engineering and a Diploma in Information Technologies.</p>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2 class="h2-green">Contact</h2>
<div class="grid">
<div>
<p><strong>Can we help you with a project? Please get in touch.</strong></p>
<p>Email us at <strong><a href="mailto:hello@yvant.coop">hello@yvant.coop</a></strong></p>
</div>
<div><img src="/img/contact.svg" alt="Contact"></div>
</div>
</div>
</section>
</main>
{{ end }}

134
layouts/index.html

@ -0,0 +1,134 @@
{{ define "main" }}
<main class="landing">
<section class="landing-main">
<div class="container">
<div class="grid">
<div>
<h1>Tech solutions for climate</h1>
<p><strong>Yvant</strong> builds <strong>systems</strong> to help solve the climate
crisis. We <strong>collaborate</strong> with organisations who share our drive to
create a thriving environment for future generations.</p>
<p><a href="#services" class="secondary">Learn how &#8594;</a></p>
</div>
<div class="img-container"><img src="img/systems.svg" alt="Systems"></div>
</div>
</div>
</section>
<section id="services">
<div class="container">
<h2 class="h2-green">Our services</h2>
<input type="radio" name="serviceName" id="overview" class="hidden" checked />
<input type="radio" name="serviceName" id="tech" class="hidden" />
<input type="radio" name="serviceName" id="peml" class="hidden" />
<div class="grid overview gap-2x">
<div id="services tech">
<h5>Technology</h5>
<p class="intro">We have broad and deep technical expertise in a range of
languages, patterns, frameworks and best practices, and we're
here to bring great climate solutions to life.</p>
<input type="checkbox" id="tech" class="hidden" />
<label for="tech"><a class="secondary">Learn more &#8594;</a></label>
</div>
<div class="services peml">
<h5>Monitoring and Evaluation (M&E)</h5>
<p class="intro">We accompany you - as facilitators, advisors, or
thought partners - in designing climate-related projects and
help you leverage the power of technology to amplify your
results.</p>
<input type="checkbox" id="peml" class="hidden" />
<label for="peml"><a class="secondary">Learn more &#8594;</a></label>
</div>
</div>
<div class="tech">
<div class="grid">
<div>
<h5>Technology</h5>
<p class="intro">We design and build bespoke <strong>software systems</strong>,
write <strong> infrastructure as code</strong>, help
with <strong>cloud migration</strong> and <strong>digital transformation</strong>...
in fact, there's a lot we can help with:</p>
<ul>
<li>Devops & Automation</li>
<li>Research & Development</li>
<li>Rapid Prototyping</li>
<li>System Integration</li>
<li>Mentoring</li>
</ul>
<p>We take our time to <em>really</em> understand
<strong>your</strong> objectives and zoom out to see the big
picture. Often a simple solution is the most effective. We don't
use technology for its own sake. We're about <strong>delivering value</strong> and
helping you achieve your goals.</p>
<label for="overview"><a class="secondary">&#8592; Back</a></label>
</div>
<div class="img-container"><img src="img/software.svg" alt="Software"></div>
</div>
</div>
<div class="peml grid">
<div>
<h5>Monitoring & Evaluation (M&E)</h5>
<p>We accompany you - as facilitators, advisors, or
thought partners - in designing climate-related projects and
help you leverage the power of technology to amplify your
results.</p>
<p> We can help you with:</p>
<ul>
<li>Designing Theories of Change, results frameworks and
learning agendas</li>
<li>Defining tools and processes for M&E</li>
<li>Facilitation and training</li>
</ul>
<label for="overview"><a>&#8592; Back</a></label>
</div>
<div class="img-container"><img src="img/peml.svg" alt="PEML"></div>
</div>
<div class="call-to-action">
<a href="#contact" class="contact">Contact us about your project</a>
</div>
</div>
</section>
<section id="about">
<div class="container">
<h2 class="h2-green">About</h2>
<div class="grid">
<div>
<p>We believe it is our <strong>responsibility</strong> to do
everything possible to leave our children and all future
generations with a healthy, thriving environment.</p>
<p>We leverage more than <strong>40 years</strong> of combined
professional, multidisciplinary expertise to support
mission-aligned organizations, projects and programs to make
this a reality.</p>
<p>We are committed to our vision. We are a worker cooperative,
owned and controlled by our members. The profits we generate are invested in
projects to support our mission.</p>
<p><a href="/about" class="secondary">Learn more &#8594;</a></p>
</div>
<div class="img-container"><img src="img/about.svg" alt="About"></div>
</div>
<div class="call-to-action">
<a href="#contact" class="contact">Get in touch</a>
</div>
</div>
</section>
<section id="contact">
<div class="container">
<h2 class="h2-green">Contact</h2>
<div class="grid">
<div>
<p><strong>Can we help you with a project? Please get in touch.</strong></p>
<p>Email us at <strong><a href="mailto:hello@yvant.coop">hello@yvant.coop</a></strong></p>
</div>
<div><img src="img/contact.svg" alt="Contact"></div>
</div>
</div>
</section>
</main>
{{ end }}

4
package.json

@ -1,8 +1,8 @@
{
"scripts": {
"dev": "browser-sync start --server --files=\"**/*\"",
"css:lint": "stylelint custom.css",
"css:fix": "stylelint --fix custom.css",
"css:lint": "stylelint static/css/custom.css",
"css:fix": "stylelint --fix static/css/custom.css",
"svgo": "svgo"
},
"dependencies": {

0
.well-known/matrix/server → static/.well-known/matrix/server

0
Y.ico → static/Y.ico

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

0
_config.yml → static/_config.yml

8
custom.css → static/css/custom.css

@ -56,7 +56,7 @@ body > main > section {
}
.landing-main {
background: no-repeat top center url("img/landing-bg.svg");
background: no-repeat top center url("/img/landing-bg.svg");
margin-bottom: var(--block-spacing-vertical);
min-height: 500px;
}
@ -68,7 +68,7 @@ body > main > section {
@media (min-width: 992px) {
.landing-main {
background: no-repeat center/70% url("img/landing-bg.svg");
background: no-repeat center/70% url("/img/landing-bg.svg");
}
}
@ -111,7 +111,7 @@ div > ul {
}
.h2-green {
background: no-repeat 0 url("img/h2-bg.svg");
background: no-repeat 0 url("/img/h2-bg.svg");
padding: 2.1rem;
margin-top: 2rem;
}
@ -227,4 +227,4 @@ footer .content div.legal {
display: block;
margin: 0 1rem 1rem 0;
box-shadow: 2px 2px 5px gray;
}
}

0
custom.min.css → static/css/custom.min.css

0
pico.min.css → static/css/pico.min.css

0
img/Ecology_Monochromatic.svg → static/img/Ecology_Monochromatic.svg

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

0
img/Member-of-CoTech-logo.png → static/img/Member-of-CoTech-logo.png

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

0
img/about.svg → static/img/about.svg

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

0
img/christina-wocintechchat-com-68c8TlX5dfk-unsplash.jpg → static/img/christina-wocintechchat-com-68c8TlX5dfk-unsplash.jpg

Before

Width:  |  Height:  |  Size: 112 KiB

After

Width:  |  Height:  |  Size: 112 KiB

0
img/contact.svg → static/img/contact.svg

Before

Width:  |  Height:  |  Size: 4.5 KiB

After

Width:  |  Height:  |  Size: 4.5 KiB

0
img/coop-2x.png → static/img/coop-2x.png

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

0
img/coop-2x.webp → static/img/coop-2x.webp

Before

Width:  |  Height:  |  Size: 5.6 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

0
img/eduardo-casajus-gorostiaga-Znpu4a9B4tY-unsplash.jpg → static/img/eduardo-casajus-gorostiaga-Znpu4a9B4tY-unsplash.jpg

Before

Width:  |  Height:  |  Size: 171 KiB

After

Width:  |  Height:  |  Size: 171 KiB

0
img/ethel.jpg → static/img/ethel.jpg

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

0
img/ethel.webp → static/img/ethel.webp

Before

Width:  |  Height:  |  Size: 8.0 KiB

After

Width:  |  Height:  |  Size: 8.0 KiB

0
img/h2-bg.svg → static/img/h2-bg.svg

Before

Width:  |  Height:  |  Size: 460 B

After

Width:  |  Height:  |  Size: 460 B

0
img/hannah-busing-Zyx1bK9mqmA-unsplash.jpg → static/img/hannah-busing-Zyx1bK9mqmA-unsplash.jpg

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 99 KiB

0
img/ivan.jpg → static/img/ivan.jpg

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

0
img/ivan.webp → static/img/ivan.webp

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

0
img/landing-bg.svg → static/img/landing-bg.svg

Before

Width:  |  Height:  |  Size: 505 B

After

Width:  |  Height:  |  Size: 505 B

0
img/markus-spiske-Skf7HxARcoc-unsplash.jpg → static/img/markus-spiske-Skf7HxARcoc-unsplash.jpg

Before

Width:  |  Height:  |  Size: 60 KiB

After

Width:  |  Height:  |  Size: 60 KiB

0
img/peml.svg → static/img/peml.svg

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

0
img/software.svg → static/img/software.svg

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

0
img/systems.svg → static/img/systems.svg

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

0
img/team.svg → static/img/team.svg

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

0
img/tony.jpg → static/img/tony.jpg

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 25 KiB

0
img/tony.webp → static/img/tony.webp

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

0
img/undraw_handcrafts_nature.svg → static/img/undraw_handcrafts_nature.svg

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

0
img/vision.svg → static/img/vision.svg

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
yvant-io.svg → static/yvant-io.svg

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

0
yvant.png → static/yvant.png

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
yvant.svg → static/yvant.svg

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

10
themes/yvant/LICENSE

@ -0,0 +1,10 @@
This is free and unencumbered software released into the public domain.
Anyone is free to copy, modify, publish, use, compile, sell, or distribute this software, either in source code form or as a compiled binary, for any purpose, commercial or non-commercial, and by any means.
In jurisdictions that recognize copyright laws, the author or authors of this software dedicate any and all copyright interest in the software to the public domain. We make this dedication for the benefit of the public at large and to the detriment of our heirs and
successors. We intend this dedication to be an overt act of relinquishment in perpetuity of all present and future rights to this software under copyright law.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
For more information, please refer to <http://unlicense.org/>

6
themes/yvant/archetypes/default.md

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

0
themes/yvant/layouts/404.html

9
themes/yvant/layouts/_default/baseof.html

@ -0,0 +1,9 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
{{- partial "header.html" . -}}
{{- block "main" . }}{{- end }}
{{- partial "footer.html" . -}}
</body>
</html>

24
themes/yvant/layouts/_default/blog.html

@ -0,0 +1,24 @@
{{ define "main" }}
<section class="banner">
<div class="container">
<div class="banner">
<h1>{{ .Title }}</h1>
{{ if .Description }}<p>{{ .Description }}</p>{{end}}
</div>
</div>
</section>
<main>
<div class="container">
<article>
{{ .Content }}
</article>
<div class="grid">
{{ range .Pages }}
<div>
<a href="{{ .Permalink }}"><strong>{{ .Title }}</strong></a>
<p>{{ .Summary }}</p>
</div>
{{ end }}
</div>
</main>
{{ end }}

26
themes/yvant/layouts/_default/list.html

@ -0,0 +1,26 @@
{{ define "main" }}
<section class="banner">
<div class="container">
<div class="banner">
<h1>{{ .Title }}</h1>
{{ if .Description }}<p>{{ .Description }}</p>{{end}}
</div>
</div>
</section>
<main>
<div class="container">
{{ if .Content }}
<article>
{{ .Content }}
</article>
{{end}}
<div class="grid">
{{ range .Pages }}
<div>
<a href="{{ .Permalink }}"><strong>{{ .Title }}</strong></a>
<p>{{ .Summary }}</p>
</div>
{{ end }}
</div>
</main>
{{ end }}

16
themes/yvant/layouts/_default/single.html

@ -0,0 +1,16 @@
{{ define "main" }}
<section class="banner">
<div class="container">
</div>
</section>
<main class="container-fluid">
<div class="container">
<article>
<h1 style="text-align: center">{{ .Title }}</h1>
{{ .Content }}
</article>
</div>
</main>
{{end}}

11
themes/yvant/layouts/partials/breadcrumb.html

@ -0,0 +1,11 @@
<div class="breadcrumb">
{{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
</div>
{{ define "breadcrumbnav" }}
{{ if .p1.Parent }}
{{ template "breadcrumbnav" (dict "p1" .p1.Parent "p2" .p2 ) }}
{{ else if not .p1.IsHome }}
{{ template "breadcrumbnav" (dict "p1" .p1.Site.Home "p2" .p2 ) }}
{{ end }}
{{ if not .p1.IsHome }} / {{ end }}<a href="{{ .p1.Permalink }}">{{ .p1.Title }}</a>
{{ end }}

41
themes/yvant/layouts/partials/footer.html

@ -0,0 +1,41 @@
<footer class="container-fluid">
<div class="container">
<div class="content">
<div>
<h3>Links</h3>
<ul>
<li><a href="/">Home</a></li>
<li><a href="https://code.yvant.coop/yvant">Code</a></li>
</ul>
</div>
<div>
<h3>Contact</h3>
<ul>
<li><a href="mailto:hello@yvant.coop">hello@yvant.coop</a></li>
</ul>
</div>
<div class="legal">
Yvant Cooperative Limited is a Cooperative Society registered in England and
Wales.
<br>
Registration number: 4875
<br>
VAT number: 347235791
<br><br>
Registered address:
<br>
Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX
</div>
</div>
<div class="members-of">
<!--<img src="img/Member-of-CoTech-logo.png" alt="CoTech">-->
<a href="https://www.uk.coop/directory/yvant-cooperative" target="_blank" rel="noopener noreferrer">
<picture>
<source type="image/webp" srcset="/img/coop-2x.webp">
<img src="/img/coop-2x.png" alt="Co-operatives UK">
</picture>
</a>
</div>
</div>
</footer>

17
themes/yvant/layouts/partials/head.html

@ -0,0 +1,17 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="Permissions-Policy" content="interest-cohort=()">
<meta name="description" content="{{ default (truncate 160 .Summary) .Params.description }}"/>
{{ $title := print .Title " | " .Site.Title }}
{{ if .IsHome }}{{ $title = print .Site.Title " | " .Title }}{{ end }}
<title>{{ $title }}</title>
<link rel="icon" href="/Y.ico"/>
<link rel="stylesheet" href="/css/pico.min.css"/>
<link rel="stylesheet" href="/css/custom.css"/>
<script type="text/javascript">
function closeMenu() {
document.getElementById("menu").checked = false;
}
</script>
</head>

25
themes/yvant/layouts/partials/header.html

@ -0,0 +1,25 @@
<header class="container-fluid">
<nav class="container">
<ul>
<li>
<a href="/"><img src="/yvant.svg" alt="Yvant Logo" class="top-logo"></a>
</li>
</ul>
<input type="checkbox" id="menu" class="hidden" />
<label for="menu" class="menu-btn">&#9776;</label>
<ul class="menu">
<li>
<a href="#" onclick="closeMenu()">Home</a>
</li>
<li>
<a href="#services" onclick="closeMenu()">Services</a>
</li>
<li>
<a href="#about" onclick="closeMenu()">About</a>
</li>
<li>
<a href="#contact" class="contact" onclick="closeMenu()">Contact us</a>
</li>
</ul>
</nav>
</header>

21
themes/yvant/theme.toml

@ -0,0 +1,21 @@
# theme.toml template for a Hugo theme
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
name = "yvant"
license = "unlicense"
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
description = ""
homepage = "https://yvant.coop"
tags = []
features = []
min_version = "0.41.0"
[author]
name = ""
homepage = ""
# If porting an existing theme
[original]
name = ""
homepage = ""
repo = ""
Loading…
Cancel
Save