release: Merge current develop to production (#191)

* change troger branch * feat: Travis integration (#13) * docs: Fix Pull Request Template (#19) * docs: Create a Contribution Guidelines markdown file (#17) * chore: Switch to using yarn (#16) * feat: clickable menu content (#24) * docs: Updated ReadMe's Description. (#15) * docs: Explain development setup and run instructions (#31) * fix: change web title from react app to AnitaB org open source * fix: Deployment does not work from travis (#33) * Update: Contact Section in README.md to include link to this project's stream on Zulip. (#38) * docs: Add relative paths to files located within the repository * content: Add 4 short descriptions to About Us page (#57) * content: Added descriptions for home page (#58) Merging it, we wait 6 days for @anitab-org/content-team if you will have any issues please rise seperate issue. * Update home_content.json (#74) * docs: readme.md updated (#71) * docs: Created a new GitHub Wiki page that includes the "Setup and Install" (#64) * chore: rename master branch to main * maintain: content folders and consistency in naming(#78) * content: Add description for Contact Us section of Footer (#79) * feat: Partners section - recently hidden (#82) * docs: create content for Contribute Page Section (#87) * docs: create content for Contribute Page Section * fix words and letters * Content: Added description for Events page (#96) * feat: Meet section add * docs: Add events top content * Coding: Meet Our Open Source Community Part Of About Page (#95) * feat: Meet section add * bug: File json rename * Revert "Coding: Meet Our Open Source Community Part Of About Page (#95)" (#99) This reverts commit 627cfcb. * content: add descriptions for each project in Projects page (#84) * feat: Footer implementation (#76) * Update .travis.yml * docs: updated project setup instructions (#101) Co-authored-by: Anna Bauza <[email protected]> * Content: Create descriptions for each recent program for Programs page (#104) * Bugs: Fixed renderContent() content declaration (#119) * Deploy to testing GitHub pages on develop change. (#124) * test deployment * update branches * update target * update repo name * revert node verison * update trigger branch * update homepage to relative path * test * trigger on develop branch changes * content: Added badges in README (#117) * docs: Add description for Events and Highlights (#103) * docs: update zulip stream link (#127) * fix: Updated Footer Color from #101820 to #231B4E (#132) * content: update project_content (#129) * Feat: Add more info to Bridge-In-Tech Backend and Web project description (#138) * feat: Develop the projects section on projects section (#135) * no message * fix: travis build fail * remove unused dependencies * Added Top Section About Us (#133) * chore(deps): bump websocket-extensions from 0.1.3 to 0.1.4 (#70) * chore(deps): bump elliptic from 6.5.2 to 6.5.3 (#120) * chore(deps): bump http-proxy from 1.18.0 to 1.18.1 (#140) * fix: About us style and code consistency, responsiveness. (#142) * fix: missing dependency warning * feat: About us (#152) * Delete package-lock.json chore: we use yaml not nom. * feat: Landing page (#153) * fix: lex issues * Meet open source community (#151) * fix: our community alignment (#154) * Coding : Developed the New To Open Source Section of Contribute Page (#146) * fix: footer scaling ans social links (#155) * Add home section (#125) * fix: display ways to contribute (#156) * Update PULL_REQUEST_TEMPLATE.md and CONTRIBUTING.md (#148) * Create config.yml (#144) * fix: hide footer form because it is not implemented (#157) * Update ContributionSection.js * chore(deps): bump ini from 1.3.5 to 1.3.8 (#177) Bumps [ini](https://github.com/isaacs/ini) from 1.3.5 to 1.3.8. - [Release notes](https://github.com/isaacs/ini/releases) - [Commits](npm/ini@v1.3.5...v1.3.8) Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * coding: fix the navbar collision in responsive view (#176) * feat: events components added * Styles Fixed * Navbar collision fixed * style fixed * collision fixed Co-authored-by: Anna Bauza <[email protected]> * fix: Added styles for image section. (#170) * fixed image styling * imageSection moved to sectionImage * resolved responsiveness issues Co-authored-by: Anna Bauza <[email protected]> * docs: Fixed grammatical/typographical errors in the website (#180) * fix: Fixed grammatical/typographical errors in the website * Update src/content/home.json Co-authored-by: Kapil Bansal <[email protected]> * doc: fixed grammatical/typographical errors in the document Co-authored-by: Kapil Bansal <[email protected]> * Fix: generic header margin * Added SEOs for the web pages (#189) * Added SEOs for the web pages * updated the description * Feat: added snapshot test for components (#186) * added snapshot test for components * added dependencies of react testing lib. * added dependencies of react testing lib. Co-authored-by: Anna Bauza <[email protected]> Co-authored-by: Gauri V. Nair <[email protected]> Co-authored-by: Siddharth Venu <[email protected]> Co-authored-by: Abha <[email protected]> Co-authored-by: Nandini goel <[email protected]> Co-authored-by: Doctype Human <[email protected]> Co-authored-by: Garima Singh <[email protected]> Co-authored-by: Foong Min Wong <[email protected]> Co-authored-by: Vaishnavi Joshi <[email protected]> Co-authored-by: Aditya Adi <[email protected]> Co-authored-by: Abhishek Sharma <[email protected]> Co-authored-by: Shreya Prasad <[email protected]> Co-authored-by: Triman Kaur <[email protected]> Co-authored-by: Siddhi Pandare <[email protected]> Co-authored-by: Anna4 <[email protected]> Co-authored-by: Simran Shilky <[email protected]> Co-authored-by: Gauri V. Nair <[email protected]> Co-authored-by: Sanchit Arora <[email protected]> Co-authored-by: saideepesh000 <[email protected]> Co-authored-by: Sai Deepesh <[email protected]> Co-authored-by: Jivthesh M R <[email protected]> Co-authored-by: Vaishnavi Dwivedi <[email protected]> Co-authored-by: Adithya Krishna <[email protected]> Co-authored-by: Maya Treacy <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: parthsarthiprasad <[email protected]> Co-authored-by: Shipra Verma <[email protected]> Co-authored-by: Ria Dhanani <[email protected]> Co-authored-by: Akanksha Singh <[email protected]> Co-authored-by: Prabhat sharma <[email protected]> Co-authored-by: Nitanshu Lokhande <[email protected]> Co-authored-by: Antriksh Misri <[email protected]> Co-authored-by: Kapil Bansal <[email protected]> Co-authored-by: Shruti Agarwal <[email protected]> Co-authored-by: Bucky25 <[email protected]>
anitab-org · Jan 9, 2021 · a929991 · a929991
1 parent d25c293
commit a929991
Show file tree

Hide file tree

Showing 15 changed files with 2,873 additions and 108 deletions.
diff --git a/package.json b/package.json
@@ -5,7 +5,6 @@
   "private": true,
   "dependencies": {
     "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
@@ -37,6 +36,7 @@
     ]
   },
   "devDependencies": {
+    "@testing-library/react": "^11.2.2",
     "gh-pages": "^2.2.0"
   }
 }
