Design updates

content/_index.org

@@ -3,14 +3,15 @@
 #+image_alt_text: "the ii logo, bright yellow, filled with cartoon versions of software mascots from the various free software we use in our work."
 #+exclude_footer: true
 
-* Hello!
-We are a tech company based in Aotearoa New Zealand. We develop and consult on
-open-source, cloud-based solutions that focus on collaboration. Specializing in
-cloud-native technology like Kubernetes, Talos, Knative, and more, our goal is
-to contribute to community growth and wellbeing through service and technology.
+
+
+*** Hello!
+We're a tech company based in Aotearoa New Zealand. We develop and consult on open-source, cloud-based solutions and educational pathways that focus on collaboration.   
+
+Specialising in education outreach and cloud-native technology such as Kubernetes, Talos, Knative, and more, we contribute to local and global community growth and wellbeing through service and technology.
 
 Check out [[/projects/][the projects]] we work on, meet our [[/team][team]], read our [[/post/][blog]], or
 [[mailto:[email protected]][say hello]]!
 
 
-**Let's pair!**
+*** Let's pair!

content/contact/_index.org

@@ -1,3 +1,3 @@
 #+title: Get in touch
-
+#+image: /assets/ii-fresh.png
 Let us know how we can help

content/projects/_index.org

@@ -1,5 +1,7 @@
 #+title: Our Projects
+#+logo: /assets/ii-fresh.png
 
-Our team is involved in many different tech and commnity projects- both in
-Aotearoa New Zealand and larger, global communities. Here are some of the
+
+Our team is involved in many different tech and community projects, both in
+Aotearoa New Zealand and global communities. Here are some of the
 projects we are involved in.

content/projects/apisnoop.org

@@ -1,10 +1,12 @@
-#+title: Apisnoop
+#+title: APISnoop
 #+started: 2018
 #+status: active
 #+priority: 3
-#+externalUrl: https://apisnoop.cncf.io/
+#+elink: https://apisnoop.cncf.io/
+#+type: tech
+#+image: /assets/apisnoop.png
 
 APISnoop is a site that tracks the progress of the Kubernetes conformance
-project by analyzing the audit logs from end-to-end test runs, to see how many
+project by analysing the audit logs from end-to-end test runs, to see how many
 conformant endpoints are hit by conformance tests. Our team used postgres and
 svelte to build APISnoop, and the site is used by the larger Kubernetes community to set priorities for conformance work and reduce the creation of technical debt.

content/projects/education.org

@@ -0,0 +1,9 @@
+#+title: Educational Outreach
+#+started: 2023
+#+status: active
+#+priority: 1
+#+elink: 
+#+type: edu
+#+image: /assets/IMG_0162.jpg
+
+In collaboration with select education providers and youth programs, we curate custom workshops, programmes and bootcamps to spark curiosity and foster interest in open source.

content/projects/events.org

@@ -0,0 +1,9 @@
+#+title: Events
+#+started: 2018
+#+status: active
+#+priority: 2
+#+elink:
+#+type: edu
+#+image: /assets/shadowTech1.jpg
+
+**ii** regularly runs, supports or participates in events across the globe to promote opportunities in Open Source - career expos, conferences, Meetups, information sessions and industry site tours to name a few!

content/projects/k8s-conformance.org

@@ -2,11 +2,12 @@
 #+started: 2018
 #+status: active
 #+priority: 1
