#1125 Create distinctions for flocktofedora.org sections
Merged 8 months ago by darknao. Opened 9 months ago by d-enow.
d-enow/fedora-websites distinct-sections  into  main

@@ -32,38 +32,45 @@ 

        <div class="container">

        <div class="row">

          <div class="col-xs-12 col-md-8 col-md-offset-2">

-           <h2>What is Flock?</h2>

-           <p>Flock is the <a href="https://docs.fedoraproject.org/en-US/project/" target="_blank">Fedora Project</a>'s annual contributor-focused conference. It typically alternates between European and North American locations. The conference provides a venue for face to face meetings and conversations. It is also a place to celebrate our community.</p>

-           

-           <p><strong>Due to COVID-19, we will not have an in-person Flock this year.</strong> But we still want to do something fun, so we're bringing back <a href="https://communityblog.fedoraproject.org/announcing-dates-cfp-for-nest-with-fedora/">Nest With Fedora</a>! The safety of our community is the most important thing, and we look forward to getting everyone together in 2022.</p>

- 

-           <h2>What will we do at Flock?</h2>

- <!--         <p>The <a href="https://hopin.to/events/nest-with-fedora#schedule">schedule</a> is now available.</p>-->

-           <ul>

+           <div>

+             <h2 class="py-1">What is Flock?</h2>

+             <p>Flock is the <a href="https://docs.fedoraproject.org/en-US/project/" target="_blank">Fedora Project</a>'s annual contributor-focused conference. It typically alternates between European and North American locations. The conference provides a venue for face to face meetings and conversations. It is also a place to celebrate our community.</p>

+ 

+             <p><strong>Due to COVID-19, we will not have an in-person Flock this year.</strong> But we still want to do something fun, so we're bringing back <a href="https://communityblog.fedoraproject.org/announcing-dates-cfp-for-nest-with-fedora/">Nest With Fedora</a>! The safety of our community is the most important thing, and we look forward to getting everyone together in 2022.</p>

+           </div>

+ 

+           <div class="py-2">

+             <h2 class="py-1">What will we do at Flock?</h2>

+             <!--         <p>The <a href="https://hopin.to/events/nest-with-fedora#schedule">schedule</a> is now available.</p>-->

+             <ul>

                <li align="left"><b>Communicate the Fedora Strategy.</b> Everyone in Fedora should understand and feel well-aligned with the project's goals, both long-term and tactical. We should all understand the messaging we're using to attract new users and contributors.</li>

                <li align="left"><b>Plan the Next Strategy.</b> This strategy doesn't come from the top down, or from thin air, and it's not dictated by our sponsors. It comes from the community. Because we're so big and distributed, Flock can't be the only place where we get new ideas, but it is a summit where we present, learn about, and discuss them.</li>

                <li align="left"><b>Build Community Connections and Engagement.</b> We do amazing work as a global project, but there's no substitute for direct human interaction. Flock helps tie us together. In-person discussion, collaboration, and fun social events help us function better on IRC and mailing lists throughout the year.</li>

-           </ul>

+             </ul>

+           </div>

  

-           <h2>Who comes to Flock?</h2>

-           <p>While Flock is open to anyone, the majority of talks at Flock are focused on existing contributors and those looking to increase their involvement.  There is almost no solely user-focused content.</p>

+           <div>

+             <h2 class="py-1">Who comes to Flock?</h2>

+             <p>While Flock is open to anyone, the majority of talks at Flock are focused on existing contributors and those looking to increase their involvement.  There is almost no solely user-focused content.</p>

+           </div>

          </div>

    	  </div>

        </div>

      </div>

  

-     <div id="schedule" class="non-jumbo text-center">

+     <div id="schedule" class="bg-light border non-jumbo text-center">

        <div class="container">

        <div class="row">

          <div class="col-xs-12 col-md-8 col-md-offset-2">

-           <h2>Schedule</h2>

-           

-           <p>

-             The <a href="https://fedoraproject.org/wiki/Nest_with_Fedora_2021_Schedule">schedule</a> is now available.  Changes are still possible.

-           </p>

-           

+           <div class="py-2">

+             <h2>Schedule</h2>

  

-           <h2>Event Dates</h2>

+             <p>

+               The <a href="https://fedoraproject.org/wiki/Nest_with_Fedora_2021_Schedule">schedule</a> is now available.  Changes are still possible.

+             </p>

+           </div>

+ 

+           <h3>Event Dates</h3>

            <p>Nest will begin the morning of Thursday, August 5. Sessions will continue each day until Saturday, August 7. <!--You should plan to arrive by Wednesday, August 5 and to depart no sooner than Sunday afternoon for the best experience.--></p>

  

            <table class="calendar">
@@ -109,27 +116,29 @@ 

      </div>

      </div>

  

-     <div id="cfp" class="non-jumbo text-center">

+     <div id="cfp" class="bg-gray-200 non-jumbo text-center">

        <div class="container">

        <div class="row">

          <div class="col-xs-12 col-md-8 col-md-offset-2">