diff --git a/public/index.html b/public/index.html
@@ -5,9 +5,52 @@
     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+    <meta
+      name="keywords"
+      content="AnitaB.org , Opensource, AnitaB.org Open Source "
+    />
     <meta
       name="description"
-      content="Web site created using create-react-app"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta name="author" content="@anitaB.org" />
+    <meta itemprop="name" content="AnitaB.org Open Source" />
+    <meta
+      itemprop="description"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta
+      itemprop="image"
+      content="https://anitab-org.github.io/favicon.ico"
+    />
+
+    <meta name="twitter:card" content="Summary" />
+    <meta name="twitter:site" content="@anitaB.org" />
+    <meta name="twitter:title" content="AnitaB.org Open Source" />
+    <meta
+      name="twitter:description"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta name="twitter:creator" content="@anitaB.org" />
+    <meta
+      name="twitter:image:src"
+      content="https://anitab-org.github.io/favicon.ico"
+    />
+
+    <meta property="og:title" content="AnitaB.org Open Source" />
+    <meta property="og:type" content="Website" />
+    <meta property="og:url" content="https://anitab-org.github.io/" />
+    <meta
+      property="og:image"
+      content="https://anitab-org.github.io/favicon.ico"
+    />
+    <meta
+      property="og:description"
+      content="AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good."
+    />
+    <meta
+      property="og:site_name"
+      content="AnitaB.org Open Source"
     />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--

diff --git a/src/Components/Header/index.js b/src/Components/Header/index.js
@@ -64,7 +64,7 @@ function MenuItem(index, selected, setSelected, title) {
 const styles = StyleSheet.create({
   logoContainer: {
     flex: 1,
-    marginRight:80,
+    marginRight:70,
   },
   buttonContainer: { marginTop: 25, marginLeft: 40 },
 });

diff --git a/src/content/home.json b/src/content/home.json
@@ -11,7 +11,7 @@
 					"par": "Zulip is our main communication platform and you should join us there and first give a short introduction about yourself in the #newcomers stream. Zulip consists of various streams like Documentation, Coding, Design, etc and the one that fascinates you the most is the one you should start contributing in.\nThe #announcements stream will be displaying all the important announcements. Tag our community members if there's any confusion or ask for proper guidance from them regarding your contributions to the community."
 				},
 				{  
-					"par": "Our code of conduct is simple- 'Be nice, Be respectful' which is the one of the many reasons the community coexists in harmony. The members should contribute actively keeping the policies of being repectful to everyone and refrainging from conflicts, unruly behaviour and speech. Anyone who wishes to join the community is expected to follow these guidelines.\nIf you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer or adminas soon as possible."
+					"par": "Our code of conduct is simple- 'Be nice, Be respectful' which is the one of the many reasons the community coexists in harmony. The members should contribute actively keeping the policies of being respectful to everyone and refraining from conflicts, unruly behaviour and speech. Anyone who wishes to join the community is expected to follow these guidelines.\nIf you are subject to or witness unacceptable behavior, or have any other concerns, please notify a community organizer or admins as soon as possible."
 
 				}
 			]