-#+externalUrl: https://www.cncf.io/training/certification/software-conformance/
-
+#+elink: https://www.cncf.io/training/certification/software-conformance/
+#+type: tech
+#+image: /assets/k8s.svg
 We work with the [[https://cncf.io][CNCF]] to help ensure consistent features for Kubernetes across
 vendor offerings and open source implementations. Our work includes tracking
 conformance progress with audit log analysis, gitops bots that verify
-conformance submissions, writing tests to increae conformance coverage, and
-release-informaing bots that help ensure no new Kubernetes endpoints are added without
+conformance submissions, writing tests to increase conformance coverage, and
+release-informing bots that help ensure no new Kubernetes endpoints are added without
 tests.

content/projects/kubernetes-infra.org

@@ -2,8 +2,9 @@
 #+started: 2021
 #+status: active
 #+priority: 4
-#+externalUrl: https://kubernetes.io/blog/2020/05/27/an-introduction-to-the-k8s-infrastructure-working-group/
-
-Our team works regularly with the kubernetes infra working group, to help
+#+elink: https://kubernetes.io/blog/2020/05/27/an-introduction-to-the-k8s-infrastructure-working-group/
+#+type: tech
+#+image: /assets/stephen-testing.jpg
+Our team works regularly with the Kubernetes infra working group, to help
 distribute the infrastructural load of the Kubernetes project across multiple community providers to help
-ensure the long-term sustainabality of kubernetes development.
+ensure the long-term sustainability of Kubernetes development.

content/projects/mentoring.org

@@ -0,0 +1,9 @@
+#+title: Mentoring
+#+started: 2018
+#+status: active
+#+priority: 1
+#+elink: 
+#+type: edu
+#+image: /assets/Expo23-4.jpg
+
+We're passionate about empowering the next generation of technologists, servant and community leaders, innovators and disruptors through dedicated mentoring.

content/projects/resource-development.org

@@ -0,0 +1,9 @@
+#+title: Resource Development
+#+started: 2018
+#+status: active
+#+priority: 1
+#+elink: 
+#+type: edu
+#+image: /assets/resource.jpg
+
+"The right tools are the bridge between curiosity and knowledge." (Anon), which is why **ii** designs a range of learning tools and strategies to help make sense of the world of tech!

content/projects/ublue.org

@@ -1,6 +1,9 @@
-#+title: Ublue
+#+title: Coop Mode
 #+started: 2023
 #+status: pending
+#+type: tech
+#+image: /assets/bootable.jpg
+#+elink: https://ii.coop
 
 
-This is an experiment with our something or other to do cool stuff
+Cloud based solution to help people be in the same space, on the same page. 

content/team/abby-crimlis.org

@@ -1,5 +1,10 @@
 #+title: Abby Crimlis
-#+photo: /assets/ii-fresh.png
+#+photo: /images/profiles/abby.jpeg
 #+active: true
 
-Abby is great and an awesome member of the team!
+
+Abby serves as a Cloud Native Technical Engineer and Educational Outreach Specialist at ii.
+
+She blends technical expertise with educational outreach. 
+
+With a passion for fostering curiosity and self-confidence across diverse age groups, she designs and implements innovative programs, gets involved in engaging events, and collaborates with local organisations throughout the Bay of Plenty region

content/team/caleb-woodbine.org

@@ -1,5 +1,5 @@
 #+title: Caleb Woodbine
-#+active: true
+#+active: false
 #+joined: 2019
 #+photo: /images/profiles/caleb-woodbine.jpg
 

content/team/jay-tihema.org

@@ -2,4 +2,4 @@
 #+photo: /images/profiles/jay-tihema.jpg
 #+active: true
 
-Jay is awesome!
+Jay is awesome and a valued member of our team! Bio coming soon

content/team/zach-mandeville.org

@@ -1,6 +1,6 @@
 #+title: Zach Mandeville
 #+email: [email protected]
 #+photo: /images/profiles/zach-mandeville.png
-#+active: true
+#+active: false
 
 Zach is a software engineer at ii.  He loves sharing the excitement and awesome potential of technology through his work, storytelling, and mad science projects.

static/js/particles.js

@@ -0,0 +1,72 @@
+particlesJS("particles-js", {
+    "particles": {
+      "number": {
+        "value": 80,
+        "density": {
+          "enable": true,
+          "value_area": 900
+        }
+      },
+      "color": {
+        "value": "#3a3b3c"
+      },
+      "shape": {
+        "type": "circle",
+        "stroke": {
+          "width":1,
+          "color": "#3a3b3c",
+          "opacity": "0.2"
+        },
+        "polygon": {
+          "nb_sides": 12
+        },
+
+      },
+      "opacity": {
+        "value": 0.1,
+        "random": false,
+        "anim": {
+          "enable": false,
+          "speed": 1,
+          "opacity_min": 0.1,
+          "sync": false
+        }
+      },
+      "size": {
+        "value": 2,
+        "random": true,
+        "anim": {
+          "enable": false,
+          "speed": 10,
+          "size_min": 0.2,
+          "sync": false
+        }
+      },
+      "move": {
+        "enable": true,
+        "speed": 3,
+        "direction": "none",
+        "random": true,
+        "straight": false,
+        "out_mode": "out",
+        "bounce": false,
+        "attract": {
+          "enable": false,
+          "rotateX": 600,
+          "rotateY": 1200
+        }
+      },
+      "line_linked": {
+          "enable": true,
+          "distance": 150,
+          "color": "#5A5A5A", // Change the color to dark blue (#001d3d)
+          "opacity": 0.2,
+          "width": 1
+        },
+    },
+
+    "interactivity": {
+      // interactivity settings...
+    },
+    "retina_detect": true
+  });

themes/ii/layouts/_default/baseof.html

@@ -2,7 +2,7 @@
 <html>
     {{- partial "head.html" . -}}
     <body>
-        {{- partial "header.html" . -}}
+        {{ partial "header.html" (dict "logo" "../static/assets/nav-logo.png") }}
         <main id="content">
         {{- block "main" . }}{{- end }}
         </main>

themes/ii/layouts/_default/list.html

@@ -9,13 +9,11 @@ <h1 class="section-title">{{ .Title }}</h1>
     <li class="post-list__item">
       <a href="{{ .RelPermalink }}" class="post-title">{{ .Title }}</a>
       <div class="post-metadata">
-        <span class="divider">//</span>
       {{ range .Param "author" }}
       <a class="post-author" href={{(path.Join "/team" (replace (lower .) " " "-"))}}>
         {{ . }}
       </a>
       {{ end }}
-        <span class="divider">//</span>
       <span class='post-date'>{{ .Date.Format ( .Site.Params.dateformat | default "Jan 2, 2006") }}</span>
       </div>
     </li>

themes/ii/layouts/contact/list.html

@@ -4,9 +4,9 @@ <h1>{{ .Title }}</h1>
   <div class="subtitle">
   {{ .Content | emojify }}
   </div>
+  <div class="flex-row contact-form"> 
        <form
-         id="contact_form"
-         class='contact-form' >
+         id="contact_form">
           <div class="form-group">
             <label for="Name">Name</label>
             <input type="text" name="Name" placeholder="Your full name" required/>
@@ -24,6 +24,47 @@ <h1>{{ .Title }}</h1>
             <button type="submit" id="contact_submit">send</button>
           </div>
         </form>
+        <div class="contact-col">
+          <div class="logo-section">
+            <img src={{ .Params.image }}/>
+          </div>
+          <div>
+            <ul class="contact-icons">
+              <li>   
+                <a href="https://github.com/ii">
+                  <div id="github" class="icon">
+                      <i class="fab fa-github"></i>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a href="https://gitlab.com/ii">
+                  <div class="icon">
+                    <i class="fab fa-gitlab"></i>
+                  </div>
+                </a>
+              </li>
+              <li>
+                <a href="mailto:[email protected]">
+                  <div class="icon">
+                    <i class="fas fa-envelope"></i>
+                </div>
+                </a>
+              </li>
+              <li>
+                <a href="https://www.linkedin.com/company/99165471/" target="_blank" rel="noopener noreferrer">
+                  <div class="icon">
+                    <i class="fab fa-linkedin"></i>
+                  </div>
+                </a>
+              </li>
+
+            </ul>
+          </div>
+        </div>
+
+
+  </div>
         <script>
         const scriptURL='https://script.google.com/macros/s/AKfycbzip-YaZaOmH-_ngKyCHOCsq2MxyfZjIyb18qg9xW4daJktfL3B09agnXLUdvXKfdP4pQ/exec'
         const contactForm = document.querySelector("#contact_form")

themes/ii/layouts/index.html

@@ -1,12 +1,23 @@
 {{ define "main" }}
+<div class="overflow">
+<div id="particles-js"></div>
+
 <div class="center-column">
 <figure class="splash-image">
-  <img src={{ .Params.Image }}
+  <img src="{{ .Params.Image }}"
        alt="{{ .Params.Image_Alt_Text }}"
   />
 </figure>
 <div class='hello'>
-{{ .Content | emojify }}
+  <div class="centered-section">
+    <h3>Contributing to community growth and wellbeing through service and technology.</h3>
+  </div>
+  {{ .Content | emojify }}
 </div>
+
 </div>
+</div>
+
+<script src="js/particles.min.js"></script>
+<script src="js/particles.js"></script>
 {{ end }}