-             <h2>Call for Participation</h2>

+             <h2 class="py-1">Call for Participation</h2>

               <p>This year we are holding Nest with Fedora as a virtual replacement for our normal Flock to Fedora contributor conference. We are taking submissions in the <a href="https://pagure.io/flock/">Flock Pagure repository</a>.</p> 

  

               <p>As we are able to record all of our content very easily this year, try to think about storytelling when you submit your proposals. What kind of story can you tell about your team, project, initiative, or the overall community?</p> 

  

-              <h3>Examples</h3> 

-              <p>“At Fedora’s contributor conference, Nest with Fedora, the Fedora Design team closed 10 tickets, updated their wiki/docs page, and came up with a strategy for the next year.”</p> 

+           <div class="py-2">

+             <h3 class="py-1">Examples</h3>

+             <p>“At Fedora’s contributor conference, Nest with Fedora, the Fedora Design team closed 10 tickets, updated their wiki/docs page, and came up with a strategy for the next year.”</p>

  

-              <p>“At Fedora’s contributor conference, Nest with Fedora, we had 000 participants show up with their pets!” (Social hour, bring your pet! Gather pet photos and create an album to go along with that story)</p> 

+             <p>“At Fedora’s contributor conference, Nest with Fedora, we had 000 participants show up with their pets!” (Social hour, bring your pet! Gather pet photos and create an album to go along with that story)</p>

  

-              <p>As we are able to meet with our teams on a regular basis online, try to focus work sessions on strategy and plenary work for the upcoming year.</p> 

+             <p>As we are able to meet with our teams on a regular basis online, try to focus work sessions on strategy and plenary work for the upcoming year.</p>

+           </div>

  

-              <h3>Formats</h3> 

+              <h3 class="py-1">Formats</h3>

               <p>Nest with Fedora has five tracks. They are listed below with example submissions.</p> 

  

-             <ul class="non-jumbo text-left">

-                 <strong>General Ideas</strong>

+             <ul class="text-left">

+               <h4><strong>General Ideas</strong></h4>

                      <li>Lightning Talk</li>

                      <li>Session (25 minutes)</li>

                      <li>Session (50 minutes)</li>
@@ -137,8 +146,10 @@ 

                      <li>Hackfest (half day)</li>

              </ul>

  

+           <div class="py-2">

              <h3>Submission deadline</h3>

-              <p>The submission deadline has passed.</p> 

+             <p>The submission deadline has passed.</p>

+           </div>

  <!--            <p>We will do a rolling deadline this year again with two acceptance dates.</p>

              <ul class="non-jumbo text-left">

                  <li>Friday 9 July 2021</li>
@@ -172,11 +183,11 @@ 

      </div>

      </div>

  

-     <div id="register" class="non-jumbo text-center">

+     <div id="register" class="bg-light border non-jumbo text-center">

        <div class="container">

        <div class="row">

          <div class="col-xs-12 col-md-8 col-md-offset-2">

-           <h2>Registration Information</h2>

+           <h2 class="py-1">Registration Information</h2>

                <!--<p>Coming soon!</p>-->

            <p><a href="https://hopin.com/events/nest-with-fedora-2021">Register now</a> for Nest With Fedora. Nest will use the Hopin platform.</p>

  
@@ -185,11 +196,11 @@ 

      </div>

      </div>

  

-     <div id="comms" class="non-jumbo light-blue text-center">

+     <div id="comms" class="bg-gray-200 non-jumbo light-blue text-center">

        <div class="container">

        <div class="row">

          <div class="col-xs-12 col-md-8 col-md-offset-2">

-           <h2>Social</h2>

+           <h2 class="text-center py-1">Social</h2>

              <div class="row">

              <div class="col-xs-12 col-sm-6">

                <h3>Social Media</h3>
@@ -252,10 +263,10 @@ 

      </div>

      -->

  

-     <div id="venue" class="non-jumbo text-center">

+     <div id="venue" class="bg-light border non-jumbo text-center">

        <div class="container">

        <div class="row">

-         <div class="col-xs-12 col-md-8 col-md-offset-2">

+         <div class="col-xs-12 col-md-8 col-md-offset-2 text-center">

            <h2>Venue and Hotel</h2>

  

  	  <p>Nest With Fedora will be held on Hopin.</p>
@@ -324,48 +335,58 @@ 

  	  Sponsorship opportunities are still open. For information, see the <a href="../../static/images/sponsor-prospectus-2021.pdf">prospectus</a> or contact <a href="mailto:flockinfo@fedoraproject.org">flockinfo@fedoraproject.org</a>.

            </p>

            <br/>

-           <h3>Platinum Level</h3>

-           <p>

-             <a href="https://www.redhat.com"><img src="../../static/images/sponsors/redhat.png"/></a>

-           </p>

-           <p>

-             <a href="https://aws.amazon.com/"><img src="../../static/images/sponsors/AWS_logo_RGB.png"/></a>