@@ -20,11 +20,11 @@
 			"title": "Ways To Contribute",
 			"content":[
 				{
-					"par": "You can start contributing to our various open source projects by- \n1) Creating issues on Github regarding the project \n2) Debugging the issues \n3) Creating pull requests, testing pull requests \n4) Create mockups for new applications or redesign the current features \n5) Research about UI/UX improvements and accessibilty features. \n6) Create app walkthroughs with documents or videos, UI testing once the PR is submitted for the UI issue"
+					"par": "You can start contributing to our various open source projects by- \n1) Creating issues on Github regarding the project \n2) Debugging the issues \n3) Creating pull requests, testing pull requests \n4) Create mockups for new applications or redesign the current features \n5) Research about UI/UX improvements and accessibility features. \n6) Create app walkthroughs with documents or videos, UI testing once the PR is submitted for the UI issue"
 
 				},
 				{
-					"par": "Each active repository has a stream to direct questions. \nIssues labeled as 'First Timers Only' are meant for contributors who have not contributed to the project yet. Please choose other issues to contribute to, if you have already contributed to these type of issues. \nMake sure to follow the Commit Message Style Guide when submitting PRs which will require review by atleast one maintainer to be merged to the main code."
+					"par": "Each active repository has a stream to direct questions. \nIssues labeled as 'First Timers Only' are meant for contributors who have not contributed to the project yet. Please choose other issues to contribute to, if you have already contributed to these types of issues. \nMake sure to follow the Commit Message Style Guide when submitting PRs which will require review by atleast one maintainer to be merged to the main code."
 				}
 			]
 		},

