Merge branch 'development' into main

content/person/dylan_verstraete/dylan_verstraete.md

@@ -7,7 +7,7 @@ memberships: threefold, tftech
 bio: Coffee drinking cat lover that commits code to multiple projects within the Threefold Ecosystem. Has a passion for wakeboarding and webtechnologies.
 linkedin: https://www.linkedin.com/in/dylan-verstraete-229539a4/
 websites: https://threefold.io/, https://www.threefold.tech
-image: image: ./dylan_verstraete.jpeg
+image: ./dylan_verstraete.jpeg
 project_ids: tftech, threefold
 countries: Belgium
 cities: Lochristi

content/person/franz_josef_allmayer/franz_josef_allmayer.md

@@ -7,7 +7,7 @@ bio: Franz Josef Allmayer is a universal citizen with roots between Austria and
 excerpt: Dedicated to the fields of innovation and global development.
 linkedin: https://www.linkedin.com/in/franz-josef-allmayer-0a76661b/
 websites: https://www.joinseeds.com, https://hypha.earth, https://www.integrity.earth
-image: ./franz_josef_allmayer.png
+image: ./franz_josef_allmayer.jpg
 project_ids: seeds
 countries: Guatemala, Austria, Liechtenstein
 cities: Quetzaltenango, Vienna, Vaduz

content/person/isabelle_peters/isabelle_peters.md

@@ -1,7 +1,7 @@
 ---
 id: isabelle_peters
 name: Isabelle Peters
-rank: guardian
+rank: 5
 bio: Isabelle's dream is to help people grow in awareness, and make the world a more peaceful place by doing so. She is the owner of Veda and hosts retreats on the beautiful river Nile.
 excerpt: Isabelle's dream is to help people grow in awareness.
 linkedin: https://www.linkedin.com/in/isabelle-peeters-54305589/

content/person/jennifer_long/jennifer_long.md

@@ -7,7 +7,7 @@ memberships: projects, ambassador
 bio: Greetings global community! Pura Vida from beautiful Costa Rica! I am Jennifer Long and I live near and work with resource poor women farmers, where we are growing food forests in our high altitude rainforest. Beautiful women, the mother of men, our mission here is to protect the land, nurture the earth, and her inhabitants. We are working toward a sustainable food production that is produced in harmony with the natural ecosystem. We grow superfoods for wellness on our very abundant small scale farms. We share and collaborate with each other and within our community. Collaboration creates prosperity. Collaboration with Threefold technology will allow us to connect our remote world with the global community. We believe this the path to a sustainable future by including the Threefold technology in our food forest farming and global distribution of our very potent rainforest products.
 linkedin: https://www.linkedin.com/in/jenniferlongcr/
 websites: http://www.biolleyfarms.com/
-image: ./images/author1.png
+image: ./jennifer_long.jpeg
 project_ids: threefold, biolleyfarms
 countries: Costa Rica
 cities: Buenos Aires

content/person/lorrana_scarpioni/lorrana_scarpioni.md

@@ -1,13 +1,13 @@
 ---
 id: lorrana_scarpioni
-name:Lorrana Scarpioni
+name: Lorrana Scarpioni
 rank: 4
 memberships: project
 bio: “People may not have money but they always have time” says Lorrana. She believes that the answer to solving this global conundrum is delivering equal opportunities. Lorrana Scarpioni a CEO and co-founder of Beliive, the world's largest community of time exchange. Scarpioni is a Global Shaper and former Global Agenda Council in Creative Economy from the World Economic Forum. In addition, MIT Technology Review Innovators under 35 choose her one of the 10 most innovative Brazilians of 2014, BBC Global elected her of the 100 most inspiring women of 2015 on 100 Women List and she was os the Forbes under 30 list in 2017. Along with a Bachelor's degree in Law and one in Public Relations, she studied human rights, history and political ideals in Portugal. She also studied Management over a summer at the Stanford Business School. Lorrana’s passion for the collaborative economy and social innovation grew out of her social work in poverty reduction since she was 12 years old.
 excerpt: “People may not have money but they always have time” says Lorrana.
 linkedin: https://www.linkedin.com/in/lorrana-scarpioni/
 websites: https://beliive.com/
