index.html

<meta
  name="viewport"
  content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
/>

<script
  src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
  crossorigin="anonymous"
></script>

<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>-->

<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>-->

<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
  integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb"
  crossorigin="anonymous"
/>

<script
  id="funraise-form-lib"
  src="https://d2n4tvy2wsd0oo.cloudfront.net/widget/common/1.3/funraise.min.js"
  type="text/javascript"
></script>
<script id="funraise-form-472c107b742" type="text/javascript">
  var f = new Funraise({
    id: "472c107b-a760-4be2-b990-81c429da14d5:742",
    isPopup: true,
  });
  f.init();
</script>
<div id="fc-472c107b742"></div>
<style>
  #fc-472c107b742 #popup-btn-472c107b742 {
    display: none !important;
  }
</style>

<script>
  $(document).ready(function () {
    $('a[href="#open-funraise"]').attr("data-toggle", "modal");
    $('a[href="#open-funraise"]').attr(
      "data-target",
      "#donateModal-472c107b742"
    );
  });
</script>

<script type="text/javascript">
  function showHome() {
    document.getElementById("page-home").classList.remove("hide");
    document.getElementById("page-fellowships").classList.add("hide");
    document.getElementById("page-principles").classList.add("hide");
    document.getElementById("page-openings").classList.add("hide");
  }
  function showFellowships() {
    document.getElementById("page-home").classList.add("hide");
    document.getElementById("page-fellowships").classList.remove("hide");
    document.getElementById("page-openings").classList.add("hide");
    document.getElementById("page-principles").classList.add("hide");
  }
  function showPrinciples() {
    document.getElementById("page-home").classList.add("hide");
    document.getElementById("page-principles").classList.remove("hide");
    document.getElementById("page-openings").classList.add("hide");
    document.getElementById("page-fellowships").classList.add("hide");
  }
  function showOpenings() {
    document.getElementById("page-home").classList.add("hide");
    document.getElementById("page-principles").classList.add("hide");
    document.getElementById("page-openings").classList.remove("hide");
    document.getElementById("page-fellowships").classList.add("hide");
  }
</script>

<style>
  /* Links */
  a,
  a:focus,
  a:hover {
    color: black;
    font-weight: bold;
  }

  body {
    height: 100%;
    text-align: center;
    background-color: #708090;
    /*overflow: hidden;*/
  }

  /* Extra markup and styles for table-esque vertical and horizontal centering */
  .site-wrapper {
    display: table;
    width: 100%;
    height: 100%; /* For at least Firefox */
    min-height: 100%;
  }
  .site-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
  }

  .inner {
    /*overflow: scroll;*/
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    color: #383838;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.5);
  }

  ul {
    text-align: left;
  }

  @media screen and (min-width: 900px) {
    .inner {
      width: 600px;
    }
  }

  .hide {
    display: none;
  }

  .back-button {
    position: absolute;
    margin-top: -30px;
  }

  .back-button a {
    font-weight: normal;
  }

  p {
    text-align: left;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    text-align: left;
    font-size: 1em;
    font-weight: bold;
  }

  h4 {
    text-align: left;
  }
</style>

<title>Friends of DxE</title>

