Skip to content

Commit

Permalink
feat: final cleanup
Browse files Browse the repository at this point in the history 
Update sustain africa pages and nav links.
  • Loading branch information
@BolajiAyodeji
BolajiAyodeji committed May 16, 2024
1 parent 8ccfc2a commit 30bd15a
Show file tree
Hide file tree
Showing 4 changed files with 53 additions and 143 deletions.
4 changes: 2 additions & 2 deletions gatsby-config.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ module.exports = {
description: "A high profile event with series of talks, workshops, and awareness of open-sourced developer tools.",
siteUrl: "https://festival.oscafrica.org",
image: "/og-image.png",
twitterUsername: "@oscafrica"
twitterUsername: "@oscafest"
},
plugins: [
"gatsby-plugin-gtag",
Expand Down Expand Up @@ -49,7 +49,7 @@ module.exports = {
{
resolve: "gatsby-plugin-offline",
options: {
precachePages: ["/schedule/", "/travel/", "/speakers/", "/sustain-africa", "/2020"]
precachePages: ["/schedule/", "/travel/", "/speakers/", "/sustain-africa"]
}
},
"gatsby-plugin-fontawesome-css"
Expand Down
2 changes: 1 addition & 1 deletion package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions src/components/2025/nav.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,7 @@ function Nav() {
<div className="flex flex-row items-center">
<div className="bg-white border-4 border-yellow-500 mx-2 w-60 flex sm:flex-row flex-col justify-center sm:mb-16 md:mb-10 lg:mb-0">
<a
href="/"
href="https://discord.gg/open-source-community-africa-676252299093475348"
className="font-clashDisplay font-bold p-4 text-lg tracking-wider mx-5 w-fit flex items-center"
>
Register
Expand Down Expand Up @@ -131,7 +131,7 @@ function Nav() {
>
<div className="mx-2 flex flex-col bg-white my-5">
<a
href="/2023"
href="/past-events"
className="font-clashDisplay font-bold p-5 text-black tracking-wider w-full mx-5 w-fit flex items-center justify-center"
onClick={() => toggleExpansion(!isExpanded)}
>
Expand All @@ -149,7 +149,7 @@ function Nav() {
</div>
<div className="mx-2 flex justify-center min-w-52 bg-white border-yellow-500 border-4 my-5">
<a
href="/"
href="https://discord.gg/open-source-community-africa-676252299093475348"
className="font-clashDisplay font-bold p-5 text-black tracking-wider w-full mx-5 w-fit flex items-center justify-center"
onClick={() => toggleExpansion(!isExpanded)}
>
Expand Down
184 changes: 47 additions & 137 deletions src/pages/sustain-africa.js
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
import React from "react";

import Layout from "../components/layout";
import SEO from "../components/SEO/seo";
import Nav from "../components/2025/nav";
import Layout from "../components/layout";

// import { homeBackground } from "../../components/2023/cloudImages";
import Footer from "../components/2025/footer";
import Breadcrumb from "../components/2025/breadcrumb";

const SectionLayout = ({ children }) => (
<div className="mb-[56px] px-[24px] lg:px-0 font-helvetica max-w-[795px] m-auto">{children}</div>
<div className="mb-[56px] px-[24px] lg:px-0 font-helvetica max-w-[795px] m-auto">{children}</div>
);

const GradientSectionHeader = ({ children }) => (
Expand Down Expand Up @@ -47,152 +47,42 @@ function SustainAfrica() {
</section> */}
<span className="pt-10" />
<SectionLayout>
<h3 className="text-white uppercase font-clashDisplay font-bold text-2xl lg:text-3xl"> introduction </h3>
<p className="text-[#D1D1E3;] text-lg pt-[24px] lg:pt-[40px] leading-8 text-base">
Sustain Africa is a one-day conversation for Open Source Software Sustainers. We would be talking about
Sustainability - the sustainability of resources and the sustainability of its people. The conversation around
the comprehensive overview of how FOSS is developed, maintained, utilized, and providing a roadmap for solving
the cultural, financial, and institutional issues among open source project maintainers continues to be the
focus of Sustain.At the Sustain Africa summit, there would be no keynotes, talks, or sponsor demos. Your
undivided attention will be required. Phones and laptops will not be used throughout, and you will be asked to
put devices away if they are a distraction to you or anyone else, as facilitators take you through the journey
of Open Source Sustainability.
</p>
</SectionLayout>

<div className="w-full mb-[56px] px-[24px] lg:px-1 h-[233px] lg:h-[600px] max-w-[90%] m-auto">
<iframe
title="Sustain Africa 2021"
className="w-full"
width="100%"
height="100%"
src="https://www.youtube.com/embed/voFbXUQC_8M"
frameBorder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
</div>

<SectionLayout>
<h3 className="text-white uppercase font-clashDisplay font-bold text-2xl lg:text-3xl"> Goals </h3>
<p className="text-[#D1D1E3;] text-lg pt-[24px] lg:pt-[40px] leading-8 text-base">
{" "}
Our overall goals at Sustain Africa are to:{" "}
</p>

<ol className="mt-[30px] mx-4 list-decimal text-[#D1D1E3;]">
<li className="text-base">
<p className="text-lg pt-[5px] leading-8 ">
Map and compare visions for the long-term health of free and open software communities around the globe.
connecting those who are passionate about these topics and supporting deeper ongoing collaboration and
shared practice.
</p>
</li>

<li className="text-base">
<p className="text-lg pt-[5px] leading-8 ">
Frame and workshop concrete sustainability needs and challenges, applying and prototyping strategies and
practices that provide ongoing support and leadership in sustainability practices.
</p>
</li>

<li className="text-base">
<p className="text-lg pt-[5px] leading-8 ">
Document models, strategies, and approaches to sustainability of OSS projects, and work toward a more
sustainable future for OSS.
</p>
</li>

<li className="text-base">
<p className="text-lg pt-[5px] leading-8 ">
Address the “hard conversations” tied to sustainability, including appropriate practices for companies
participating in free and open communities, and new developments in licensing and reuse.
</p>
</li>
</ol>
</SectionLayout>

<SectionLayout>
<h3 className="text-white uppercase font-clashDisplay font-bold text-2xl lg:text-3xl"> Guidelines </h3>
<p className="text-[#D1D1E3;] text-lg pt-[24px] lg:pt-[40px] leading-8 text-base">
The following are some general guidelines regarding how we will run the event:
</p>

<ol className="mt-[20px] lg:mt-[30px] list-decimal mx-4 text-[#D1D1E3;]">
<li className=" text-base">
<p className="text-lg pt-[5px] leading-8 ">
<b className="text-white">Full participation in the program is requested: </b>
part-time participation will work against the overall event goals. In particular, we ask all participants
to refrain from scheduling side meetings during stated agenda times. We ask that each participant utilize
their seat at the meeting to the fullest for the benefit of all.
</p>
</li>

<li className="text-base">
<p className="text-lg pt-[5px] leading-8 ">
<b className="text-white">This is a &quot;devices at ease&quot; event: </b>
use of laptops and cellphones during sessions is strongly discouraged unless you are a designated
note-taker. We encourage all participants to be fully present in sessions and discussions, rather than
multi-tasking on email, etc. We invite participants to use the break to check in with external realities.
</p>
</li>

<li className="text-base">
<p className="text-lg pt-[5px] leading-8 ">
<b className="text-white">Note: </b>
will be dynamically captured during sessions, as we want to document and disseminate the learnings and
outcomes from the event and create resources we can continue to build upon. We will be asking all
participants to help with capture, so as to spread the work around evenly.
</p>
</li>
</ol>

<p className="text-[#D1D1E3;] text-lg pt-[24px] lg:pt-[40px] leading-8 text-base">
Sessions are designed to be highly interactive. This won’t be a space where you will see any panels and
keynote speakers. Breakout sessions will be designed to spur discussion and production. Facilitators will have
as their primary goals enabling learning, addressing questions, and supporting peer sharing and peer
production. Bring your ideas, your questions, your needs and your knowledge to share!
</p>
</SectionLayout>

<SectionLayout>
<h3 className="text-white uppercase font-clashDisplay font-bold text-2xl lg:text-3xl"> Agenda </h3>
<p className="text-[#D1D1E3;] text-lg pt-[24px] lg:pt-[40px] leading-8 text-base">
The event starts at 1:00 PM WAT on <b className="text-white"> 16th June, 2024 </b>, so please arrive at 1:00
PM WAT to check in. The event will last for 3 hours, 30 minutes, and will be structured as collaborative
working sessions, along with optional activities. Sessions will be dialog and outcome-oriented rather than
presentations or lecture format. The program is envisioned to enable deeper collaborations and learnings
across the network of participants in order to collectively improve our skills, strategies, and impact in our
respective OSS efforts.
Sustain Summit is a one-day conversation for Open Source Software Sustainers. We would be talking about
Sustainability -{" "}
<a href="https://blog.oscafrica.org/series/sustain-africa-reports">
the sustainability of resources and the sustainability of its people
</a>
. The conversation around the comprehensive overview of how FOSS is developed, maintained, utilized, and
providing a roadmap for solving the cultural, financial, and institutional issues among open source project
maintainers continues to be the focus of Sustain. At the Sustain Africa summit, there would be no keynotes,
talks, or sponsor demos. Your undivided attention will be required. Phones and laptops will not be used
throughout, and you will be asked to put devices away if they distract you or anyone else as facilitators take
you through the journey of Open Source Sustainability. <br />
<br />
<br />
The following is a working schedule for the Sustain Africa 2024:
The following is a working Schedule for Sustain Africa 2024:
</p>
</SectionLayout>

<div className="text-white text-base mt-12 mb-16 lg:mb-[140px]">
<div className="hidden lg:inline">
<div className="w-full border my-[37px]" />

<div className="hidden lg:inline text-orange-primary">
<AgendaSection>
<p className="w-full lg:w-[250px] uppercase font-clashDisplay">Time (WAT)</p>
<p className="uppercase font-clashDisplay">Agenda</p>
</AgendaSection>
</div>

<AgendaSection>
<div className="min-w-[250px]">09:00 AM - 12:00 PM</div>
<div>
<p className="text-2xl mt-2 lg:mt-0 lg:text-3xl">Chapter Leads Summit</p>
<p className="my-4 text-[#D1D1E3;]">TBA</p>
</div>
</AgendaSection>

<div className="w-full border my-[37px]" />

<GradientSectionHeader>
<p className="min-w-full lg:min-w-[250px]">12:00 PM</p>
<p className="w-full text-2xl lg:text-3xl">Arrivals and registration</p>
<p className="w-full text-2xl lg:text-3xl">Arrivals and Registration</p>
</GradientSectionHeader>

<div className="w-full border my-[37px]" />

<AgendaSection>
<div className="min-w-[250px]">01:00 PM</div>
<div>
Expand All @@ -217,22 +107,28 @@ function SustainAfrica() {
</p>
<p className="my-2 text-[#D1D1E3;]">Topics anticipated to be covered include:</p>
<ul className="list-disc m-2 text-[#D1D1E3;]">
<li className="mx-4">Open Source Documentation</li>
<li className="mx-4">Open Source Design</li>
<li className="mx-4">Open Source Data Science</li>
<li className="mx-4">Open Source Marketing and Funding</li>
<li className="mx-4">OSS Programs and Specialized Projects</li>
<li className="mx-4">Burnout and Mental Health</li>
<li className="mx-4">Open Source Software.</li>
<li className="mx-4">Open Source Documentation.</li>
<li className="mx-4">Open Source Design.</li>
<li className="mx-4">Open Source Data and AI.</li>
<li className="mx-4">Open Source Marketing and Funding.</li>
<li className="mx-4">Open Source Programs and Specialized Projects.</li>
<li className="mx-4">Open Source and Government.</li>
<li className="mx-4">Burnout and Mental Health.</li>
</ul>
</div>
</AgendaSection>

<div className="w-full border my-[37px]" />

<GradientSectionHeader>
<p className="min-w-full lg:min-w-[250px]">02:50 PM</p>
<p className="w-full text-2xl lg:text-3xl">Recess and Launch Break</p>
<p className="w-full text-2xl lg:text-3xl">Recess and Lunch Break</p>
<p className="my-4 text-[#D1D1E3;]">Chill and grab a food/drink!</p>
</GradientSectionHeader>

<div className="w-full border my-[37px]" />

<AgendaSection>
<div className="min-w-[250px]">03:30 PM</div>
<div>
Expand Down Expand Up @@ -271,11 +167,25 @@ function SustainAfrica() {
</td>
</AgendaSection>

<div className="w-full border my-[37px]" />

<GradientSectionHeader>
<p className="min-w-full lg:min-w-[250px]">04:30 PM</p>
<p className="w-full text-2xl lg:text-3xl">Photographs and Networking and Lights Out!</p>
</GradientSectionHeader>
</div>

<div className="w-full mb-[56px] px-[24px] lg:px-1 h-[233px] lg:h-[600px] max-w-[90%] m-auto">
<iframe
title="Sustain Africa 2021"
className="w-full"
width="100%"
height="100%"
src="https://www.youtube.com/embed/voFbXUQC_8M"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
</div>
<Footer />
</Layout>
);
Expand Down

0 comments on commit 30bd15a

Please sign in to comment.