-image: ./lorrana_scarpioni.png
+image: ./lorrana_scarpioni.jpg
 project_ids: beliive
 countries: US, Brazil
 cities: San Francisco

content/person/marcelo_bohrer/marcelo_bohrer.md

@@ -7,7 +7,7 @@ bio: Marcelo Bohrer is a creative thinker, focused on design and innovation, pas
 excerpt: A creative thinker, focused on design and innovation, passionate about bringing transformative ideas to life.
 linkedin: https://www.linkedin.com/in/marcelobohrer/
 websites: https://www.thefutureofgood.info, https://www.marcelobohrer.com.br
-image: ./marcelo_bohrer.png
+image: ./marcelo_bohrer.jpg
 project_ids: money_of_good
 countries: Germany
 cities: Munich

content/person/mariza_wellesley_wesley/mariza_wellesley_wesley.md

@@ -7,7 +7,7 @@ bio: For me, ThreeFold is both the end and the beginning of a long journey. From
 excerpt: I always strived to combine my professional work with a tangible, positive societal impact.
 linkedin: https://www.linkedin.com/in/dr-mariza-wellesley-wesley-ll-m-105aa5a7/
 websites: https://www.green-edge.net/
-image: ./mariza_wellesley_wesley.png
+image: ./mariza_wellesley_wesley.jpg
 project_ids: green_edge
 countries: Austria, UK
 cities: Vienna, London

content/person/maxime_daniel/maxime_daniel.md

@@ -7,7 +7,7 @@ memberships: tftech, threefold
 bio: C, python and nodejs developer, Gentoo user, Linux and Music addict
 linkedin: https://www.linkedin.com/in/maxime-daniel-29bb8055/
 websites: https://threefold.io/, https://www.threefold.tech
-image: ./images/maxime_daniel.png
+image: ./maxime_daniel.png
 project_ids: threefold, tftech
 countries: Belgium
 cities: Liège

content/person/michael_healy/michael_healy.md

@@ -7,7 +7,7 @@ memberships: project
 bio: Michael is focused on creating meaningful jobs and solving inequity. He is focused on social impact and positive change through education, entrepreneurship and empowering individuals. As the CEO of Unit.Ventures he connects providers and customers, as well as allows businesses and individuals to issue tokens for specific uses. Michael is a self-taught full-stack web developer and mobile engineer for iPhone and Android. He has digital design and video expertise which support in building useful products. Michael has built several successful businesses with exits ranging from Chatride, an encrypted peer-to-peer video conferencing technology, Ratemash, once one of the UK’s largest student social networks, the Wikileaks Android app and many niche mobile apps used by millions of users worldwide. Alongside starting and growing businesses, Michael has advised and supported startups, investors and corporates in Asia, Europe, Middle East and Latin America.
 linkedin: https://www.linkedin.com/in/michaelhealyco/
 websites: https://unit.ventures/
-image: ./images/michael_healy.png
+image: ./michael_healy.png
 project_ids: unit_ventures
 countries: Indonesia, UAE, UK
 cities: Bali, Dubai, London

content/person/michael_wellesley_wesley/michael_wellesley_wesley.md

@@ -6,7 +6,7 @@ memberships: threefold, ambassador, farmer
 bio: Michael is a seasoned veteran with over 30 years of experience working in both the US and UK. He is a former CEO of public and private media and technology companies, most recently of NASDAQ quoted ChyronHego. He is Director and Founder of Inogesis, a London-based accelerator that enables blue-chip organizations to harness the power of disruptive technology. He is a Director of Conduce Technology, an innovative pioneer in the field of data visualisation based in California and also an Advisor and Venture Investor in Alpha Venture Partners, a technology-focused venture capital firm based in New York. Michael has served as Managing Director of Wit Soundview Ventures, COO of Data Broadcasting Corporation and Director of Financial News Network. He founded and served as Director of London-based boutique technology investment bank Stephen Rose and Partners.
 linkedin: https://www.linkedin.com/in/michaelww/
 websites: https://green-edge.net, https://www.inogesis.com/
-image: ./mmichael_wellesley_wesley.jpeg
+image: ./michael_wellesley_wesley.jpeg
 project_ids: threefold, green_edge
 countries: England, Austria, US
 cities: London, Vienna, New York

