This avoids every page on the site parsing 250KB of JavaScript. supporter-page.js isn't the most elegant code, but at least it's a little more modular now and no longer user jQuery.
		
			
				
	
	
		
			106 lines
		
	
	
	
		
			5.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			106 lines
		
	
	
	
		
			5.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {% load min %}
 | |
| {% load static %}
 | |
| 
 | |
| <!DOCTYPE html>
 | |
| 
 | |
| <html lang="en" prefix="og: http://ogp.me/ns#">
 | |
| 
 | |
|   <head>
 | |
|     <title>{% block title %}{% block subtitle %}{% endblock %}Software Freedom Conservancy{% endblock %}</title>
 | |
|     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 | |
|     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 | |
|     <meta name="description" content="The Software Freedom Conservancy provides a non-profit home and services to Free, Libre and Open Source Software (FLOSS) projects." />
 | |
|     <meta name="keywords" content="software, freedom, conservancy, open source, gnu, GNU, Open Source, Free and Open Source, Free and Open Source Software, FLOSS, FOSS, protect, protection, help, policy, linux, non-profit" />
 | |
|     <link rel="shortcut icon" href="{% static 'favicon.ico' %}" type="image/x-icon" />
 | |
|     <link rel="stylesheet" type="text/css" href="{% static 'css/tachyons.css' %}"/>
 | |
|     <link rel="stylesheet" type="text/css" media="screen" href="{% static 'css/conservancy.css' %}" />
 | |
|     <link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="{% static 'css/conservancy-bigscreen.css' %}" />
 | |
|     <script type="text/javascript" src="{% static 'js/conservancy.js' %}" defer></script>
 | |
|     {% block head %}{% endblock %}
 | |
|   </head>
 | |
| 
 | |
|   <body class="conservancy-{% block category %}{% endblock %}">
 | |
|     <header>
 | |
|       <div class="flex-ns center mw8">
 | |
|         <div class="w-60-ns">
 | |
|           <h1 id="conservancyheader" class="mt2 mt3-ns mb2 mb3-ns">
 | |
|             <a href="/">
 | |
|               <img src="{% static 'img/conservancy-header.svg' %}" alt="Software Freedom Conservancy" class="db center mh3-ns" />
 | |
|             </a>
 | |
|           </h1>
 | |
|         </div>
 | |
| 
 | |
|         <ul id="feature-menu" class="w-40-ns mt2 mt4-ns mb2 mb2-ns mh2 pt1 flex flex-wrap justify-center items-center list">
 | |
|             <li><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></li>
 | |
|             <li class="donate"><a href="/donate/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Donate</a></li>
 | |
|             <li class="sustainer"><a href="/sustainer/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Join</a></li>
 | |
|             <li class="vizio"><a href="/vizio/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Vizio</a></li>
 | |
|             <li><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></li>
 | |
|         </ul>
 | |
|       </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>
 | |
|           <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="WhatWeDo"><a href="/activities">What we do</a>
 | |
|             {% include 'submenus/what_we_do_partial.html' %}
 | |
|           </li>
 | |
|           <li class="WhoWeAre"><a href="/about/">Who we are</a>
 | |
|             {% include 'submenus/who_we_are_partial.html' %}
 | |
|           </li>
 | |
|           <li class="Learn"><a href="/learn">Learn</a>
 | |
|             {% include 'submenus/learn_partial.html' %}
 | |
|           </li>
 | |
|           <li class="News"><a href="/news/">News</a>
 | |
|             {% include 'submenus/news_partial.html' %}
 | |
|           </li>
 | |
|         </ul>
 | |
|       </div>
 | |
|       <div id="navbar-clear"></div>
 | |
| 
 | |
|     </div>
 | |
|   {% include "fundgoal/fundraiser_goal_banner_partial.html" %}
 | |
| 
 | |
|     <div>
 | |
|       {% block outercontent %}<div id="mainContent" class="mw8 center ph2 ph3"> {% block content %}{% endblock %}</div>{% endblock %}
 | |
|     </div>
 | |
| 
 | |
|     <div id="conservancyfooter" class="mt4-ns pt3 ph3 bg-light-gray">
 | |
|       <p>Connect with Conservancy on
 | |
|         <a href="https://social.sfconservancy.org/conservancy">Fediverse</a>,
 | |
|         <a href="https://x.com/conservancy">X</a>,
 | |
|         <a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a>,
 | |
|         and <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">YouTube</a>.</p>
 | |
| 
 | |
|       <p><a href="/">Main Page</a> | <a href="/about/contact/">Contact</a> | <a href="/sponsors/">Sponsors</a> | <a href="/privacy-policy/">Privacy Policy</a> | <a href="/feeds/omnibus/">RSS Feed</a></p>
 | |
|       <p>Our privacy policy was last updated <strong>22 December 2020</strong>.</p>
 | |
| 
 | |
|       <p class="copyright_info">
 | |
|       <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a>
 | |
|       <br />This page, and all contents herein, unless a license is otherwise
 | |
|       specified, are licensed under a
 | |
|       <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0">Creative
 | |
|       Commons Attribution-ShareAlike 4.0 International License</a>.</p>
 | |
|     </div>
 | |
|   </body>
 | |
| </html>
 |