Conservancy/website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply the redesign patch

Browse source 
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>.
This commit is contained in:
Meredith Thompson 2025-07-21 16:37:54 +10:00 • committed by Ben Sturmfels
parent cea37dddc6
commit 8e6aa6db7b
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
21 changed files with 1955 additions and 278 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
conservancy/content/copyleft-compliance/vizio-filing-press-release.html
View file

@ -1,4 +1,4 @@
{% extends "base_vizio.html" %}
{% extends "base_vizio_og.html" %}
{% block subtitle %}Copyleft Compliance Projects - {% endblock %}
{% block submenuselection %}VizioMain{% endblock %}
{% block content %}

214
conservancy/content/copyleft-compliance/vizio.html
View file

@ -1,71 +1,131 @@
{% extends "base_vizio.html" %}
{% load static %}
{% block subtitle %}Copyleft Compliance Projects - {% endblock %}
{% block submenuselection %}VizioMain{% endblock %}
{% block content %}
<h1>Current Status of Vizio Case</h1>
<p>The case's expected trial date is in September 2025.</p>
<h3>History of Vizio Case</h3>
<p>On October 19, 2021, SFC filed a third-party beneficiary contract <a href="https://sfconservancy.org/docs/software-freedom-conservancy-v-vizio-complaint-2021-10-19.pdf">lawsuit</a> against Vizio in California State Court in Orange County, CA. Our <a href="/copyleft-compliance/glossary.html#complaint">complaint</a> demands <em>no financial compensation</em> but instead asks for what truly matters with regard to software rights and freedom: the &ldquo;specific performance&rdquo; (fulfilling a contract requirement in exactly the way the contract specifies) of production of complete, corresponding source code (CCS) &mdash; as defined in the various GPL Agreements (such as GPLv2 and LGPLv2.1).</p>
<p>Vizio has still not provided CCS for their televisions to SFC, and so our lawsuit continues. Instead, Vizio <a href="/blog/2021/dec/28/vizio-update-1/">attempted to &ldquo;remove&rdquo;</a> the case to federal court (arguing that copyright claims <em>preempted</em> our third-party beneficiary contract claim). We <a href="/news/2022/may/16/vizio-remand-win/">succeeded in our motion to remand the case back to state court</a>; the federal judge <a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.30.0.pdf">agreed that our case included an &ldquo;extra element&rdquo;</a> not covered by copyright.</p>
<p>After several months of litigation back in state court, Vizio <a href="https://sfconservancy.org/docs/2023-4-28_VIZIOs_Motion_for_Summary_Judgment_with_Reservation.pdf">filed for</a> <a href="/copyleft-compliance/glossary.html#summary-judgment">summary judgment</a> in the state court <em>again</em> arguing copyright preemption. The state court is not bound by the federal court's ruling against preemption, so Vizio was able to essentially re-argue its motion to dismiss. (Vizio also argued that the GPL Agreements have no third-party beneficiaries &mdash; which was the first time Vizio has tried to attack these claims substantively). On 29 December 2023, the judge <a href="https://sfconservancy.org/docs/Order_Denying_Vizio_Motion_for_Summary_Judgement_12-29-23.pdf"><strong>denied</strong> Vizio's motion for summary judgment</a>. </p>
<h3>Portions of Interest from the Docket in the Vizio Case</h3>
Below are documents from the docket(s) in this SFC v. Vizio case of interest,
provided in (roughly) chronological order:
{% block case-info %}
<h1>Software Freedom Conservancy v. Vizio Inc.</h1>
<ul>
<br>
<li><a
href="https://sfconservancy.org/docs/software-freedom-conservancy-v-vizio-complaint-2021-10-19.pdf">SFC's
Original Complaint (2021-10-19)</a></li>
<br>
<li><h5>Removal (to federal court) and Remand (to state court)</h5></li>
<ul>
<li><a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.1.0.pdf">Vizio's Motion to Remove (to federal court)</a></li>
<li><a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.14.0_1.pdf">SFC's Motion to Remand (to state court)</a></li>
<li><a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.24.0_1.pdf">Vizio's Opposition of SFC's Motion to Remand (to state court)</a></li>
<li><a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.32.0.pdf">Transcript of the hearing of the motion to remand</a></li>
<li><a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.30.0.pdf"><strong>Decision by the federal court to remand the case to state court</strong></a></li>
<li><span>Location:</span> California</li>
<li><span>Court Type:</span> Orange County Superior Court</li>
<li><span>Status:</span> Ongoing</li>
<li><span>Last Update:</span> July 15, 2025</li>
</ul>
{% endblock %}
<li><h5>Vizio's Motion for Summary Judgment</h5></li>
<ul>
<li><a href="https://sfconservancy.org/docs/2023-4-28_VIZIOs_Motion_for_Summary_Judgment_with_Reservation.pdf">Vizio's Motion for Summary Judgment</li>
<li><a href="https://sfconservancy.org/docs/SFC_response_to_summary_judgement.pdf">SFC's response to Vizio's Motion for Summary Judgment</li>
<li><a href="https://sfconservancy.org/docs/Vizio_summary_judgement_reply_brief.pdf">Vizio's reply to SFC's response to Vizio's Motion for Summary Judgment</a></li>
<li><a href="https://sfconservancy.org/docs/Transcript_Full_Vizios_MSJ_HearingDeptC-33.231005.pdf">Full transcript from the hearing</a></li>
<li><a href="https://sfconservancy.org/docs/Order_Denying_Vizio_Motion_for_Summary_Judgement_12-29-23.pdf"><strong>Judge's
ruling denying Vizio's Motion for Summary Judgment</strong></a></li>
</ul>
<li><a
href="https://usethesource.sfconservancy.org/tmp_vizio_docs/software-freedom-conservancy-v-vizio-first_amended_complaint-2024-01-10.pdf">SFC's
First Amended Complaint (2024-01-10)</a></li>
{% block on-page-css %}
<style>
<br>
<li><h5>SFC's Motion for Summary Adjudication</h5></li>
<ul>
<li><a href="https://sfconservancy.org/docs/software-freedom-conservancy-v-vizio_2023-12-01_SFC-Motion-Summary-Adjudication.pdf">SFC's
Motion for Summary Adjudication</a></li>
<li><a href="https://sfconservancy.org/docs/2024-02-01_SFC-vs-Vizio_Vizio-response-to-first-SFC-MSA.pdf">Vizio's
response to SFC's Motion for Summary Adjudication</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/SFC_motion_summary_adjudication_reply_brief.pdf">SFC's
reply to Vizio's response to SFC's Motion for Summary Adjudication</a></li>
<li><a href="https://sfconservancy.org/docs/2024-03-26_SFC-vs-Vizio_order-partially-granting-SFC-first-MSA.pdf">Judge's
ruling partially granting SFC's Motion for Summary Adjudication</a></li>
</ul>
.case-header {
background: url("{% static 'img/vizio-image.webp' %}") right center no-repeat;
background-size: cover;
}
</style>
{% endblock %}
<br>
<li><h5>Mediation attempts and procedural matters in discovery</h5></li>
<ul>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/350.pdf">Linux Foundation (Vizio witness) attempt to limit SFC's questions</a></li>
{% block about-case %}
<p>Modern smart TVs come with software that tracks viewing habits to deliver targeted advertising directly on the TV screen. Software Freedom Conservancy purchased a Vizio TV to develop an open-source version of the operating system that was more customizable and didn't track users to show them ads. This Vizio TV runs on Linux, an operating system that legally requires manufac-turers to share the code that lets users customize their devices. When SFC asked Vizio to provide the source code, they refused. SFC sued Vizio in the Orange County Superior Court to receive this essential information.</p>
<p>When Vizio chose to use Linux in its TVs, it accepted Linux's reciprocal contract, which gives purchasers all the rights that Vizio had, to modify and install the software onto the Vizio TV. However, when SFC asked Vizio to hold up its end of the bargain, by giving SFC the source code that SFC was owed so SFC could make the TVs better serve their users, Vizio refused.  After multiple years of back and forth with Vizio, SFC knew the only way Vizio would comply with the license and give SFC the source code was to sue Vizio.  So in October 2021 SFC sued Vizio in California state court.</p>
<p>The lawsuit is filed as a third-party beneficiary of GPLv2 (the license and contract that Linux and other software uses).  This means that, as a purchaser of a Vizio TV, SFC has rights in the contract that Vizio has with the developers of Linux and other software Vizio uses. SFC seeks to confirm in the courts that purchasers of devices running Linux and other software with reciprocal licenses like GPLv2 have a legal right to ask for, and receive, the source code for those devices, so they can adapt the software to their needs, and make practical use of those adaptations by being able to install those changes back onto the devices they purchased.</p>
<p>We have already seen the huge benefits that GPLv2 provides to device purchasers through projects
like OpenWrt, which allows owners of broadband routers to customize the functionality and features of these devices to better serve them. As an example, users can install ad-blocking software on their router to keep invasive advertising away from their children. This is just one of many ways that companies complying with the GPL is important, and why SFC wants to confirm this third-party right to source code in the courts.</p>
{% endblock %}
{% block news-coverage-link %}
<h2>
<a href="/press/vizio-coverage.html">
View other news coverage about this case
<svg class="arrow-right" aria-hidden="true">
<use href="{% static 'img/font_awesome_subset.svg' %}#arrow-right"></use>
</svg>
</a>
</h2>
{% endblock %}
{% block why-case-matters %}
<p>This case could help establish whether you, as a consumer, have the right to modify and improve the technology you've purchased rather than being forced to use it exactly as manufacturers dictate.</p>
{% endblock %}
{% block legal-docs %}
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">SFC’s Original Complaint <span>[Fall 2021]</span></span>
</summary>
<ul>
<li><a href="https://sfconservancy.org/static/docs/software-freedom-conservancy-v-vizio-complaint-2021-10-19.pdf">SFC's Original Complaint</a></li>
</ul>
</details>
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">Removal and Remand (federal to state) <span>[Fall 2021]</span></span>
</summary>
<ul>
<li><a href="https://sfconservancy.org/docs/2023-4-28_VIZIOs_Motion_for_Summary_Judgment_with_Reservation.pdf">Vizio's Motion to Remove (to federal court)</a></li>
<li><a href="https://sfconservancy.org/docs/SFC_response_to_summary_judgement.pdf">SFC's Motion to Remand (to state court)</a></li>
<li><a href="https://sfconservancy.org/docs/Vizio_summary_judgement_reply_brief.pdf">Vizio's Opposition of SFC's Motion to Remand (to state court)</a></li>
<li><a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.32.0.pdf">Transcript of the hearing of the motion to remand</a></li>
<li><a href="https://storage.courtlistener.com/recap/gov.uscourts.cacd.837808/gov.uscourts.cacd.837808.30.0.pdf">Decision by the federal court to remand the case to state court</a></li>
</ul>
</details>
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">Vizio's Motion for Summary Judgment <span>[Spring 2023]</span></span>
</summary>
<ul>
<li><a href="https://sfconservancy.org/docs/2023-4-28_VIZIOs_Motion_for_Summary_Judgment_with_Reservation.pdf">Vizio's Motion for Summary Judgment</a></li>
<li><a href="https://sfconservancy.org/docs/SFC_response_to_summary_judgement.pdf">SFC's response to Vizio's Motion for Summary Judgment</a></li>
<li><a href="https://sfconservancy.org/docs/Vizio_summary_judgement_reply_brief.pdf">Vizio's reply to SFC's response to Vizio's Motion for Summary Judgment</a></li>
<li><a href="https://sfconservancy.org/docs/Transcript_Full_Vizios_MSJ_HearingDeptC-33.231005.pdf">Full transcript from the hearing</a></li>
<li><a href="https://sfconservancy.org/docs/Order_Denying_Vizio_Motion_for_Summary_Judgement_12-29-23.pdf">Judge's ruling denying Vizio's Motion for Summary Judgment</a></li>
</ul>
</details>
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">SFC's First Amended Complaint <span>[Spring 2022]</span></span></summary>
<ul>
<li><a
href="https://usethesource.sfconservancy.org/tmp_vizio_docs/software-freedom-conservancy-v-vizio-first_amended_complaint-2024-01-10.pdf">SFC's
First Amended Complaint (2024-01-10)</a></li>
</ul>
</details>
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">SFC's Motion for Summary Adjudication <span>[Winter 2024]</span></span></summary>
<ul>
<li><a href="https://sfconservancy.org/docs/software-freedom-conservancy-v-vizio_2023-12-01_SFC-Motion-Summary-Adjudication.pdf">SFC's
Motion for Summary Adjudication</a></li>
<li><a href="https://sfconservancy.org/docs/2024-02-01_SFC-vs-Vizio_Vizio-response-to-first-SFC-MSA.pdf">Vizio's
response to SFC's Motion for Summary Adjudication</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/SFC_motion_summary_adjudication_reply_brief.pdf">SFC's
reply to Vizio's response to SFC's Motion for Summary Adjudication</a></li>
<li><a href="https://sfconservancy.org/docs/2024-03-26_SFC-vs-Vizio_order-partially-granting-SFC-first-MSA.pdf">Judge's
ruling partially granting SFC's Motion for Summary Adjudication</a></li>
</ul>
</details>
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">Mediation attempts and procedural matters in discovery <span>[Date TBC]</span></span></summary>
<ul>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/350.pdf">Linux Foundation (Vizio witness) attempt to limit SFC's questions</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/397.pdf">Judge's rulings on Motions to Compel</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/411.pdf">Joint Statement re deadline on Motions to Compel and in-person inspection motion</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/412.pdf">Setting trial date per Mandatory Settlement Conference result</a></li>
@ -75,28 +135,42 @@ First Amended Complaint (2024-01-10)</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/444.pdf">Joint Statement requesting trial rescheduling and bench trial</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/450.pdf">Judge confirming rescheduled Status Conference and hearing dates</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/456.pdf">Status Conference result and new trial date of 2025-09-15</a></li>
</ul>
</ul>
</details>
<br>
<li><h5>SFC's Second Motion for Summary Adjudication</h5></li>
<ul>
<li><a href="https://sfconservancy.org/docs/2025-05-23_SFC-vs-Vizio_second-SFC-Motion-for-Summary-Adjudication.pdf">SFC's Second Motion for Summary Adjudication (2025-05-23)</a></li>
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">SFC's Second Motion for Summary Adjudication <span>[Date TBC]</span></span></summary>
<ul>
<li><a href="https://sfconservancy.org/docs/2025-05-23_SFC-vs-Vizio_second-SFC-Motion-for-Summary-Adjudication.pdf">SFC's Second Motion for Summary Adjudication (2025-05-23)</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/486.pdf">Statement of "undisputed material facts"</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/488.pdf">Request for judicial notice in support of Motion for Summary Adjudication</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/490.pdf">Appendix of exhibits</a></li>
</ul>
<li>SFC's motion to set hearing date on its Motion for Summary Adjudication</li>
</details>
<details class="toggle-section">
<summary>
<svg class="toggle-icon plus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#plus"></use></svg>
<svg class="toggle-icon minus" aria-hidden="true"><use href="{% static 'img/font_awesome_subset.svg' %}#minus"></use></svg>
<span class="summary-title">SFC's motion to set hearing date on its Motion for Summary Adjudication <span>[Date TBC]</span></span></summary>
<ul>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/501.pdf">SFC's motion to set hearing date on its Motion for Summary Adjudication</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/507.pdf">Vizio's qualified non-opposition to set hearing</a></li>
<li><a href="https://usethesource.sfconservancy.org/tmp_vizio_docs/511.pdf">Judge's order on hearing date and new trial date of 2025-09-22</a></li>
</ul>
</ul>
</ul>
<h3>MEDIA CONTACT</h3>
You can reach out media team at <a href="mailto:media@sfconservancy.org">&lt;media@sfconservancy.org&gt;</a></p>
</details>
{% endblock %}
{% block resources %}
<p>
<a href="/press/qanda.html">FAQ</a> / <a href="/docs/software-freedom-conservancy-v-vizio-photo-assets.zip">Photo Assets</a> / <a href="/copyleft-compliance/glossary.html">Glossary</a>
<br>
<a href="press/vizio-coverage.html">Press Release</a> / <a href="mailto:media@sfconservancy.org">Media Contact</a> / <a href="press/">Press Kit</a>
</p>
{% endblock %}