content/person/mickey_malul/mickey_malul.md

@@ -5,9 +5,10 @@ tags: shareiit
 rank: 3
 memberships: project
 bio: A motivated entrepreneur, background in sports, passionate to find opportunities to create impact businesses and initiatives fitting the much-needed era of balance. I strongly believe that communities working together can make us happier while helping our unique and beautiful planet to thrive. I am delighted to wake up every morning to design, develop, and promote technological tools to empower communities. Happy to be part of this alliance to fulfill this mutual vision towards a better world in which vibrant communities empower people!
+excerpt: A motivated pationate, entrepreneur, background in sports.
 linkedin: https://www.linkedin.com/in/michael-malul-886a8512/
 websites: https://www.shareitt.com
-image: ./images/mickey_malul.png
+image: ./mickey_malul.png
 project_ids: shareiit
 countries: Israel
 cities: Tel Aviv

content/person/monique_morrow/monique_morrow.md

@@ -7,7 +7,7 @@ memberships: project
 bio: Monique is a former CTO at Cisco who has worked tirelessly to align technologies to society's needs. Her greatest success has been in infusing a big-picture perspective that helps engineers and business leaders understand how existing and future technologies align with the needs of business, government, non-profits, and society-focused organizations. Monique is President of the VETRI Foundation with a mission to empower people to control their identity and privacy. Monique is President and Co-Founder of the Humanized Internet, a non-profit organization focused on providing digital identity for those individuals most underserved, blockchain is certainly a potential mechanism for this billion people challenge. TEDx Speaker and recognized as Forbes top 50 Women globally in Tech 2018. Monique is also in Women Know Cyber, 100 Fascinating Females Fighting Cybercrime book, Steve Morgan and Di Freeze.
 linkedin: https://www.linkedin.com/in/moniquejeannemorrow/
 websites: https://www.thehumanizedinternet.org/, https://www.syniverse.com/
-image: ./images/monique_morrow.png
+image: ./monique_morrow.png
 project_ids: 
 countries: Switzerland
 cities: Zürich

content/person/owen_kemp/owen_kemp.md

@@ -1,6 +1,6 @@
 ---
-id: kristine_vilnite
+id: own_kemp
-name: Kristine Vilnite
+name: Owen Kemp
 rank: 4
 memberships: threefold_foundation
 bio: In all walks of life, Owen looks for an equitable exchange of value and believes in doing everything in a socially responsible way. He loves working with diverse teams as they best represent our amazing planet. Emerging markets have been his passion and his profession. he has travelled to almost 150 countries helping local teams to flourish. Once described as an optimist and anarchist. he has humour and enjoys doing things in an unconventional way.

content/person/sabrina_sadik/sabrina_sadik.md

@@ -7,7 +7,7 @@ memberships: threefold, tftech
 bio: Sabrina is a jack of all trades when it comes to ThreeFold. She handles most of the customer communication, is in charge of the logistic aspects and helps out whevever needed. Sabrina is an outgoing person who loves to laugh and be with friends and family, but she's secretly also a bit of a nerd who loves the calmth of being alone and reading a book while her daughter is asleep. 
 linkedin: https://www.linkedin.com/in/sabrina-sadik-449758132/
 websites: https://threefold.io/, www.threefold.tech
-image: ./images/sabrina.png
+image: ./sabrina_sadik.jpg
 project_ids: threefold, tftech
 countries: Belgium
 cities: Lochristi

content/person/sergey_ivliev/sergey_ivliev.md

@@ -3,7 +3,7 @@ id: sergey_ivliev
 name: Sergey Ivliev
 rank: 4
 memberships: project