diff --git a/src/test/AboutUs.test.js b/src/test/AboutUs.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import AboutUs from './../Components/AboutUs';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<AboutUs />);
+
+    expect(asFragment(<AboutUs />)).toMatchSnapshot();
+})
diff --git a/src/test/Contribute.test.js b/src/test/Contribute.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import Contribute from './../Components/Contribute';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<Contribute />);
+
+    expect(asFragment(<Contribute />)).toMatchSnapshot();
+})
diff --git a/src/test/Home.test.js b/src/test/Home.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import Home from './../Components/Home';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<Home />);
+
+    expect(asFragment(<Home />)).toMatchSnapshot();
+})
diff --git a/src/test/OurEvents.test.js b/src/test/OurEvents.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import OurEvents from './../Components/OurEvents';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<OurEvents />);
+
+    expect(asFragment(<OurEvents />)).toMatchSnapshot();
+})
diff --git a/src/test/Projects.test.js b/src/test/Projects.test.js
@@ -0,0 +1,9 @@
+import React from 'react';
+import {render} from '@testing-library/react';
+import Projects from './../Components/Projects';
+
+it('should take a snapshot', () => {
+    const { asFragment } = render(<Projects />);
+
+    expect(asFragment(<Projects />)).toMatchSnapshot();
+})
diff --git a/src/test/__snapshots__/AboutUs.test.js.snap b/src/test/__snapshots__/AboutUs.test.js.snap
@@ -0,0 +1,241 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should take a snapshot 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-1dbjc4n"
+    style="align-items: left; flex-direction: column; flex-wrap: wrap; margin-top: 32px; padding-left: 16px; padding-right: 16px; width: 80%;"
+  >
+    <div
+      class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1euycsn r-flexWrap-1w6e6rj r-marginTop-1v1z2uz"
+    >
+      <div
+        class="css-view-1dbjc4n r-paddingLeft-1qhn6m8 r-paddingRight-i023vh"
+      >
+        <a>
+          <div
+            class="css-view-1dbjc4n r-flexBasis-1mlwlqe r-overflow-1udh08x r-zIndex-417010"
+            style="width: 500px;"
+          >
+            <div
+              class="css-view-1dbjc4n r-backgroundColor-1niwhzg r-backgroundPosition-vvn4in r-backgroundRepeat-u6sd8q r-backgroundSize-4gszlv r-bottom-1p0dtai r-height-1pi2tsx r-left-1d2f490 r-position-u8s1d r-right-zchlnj r-top-ipm5af r-width-13qz1uu r-zIndex-1wyyakw"
+              style="background-image: url(about.png);"
+            />
+            <img
+              alt=""
+              class="css-accessibilityImage-9pa8cd"
+              draggable="false"
+              src="about.png"
+            />
+          </div>
+        </a>
+      </div>
+      <div
+        class="css-view-1dbjc4n r-alignItems-z6ln5t r-flex-13awgt0 r-flexDirection-1fspl2j r-flexGrow-16y2uox r-minWidth-pfqljz"
+      >
+        <div
+          class="css-view-1dbjc4n r-flex-13awgt0"
+          style="flex-direction: column; margin-top: -32px;"
+        >
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Our Mission
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              AnitaB.org Open Source aims to provide women of all skill levels and backgrounds with the opportunity to collaborate and develop open source projects with the aspirations of social good.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              We are a social community that brings geographically disparate people together to network, communicate, and work in well-run open source projects in a welcoming environment.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              In addition, we encourage contributions of ALL kinds (content, design, coding, documentation, testing, etc) from community members. Each member has the opportunity to gain global collaboration experience working on projects with social impact and improve technical skills while participating as a volunteer, mentor, writer, coder, designer, app tester, and more!
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Our History
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              AnitaB.org Open Source (formerly Systers Open Source) was initiated by Systers, an international community of 6,000 women involved in technical-computing founded by Anita Borg in 1987 as a small electronic mailing list for women in “systems”. We have incredible Systers (Robin Jeffries, Jen Redman, Terri Oda, Leslie Hawthorn, Avni Khatri, and the list goes on!) that paved the way and introduced Systers to open source projects, communities, and technologies. Systers has been involved with open source in various ways, introducing Open Source Day at Grace Hopper Celebration in 2010 at Atlanta, GA (At the time, it was called Codethon for Humanity with only one open source project, Sahana Eden).
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Moreover, AnitaB.org Open Source has been participated in other global open source programs such as Google Summer of Code, Google Code In, Outreachy, and more.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Today, we have 14 active open source projects, including initiatives with our Peace Corps partners and apps created by Systers members.
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                About AnitaB.org
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              AnitaB.org Open Source is an international sub-community of AnitaB.org encouraging the participation of all women involved in technology. We welcome the participation of all genders at any ages and experience levels.
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              We have a list of projects that use various development languages/technologies (Android, iOS, Java, Swift, HTML, CSS, React, Jquery, Javascript, PHP, Kohana, MySQL, Python, Django, Selenium, and Ruby on Rails, etc.) to make a social impact in the non-profit world. We welcome all to contribute. No experience is necessary for most projects, and mentorship is provided. 
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Insights
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              2,000+ members
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              &gt;15 time zones
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Flexibility in time & contribution
+            </div>
+          </div>
+          <div
+            class="css-view-1dbjc4n r-paddingLeft-1qhn6m8"
+            style="flex-direction: column;"
+          >
+            <div
+              class="css-view-1dbjc4n r-flex-13awgt0 r-paddingLeft-1qhn6m8 r-paddingRight-i023vh r-paddingTop-fd4yh7 r-width-13qz1uu"
+            >
+              <div
+                class="css-text-901oao r-alignItems-1habvwh r-color-1qovj5m r-flex-13awgt0 r-fontSize-1x35g6 r-fontWeight-16dba41"
+                dir="auto"
+              >
+                Meet our Open Source Community
+              </div>
+            </div>
+            <div
+              class="css-text-901oao r-color-1qovj5m r-flex-13awgt0 r-flexGrow-16y2uox r-marginTop-1v1z2uz r-paddingLeft-1qhn6m8"
+              dir="auto"
+              style="font-size: 18px; font-weight: 200; text-align: left;"
+            >
+              Women transform technology. Technology transforms the world. Join us at Zulip - http://anitab-org.zulipchat.com
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="css-view-1dbjc4n r-alignContent-1w3cok r-flex-13awgt0 r-flexDirection-18u37iz r-flexWrap-1w6e6rj r-margin-98ikmy"
+    >
+      <div
+        aria-valuemax="1"
+        aria-valuemin="0"
+        class="css-view-1dbjc4n r-alignItems-1awozwy r-justifyContent-1777fci"
+        role="progressbar"
+      >
+        <div
+          class="css-view-1dbjc4n r-animationDuration-17bb2tj r-animationIterationCount-1muvv40 r-animationKeyframes-127358a r-animationTimingFunction-1ldzwu0 r-height-z80fyv r-width-19wmn03"
+        >
+          <svg
+            height="100%"
+            viewBox="0 0 32 32"
+            width="100%"
+          >
+            <circle
+              cx="16"
+              cy="16"
+              fill="none"
+              r="14"
+              stroke-width="4"
+              style="stroke: #1976D2; opacity: 0.2;"
+            />
+            <circle
+              cx="16"
+              cy="16"
+              fill="none"
+              r="14"
+              stroke-width="4"
+              style="stroke: #1976D2; stroke-dasharray: 80; stroke-dashoffset: 60;"
+            />
+          </svg>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;