2
conservancy/content/press/qanda.html
View file

@ -1,4 +1,4 @@
{% extends "base_vizio.html" %}
{% extends "base_vizio_og.html" %}
{% block subtitle %}Press - {% endblock %}
{% block submenuselection %}VizioQandA{% endblock %}
{% block content %}

1328
conservancy/static/css/conservancy.css
View file

File diff suppressed because it is too large Load diff

BIN
conservancy/static/fonts/AtkinsonHyperlegibleNextVF-Variable.woff2 Normal file
View file

Binary file not shown.

5
conservancy/static/img/conservancy-header-logo.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

5
conservancy/static/img/creative-commons-footer-icons.svg Normal file
View file

@ -0,0 +1,5 @@
<svg width="81" height="40" viewBox="0 0 81 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.4863 12.5C24.5842 12.5 26.3704 13.2324 27.8435 14.6966C28.5485 15.4018 29.0845 16.2079 29.4506 17.114C29.8165 18.0203 30 18.9822 30 20.0001C30 21.0269 29.8188 21.9891 29.4576 22.886C29.096 23.7832 28.5623 24.5759 27.8573 25.2633C27.1253 25.9864 26.2949 26.5402 25.3661 26.9241C24.4377 27.308 23.4777 27.5 22.4868 27.5C21.4958 27.5 20.547 27.3106 19.6407 26.9307C18.7346 26.5515 17.922 26.0023 17.2032 25.2837C16.4843 24.5651 15.9375 23.7546 15.5625 22.8527C15.1875 21.9509 15 21.0002 15 20.0001C15 19.0089 15.1896 18.0559 15.5691 17.1407C15.9485 16.2254 16.5 15.4063 17.2231 14.683C18.6516 13.228 20.4059 12.5 22.4863 12.5ZM22.5135 13.8528C20.7992 13.8528 19.3571 14.4512 18.1873 15.6475C17.5979 16.2458 17.1448 16.9176 16.8279 17.6631C16.5106 18.4087 16.3524 19.1878 16.3524 20.0004C16.3524 20.804 16.5106 21.5787 16.8279 22.3237C17.145 23.0698 17.5979 23.7349 18.1873 24.3197C18.7765 24.9047 19.4415 25.3507 20.183 25.6592C20.9239 25.9672 21.7009 26.1212 22.5135 26.1212C23.3169 26.1212 24.0955 25.9653 24.8509 25.6526C25.6054 25.3397 26.2856 24.8893 26.8931 24.3C28.0626 23.1572 28.6472 21.7242 28.6472 20.0006C28.6472 19.1702 28.4953 18.3845 28.1918 17.6434C27.8887 16.9023 27.4464 16.2419 26.8666 15.6611C25.6605 14.4557 24.2099 13.8528 22.5135 13.8528ZM22.4195 18.7549L21.4147 19.2773C21.3074 19.0544 21.1759 18.8978 21.0198 18.8085C20.8635 18.7195 20.7184 18.6747 20.5843 18.6747C19.9149 18.6747 19.5798 19.1165 19.5798 20.0006C19.5798 20.4023 19.6646 20.7234 19.8341 20.9646C20.0038 21.2058 20.2538 21.3265 20.5843 21.3265C21.0219 21.3265 21.3299 21.112 21.5087 20.6836L22.4326 21.1523C22.2362 21.5187 21.9639 21.8065 21.6156 22.0162C21.2678 22.2262 20.8836 22.331 20.4638 22.331C19.7942 22.331 19.2537 22.1259 18.8431 21.7148C18.4325 21.3042 18.2272 20.7328 18.2272 20.0008C18.2272 19.2864 18.4348 18.7197 18.8499 18.2999C19.265 17.8804 19.7895 17.6704 20.4238 17.6704C21.3526 17.6699 22.0175 18.0316 22.4195 18.7549ZM26.7454 18.7549L25.7542 19.2773C25.6471 19.0544 25.5152 18.8978 25.3591 18.8085C25.2025 18.7195 25.0527 18.6747 24.9105 18.6747C24.2408 18.6747 23.9057 19.1165 23.9057 20.0006C23.9057 20.4023 23.9908 20.7234 24.1602 20.9646C24.3297 21.2058 24.5795 21.3265 24.9105 21.3265C25.3476 21.3265 25.6558 21.112 25.8342 20.6836L26.7717 21.1523C26.5666 21.5187 26.2896 21.8065 25.9417 22.0162C25.5934 22.2262 25.214 22.331 24.8034 22.331C24.1246 22.331 23.5825 22.1259 23.1765 21.7148C22.7697 21.3042 22.5667 20.7328 22.5667 20.0008C22.5667 19.2864 22.7741 18.7197 23.1897 18.2999C23.6045 17.8804 24.129 17.6704 24.763 17.6704C25.6917 17.6699 26.3528 18.0316 26.7454 18.7549Z" fill="#292A2E"/>
<path d="M40.4866 12.5C42.5845 12.5 44.3611 13.2277 45.8168 14.6832C47.2718 16.1298 48 17.9019 48 20C48 22.0986 47.2854 23.8571 45.8566 25.2767C44.348 26.7589 42.5576 27.5 40.4866 27.5C38.4595 27.5 36.7008 26.7634 35.2099 25.2901C33.7369 23.817 33 22.0541 33 20.0002C33 17.9558 33.7369 16.1834 35.2099 14.6834C36.6652 13.2277 38.4241 12.5 40.4866 12.5ZM40.5134 13.8528C38.808 13.8528 37.3662 14.4556 36.1875 15.661C34.9641 16.9023 34.3526 18.3486 34.3526 20C34.3526 21.6699 34.9596 23.1071 36.1737 24.3125C37.388 25.527 38.8343 26.1338 40.5129 26.1338C42.1823 26.1338 43.638 25.5223 44.8791 24.2991C46.0577 23.1563 46.647 21.7234 46.647 20C46.647 18.286 46.0486 16.8395 44.8526 15.661C43.665 14.4552 42.2184 13.8528 40.5134 13.8528ZM37.1651 18.9418C37.3078 18.0221 37.6781 17.3101 38.2765 16.8057C38.8746 16.3013 39.6021 16.0491 40.4595 16.0491C41.6377 16.0491 42.5756 16.4288 43.272 17.1873C43.9683 17.9462 44.3166 18.9195 44.3166 20.1069C44.3166 21.2588 43.9549 22.2163 43.2321 22.9794C42.5084 23.7425 41.5713 24.1245 40.4191 24.1245C39.5709 24.1245 38.8387 23.8702 38.2228 23.3612C37.6066 22.8521 37.2363 22.1291 37.1112 21.1916H39C39.0445 22.1023 39.5937 22.5577 40.6474 22.5577C41.1738 22.5577 41.5983 22.3299 41.9196 21.8748C42.2414 21.4196 42.4022 20.8121 42.4022 20.0534C42.4022 19.2587 42.2548 18.654 41.9604 18.2387C41.6655 17.8236 41.2418 17.6159 40.6877 17.6159C39.6874 17.6159 39.1252 18.0577 39.0002 18.9416H39.5494L38.063 20.4282L36.5763 18.9416L37.1651 18.9418Z" fill="#292A2E"/>
<path d="M58.4866 12.5C60.5932 12.5 62.3702 13.223 63.8168 14.6696C65.2718 16.1251 66 17.9019 66 20C66 22.1073 65.2854 23.8616 63.8566 25.2631C62.3388 26.7545 60.5489 27.5 58.4866 27.5C56.4595 27.5 54.7008 26.7631 53.2099 25.2898C51.7369 23.8166 51 22.0536 51 20C51 17.9466 51.7369 16.1698 53.2099 14.6698C54.6565 13.223 56.415 12.5 58.4866 12.5ZM58.5134 13.8528C56.808 13.8528 55.3662 14.4512 54.1875 15.6474C52.9641 16.8976 52.3526 18.3486 52.3526 20.0002C52.3526 21.661 52.9596 23.0987 54.1737 24.3123C55.388 25.5268 56.8343 26.1336 58.5129 26.1336C60.1823 26.1336 61.638 25.5226 62.8791 24.2989C64.0577 23.165 64.647 21.732 64.647 19.9998C64.647 18.2945 64.0486 16.8439 62.8526 15.6472C61.6563 14.4509 60.2098 13.8528 58.5134 13.8528ZM60.5224 18.1384V21.2052H59.6655V24.8478H57.3349V21.2054H56.478V18.1384C56.478 18.0043 56.5249 17.8906 56.6184 17.7969C56.7124 17.7034 56.8263 17.6562 56.9599 17.6562H60.0405C60.1655 17.6562 60.2773 17.7031 60.3752 17.7969C60.473 17.8906 60.5224 18.0045 60.5224 18.1384ZM57.4552 16.2099C57.4552 15.5049 57.8032 15.152 58.5 15.152C59.1968 15.152 59.5446 15.5045 59.5446 16.2099C59.5446 16.9062 59.1963 17.2545 58.5 17.2545C57.8037 17.2545 57.4552 16.9062 57.4552 16.2099Z" fill="#292A2E"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 5.3 KiB

