Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
website/conservancy/templates/base_conservancy.html

170 lines
9.8 KiB
HTML
Raw Normal View History

First-pass implementation of new design for home page. Uses a combination of CSS changes and Tachyons classes to implement the design. Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
2021-10-13 21:40:46 +11:00
{% load static %}
Implement min filter.
2015-11-30 20:32:57 -08:00
Apply the redesign patch 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>.
2025-07-21 16:37:54 +10:00
<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#">
Use HTML5
2014-11-01 11:33:25 +01:00
<!DOCTYPE html>
templates: Add og prefix for metadata.
2017-11-07 12:06:27 -05:00
<html lang="en" prefix="og: http://ogp.me/ns#">
Conservancy website as it currently looks; unfortunately, old history before this cannot easily be retrieved
2010-09-26 17:20:05 -04:00
<head>
<title>{% block title %}{% block subtitle %}{% endblock %}Software Freedom Conservancy{% endblock %}</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
Add meta-viewport for mobile device support.
2021-10-13 21:48:32 +11:00
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
Conservancy website as it currently looks; unfortunately, old history before this cannot easily be retrieved
2010-09-26 17:20:05 -04:00
<meta name="description" content="The Software Freedom Conservancy provides a non-profit home and services to Free, Libre and Open Source Software (FLOSS) projects." />
Adapted Django application stuff for Conservancy; and normalized to string "conservancy" within code and templates.
2010-09-26 17:56:29 -04:00
<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" />
Load favicon via staticfiles
2024-02-27 09:50:07 +11:00
<link rel="shortcut icon" href="{% static 'favicon.ico' %}" type="image/x-icon" />
Add the minified version of tachyons.css
2024-05-13 18:25:27 +10:00
<link rel="stylesheet" type="text/css" href="{% static 'css/tachyons.min.css' %}"/>
Similarly load CSS via Django staticfiles app
2024-02-27 09:34:11 +11:00
<link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="{% static 'css/conservancy-bigscreen.css' %}" />
Apply the redesign patch 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>.
2025-07-21 16:37:54 +10:00
<link rel="stylesheet" type="text/css" media="screen" href="{% static 'css/conservancy.css' %}" />
<script src="{% static 'js/conservancy.js' %}" ></script>
Conservancy website as it currently looks; unfortunately, old history before this cannot easily be retrieved
2010-09-26 17:20:05 -04:00
{% block head %}{% endblock %}
</head>
Repair menu highlighting, both for main menu and submenus During the recent improvements made on the website, the menus and submenu highlighting for selected menus fell into disarray. Correction requires changes to the CSS and templates both, because Django doesn't really have a convenient way to set variables in templates to use to solve this. There are still a few submenu items highlighting not working even after this commit. More work needs to be done.
2021-10-20 11:34:24 -07:00
<body class="conservancy-{% block category %}{% endblock %}">
Overhaul header, first pass at second level navigation.
2021-10-15 19:35:40 +11:00
Apply the redesign patch 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>.
2025-07-21 16:37:54 +10:00
<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>
First-pass implementation of new design for home page. Uses a combination of CSS changes and Tachyons classes to implement the design. Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
2021-10-13 21:40:46 +11:00
</div>
Overhaul header, first pass at second level navigation.
2021-10-15 19:35:40 +11:00
</header>
First-pass implementation of new design for home page. Uses a combination of CSS changes and Tachyons classes to implement the design. Adds the non-minified Tachyons CSS library itself and SVG icons from Font Awesome.
2021-10-13 21:40:46 +11:00
Apply the redesign patch 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>.
2025-07-21 16:37:54 +10:00
<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>
Add text for site fundraiser to every page. By adding this text to the base template, we add this to every page on the site.
2015-11-30 07:43:42 -08:00
Apply the redesign patch 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>.
2025-07-21 16:37:54 +10:00
<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>
Conservancy website as it currently looks; unfortunately, old history before this cannot easily be retrieved
2010-09-26 17:20:05 -04:00
</div>
Apply the redesign patch 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>.
2025-07-21 16:37:54 +10:00
Move fundraising goal banner into a template include
2023-10-20 12:47:58 +11:00
{% include "fundgoal/fundraiser_goal_banner_partial.html" %}
base: Remove match progressbar.
2017-01-23 20:59:16 -05:00
Allow "outercontent" template block to use full page width This allows us to create full-width layouts for specific campaigns.
2023-10-20 16:48:21 +11:00
<div>
{% block outercontent %}<div id="mainContent" class="mw8 center ph2 ph3"> {% block content %}{% endblock %}</div>{% endblock %}
Apply max widths and margins to all pages. Due to the varying types of layouts used and the short time-frame the best option seems to set a max-width etc. around the "outercontent" block. For now this means we can't do "full bleed" body content, but that's not currently used anyway.
2021-10-15 21:43:43 +11:00
</div>
Apply the redesign patch 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>.
2025-07-21 16:37:54 +10:00
<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>
Conservancy website as it currently looks; unfortunately, old history before this cannot easily be retrieved
2010-09-26 17:20:05 -04:00
</body>
</html>
Reference in a new issue Copy permalink