<div class="site-wrapper">
  <div class="site-wrapper-inner">
    <div class="inner">
      <div id="page-home" class="show">
        <h1>Friends of DxE</h1>
        <br />
        <h2>About Us</h2>
        <p>
          Friends of DxE (EIN 46-4318107), a 501(c)(3) tax exempt organization,
          provides grants for the grassroots Direct Action Everywhere (DxE)
          network and for other animal advocacy organizations and projects.
        </p>

        <h2>Grants</h2>
        <p>
          Please submit requests for funds using the form below. Note that
          Friends of DxE only supports projects that fit our funding criteria
          and that fulfill a tax exempt purpose. See our values
          <a href="#" onclick="showPrinciples()">here.</a>
        </p>

        <h2>Fellowships</h2>
        <p>
          Fellowship applications are accepted on a rolling basis.<br />
          Find out more about the fellowship process
          <a href="#" onclick="showFellowships()">here</a>.
        </p>

        <h2>Donations</h2>
        <p>
          You can donate via <a href="#open-funraise">Funraise</a> or check,
          payable to Friends of DxE, to: <br />Friends of DxE<br />PMB 328<br />2425
          Channing Way, Ste. B<br />Berkeley, CA 94704
        </p>
        <p>
          To see Friends of DxE's audited financial report and 990 form, please
          email <a href="mailto:info@friendsofdxe.com">info@friendsofdxe.com</a>
        </p>

        <br />
        <div class="row">
          <div class="col-sm">
            <a
              href="https://docs.google.com/forms/d/e/1FAIpQLSeRVyOB8QkxTKTrAcuS3v6n8jQc3ieg7VGLskFE7GmSSGBnMA/viewform?usp=sf_link"
              target="_blank"
              >Submit request</a
            >
          </div>
          <div class="col-sm">
            <a href="mailto:info@friendsofdxe.com" target="_blank">Contact</a>
          </div>
        </div>
      </div>

      <div id="page-fellowships" class="hide">
        <div class="back-button">
          <a href="#" onclick="showHome()"><- Back</a>
        </div>

        <h1>Fellowships</h1>
        <br />
        <p>
          Friends of DxE awards fellowships to a small number of activist
          fellows each year. In order to receive a fellowship, one must meet the
          following criteria:
        </p>
        <ul>
          <li>At least 6 months organizing or working group participation.</li>
          <li>Highest demonstration of character and DxE values.</li>
          <li>
            Application and approval by DxE Fellowship Committee, DxE Steering
            Committee, or similar advisory body, including:
            <ul>
              <li>Description of your activism.</li>
              <li>Description of primary impacts.</li>
              <li>Requested fund amounts.</li>
            </ul>
          </li>
          <li>
            Recommendation by DxE Fellowship Committee, DxE Steering Committee,
            or similarly credible body.
          </li>
        </ul>

        <p>
          <center>
            IF YOU MEET ALL OF THESE CRITERIA, YOU CAN FILL OUT
            <a
              href="https://docs.google.com/forms/d/e/1FAIpQLScqcbAwP7PHtcUmRRVnmg05eAoKe90qj6OPJzk5kVegKB6ZwA/viewform?usp=sf_link"
              target="_blank"
              >THIS FORM</a
            >
            TO APPLY FOR A FELLOWSHIP.
          </center>
        </p>
      </div>

      <div id="page-principles" class="hide">
        <div class="back-button">
          <a href="#" onclick="showHome()"><- Back</a>
        </div>

        <h1>Values</h1>
        <br />

        <h2>We are fiercely nonviolent.</h2>

        <p>
          We directly challenge systems of oppression with the power of
          nonviolence.
        </p>

        <p>
          We have empathy for the individuals caught up in violent systems,
          seeking to bring them to the side of justice.
        </p>

        <p>
          We accept suffering without retaliation for the sake of the cause.
          Even when tested, we respond nonviolently with our actions and words.
        </p>

        <h2>We build purposeful communities.</h2>

        <p>
          We foster inclusive communities that empower, support, and build up
          fellow activists. It is everyone's responsibility to create a
          welcoming environment and treat each person in our communities with
          respect. We don't gossip and we assume good faith.
        </p>

        <p>
          We hold each other accountable and help each other grow by calling
          each other in, not out, only resorting to public statements about
          individuals when necessary for community safety and transparency.
        </p>

        <p>
          Our community is the foundation on which the movement will grow.We
          encourage ordinary people to become the best activists they can be
          through training, mentorship, support, and opportunity.
        </p>

        <h2>We do our homework.</h2>

        <p>
          We draw on the best available evidence, from academia and beyond, to
          inform our activism.
        </p>

        <p>
          We seek diverse perspectives and also look outside the animal rights
          movement for lessons and inspiration.
        </p>

        <p>
          We measure and react. We're willing to innovate, experiment, take
          calculated risks, and fail; and we're eager to adapt and shift course
          based on outcomes.
        </p>

        <h2>We lead by serving.</h2>

        <p>
          We create power for the movement by empowering the people around us.
        </p>

        <p>
          Our leadership team is first in line when a sacrifice is necessary.
        </p>

        <p>Ultimately, we are all serving animals and the movement.</p>

        <h2>We aim to do exceptional work for the animals.</h2>

        <p>
          Our actions reflect the seriousness and urgency of our cause. Animal
          rights is a social justice movement, not a hobby.
        </p>
        <p>We set clear goals and metrics and develop plans to achieve them.</p>
        <p>
          We are dependable, hold each other accountable, and get things done on
          time and to the best of our ability.
        </p>
        <p>
          We seek feedback, commit to continuous learning, and respond to
          criticism with humility and grace.
        </p>
        <p>
          We believe in the duty to disagree, but we maintain compassion even
          when we disagree.
        </p>
        <p>We are radically candid.</p>
      </div>
    </div>
  </div>
</div>