29
conservancy/static/img/font_awesome_subset.svg
View file

@ -4,18 +4,21 @@ Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
-->
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="facebook" viewBox="0 0 512 512">
<path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"></path>
<!-- Brands -->
<symbol id="facebook-f" viewBox="0 0 320 512">
<path fill="currentColor" d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/>
</symbol>
<symbol id="mastodon" viewBox="0 0 448 512">
<path fill="currentColor" d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path>
</symbol>
<symbol id="twitter" viewBox="0 0 512 512">
<path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
<symbol id="x-twitter" viewBox="0 0 512 512">
<path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/>
</symbol>
<symbol id="youtube" viewBox="0 0 576 512">
<path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</symbol>
<!-- Solid -->
<symbol id="rss-square" viewBox="0 0 448 512">
<path fill="currentColor" d="M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM112 416c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm157.533 0h-34.335c-6.011 0-11.051-4.636-11.442-10.634-5.214-80.05-69.243-143.92-149.123-149.123-5.997-.39-10.633-5.431-10.633-11.441v-34.335c0-6.535 5.468-11.777 11.994-11.425 110.546 5.974 198.997 94.536 204.964 204.964.352 6.526-4.89 11.994-11.425 11.994zm103.027 0h-34.334c-6.161 0-11.175-4.882-11.427-11.038-5.598-136.535-115.204-246.161-251.76-251.76C68.882 152.949 64 147.935 64 141.774V107.44c0-6.454 5.338-11.664 11.787-11.432 167.83 6.025 302.21 141.191 308.205 308.205.232 6.449-4.978 11.787-11.432 11.787z"></path>
</symbol>
@ -31,4 +34,22 @@ License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL
<symbol id="search" viewBox="0 0 512 512">
<path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
</symbol>
<symbol id="plus" viewBox="0 0 448 512">
<path fill="currentColor" d="M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"/>
</symbol>
<symbol id="arrow-right" viewBox="0 0 448 512">
<path fill="currentColor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/>
</symbol>
<symbol id="minus" viewBox="0 0 448 512">
<path fill="currentColor" d="M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"/>
</symbol>
<symbol id="chevron-down" viewBox="0 0 512 512">
<path fill="currentColor" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/>
</symbol>
<symbol id="chevron-up" viewBox="0 0 512 512">
<path fill="currentColor" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"/>
</symbol>
<symbol id="xmark" viewBox="0 0 384 512">
<path fill="currentColor" d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/>
</symbol>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
conservancy/static/img/vizio-image.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 171 KiB

