Changeset - 3cd53e23ae54
[Not reviewed]
0 3 0
Ben Sturmfels (bsturmfels) - 23 months ago 2021-10-13 13:21:44
Tune up frontpage news/blog items and term of week, add call out section.
3 files changed with 23 insertions and 7 deletions:
0 comments (0 inline, 0 general)
Show inline comments
@@ -318,28 +318,27 @@ h3 { margin-top: .6em; margin-bottom: .4em; }

.columns {

.column h2 { font-size: 1.25em; }
.column h3 { font-size: 1.1em; }
.column hr { width: 50%; margin-left: auto; margin-right: auto; }

.column h2 a { text-decoration: none; color: #000000; }
.column h2 a:hover { text-decoration: underline; }

#conservancyfooter {
  margin-top: 1em;
  border-top: 1px solid #ccc;
  text-align: center;
  clear: both;
  overflow: auto;

.continued {
  display: block;
  font-size: .9em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;

.date, .blog-tags, .blog-comments {
  font-style: italic;
Show inline comments
@@ -25,27 +25,31 @@
    <script type="text/javascript" src="/js/jquery.ui.multiprogressbar.js"></script>
    <script type="text/javascript" src="/js/conservancy.js"></script>
    {% block head %}{% endblock %}

  <body class="conservancy-{% block category %}other{% endblock %}">
    <div class="flex-ns" style="max-width: 1140px; margin: 0 auto;">
      <div class="w-70-ns">
        <h1 id="conservancyheader">
          <a id="logobutton" href="/">Software Freedom Conservancy</a>
      <div class="w-30-ns mb3 mt5-ns tc tl-ns">
        <a href="#" class="f5 dib pa2 mb2-ns mr2 ttu b btn-white ba b--gray">Learn</a>
        <a href="/donate/" class="f5 dib pa2 mb2-ns ttu b btn-orange">Donate</a>
      <div class="w-30-ns mt2 mb4 mt5-ns mh2 flex" style="justify-content: center;">
          <a href="#" class="f5 pa2 mr2 ttu b btn-white ba b--gray">Learn</a>
          <a href="/donate/" class="f5 pa2 ttu b btn-orange">Donate</a>

    <div id="navbar-outer">
      <div id="navbar">
        <ul class="f5 b ttu">
      <li class="supporter"><a href="/supporter/">Become a Supporter!</a></li>
      <li class="donate"><a href="/donate/">Donate</a></li>
      <li class="news"><a href="/news/">News</a></li>
      <li class="blog"><a href="/blog/">Blog</a></li>
      <li class="Projects"><a href="/projects/">Projects</a></li>
      <li class="compliance"><a href="/copyleft-compliance/">Copyleft Compliance</a></li>
@@ -119,25 +123,25 @@
  $<span id="site-fundraiser-final-goal">{{ this_match_goal|intcomma }}</span>
  so far!
{% endif %}

{% endwith %}
{% endwith %}
{% endif %}

      {% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}
    <div id="conservancyfooter">
    <div id="conservancyfooter" class="mt4 pt3">
      <p>Connect with Conservancy on
        <a href="">Mastodon</a>,
        <a href="">Twitter</a>,
        <a href="">Facebook</a>,
        and <a href="">YouTube</a>.</p>

      <p><a href="/">Main Page</a> | <a href="/about/contact/">Contact</a> | <a href="/sponsors/">Sponsors</a> | <a href="/privacy-policy/">Privacy Policy</a> | <a href="/feeds/omnibus/">RSS Feed</a></p>
      <p>Our privacy policy was last updated <strong>22 December 2020</strong>.</p>

      <p class="copyright_info">
      <a rel="license" href=""><img alt="Creative Commons License" style="border-width:0" src="" /></a>
      <br />This page, and all contents herein, unless a license is otherwise
Show inline comments
@@ -2,24 +2,33 @@
{% load date_within %}
{% load static %}

{% block head %}
<link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy Complete Feed" href="/feeds/omnibus/" />
<link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy News" href="/feeds/news/" />
<link rel="alternate" type="application/rss+xml" title="Software Freedom Conservancy Blogs" href="/feeds/blog/" />
 #mainContent hr {
   /* Hide the <hr> elements in the list of news and blog items. */
   display: none;

 .date {
   font-size: 1em;
   margin-top: 0;

 .press-release h3, .blog-entry h3 {
   margin-bottom: 0;
{% endblock %}

{% block content %}

<div class="mt4 flex-ns">
  <section class="w-70-ns mh2 mb3 mb0-ns pa2 ba bw1 b--light-blue">
    <img src="{% static 'img/remote.jpg' %}" alt="" class="fl pr2" style="width: 175px;" />
    <p class="mb0">Software Freedom Conservancy is a not-for-profit charity that
      helps promote, improve, develop, and defend Free, Libre, and Open Source
      Software (FLOSS) projects.  Conservancy provides a non-profit home and
      infrastructure for FLOSS projects.  This allows FLOSS developers to
@@ -28,24 +37,28 @@
      do not relate directly to software development and documentation. <a href="#" class="orange">Learn more.</a></p>
  <section class="w-30-ns mh2 pa3 bg-light-blue ba b--gray">
    <h2 class="f4 ttu">Special message</h2>

    <p>Special message here special message here special message here special message here special message here.</p>
    <a href="#" class="f5 dib pa2 ttu b btn-orange">More information</a>

<div class="mt3 flex-ns">
  <div class="w-70-ns mh2">
  <section class="mh0 pa3 bg-light-blue ba b--gray">
    <h2 class="f4 ma0 ttu">Additional links / call-outs here, if needed</h2>

    <section class="mv3 ph2">
<h2 class="f4 mt0 mb2 ttu"><!--<a href="/feeds/news/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a>--> <a href="/news/" class="dark-gray">News</a></h2>
{% for pressr in press_releases|slice:":5" %}
  {% if forloop.first or pressr.pub_date|date_within_past_days:365 %}
    {% if not forloop.first %}<hr class="clear">{% endif %}
    {% include "news/pressrelease_partial.html" with pressr=pressr show="dateline" only %}
  {% endif %}
{% endfor %}

<!-- <p><span class="continued"><a href="/news/">Conservancy News Archive&hellip;</a></span></p> -->

@@ -56,25 +69,25 @@
    {% if not forloop.first %}<hr class="clear">{% endif %}
    {% include "blog/entry_partial.html" with entry=entry show="dateline" only %}
  {% endif %}
{% endfor %}

<!-- <p><span class="continued"><a href="/blog/">Conservancy Blog Archive&hellip;</a></span></p> -->

<div class="w-30-ns mh2">
  <div class="ph3 pv2 ba b--gray">
    <h3 class="ttu">Term of the week</h3>
    <h4 class="f5 i navy">auditability</h4>
    <h4 class="f4 mt3 mb2 i navy">auditability</h4>
    <p>Ability to inspect the exact software running on a device. This includes version information, modifications and licensing information.</p>
    <p><a href="#" class="orange ttu">Visit our glossary of terms</a></p>

  <div class="mh3 pt3">
    <h2 class="f6 ttu mb1">Subscribe to our email list</h2>
    <form method="post" action="#" class="ml2" style="display: flex;">
      <input type="email" class="pa2 ba b--gray br0" style="x-border-right: none; flex: 1 1 auto; width: 1%;">
      <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' %}#envelope"></use></svg></a>
0 comments (0 inline, 0 general)