-           </p>

-           <br/>

-           <h3>Gold Level</h3>

-            <p>

-             <a href="https://almalinux.org/"><img src="../../static/images/sponsors/alma_linux.png"/></a>

-           </p>

-            <p>

-             <a href="https://www.lenovo.com/"><img src="../../static/images/sponsors/lenovo.png"/></a>

-           </p>

-           <h3>Bronze Level</h3>

+           <div>

+             <h3>Platinum Level</h3>

              <p>

-             <a href="https://www.opensuse.org/"><img src="../../static/images/opensuse.png"/></a>

-           </p>

-           <p>

-             <a href="https://www.datto.com/"><img src="../../static/images/sponsors/Datto-blue-RGB.png"/></a>

-           </p>

-           <p>

-             <a href="https://www.shells.com/"><img src="../../static/images/sponsors/shells.png"/></a>

-           </p>

-           <p>

-             <a href="https://www.gitlab.com/"><img src="../../static/images/sponsors/gitlab.png"/></a>

-           </p>

-           <h3>Media Sponsors</h3>

-            <p>

-             <a href="https://itsfoss.com/"><img src="../../static/images/sponsors/itsfoss.png"/></a>

-            </p>

-            <p>

-             <a href="https://destinationlinux.network/"><img src="../../static/images/sponsors/dln.png"/></a>

-            </p>

+               <a href="https://www.redhat.com"><img src="../../static/images/sponsors/redhat.png"/></a>

+             </p>

+             <p>

+               <a href="https://aws.amazon.com/"><img src="../../static/images/sponsors/AWS_logo_RGB.png"/></a>

+             </p>

+             <br/>

+             <hr />

+           </div>

+           <div>

+             <h3>Gold Level</h3>

+             <p>

+               <a href="https://almalinux.org/"><img src="../../static/images/sponsors/alma_linux.png"/></a>

+             </p>

+             <p>

+               <a href="https://www.lenovo.com/"><img src="../../static/images/sponsors/lenovo.png"/></a>

+             </p>

+             <hr />

+           </div>

+           <div>

+             <h3>Bronze Level</h3>

+             <p>

+               <a href="https://www.opensuse.org/"><img src="../../static/images/opensuse.png"/></a>

+             </p>

+             <p>

+               <a href="https://www.datto.com/"><img src="../../static/images/sponsors/Datto-blue-RGB.png"/></a>

+             </p>

+             <p>

+               <a href="https://www.shells.com/"><img src="../../static/images/sponsors/shells.png"/></a>

+             </p>

+             <p>

+               <a href="https://www.gitlab.com/"><img src="../../static/images/sponsors/gitlab.png"/></a>

+             </p>

+             <hr />

+           </div>

+           <div>

+             <h3>Media Sponsors</h3>

+             <p>

+               <a href="https://itsfoss.com/"><img src="../../static/images/sponsors/itsfoss.png"/></a>

+             </p>

+             <p>

+               <a href="https://destinationlinux.network/"><img src="../../static/images/sponsors/dln.png"/></a>

+             </p>

+           </div>

          </div>

        </div>

        </div>

-       <hr />

      </div>

  

-     <div id="credits" class="non-jumbo text-center">

+     <div id="credits" class="bg-light border non-jumbo text-center">

      <p>Detroit photograph by <a href="https://unsplash.com/photos/QsMXXeeCxoU">Justin McAfee on Unsplash</a>.</p>

      </div>

      

@@ -1,6 +1,7 @@ 

  body {

    margin: -0px !important;

    padding: 0px !important;

+   line-height: 3rem;

  }

  

  .container {
@@ -19,6 +20,28 @@ 

    margin: 0px;

  }

  

+ .bg-light {

+   background-color: #f8f9fa !important;

+ }

+ 

+ .bg-gray-200 {

+   background-color: #e9ecef;

+ }

+ 

+ .border {

+   border: 1px solid #dee2e6 !important;

+ }

+ 

+ .py-2 {

+   padding-top: 2rem;

+   padding-bottom: 2rem;

+ }

+ 

+ .py-1 {

+   padding-top: 1rem;

+   padding-bottom: 1rem;

+ }

+ 

  #welcome {

    height: 350px;

    color: white;
@@ -29,6 +52,10 @@ 

    text-transform: uppercase;

  }

  

+ .rh-logo {

+   vertical-align: middle;

+ }

+ 

  #welcome h1 {

    font-weight: 900;

    font-size: 5em;

Created distinctive sections and adjusted formatting
Closes #1118

Metadata Update from @jflory7:
- Pull-request tagged with: flocktofedora.org

9 months ago

rebased onto ec2849901ac6b5e989a6e5d43c2c31441497cc7e

9 months ago

rebased onto 155bab2d97be8b7f1165b22bc4644d599b0ca3ce

9 months ago

rebased onto fb041bc

8 months ago

Pull-Request has been merged by darknao

8 months ago