14
conservancy/static/js/conservancy.js
View file

@ -58,10 +58,10 @@ qsa('.supporter-form').forEach(function(form) {
});
// Open mobile/search menu.
qs('#menu-icon').addEventListener('click', function(event) {
qs('#navbar').classList.toggle('mobile');
});
qs('#search-icon').addEventListener('click', function(event) {
qs('#navbar').classList.toggle('mobile');
qs('#search-query').focus();
});
// qs('#menu-icon').addEventListener('click', function(event) {
// qs('#navbar').classList.toggle('mobile');
// });
// qs('#search-icon').addEventListener('click', function(event) {
// qs('#navbar').classList.toggle('mobile');
// qs('#search-query').focus();
// });

89
conservancy/static/js/mobile-nav.js Normal file
View file

@ -0,0 +1,89 @@
// A dedicated script for mobile navigation.
// It assumes the CSS is correctly set up for the slide-out and accordion behaviors.
document.addEventListener('DOMContentLoaded', function() {
// 1. Mobile Menu Open/Close Elements
const mobileMenuToggle = document.getElementById('mobile-menu-toggle');
const mainMobileNav = document.getElementById('main-mobile-nav');
const mobileNavClose = document.getElementById('mobile-nav-close');
const body = document.body;
// 2. Check if the required elements exist
if (mobileMenuToggle && mainMobileNav && mobileNavClose) {
// Handle opening the menu
mobileMenuToggle.addEventListener('click', function() {
mainMobileNav.classList.add('is-open');
body.classList.add('nav-open'); // Add class to body to prevent scrolling
mainMobileNav.setAttribute('aria-hidden', 'false');
mobileMenuToggle.setAttribute('aria-expanded', 'true');
});
// Handle closing the menu
mobileNavClose.addEventListener('click', function() {
mainMobileNav.classList.remove('is-open');
body.classList.remove('nav-open'); // Remove class from body
mainMobileNav.setAttribute('aria-hidden', 'true');
mobileMenuToggle.setAttribute('aria-expanded', 'false');
});
} else {
console.error("Mobile navigation elements not found. Please ensure IDs 'mobile-menu-toggle', 'main-mobile-nav', and 'mobile-nav-close' are correct in your HTML.");
}
// 3. Accordion Functionality
const mobileMainMenuItems = document.querySelectorAll('.mobile-main-menu > li');
mobileMainMenuItems.forEach(item => {
// Find the main link with a submenu indicator (aria-haspopup)
const parentLink = item.querySelector('a[aria-haspopup="true"]');
// Find the submenu <ul>
const submenu = item.querySelector('ul');
if (parentLink && submenu) {
// Prevent the main link from navigating and toggle the submenu
parentLink.addEventListener('click', function(event) {
// Check if the screen width is within the mobile range (using a common breakpoint)
if (window.matchMedia('(max-width: 66.999em)').matches) {
event.preventDefault();
// Toggle the 'is-expanded' class on the parent <li>
item.classList.toggle('is-expanded');
if (item.classList.contains('is-expanded')) {
// Expand the submenu by setting max-height to its scroll height
submenu.style.maxHeight = submenu.scrollHeight + 'px';
parentLink.setAttribute('aria-expanded', 'true');
} else {
// Collapse the submenu
submenu.style.maxHeight = '0';
parentLink.setAttribute('aria-expanded', 'false');
}
// Close other open accordions
mobileMainMenuItems.forEach(otherItem => {
if (otherItem !== item && otherItem.classList.contains('is-expanded')) {
otherItem.classList.remove('is-expanded');
const otherSubmenu = otherItem.querySelector('ul');
if (otherSubmenu) {
otherSubmenu.style.maxHeight = '0';
otherItem.querySelector('a[aria-haspopup="true"]').setAttribute('aria-expanded', 'false');
}
}
});
}
});
}
});
// 4. Ensure accordion max-height is recalculated on window resize
window.addEventListener('resize', function() {
mobileMainMenuItems.forEach(item => {
if (item.classList.contains('is-expanded')) {
const submenu = item.querySelector('ul');
if (submenu) {
// Recalculate max-height in case content reflowed
submenu.style.maxHeight = submenu.scrollHeight + 'px';
}
}
});
});
});