-bio: I believe that the majority of people are conscious & kind, and if we join sync we can have an impact on a planetary scale with the help of ‘modern magic’ engineering. I did my PhD degree in financial mathematics at Perm State University (Russia). Being disappointed with the unsustainable and inefficient financial systems we have founded Lykke, Swiss FinTech startup, which has pioneered many cryptofinance solutions: first security token offering, first natural capital-backed token, first non-custodial DEX on Bitcoin blockchain. This journey empowered us to start Vlinder, which aims to radically simplify impact investing and scale citizens actions to solve Earth’s global problems like deforestation, inequality, pollution.
+bio: I believe that the majority of people are conscious & kind, and if we join sync we can have an impact on a planetary scale with the help of ‘modern magic’ engineering. I did my PhD degree in financial mathematics at Perm State University (Russia). Being disappointed with the unsustainable and inefficient financial systems we have founded Lykke, Swiss FinTech startup, which has pioneered many cryptofinance solutions like first security token offering, first natural capital-backed token, first non-custodial DEX on Bitcoin blockchain. This journey empowered us to start Vlinder, which aims to radically simplify impact investing and scale citizens actions to solve Earth’s global problems like deforestation, inequality, pollution.
 excerpt: Founding Partner at Vlinder
 linkedin: https://www.linkedin.com/in/ivliev/
 websites: http://vlinder.app

src/components/PostListItem.vue

@@ -1,11 +1,18 @@
 <template>
-  <div class="flex flex-post px-0 sm:px-4 pb-8 mb-8" v-bind:class="{'no-border': !border}">
+  <div
+    class="flex flex-post px-0 sm:px-4 pb-8 mb-8"
+    v-bind:class="{ 'no-border': !border }"
+  >
     <g-link :to="record.path" class="post-card-image-link">
-      <g-image :src="record.image" :alt="record.title" class="post-card-image"></g-image>
+      <g-image
+        :src="record.image"
+        :alt="record.title"
+        class="post-card-image"
+      ></g-image>
     </g-link>
     <div class="post-card-content">
       <g-link :to="record.path">
-        <h2 class="post-card-title mt-3">{{ record.title || record.name}}</h2>
+        <h2 class="post-card-title mt-3">{{ record.title || record.name }}</h2>
         <p class="post-card-excerpt">{{ record.excerpt }}</p>
       </g-link>
       <div class="w-full post-card-meta pt-4">
@@ -13,7 +20,11 @@
           <div class="flex items-center">
             <div class="flex justify-between items-center">
               <ul class="list-none flex author-list m-0">
-                <li v-for="author in record.author" :key="author.id" class="author-list-item">
+                <li
+                  v-for="author in record.author"
+                  :key="author.id"
+                  class="author-list-item"
+                >
                   <g-link :to="author.path" v-tooltip="author.name">
                     <g-image
                       :src="author.image"
@@ -24,15 +35,21 @@
                 </li>
               </ul>
             </div>
-            <div class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase">
+            <div
+              class="ml-3 pl-3 border-l flex flex-col text-xs leading-none uppercase"
+            >
               <p>
                 <g-link :to="record.path">
-                  <time :datetime="record.datetime">{{ record.humanTime }}</time>
+                  <time :datetime="record.datetime">{{
+                    record.humanTime
+                  }}</time>
                 </g-link>
               </p>
               <p>
                 <g-link :to="record.path">
-                  <time :datetime="record.datetime">{{ record.startDate }}</time>
+                  <time :datetime="record.datetime">{{
+                    record.startDate
+                  }}</time>
                 </g-link>
                 {{ record.status }}
               </p>
@@ -62,4 +79,9 @@ export default {
   font-family: "Roboto", sans-serif;
   line-height: 1.2;
 }
+
+.post-card-image {
+  max-width: 100%;
+  height: auto;
+}
 </style>

src/index.html

@@ -1,47 +1,50 @@
 <!DOCTYPE html>
 <html ${htmlAttrs}>
-  <head>
+
+<head>
     ${head}
-  </head>
+</head>
-  <body ${bodyAttrs}>
+
+<body ${bodyAttrs}>
 
     <script>
