index.html

<!doctype html>
<head>
  <title>WeCamp - Code Retreat and Unconference in Northern Virginia</title>
  <meta name="viewport" content="width=device-width">
  <meta charset="utf-8">
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <header id="home">
    <div id="nav-toggle">
      <input id="nav-toggle-checkbox" type="checkbox" />
      <span></span>
      <span></span>
      <span></span>

      <nav id="main-nav">
        <a href="#home">Home</a>
        <a href="#what-is-we-camp">About</a>
        <a href="#register">Register</a>
        <a href="#schedule">Schedule</a>
        <a href="#who-is-we-camp">Organizers</a>
        <a href="#sponsors">Sponsors</a>
        <a href="#conduct">Code of Conduct</a>
        <a href="#contact">Contact</a>
      </nav>
    </div>
    <div id="logo">
      <a href="/">
        <img
          src="images/we-camp.svg"
          width="100%"
          height="400px"
        />
      </a>
    </div>
    <div id="hero">
      <p class="dates">Sep 11-13, 2020</p>
      <p>Prince William Forest National Park, VA</p>
    </div>
  </header>
  <main>
    <section id="what-is-we-camp">
      <h2>What is WeCamp?</h2>
      <!-- <img src="/images/what-is-we-camp.jpg" /> -->
      <p>
        WeCamp is a code retreat in the spirit of
        <a href="http://rubydcamp.org">Ruby DCamp</a>,
        intended to help people come together as a community.
      </p>

      <p>
        The first day will be spent practicing the art of pair programming. We pair up with rotating partners, honing our ability to communicate with different people about how to solve a particular problem. The idea isn't to actually solve the problem, but to work on pair programming as a skill itself and the various interpersonal skills needed to do it well.
      </p>
      <p>
        The remaining 2 days will be unconference-style: informal group sessions discussing various interesting technical and non-technical topics chosen by the community at the event. No slide decks, no lecture, just good old-fashioned group discussions.
      </p>
      <p>
        Our camp is located in the beautiful Prince William Forest Park.
        We'll be staying in cabins, but you'll want to bring a sleeping bag.
        You'll need to bring your own internet connection (mobile hotspot, phone tethering, etc), but we don't need internet for most of what we do, and there's always someone willing to share.
      </p>
      <p>
        Our price is all inclusive, so we've got your bed, food, and snacks all covered.
      </p>
    </section>

    <section id="register">
      <h2>Register</h2>

      <h4>Pricing</h4>
      <dl>
        <dt><a href="https://festi-wecamp.herokuapp.com/attendee/160">Paying individually, earlybird</a></dt>
        <dd>$120</dd>

        <dt><a href="https://festi-wecamp.herokuapp.com/attendee/161">Company is paying, earlybird</a></dt>
        <dd>$245</dd>
      </dl>

      <!-- <dl>
        <dt><a href="https://festi-wecamp.herokuapp.com/attendee/154">Paying individually</a></dt>
        <dd>$125</dd>
      
        <dt><a href="https://festi-wecamp.herokuapp.com/attendee/155">Company is paying</a></dt>
        <dd>$250</dd>
      </dl> -->

      <h4>Donations</h4>
      <p>
        If you'd like to donate to help make WeCamp successful, we have a
        <a href="https://festi-wecamp.herokuapp.com/storefront?fest_code=WEC2020">community sponsorship page</a>
        where you can donate as little or as much as you like. If you want to donate
        more than a few hundred dollars, though, you're better off going with a
        <a href="#sponsors">full sponsorship</a>
        and all the accolades it brings.
      </p>
    </section>

    <section id="schedule">
      <h2>Schedule</h2>

      <p>
        This will remain flexible, but just to give you an idea:
      </p>

      <table class="schedule-day">
        <tbody>
          <tr>
            <th class="day" colspan="2">Thursday</th>
          </tr>
          <tr>
            <th>All day </th>
            <td>Early arrivals</td>
          </tr>
          <tr>
            <th> </th>
            <td>Set up camp</td>
          </tr>
          <tr>
            <th> </th>
            <td>Meet new friends</td>
          </tr>
          <tr>
            <th> </th>
            <td>Say hello to old friends</td>
          </tr>
          <tr>
            <th> </th>
            <td>Set up sleeping arrangements</td>
          </tr>
          <tr>
            <th>5pm </th>
            <td>Dinner</td>
          </tr>
          <tr>
            <th>All night</th>
            <td>Probably board games and socializing, let's be real</td>
          </tr>

          <tr>
            <th class="day" colspan="2">Friday (Official Start Day)</th>
          </tr>
          <tr>
            <th>8am </th>
            <td>Breakfast</td>
          </tr>
          <tr>
            <th>9am </th>
            <td>Welcome Ceremony</td>
          </tr>
          <tr>
            <th>10am </th>
            <td>Pair programming</td>
          </tr>
          <tr>
            <th>12pm </th>
            <td>Lunch</td>
          </tr>
          <tr>
            <th>1:30pm </th>
            <td>Pair programming</td>
          </tr>
          <tr>
            <th>5pm </th>
            <td>Retrospective</td>
          </tr>
          <tr>
            <th>5:30pm </th>
            <td>Dinner</td>
          </tr>
          <tr>
            <th>6:30pm-Sunrise</th>
            <td>More board games and socializing</td>
          </tr>

          <tr>
            <th class="day" colspan="2">Saturday</th>
          </tr>
          <tr>
            <th>8am </th>
            <td>Breakfast</td>
          </tr>
          <tr>
            <th>9am </th>
            <td>Unconference planning</td>
          </tr>
          <tr>
            <th>10am </th>
            <td>Unconference sessions</td>
          </tr>
          <tr>
            <th>12pm </th>
            <td>Lunch</td>
          </tr>
          <tr>
            <th>1:30 </th>
            <td>Unconference sessions</td>
          </tr>
          <tr>
            <th>5:30pm </th>
            <td>Retrospective</td>
          </tr>
          <tr>
            <th>6pm </th>
            <td>Dinner</td>
          </tr>
          <tr>
            <th>Forever </th>
            <td>Hang out with more great people</td>
          </tr>

          <tr>
            <th class="day" colspan="2">Sunday (Official End Day)</th>
          </tr>
          <tr>
            <th>8am </th>
            <td>Breakfast</td>
          </tr>
          <tr>
            <th>9am </th>
            <td>Unconference planning</td>
          </tr>
          <tr>
            <th>10am </th>
            <td>Unconference sessions</td>
          </tr>
          <tr>
            <th>12pm </th>
            <td>Lunch</td>
          </tr>
          <tr>
            <th>1:30pm </th>
            <td>Unconference sessions</td>
          </tr>
          <tr>
            <th>4:30pm </th>
            <td>Final WeCamp Retrospective</td>
          </tr>
          <tr>
            <th>5pm </th>
            <td>Camp Cleanup, hugs all around</td>
          </tr>
          <tr>
            <th>6pm </th>
            <td>Dinner for late departures</td>
          </tr>
          <tr>
            <th>Stretch goal</th>
            <td>Finally maybe get some sleep &hellip; possibly</td>
          </tr>

          <tr>
            <th class="day" colspan="2">Monday (for Late Departures and Out-of-Towners)</th>
          </tr>
          <tr>
            <th>8am</th>
            <td>Breakfast</td>
          </tr>
          <tr>
            <th>9am</th>
            <td>Final cleanup</td>
          </tr>
          <tr>
            <th>Noon</th>
            <td>You don't have to go home, but you can't stay here!</td>
          </tr>
        </tbody>
      </table>
    </section>

    <section id="who-is-we-camp">
      <h2>Who is WeCamp?</h2>

      <div>WeCamp was organized and lead this year by the following enthusiastic members of the Ruby community:</div>

      <ul id="organizers">
        <li class="organizer"><a href="https://twitter.com/mae701">Mae Beale</a></li>
        <!-- <li class="organizer"><a href="https://twitter.com/jamie_gaskins">Jamie Gaskins</a></li> -->
        <!-- <li class="organizer"><a href="https://twitter.com/betsythemuffin">Betsy Haibel</a></li> -->
        <li class="organizer"><a href="https://twitter.com/N3rdyTeacher">Polly Schandorf</a></li>
        <!-- <li class="organizer"><a href="https://twitter.com/crsexton">Chris Sexton</a></li> -->
        <!-- <li class="organizer"><a href="https://twitter.com/jtu">Jennifer Tu</a></li> -->
        <li class="organizer"><a href="https://twitter.com/kyloma">Casey Watts</a></li>
      </ul>

      <div>
        If you are interested in helping out with WeCamp, reach out to us on Slack or by email.
      </div>
    </section>

    <section id="sponsors">
      <h2>Sponsors</h2>

      <!-- <p>Our 2019 sponsors are:</p> -->

      <!-- <ul id="sponsor-list"> -->
        <!-- <li class="heading gold">Gold</li> -->
         <!-- <li class="gold sponsor"><a href="https://www.customink.com"><img src="images/custom-ink.svg" /></a></li> -->

        <!--<li class="gold sponsor" style="padding: 1em"><a href="http://smartlogic.io"><img src="images/smartlogic.svg" /></a></li> -->
        <!--<li class="heading silver">Silver</li>-->
        <!-- <li class="silver sponsor"><a href="http://optoro.com"><img src="images/optoro.png" /></a></li> -->
        <!-- <li class="heading bronze">Bronze</li> -->
        <!-- <li class="bronze sponsor"><a href="https://www.customink.com"><img src="images/custom-ink.svg" /></a></li> -->
        <!-- <li class="bronze sponsor"><a href="https://www.wecohere.com/"><img src="images/cohere.png" /></a></li> -->
        <!--
        <li class="heading community">Community Sponsors</li>
        <li class="community sponsor">Sponsor Name Here</li>
        -->
      <!-- </ul> -->

      <p>
        We really appreciate sponsorship. It make events like these possible. Thank you!
      </p>

      <h3>Want to sponsor?</h3>
      <p>
        <a href="files/WeCamp 2020 Sponsorship Prospectus.pdf" download>
          Download the Sponsorship Prospectus.
        </a>
      </p>
      <p>The sponsorship levels are:</p>
      <h4><a href="https://festi-wecamp.herokuapp.com/sponsor/156">Gold Sponsorship</a></h4>
      <p>
        Covers the cost of the venue.  Perks:  Significant pixel real estate in our sponsor listing, Thirty-second address during the welcome ceremony, Shout-out on Twitter, Shout-out in pre-event emails, Two event invites.

      </p>
      <h4><a href="https://festi-wecamp.herokuapp.com/sponsor/157">Silver Sponsorship</a></h4>
      <p>
        Covers the cost of food and various administrative minutiae.  Perks: Logo in our sponsor list, Shout-out during the welcome ceremony, Shout-out on Twitter, Shout-out in pre-event emails.

      </p>
      <h4><a href="https://festi-wecamp.herokuapp.com/sponsor/158">Bronze Sponsorship</a></h4>
      <p>
        Covers the cost of swag and various administrative costs.  Perks:  Small logo in our sponsor list, Shout out during the welcome ceremony, Shout-out on Twitter.
      </p>

      <h4>
        <a href="https://festi-wecamp.herokuapp.com/storefront?fest_code=wec2019">Community Sponsorship (varying amounts)</a>
      </h4>
      <p>
        Community members can sponsor, too! Every little bit helps!
      </p>
      <p>
        Community sponsors will be recognized at the event as thanks for helping
        us provide an awesome event for everyone!
      </p>
    </section>

    <section id="conduct">
      <h2>WeCamp Code of Excellence</h2>
      <h3>WeCamp’s Code of Interpersonal and General Excellence</h3>
      <p>
        WeCamp aspires to be a safe, inclusive event for all folks who want to spend a weekend camping, coding and community-ing with fellow programmers.
      </p>

      <p>
        We welcome and celebrate the diversity that the word “folks” encompasses. WeCamp is dedicated to providing a safe experience for everyone, regardless of gender expression, sexual orientation, (dis)ability, physical appearance, body size, race, religion, age, immigration status, job title or programming skill.
      </p>
      <p>
        Our idea of a good event hinges on quality of experience. If you’re having fun and feeling respected, then you’re encouraging others’ fun and feelings of respect, which means you’re doing it right.
      </p>
      <p>
        Accordingly, we ask all attendees to be excellent in general and to each other.
      </p>
      <p>
        We understand that this excellence will include, but not be limited to:
      </p>
      <ul>
        <li>
          Seeking enthusiasm and connection from your fellow campers. Talk with, not at, your fellow campers. Be especially careful to not cause the quiet bruising of a newcomer’s enthusiasm or a veteran’s confidence. (It might be helpful to notice what percent of any conversation or session you spent listening versus talking or planning your next words.)
        </li>
        <li>
          Working to make others comfortable, welcome. Harassment will not be tolerated in any form.
        </li>
        <li>
          Asking for and receiving consent for certain activities. Make sure you have consent before doing things like taking someone’s photograph, recording them, etc.
        </li>
        <li>
          Being cognizant of your surroundings. Camping together means looking out for others and for our environment -- and its non-human inhabitants. Regularly cleaning up after yourselves will prevent us from unwanted visits from furry friends -- and it’ll just be easier to move around and nicer in general if things are well kempt.
        </li>
        <li>
          Using words to support fun, respect, teaching and learning. Any racist, homophobic, transphobic, ableist, sexist, or other behavior that degrades, shames, or disrespects others for any aspect of their identity or ability will not be tolerated. It’s ugly.
        </li>
        <li>
          Sharing with the organizer or a host any incident that appears to fall short of these guidelines. We take this rather seriously.
        </li>
      </ul>
      <p>
        WeCamp is a great place to focus on respecting, setting, discussing, and defending boundaries. If you feel uncomfortable or unsafe confronting a situation, please talk to an organizer. We understand that by convening these events that we commit to resolving issues to the greatest extent we can.
      </p>
      <p>
        Participants whose behavior violates this policy in the context of our events or elsewhere can be warned or asked to leave at the discretion of the organizers, who do not suffer fools well.
      </p>
      <p>
        If a participant is asked to stop a behavior, immediate compliance is expected. Attendees who persist (or whose behavior the organizers deems to warrant) will promptly lose their invitation to enjoy WeCamp and be happily escorted off the premises. Refunds will be thrown out of the building behind them in loose change, if given at all.
      </p>
      <p>
        Note: This code is based in part on the hard work and insights from Waltz Night, DCamp, Ruby for Good, Women Who Code, Bridge Foundry, which were in turn inspired by other codes of conduct from groups like RDU Blues, Youth Dance Weekend, and Mobtown Ballroom. A code of conduct is a nuanced, living document that aims to set the tone for an event, offer some concrete suggestions for ideal behavior, and make sure all attendees know how much the organizers care about civility. We hope we’ve met these goals! Please feel free to share your feedback on how this Code of Excellence could be more excellent!
      </p>
    </section>

    <section id="contact">
      <h2>Contact</h2>
      <p><a href="https://wecamp-slack-invite.herokuapp.com/">Join us on Slack</a></p>
      <p><a href="https://twitter.com/WeCampDC">Follow us on Twitter</a></p>
      <p>
        If you need to contact us for any reason, email us at
        <a href="mailto:we.camp.dc@gmail.com">we.camp.dc@gmail.com</a>.
      </p>
    </section>
  </main>
</body>

<script>
  var checkbox = document.getElementById('nav-toggle-checkbox');
  var closeNav = function() {
    checkbox.checked = false;
  }

  document.querySelectorAll('#main-nav a').forEach(function(link) {
    link.addEventListener('click', closeNav);
  });
</script>
<br>