Move sub-menus to RHS and re-enable on mobile.

This commit is contained in:
Ben Sturmfels 2021-11-19 17:02:59 +11:00
parent 26ff31bb78
commit 68f5f1fa2c
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
12 changed files with 57 additions and 73 deletions

View file

@ -11,23 +11,6 @@
{% block outercontent %}
<div class="content-with-donate-sidebar">
<div id="container">
<div id="sidebar" class="{% 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.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>
</ul>
<h2>Resources for Journalists on Vizio</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>
</div>
<div id="mainContent">
{% block content %}
<h1>What We Do</h1>
@ -67,9 +50,24 @@
the <a href="https://outreachy.org/">Outreachy initiative</a> that
offers paid internships in FOSS for contributors who have faced
systemic bias in their efforts to join the FOSS community.<p>
{% endblock %}
</div>
</div>
<div id="sidebar" class="{% 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.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>
</ul>
<h2>Resources for Journalists on Vizio</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>
</div>
</div>
{% endblock %}
{% endblock %}

View file

@ -136,7 +136,7 @@ text-decoration: none; color: #557733;
bottom: 0;
width: auto;
padding: 0.5rem 1rem;
margin: 2rem -0.5rem 0;
margin: 0 -1rem;
border-radius: 8px 8px 0 0;
border: 1px solid #90d468;
}
@ -145,18 +145,6 @@ text-decoration: none; color: #557733;
background: #a0d870;
}
@media screen and (min-width: 30em) {
.donate-sidebar {
margin: 2rem -1rem 0;
}
}
@media screen and (max-width: 52em) {
#sidebar {
display: none;
}
}
p.footnote {
font-size: 85%;
}
@ -340,15 +328,16 @@ body > header {
#container #mainContent {
max-width: 50em;
margin: 0;
margin: 0 0 2rem;
padding: 0;
background: #ffffff;
flex: 1 1 auto;
}
#container #sidebar {
background-color: #e6eae1;
padding: 1px 0.5rem 0.25rem;
margin-bottom: 1rem;
padding: 1px 0.5rem 2rem;
margin: 1rem -1rem 0;
}
@media screen and (min-width: 30em) {
@ -356,8 +345,8 @@ body > header {
display: flex;
}
#container #sidebar {
flex: 1 0 15em;
margin-right: 1rem;
flex: 1 0 15em;
margin: 1rem 0rem 1rem 2rem;
}
}
@ -437,6 +426,13 @@ body > header {
border-top: 1px solid #ccc;
text-align: center;
overflow: auto;
margin: 0;
}
@media screen and (min-width: 30em) {
#conservancyfooter {
margin: 0;
}
}
.continued {

View file

@ -2,11 +2,10 @@
{% block category %}WhoWeAre{% endblock %}
{% block outercontent %}
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
<h2>Who We Are</h2>
{% include 'submenus/who_we_are_partial.html' %}
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
{% endblock %}

View file

@ -8,6 +8,7 @@
{% block outercontent %}
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
{% if all_year_list %}
@ -36,7 +37,5 @@
{% endfor %}
</ul>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
{% endblock %}

View file

@ -11,6 +11,7 @@
{% block outercontent %}
<div class="content-with-donate-sidebar">
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
<h2>What We Do</h2>
{% include 'submenus/what_we_do_partial.html' %}
@ -37,8 +38,6 @@
<li class="CopyleftOrg"><a href="https://copyleft.org/">copyleft.org</a></li>
</ul>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
<div class="donate-sidebar">
<details>

View file

@ -109,7 +109,7 @@
{% if sitefundgoal and sitefundgoal.fundraiser_so_far_amount and datetime_now < sitefundgoal_endtime %}
{% with this_match_goal=sitefundgoal.fundraiser_goal_amount this_match_so_far=sitefundgoal.fundraiser_so_far_amount %}
{% with this_match_remaining=this_match_goal|subtract:this_match_so_far sitefundgoal_timeleft=sitefundgoal_endtime|subtract:datetime_now %}
<div class="fundraiser-top-text ph2 ph3-ns pt2 pb3">
<div class="fundraiser-top-text ph3 pt2 pb3">
<div class="mw8 center ph2 ph4-ns">
<div class="mt2 mb3 tc">
{% if this_match_remaining <= 0 %}
@ -157,11 +157,11 @@
{% endwith %}
{% endif %}
<div class="mw8 center ph2 ph3-ns">
<div class="mw8 center ph2 ph3">
{% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
</div>
<div id="conservancyfooter" class="mt4 pt3 ph3 bg-light-gray">
<div id="conservancyfooter" class="mt4-ns pt3 ph3 bg-light-gray">
<p>Connect with Conservancy on
<a href="https://mastodon.technology/@conservancy">Mastodon</a>,
<a href="https://twitter.com/conservancy">Twitter</a>,

View file

@ -2,6 +2,7 @@
{% block category %}Learn{% endblock %}
{% block outercontent %}
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
<h2>Learn</h2>
{% include 'submenus/learn_partial.html' %}
@ -12,7 +13,5 @@
<li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
</ul>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
{% endblock %}

View file

@ -11,6 +11,7 @@
{% block outercontent %}
<div class="content-with-donate-sidebar">
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
<h2>What We Do</h2>
{% include 'submenus/what_we_do_partial.html' %}
@ -23,9 +24,6 @@
<li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
</ul>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
<div class="donate-sidebar">
<details>

View file

@ -1,6 +1,7 @@
{% extends "base_conservancy.html" %}
{% block outercontent %}
<div id="container">
<div id="mainContent">{% block content %}{% endblock %}</div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
<h2>What We Do</h2>
{% include 'submenus/what_we_do_partial.html' %}
@ -12,7 +13,5 @@
<li class="Policies"><a href="/projects/policies/">Member Project Policies</a></li>
</ul>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
{% endblock %}

View file

@ -11,6 +11,7 @@
{% 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' %}
@ -30,8 +31,6 @@
</ul>
<h2><ul><li class="ComplianceMain"><a href="/copyleft-compliance/index.html">More About Copyleft Compliance</a></li></ul></h2>
</div>
<div id="mainContent">{% block content %}{% endblock %}
</div>
</div>
<div class="donate-sidebar">
<details>

View file

@ -43,7 +43,7 @@ strategies that defend FOSS (such as copyleft). <a href="/about" class="orange">
</section>
</div>
<div class="mt3 mh2-ns flex-ns">
<div class="mt3 mh2-ns mb4 flex-ns">
<div class="w-70-ns mh2">
<section class="mh0 pa3 bg-light-blue ba b--gray">
<h2 class="f4 ma0 ttu"><a href="/news/2021/oct/28/2021-DMCA-final-exemptions-win/">Software Freedom Conservancy's DMCA Exemption Requests Granted</a></h2>

View file

@ -3,19 +3,6 @@
{% block outercontent %}
<div id="container">
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
<h2>News Index by Year</h2>
<ul>
{% for year in date_list reversed %}<li class="{{ year|date:"Y" }}"><a href="{{ year|date:"Y" }}/">{{ year|date:"Y" }}</a></li>{% endfor %}
</ul>
<h2>Resources for Journalists</h2>
<ul>
<li class="News"><a href="/news/">News</a></li>
<li class="PressKit"><a href="/press/">Press Kit</a></li>
<li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
</ul>
</div>
<div id="mainContent">
<div class="breadcrumbs">
<p><a href="/">Home</a> / <a href="/news/">News</a></p>
@ -39,7 +26,18 @@
</p>
{% if news.paginator.num_pages > 1 %}<p class="pagination_list"> {% for pagenum in news.paginator.page_range %}{% ifequal pagenum news.number %}[{{ pagenum }}]{% else %}<a href="?page={{ pagenum }}">{{ pagenum }}</a>{% endifequal %} {% endfor %}</p>{% endif %}
</div>
</div>
<div class="clear"></div>
<div id="sidebar" class="{% block submenuselection %}{% endblock %}">
<h2>News Index by Year</h2>
<ul>
{% for year in date_list reversed %}<li class="{{ year|date:"Y" }}"><a href="{{ year|date:"Y" }}/">{{ year|date:"Y" }}</a></li>{% endfor %}
</ul>
<h2>Resources for Journalists</h2>
<ul>
<li class="News"><a href="/news/">News</a></li>
<li class="PressKit"><a href="/press/">Press Kit</a></li>
<li class="Glossary"><a href="/copyleft-compliance/glossary.html">Glossary</a></li>
</ul>
</div>
</div>
{% endblock %}