Add PSF section to about (#103)

generate_site/templates/about-base.html

@@ -66,7 +66,7 @@ <h2 class="display-8">The Event</h2>
         <p class="lead">
           All talks will be presented live through the online platform, Hubilo.
         </p>
-        <p class="lead">
+        <p class="lead" style="font-size: 95%;">
           This inaugural conference is designed to promote diversity, learning, and empowerment within the Python community.
           We enthusiastically welcome presenters from members and supporters of the PyLadies Community. Prior experience is optional to share your insights and expertise.
           Given that we are a global community, we warmly invite talks in the following languages: English, Español, Português, Français, and 中文.
@@ -75,7 +75,7 @@ <h2 class="display-8">The Event</h2>
     </div>
     <div class="bg-pink mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-left overflow-hidden text-white">
       <div class="my-3 p-3" id="the-organizers">
-        <h2 class="display-8">The Organizers</h2>
+        <h2 class="display-8 mb-5">The Organizers</h2>
         <p class="lead">
           PyLadies is an international mentorship group with a focus on helping
           more women become active participants and leaders in the Python
@@ -89,11 +89,11 @@ <h2 class="display-8">The Organizers</h2>
         <p class="lead">
           To learn more,
         </p>
-        <p class="lead">
+        <p class="lead mb-5">
           <a class="rarrow-link-white" href="https://pyladies.com">Visit The PyLadies Website</a>
         </p>
-        <h2 class="display-8">The Volunteers</h2>
-        <p class="lead">
+        <h2 class="display-8 mt-5 mb-5">The Volunteers</h2>
+        <p class="lead mb-5">
           Thanks to all the people that submitted their interest
           into helping PyLadiesCon. Currently, we have enough
           helpers to make this an amazing conference. If a new
@@ -151,6 +151,49 @@ <h5 style="position: inline;" class="text-white">{{ org['Name'] }}</h5>
     <img class="w-100" src="img/about-photo-3.png" alt="A black woman sitting in front of a server room while working on a laptop."/>
   </div>
 
+  <div class="bg-pink d-md-flex flex-md-equal w-100 my-md-3 ps-md-3 text-white">
+    <div class="mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-left text-white overflow-hidden">
+      <div class="my-3 py-3" id="the-psf">
+        <h2 class="special-font">Abut Python Software Foundation</h2>
+        <p class="lead">
+         The Python Software Foundation is a 501(c)(3) nonprofit dedicated to
+         advancing and promoting Python. The PSF supports and encourages Python
+         events worldwide to advance its mission of growing the international
+         community of Python programmers and hosts the North American PyCon
+         conference as its flagship annual event. As stated on the PSF’s website:
+        </p>
+
+        <p class="lead">
+         The mission of the Python Software Foundation is to promote, protect, and
+         advance the Python programming language and to support and facilitate the
+         growth of a diverse and international community of Python programmers.
+        </p>
+      </div>
+    </div>
+    <div class="bg-pink mr-md-3 pt-3 px-3 pt-md-5 px-md-5 text-left overflow-hidden text-white">
+      <div class="my-5 p-3">
+        <p class="lead">
+          <a class="rarrow-link-white" href="https://www.python.org/psf-landing/">PSF home page</a>
+        </p>
+        <p class="lead">
+          <a class="rarrow-link-white" href="https://www.python.org/psf/mission/">Mission</a>
+        </p>
+        <p class="lead">
+          <a class="rarrow-link-white" href="https://www.python.org/psf/sponsorship/">Becoming a sponsor</a>
+        </p>
+        <p class="lead">
+          <a class="rarrow-link-white" href="https://www.python.org/psf/donations/">How to donate</a>
+        </p>
+        <p class="lead">
+          <a class="rarrow-link-white" href="https://www.python.org/psf/membership/">Becoming a member</a>
+        </p>
+        <p class="lead">
+          <a class="rarrow-link-white" href="http://pyfound.blogspot.com/">Official PSF blog</a>
+        </p>
+      </div>
+    </div>
+  </div>
+
   <!-- Code of Conduct -->
   <div class="d-md-flex flex-md-equal w-100 my-md-3 ps-md-3">
     <div class="bg-light me-md-3 py-3 px-3 py-md-5 px-md-5 overflow-hidden">

generate_site/templates/header.html

@@ -14,6 +14,7 @@
           <div class="dropdown-menu">
             <a class="dropdown-item" href="about.html#the-event">The Event</a>
             <a class="dropdown-item" href="about.html#the-organizers">The Organizers</a>
+            <a class="dropdown-item" href="about.html#the-psf">The PSF</a>
             <a class="dropdown-item" href="about.html#coc">Code of Conduct</a>
           </div>
         </li>