-      // Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
+        // Add dark / light detection that runs before Vue.js load. Borrowed from overreacted.io
-      // for this starter, i used the code from gridsome.org
+        // for this starter, i used the code from gridsome.org
-      (function() {
+        (function() {
-        window.__onThemeChange = function() {};
+            window.__onThemeChange = function() {};
-        function setTheme(newTheme) {
 
-          window.__theme = newTheme;
+            function setTheme(newTheme) {
-          preferredTheme = newTheme;
-          document.body.setAttribute('data-theme', newTheme);
 
-          window.__onThemeChange(newTheme);
+                window.__theme = newTheme;
-        }
+                preferredTheme = newTheme;
+                document.body.setAttribute('data-theme', newTheme);
 
-        var preferredTheme;
+                window.__onThemeChange(newTheme);
-        try {
+            }
-          preferredTheme = localStorage.getItem('theme');
-        } catch (err) { }
 
-        window.__setPreferredTheme = function(newTheme) {
+            var preferredTheme;
-          setTheme(newTheme);
+            try {
-          try {
+                preferredTheme = localStorage.getItem('theme');
-            localStorage.setItem('theme', newTheme);
+            } catch (err) {}
-          } catch (err) {}
-        }
 
-        var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
+            window.__setPreferredTheme = function(newTheme) {
+                setTheme(newTheme);
+                try {
+                    localStorage.setItem('theme', newTheme);
+                } catch (err) {}
+            }
 
-        darkQuery.addListener(function(e) {
+            var darkQuery = window.matchMedia('(prefers-color-scheme: dark)');
-          window.__setPreferredTheme(e.matches ? 'dark' : 'light');
-        });
 
-        setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
+            darkQuery.addListener(function(e) {
-      })();
+                window.__setPreferredTheme(e.matches ? 'dark' : 'light');
+            });
+
+            setTheme(preferredTheme || (darkQuery.matches ? 'dark' : 'light'));
+        })();
     </script>
 
-    ${app}
+    ${app} ${scripts}
-    ${scripts}
+</body>
-  </body>
+
 </html>

src/layouts/Default.vue

@@ -24,7 +24,7 @@ export default {
   props: {
     hideHeader: {
       type: Boolean,
-      default: false
+      default: true
     },
     disableScroll: {
       type: Boolean,
@@ -49,7 +49,7 @@ export default {
   
   metaInfo: {
     bodyAttrs: {
-      class: "m-0"
+      class: "m-0 pt-12"
     }
   }
 }

src/pages/About.vue

@@ -1,10 +1,10 @@
 <template>
-  <Layout :hideHeader="false" :disableScroll="true">
+  <Layout :hideHeader="true" :disableScroll="true">
 
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
 
       <VacationCard
-        img="/img/garden.jpg"
+        img="/img/about.jpg"
         imgAlt="Beach in Cancun"
         eyebrow="Private Villa"
         title="

src/pages/Index.vue

@@ -2,7 +2,11 @@
   <Layout>
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden">
       <div class="flex flex-wrap with-large pt-8 pb-8 mx-4 sm:-mx-4">
-        <PostListItem v-for="edge in $page.entries.edges" :key="edge.node.id" :record="edge.node" />
+        <PostListItem
+          v-for="edge in $page.entries.edges"
+          :key="edge.node.id"
+          :record="edge.node"
+        />
       </div>
     </div>
   </Layout>
@@ -44,15 +48,14 @@ query($page:Int) {
 </page-query>
 
 <script>
-
+import PostListItem from "~/components/PostListItem.vue";
-import PostListItem from '~/components/PostListItem.vue';
 
 export default {
   metaInfo: {
-    title: "Hello, world!"
+    title: "Home",
   },
   components: {
-    PostListItem
+    PostListItem,
-  }
+  },
 };
 </script>

src/pages/People.vue

@@ -46,7 +46,7 @@ import PostListItem from '~/components/PostListItem.vue';
 
 export default {
   metaInfo: {
-    title: "Hello, world!"
+    title: "People"
   },
   components: {
     PostListItem

src/pages/Projects.vue

@@ -50,7 +50,7 @@ import PostListItem from '~/components/PostListItem.vue';
 
 export default {
   metaInfo: {
-    title: "Hello, world!"
+    title: "Projects"
   },
   components: {
     PostListItem

src/templates/Project.vue

@@ -4,7 +4,7 @@
       <div class="flex flex-row flex-wrap items-center mx-4 sm:mx-0">
         <div class="w-full md:w-1/6 mx-auto sm:mx-0">
           <g-image
-            :src="$page.project.image"
+            :src="$page.project.logo"
             class="rounded-full bg-gray-200 w-32 h-32 border-4 border-gray-400 mx-auto md:mx-0"
           ></g-image>
         </div>