<a href="/">

              <img src="{% static 'img/conservancy-header.svg' %}" alt="Software Freedom Conservancy" class="db center mh3-ns" />

            </a>

          </h1>

        </div>

        <div class="w-40-ns mt2 mt4-ns mb2 mb2-ns mh2 pt1 flex flex-wrap justify-center items-center">

          <span id="menu-icon" class="dn-ns ph2 pointer">

            <svg style="color: var(--orange); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#bars"></use></svg>

          </span>

          <a href="/donate/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Donate</a>

          <a href="/sustainer/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Join</a>

          <span id="search-icon" class="dib ph2 pointer">

            <svg style="color: var(--orange); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#search"></use></svg>

          </span>

        </div>

      </div>

    </header>

    <div id="navbar-outer" class="mt2 mt0-ns mb2">

      <div id="navbar" class="center mw8 nested-list-resetb dn db-ns">

        <ul class="f5 ttu flex flex-wrap justify-center">

          <!-- Remaining previous menu items

          <li class="Projects"><a href="/projects/">Projects</a></li>

              <input id="search-query" type="text" name="q" placeholder="Search with DuckDuckGo" class="pa2 ba b--gray br0" style="x-border-right: none; flex: 1 1 auto; width: 1%;" />

              <input type="hidden" name="sites" value="sfconservancy.org" />

              <button type="submit" class="bg-orange bn white pa2 pointer btn-orange" style="margin-left: -1px;">

                <svg style="color: white; width: 20px; height: 20px;"><use href="{% static 'img/font_awesome.svg' %}#search"></use></svg></a>

              </button>

    </form>

          </li>

          <li class="home dn db-ns"><a href="/">Home</a></li>

          <li class="what"><a href="#fixme">What we do</a>

            <ul>

              <li><a href="/projects/">Member Projects</a></li>

              <li><a href="/copyleft-compliance/">Copyleft Compliance</a></li>

              <li><a href="#fixme">FAQs</a></li>

            </ul>

          </li>

          <li class="who"><a href="/about/">Who we are</a>

            <ul>

              <li><a href="/sponsors/">Sponsors</a></li>

              <li><a href="/sustainer/">Sustainers</a></li>

              <li><a href="/about/board/">Board of Directors</a></li>

              <li><a href="/about/staff/">Staff</a></li>

              <li><a href="/about/eval-committee/">Evaluation Committee</a></li>

              <li><a href="/about/outside/">Outside Counsel, et alia</a></li>

              <li><a href="#fixme">Transparency</a></li>

<p>

  To support our copyleft compliance & enforcement work,

  please <a href="/sustainer/#annual"><span class="donate-box-highlight">become a Conservancy

      Sustainer <strong>right now</strong></span></a>.  We can't sustain

  this work without ongoing support from donors like you!</p>

</td></tr></table>

</div>

<div class="content-with-donate-sidebar">

    <div id="container">

         <div id="sidebar" class="{% block submenuselection %}other{% endblock %}">

            <h2>Resources for Journalists</h2>

            <ul>

            <li class="News"><a href="/news/">News</a></li>

            <li class="PressKit"><a href="/presskit/">Press Kit</a></li>

            <li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>

            </ul>

         </div>

               <div id="mainContent">{% block content %}{% endblock %}

               </div>

</div></div>

{% endblock %}