8e6aa6db7b
The new design focuses on the Vizio page, but includes a new theme for the rest of the site as well. All of these changes were both designed and implemented by Meredith Thompson <merethom@pm.me>.
169 lines
9.8 KiB
HTML
169 lines
9.8 KiB
HTML
{% load static %}
|
|
|
|
<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#">
|
|
|
|
<!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.min.css' %}"/>
|
|
<link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="{% static 'css/conservancy-bigscreen.css' %}" />
|
|
<link rel="stylesheet" type="text/css" media="screen" href="{% static 'css/conservancy.css' %}" />
|
|
<script src="{% static 'js/conservancy.js' %}" ></script>
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
|
|
<body class="conservancy-{% block category %}{% endblock %}">
|
|
|
|
<a class="notification-bar" href="/copyleft-compliance/vizio.html" role="alert" aria-label="Important notification: Get the latest update on our Vizio court case">Get the latest update on our Vizio court case <svg class="arrow-right" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#arrow-right"></use></svg></a>
|
|
|
|
<header class="header-container">
|
|
<div class="header-inner"> {# Added class for styling #}
|
|
|
|
<nav id="primary-nav-bar">
|
|
<a href="/" class="header-logo-link">
|
|
<img src="{% static 'img/conservancy-header-logo.svg' %}" alt="Software Freedom Conservancy" class="header-logo" width="284" height="90" />
|
|
</a>
|
|
|
|
<button id="mobile-menu-toggle" class="dn-ns bg-transparent bn pa2 pointer" aria-expanded="false" aria-controls="main-mobile-nav">
|
|
<svg style="color: var(--orange); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome_subset.svg' %}#bars"></use></svg>
|
|
<span class="sr-only">Toggle navigation menu</span>
|
|
</button>
|
|
|
|
<ul id="main-desktop-list" role="menu"> {# desktop nav only on non-small screens #}
|
|
|
|
<li class="News"><a href="/news/" role="menuitem" aria-haspopup="true">News <svg class="menu-arrow"><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a> {# Renamed WhatWeDo to About to match mockup #}
|
|
{% include 'submenus/news_partial2025.html' %}
|
|
</li>
|
|
<li class="About"><a href="/about/" role="menuitem" aria-haspopup="true">About <svg class="menu-arrow"><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a> {# Renamed WhatWeDo to About to match mockup #}
|
|
{% include 'submenus/about_partial2025.html' %} {# This partial might contain "Press Releases", "Blog", etc. based on mockup #}
|
|
</li>
|
|
<li class="OurWork"><a href="/activities" role="menuitem" aria-haspopup="true">Our Work <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a> {# Renamed WhoWeAre to OurWork to match mockup #}
|
|
{% include 'submenus/our-work_partial2025.html' %}
|
|
</li>
|
|
<li class="Tools"><a href="#" role="menuitem" aria-haspopup="true">Tools <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a>
|
|
{% include 'submenus/tools_partial2025.html' %}
|
|
</li>
|
|
<li class="Learn"><a href="/learn" role="menuitem" aria-haspopup="true">Learn <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a>
|
|
{% include 'submenus/learn_partial2025.html' %}
|
|
</li>
|
|
<li>
|
|
<a href="/donate/" class="desktop-donate-btn">Donate</a> {# desktop-only donate button #}
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
|
|
</div>
|
|
</header>
|
|
|
|
<div id="main-mobile-nav" class="mobile-nav-overlay" aria-hidden="true">
|
|
<div class="mobile-nav-header">
|
|
<a href="/" class="mobile-logo-link">
|
|
<img src="{% static 'img/conservancy-header-logo.svg' %}" alt="Software Freedom Conservancy" width="200" />
|
|
</a>
|
|
<button id="mobile-nav-close" class="bg-transparent bn pa2 pointer">
|
|
<svg style="color: var(--navy); width: 30px; height: 30px;"><use href="{% static 'img/font_awesome_subset.svg' %}#xmark"></use></svg>
|
|
<span class="sr-only">Close navigation menu</span>
|
|
</button>
|
|
</div>
|
|
|
|
<nav class="mobile-nav-content" aria-label="Main Mobile Navigation">
|
|
<ul class="mobile-main-menu list" role="menu">
|
|
<li class="News"><a href="/news/" role="menuitem" aria-haspopup="true">News <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a>
|
|
{% include 'submenus/news_partial2025.html' %}
|
|
</li>
|
|
<li class="About"><a href="/about/" role="menuitem" aria-haspopup="true">About <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a>
|
|
{% include 'submenus/about_partial2025.html' %}
|
|
</li>
|
|
<li class="OurWork"><a href="/activities" role="menuitem" aria-haspopup="true">Our Work <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a>
|
|
{% include 'submenus/our-work_partial2025.html' %}
|
|
</li>
|
|
<li class="Tools"><a href="/tools" role="menuitem" aria-haspopup="true">Tools <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a>
|
|
{% include 'submenus/tools_partial2025.html' %}
|
|
</li>
|
|
<li class="Learn"><a href="/learn" role="menuitem" aria-haspopup="true">Learn <svg class="menu-arrow" ><use href="{% static 'img/font_awesome_subset.svg' %}#chevron-down"></use></svg></a>
|
|
{% include 'submenus/learn_partial2025.html' %}
|
|
</li>
|
|
{# Add Donate button at the bottom of mobile nav, as seen in mockup #}
|
|
<li class="mobile-donate"><a href="/donate/" role="menuitem">Donate</a></li>
|
|
</ul>
|
|
</nav>
|
|
</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>
|
|
|
|
<footer class="footer-container" role="contentinfo">
|
|
<div class="footer-inner">
|
|
{# Logo #}
|
|
<a href="/" id="footer-logo-link">
|
|
<img class="footer-logo" src="{% static 'img/conservancy-header-logo.svg' %}" alt="Software Freedom Conservancy" />
|
|
</a>
|
|
|
|
{# Social Links #}
|
|
<div class="social-links">
|
|
<a class="social-x" href="https://x.com/conservancy" aria-label="X">
|
|
<svg class="fa-icon" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#x-twitter"></use></svg>
|
|
</a>
|
|
<a class="social-facebook" href="https://www.facebook.com/SoftwareFreedomConservancy/" aria-label="Facebook">
|
|
<svg class="fa-icon" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#facebook-f"></use></svg>
|
|
</a>
|
|
<a class="social-youtube" href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A" aria-label="YouTube">
|
|
<svg class="fa-icon" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#youtube"></use></svg>
|
|
</a>
|
|
<a class="social-mastodon" href="https://social.sfconservancy.org/conservancy" aria-label="Fediverse">
|
|
<svg class="fa-icon" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#mastodon"></use></svg>
|
|
</a>
|
|
</div>
|
|
|
|
{# Footer Nav #}
|
|
<div class="footer-nav">
|
|
<nav aria-label="Footer navigation">
|
|
<ul>
|
|
<li><a href="/">Main Page</a></li>
|
|
<li><a href="/about/">Contact</a></li>
|
|
<li><a href="/sponsors/">Sponsors</a></li>
|
|
<li><a href="/feeds/omnibus/">RSS Feed</a></li>
|
|
<li><a href="/donate/" id="footer-donate-btn" aria-label="Donate to Software Freedom Conservancy">Donate</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
{# Charity Info #}
|
|
<div class="charity-info">
|
|
<p>Software Freedom Conservancy is a 501(c)(3) non-profit charity.</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
{# Privacy Policy, CC License, CC Logo #}
|
|
<div class="site-footer-info">
|
|
<div class="privacy-policy">
|
|
<p><a href="/privacy-policy/">Privacy Policy</a> last updated 22 December 2020.</p>
|
|
</div>
|
|
<div class="cc-license">
|
|
<p>This page and its contents are licensed under a <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0"> Creative Commons Attribution-Share Alike 4.0 International License</a>.</p>
|
|
</div>
|
|
<a class="cc-logo" rel="license" href="https://creativecommons.org/licenses/by-sa/4.0">
|
|
<img src="{% static 'img/creative-commons-footer-icons.svg' %}" alt="Creative Commons Attribution-Share Alike 4.0 International License" />
|
|
</a>
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
|
|
<script src="{% static 'js/mobile-nav.js' %}"></script>
|
|
</body>
|
|
</html>
|