@@ -39,23 +39,38 @@
</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>
<a href="#fixme" class="f5 mh1 mv1 ph2 pv1 mr2 ttu b btn-white">Special</a>
<a href="#fixme" class="f5 mh1 mv1 ph2 pv1 ttu b btn-white">Special</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>
</header>
<div id="navbar-outer" class="mb2">
<div id="navbar" class="center mw8 nested-list-resetb">
<ul class="f5 b ttu flex flex-wrap justify-center">
<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>
<li class="npoacct"><a href="/npoacct/">NPOAcct</a></li>
-->
<li class="search dn-ns">
<form method="get" action="https://duckduckgo.com" class="ml2 flex mw6">
<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 <span class="dn di-ns">we do</span></a>
<li class="what"><a href="#fixme">What we do</a>
<ul>
<li><a href="#fixme">Member Projects</a></li>
<li><a href="/copyleft-compliance/">Copyleft Compliance</a></li>
@@ -64,7 +79,7 @@
<li><a href="#fixme">FAQs</a></li>
</ul>
<li class="who"><a href="#fixme">Who <span class="dn di-ns">we are</span></a>
<li class="who"><a href="#fixme">Who we are</a>
<li><a href="/sponsors/">Sponsors</a></li>
<li><a href="/sustainer/">Sustainers</a></li>