6
conservancy/templates/base_compliance.html
View file

@ -9,7 +9,7 @@
{% endblock %}
{% block outercontent %}
<div class="content-with-donate-sidebar mw8 center ph2 ph3">
<div class="content-with-donate-sidebar">
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
@ -39,7 +39,7 @@
</ul>
</div>
</div>
<div class="donate-sidebar">
<!-- <div class="donate-sidebar">
<details>
<summary>Support Now!</summary>
@ -51,6 +51,6 @@
Sustainer <strong>right now</strong></span></a>. We can't sustain
this work without ongoing support from donors like you!</p>
</details>
</div>
</div> -->
</div>
{% endblock %}

206
conservancy/templates/base_conservancy.html
View file

@ -1,5 +1,7 @@
{% 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>
@ -10,94 +12,158 @@
<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="screen" href="{% static 'css/conservancy.css' %}" />
<link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="{% static 'css/conservancy-bigscreen.css' %}" />
<script src="{% static 'js/conservancy.js' %}" defer></script>
<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 %}">
<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" width="284" height="90" />
</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>
<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="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="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>
</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 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>
<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>
<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>
<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>
{# 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>
<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" width="88" height="31" /></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>
{# 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>

66
conservancy/templates/base_vizio.html
View file

@ -5,45 +5,45 @@
{% block category %}Vizio{% endblock %}
{% block head %}
<link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
{% block on-page-css %}{% endblock %}
{% endblock %}
{% block outercontent %}
<div class="content-with-donate-sidebar mw8 center ph2 ph3">
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="VizioTopBar {% block submenuselection %}{% endblock %}">
<h2>What We Do</h2>
{% include 'submenus/what_we_do_partial.html' %}
<h2>Vizio Lawsuit</h2>
<ul>
<li class="VizioMain"><a href="/copyleft-compliance/vizio.html">About the Lawsuit</a></li>
<li class="VizioPressRelease"><a href="/copyleft-compliance/vizio-filing-press-release.html">Press Release</a></li>
<li class="VizioComplaint"><a href="/docs/software-freedom-conservancy-v-vizio-complaint-2021-10-19.pdf">Complaint</a></li>
<li class="VizioQandA"><a href="/press/qanda.html">Q&amp;A</a></li>
<li class="VizioPress"><a href="/press/vizio-coverage.html">Vizio Press Coverage</a></li>
</ul>
<h2>Resources for Journalists</h2>
<ul>
<li class="VizioPressKit"><a href="/docs/software-freedom-conservancy-v-vizio-announce-press-kit.pdf">Press Kit</a></li>
<li class="VizioPhotoAssets"><a href="/docs/software-freedom-conservancy-v-vizio-photo-assets.zip">Photo Assets</a></li>
<li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
</ul>
<h2><ul><li class="ComplianceMain"><a href="/copyleft-compliance/index.html">More About Copyleft Compliance</a></li></ul></h2>
</div>
<section class="case-header">
<div class="case-info">
<div>
<h4>Court Case</h4>
{% block case-info %}{% endblock %}
</div>
<div class="donate-sidebar">
<details>
<summary>Support Now!</summary>
</div>
<div class="case-bar"></div>
</section>
<h3>Support Copyleft Enforcement Now!</h3>
<p>
To support our copyleft compliance &amp; 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>
</details>
</div>
<section class="case-content">
<div class="case-content-left">
<div class="about-case">
<h2>About the case</h2>
{% block about-case %}{% endblock %}
</div>
<div class="news-coverage-link">{% block news-coverage-link %}{% endblock %}</div>
</div>
<div class="case-content-right">
<div class="why-case-matters">
<h2>Why this case matters</h2>
{% block why-case-matters %}{% endblock %}
</div>
<div class="legal-documents">
<h2>About the case</h2>
<p>Below are legals documents from the docket(s) in this case, provided in approximate chronological order:</p>
{% block legal-docs %}{% endblock %}
</div>
<div class="resources">
<h2>Resources</h2>
{% block resources %}{% endblock %}
</div>
</section>
{% endblock %}

53
conservancy/templates/base_vizio_og.html Normal file
View file

@ -0,0 +1,53 @@
{% extends "base_conservancy.html" %}
{% load cache %}
{% load humanize %}
{% load static %}
{% block category %}Vizio{% endblock %}
{% block head %}
<link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
{% endblock %}
{% block outercontent %}
<div class="content-with-donate-sidebar">
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="VizioTopBar {% block submenuselection %}{% endblock %}">
<h2>What We Do</h2>
{% include 'submenus/what_we_do_partial.html' %}
<h2>Vizio Lawsuit</h2>
<ul>
<li class="VizioMain"><a href="/copyleft-compliance/vizio.html">About the Lawsuit</a></li>
<li class="VizioPressRelease"><a href="/copyleft-compliance/vizio-filing-press-release.html">Press Release</a></li>
<li class="VizioComplaint"><a href="/docs/software-freedom-conservancy-v-vizio-complaint-2021-10-19.pdf">Complaint</a></li>
<li class="VizioQandA"><a href="/press/qanda.html">Q&amp;A</a></li>
<li class="VizioPress"><a href="/press/vizio-coverage.html">Vizio Press Coverage</a></li>
</ul>
<h2>Resources for Journalists</h2>
<ul>
<li class="VizioPressKit"><a href="/docs/software-freedom-conservancy-v-vizio-announce-press-kit.pdf">Press Kit</a></li>
<li class="VizioPhotoAssets"><a href="/docs/software-freedom-conservancy-v-vizio-photo-assets.zip">Photo Assets</a></li>
<li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
</ul>
<h2><ul><li class="ComplianceMain"><a href="/copyleft-compliance/index.html">More About Copyleft Compliance</a></li></ul></h2>
</div>
</div>
<!-- <div class="donate-sidebar">
<details>
<summary>Support Now!</summary>
<h3>Support Copyleft Enforcement Now!</h3>
<p>
To support our copyleft compliance &amp; 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>
</details>
</div> -->
</div>
{% endblock %}

8
conservancy/templates/socials_partial.html
View file

@ -1,6 +1,6 @@
{% load static %}
<a href="https://social.sfconservancy.org/conservancy" class="mr2"><svg style="color: #3088d4; width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#mastodon"></use></svg></a>
<a href="https://twitter.com/conservancy" class="mr2"><svg style="color: #199bf0; width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#twitter"></use></svg></a>
<a href="https://www.facebook.com/SoftwareFreedomConservancy/" class="mr2"><svg style="color: #0b86ee; width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#facebook"></use></svg></a>
<a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A" class="mr2"><svg style="color: #ff0000; width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg' %}#youtube"></use></svg></a>
<a href="https://social.sfconservancy.org/conservancy" class="mr2"><svg style="color: #3088d4; width: 30px; height: 30px;"><use href="{% static 'img/font_awesome_subset.svg' %}#mastodon"></use></svg></a>
<a href="https://twitter.com/conservancy" class="mr2"><svg style="width: 30px; height: 30px;"><use href="{% static 'img/font_awesome_subset.svg' %}#x-twitter"></use></svg></a>
<a href="https://www.facebook.com/SoftwareFreedomConservancy/" class="mr2"><svg style="color: #0b86ee; width: 30px; height: 30px;"><use href="{% static 'img/font_awesome_subset.svg' %}#facebook-f"></use></svg></a>
<a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A" class="mr2"><svg style="color: #ff0000; width: 30px; height: 30px;"><use href="{% static 'img/font_awesome_subset.svg' %}#youtube"></use></svg></a>

59
conservancy/templates/submenus/about_partial2025.html Normal file
View file

@ -0,0 +1,59 @@
<ul class="dropdown-menu-list">
{# Added a new class for styling the list container #}
<li class="Sponsors">
<a class_="dropdown-item-link" href="/sponsors/">
<h3>
Sponsors
</h3>
</a>
</li>
<li class="Sustainers">
<a class_="dropdown-item-link" href="/sustainer/">
<h3>
Sustainers
</h3>
</a>
</li>
<li class="Directors">
<a class_="dropdown-item-link" href="/about/board/">
<h3>
Board of Directors
</h3>
</a>
</li>
<li class="Staff">
<a class_="dropdown-item-link" href="/about/staff/">
<h3>
Staff
</h3>
</a>
</li>
<li class="Eval">
<a class_="dropdown-item-link" href="/about/eval-committee/">
<h3>
Evaluation Committee
</h3>
</a>
</li>
<li class="Outside">
<a class_="dropdown-item-link" href="/about/outside/">
<h3>
Outside Counsel, et alia
</h3>
</a>
</li>
<li class="Transparency">
<a class_="dropdown-item-link" href="/about/transparency">
<h3>
Transparency
</h3>
</a>
</li>
<li class="Contact">
<a class_="dropdown-item-link" href="/about/contact/">
<h3>
Contact
</h3>
</a>
</li>
</ul>

33
conservancy/templates/submenus/learn_partial2025.html Normal file
View file

@ -0,0 +1,33 @@
<ul class="dropdown-menu-list">
{# Added a new class for styling the list container #}
<li>
<a class_="dropdown-item-link" href="{% url 'podjango:cast-home' podcast_slug='the-corresponding-source' %}">
<h3>
The Corresponding Source
</h3>
<p class_="dropdown-description">
A bi-weekly oggcast about legal, policy, and many other issues in the Free, Libre, and Open Source Software (FLOSS) world. 
</p>
</a>
</li>
<li>
<a class_="dropdown-item-link" href="/copyleft-compliance/glossary.html">
<h3>
Glossary of Terms
</h3>
<p class_="dropdown-description">
A list of terms you might be unfamiliar with but occur frequently in our work.
</p>
</a>
</li>
<li>
<a class_="dropdown-item-link" href="/press/qanda.html">
<h3>
FAQ About the Vizio Lawsuit
</h3>
<p class_="dropdown-description">
Your most frequently asked questions about the Vizio lawsuit, answered in one place.
</p>
</a>
</li>
</ul>

38
conservancy/templates/submenus/news_partial2025.html Normal file
View file

@ -0,0 +1,38 @@
<ul class="dropdown-menu-list">
{# Added a new class for styling the list container #}
<li>
<a class_="dropdown-item-link" href="/news/">
<h3>
Press Releases
</h3>
</a>
</li>
<li>
<a class_="dropdown-item-link" href="/press/">
<h3>
Press
</h3>
</a>
</li>
<li>
<a class_="dropdown-item-link" href="/blog/">
<h3>
Blog
</h3>
</a>
</li>
<li>
<a class_="dropdown-item-link" href="/press/vizio-coverage.html">
<h3>
Vizio Lawsuit in the News
</h3>
</a>
</li>
<li>
<a class_="dropdown-item-link" href="/press/inthenews.html">
<h3>
Our Issues in the News
</h3>
</a>
</li>
</ul>

43
conservancy/templates/submenus/our-work_partial2025.html Normal file
View file

@ -0,0 +1,43 @@
<ul class="dropdown-menu-list">
{# Added a new class for styling the list container #}
<li class="CopyleftCompliance">
<a class_="dropdown-item-link" href="/copyleft-compliance/">
<h3>
Copyleft Compliance
</h3>
<p class_="dropdown-description">
We defend and uphold the rights of software users and consumers under copyleft licenses.
</p>
</a>
</li>
<li class="CourtBattles">
<a class_="dropdown-item-link" href="/copyleft-compliance/past-lawsuits.html">
<h3>
Court Battles
</h3>
<p class_="dropdown-description">
We defend the legal rights of software users. Learn the details, status, and stakes of our court cases.
</p>
</a>
</li>
<li class="Outreachy">
<a class_="dropdown-item-link" href="https://outreachy.org">
<h3>
Outreachy
</h3>
<p class_="dropdown-description">
We offer internships for anyone who faces under&shy;representation, systemic bias, or discrimination in the tech industry.
</p>
</a>
</li>
<li class="FOSSY">
<a class_="dropdown-item-link" href="https://fossy.us">
<h3>
FOSSY
</h3>
<p class_="dropdown-description">
Our annual community-oriented conference focused on the creation and impact of free and open source software.
</p>
</a>
</li>
</ul>

33
conservancy/templates/submenus/tools_partial2025.html Normal file
View file

@ -0,0 +1,33 @@
<ul class="dropdown-menu-list">
{# Added a new class for styling the list container #}
<li class="MemberProjects">
<a class_="dropdown-item-link" href="/projects/">
<h3>
Member Projects
</h3>
<p class_="dropdown-description">
We provide non-profit infrastructure and services to our members creating Free/Libre and Open Source Software.
</p>
</a>
</li>
<li class="UseTheSource">
<a class_="dropdown-item-link" href="{% url 'usethesource:landing' %}">
<h3>
Use The Source
</h3>
<p class_="dropdown-description">
Our tool for evaluating the source code candidates companies must provide for GPLed software.
</p>
</a>
</li>
<li class="OpenWrtOneRouter">
<a class_="dropdown-item-link" href="/activities/openwrt-one.html">
<h3>
OpenWrt One
</h3>
<p class_="dropdown-description">
We designed and built the first ever wireless Internet router designed with software freedom and right to repair in mind.
</p>
</a>
</li>
</ul>