Changeset - bc7219daa4e3
Parent rev.
Child rev.
[Not reviewed]
0 3 0
Ben Sturmfels (bsturmfels) - 2 years ago 2021-10-15 08:35:40
ben@sturm.com.au
Overhaul header, first pass at second level navigation.
3 files changed with 173 insertions and 71 deletions:
www/conservancy/static/css/conservancy.css
97
38
www/conservancy/templates/base_conservancy.html
69
26
www/conservancy/templates/frontpage.html
7
7
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy.css
➞
Show inline comments
...
 
@@ -8,25 +8,27 @@ p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {
 
  /* margin-top: 1em; */
 
  margin-bottom: 1em;
 
}
 

			




	
	
	
		
 
p {


			




	
	
	
		
 
  line-height: 1.6;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
html {


			




	
	
	
		
 
  /* Standard colorss. */


			




	
	
	
		
 
  --khaki-green: #587733;


			




	
	
	
		
 
  --light-green: #afe478;


			




	
	
	
		
 
  --washed-green: #daf4be;


			




	
	
	
		
 
  --light-blue: #92d4d1;


			




	
	
	
		
 
  --washed-blue: #ddfbfa;


			




	
	
	
		
 
  --navy: #224c57;


			




	
	
	
		
 
  --orange: #ec6343;


			




	
	
	
		
 
  --orange-dim: #e05340;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
/* Some Tachyons-like classes to apply those standard colors. */


			




	
	
	
		
 
.bg-light-blue { background: var(--light-blue); }


			




	
	
	
		
 
.bg-orange { background: var(--orange); }


			




	
	
	
		
 
.orange { color: var(--orange); }


			




	
	
	
		
 
.b--light-blue { border-color: var(--light-blue); }


			




	
	
	
		
 
.navy { color: var(--navy); }


			




	
	
	
		
 

			




	...
	
		
 
@@ -40,29 +42,47 @@ body {


			




	
	
	
		
 
    "Helvetica Neue", Arial,


			




	
	
	
		
 
    "Noto Sans",


			




	
	
	
		
 
    "Liberation Sans",


			




	
	
	
		
 
    sans-serif,


			




	
	
	
		
 
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";


			




	
	
	
		
 
  font-size: .875rem;


			




	
	
	
		
 
  color: #333;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
a {


			




	
	
	
		
 
  text-decoration: none;


			




	
	
	
		
 
  color: var(--navy);


			




	
	
	
		
 
  transition: all .2s ease;


			




	
	
	
		
 
  transition: all .1s ease-out;


			




	
	
	
		
 
  font-weight: bold;


			




	
	
	
		
 
}


			




	
	
	
		
 
a:hover { text-decoration: underline; }


			




	
	
	
		
 

			




	
	
	
		
 
/* Missing links */


			




	
	
	
		
 
a, form { position: relative; }


			




	
	
	
		
 
.fixme,


			




	
	
	
		
 
a[href$="#fixme"]:before,


			




	
	
	
		
 
form[action$="#fixme"]:before {


			




	
	
	
		
 
  border: 1px solid purple;


			




	
	
	
		
 
  border-radius: 2px;


			




	
	
	
		
 
  content: 'FIXME';


			




	
	
	
		
 
  font-size: 0.55rem;


			




	
	
	
		
 
  color: purple;


			




	
	
	
		
 
  position: absolute;


			




	
	
	
		
 
  top: -5px;


			




	
	
	
		
 
  right: -5px;


			




	
	
	
		
 
  padding: 1px;


			




	
	
	
		
 
  background: yellow;


			




	
	
	
		
 
  opacity: 0.8;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
input:focus {


			




	
	
	
		
 
  z-index: 3;


			




	
	
	
		
 
  border-color: #86b7fe;


			




	
	
	
		
 
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);


			




	
	
	
		
 
};


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
a.read-more {


			




	
	
	
		
 
    cursor: pointer;


			




	
	
	
		
 
    font-style: italic;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	...
	
		
 
@@ -73,26 +93,27 @@ a.read-more {


			




	
	
	
		
 
}


			




	
	
	
		
 
.btn-orange:hover, .btn-orange:active {


			




	
	
	
		
 
  background: var(--orange-dim);


			




	
	
	
		
 
  text-decoration: none;


			




	
	
	
		
 
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);


			




	
	
	
		
 
}


			




	
	
	
		
 
.btn-orange:focus {


			




	
	
	
		
 
  box-shadow: 0 0 0 .25rem var(--orange-dim);


			




	
	
	
		
 
}


			




	
	
	
		
 
.btn-white {


			




	
	
	
		
 
  color: var(--orange);


			




	
	
	
		
 
  background: white;


			




	
	
	
		
 
  border: 1px solid #777;


			




	
	
	
		
 
}


			




	
	
	
		
 
.btn-white:hover .btn-white:active {


			




	
	
	
		
 
.btn-white:hover, .btn-white:active {


			




	
	
	
		
 
  background: #eee;


			




	
	
	
		
 
  text-decoration: none;


			




	
	
	
		
 
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);


			




	
	
	
		
 
}


			




	
	
	
		
 
.btn-white:focus {


			




	
	
	
		
 
  box-shadow: 0 0 0 .25rem #ddd;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
a svg {


			




	
	
	
		
 
  transition: all .2s ease;


			




	
	
	
		
 
}


			




	
	
	
		
 
a:hover svg {


			




	...
	
		
 
@@ -129,63 +150,107 @@ h1 { margin-top: .75em; margin-bottom: .5em; }


			




	
	
	
		
 
/* h2 { margin-top: .75em; margin-bottom: .5em; } */


			




	
	
	
		
 
h3 { margin-top: .6em; margin-bottom: .4em; }


			




	
	
	
		
 

			




	
	
	
		
 
#mainContent ul, #mainContent ol { padding-left: 1.5em; }


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
.internalNavigate { width: 19%; float: right; }


			




	
	
	
		
 
#mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }


			




	
	
	
		
 
.internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }


			




	
	
	
		
 

			




	
	
	
		
 
/* Header */


			




	
	
	
		
 

			




	
	
	
		
 
#conservancyheader {


			




	
	
	
		
 
  max-width: 1140px;


			




	
	
	
		
 
  margin: 0 auto;


			




	
	
	
		
 
  padding: 10px 0;


			




	
	
	
		
 
/*  background-color: #d1ff96; */


			




	
	
	
		
 
/*  background-color: #92CC58; */


			




	
	
	
		
 
/*  background-color: #BDD8A2; */


			




	
	
	
		
 
/*  background-color: #92cc58; */


			




	
	
	
		
 
/*  background-color: #b5cd9d; */


			




	
	
	
		
 
  background-color: #ffffff;


			




	
	
	
		
 
  text-indent: -5000px; /* hide in favor of image */


			




	
	
	
		
 
}


			




	
	
	
		
 
#logobutton {


			




	
	
	
		
 
  display: block;


			




	
	
	
		
 
  height: 103px;


			




	
	
	
		
 
  background: url(/img/conservancy-header.svg) no-repeat;


			




	
	
	
		
 
  background-size: contain;


			




	
	
	
		
 
body > header {


			




	
	
	
		
 
  /* background: linear-gradient(to top right, white, white, var(--washed-blue) 80%); */


			




	
	
	
		
 
  overflow: auto; /* Prevent logo top margin popping out. */


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
#conservancyheader img {


			




	
	
	
		
 
  max-height: 75px;


			




	
	
	
		
 
  width: auto;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
@media screen and (min-width: 30em) {


			




	
	
	
		
 
  #conservancyheader img {


			




	
	
	
		
 
    max-height: 90px;


			




	
	
	
		
 
  }


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
/* Navigation bar */


			




	
	
	
		
 
#navbar-outer { background: var(--navy); }


			




	
	
	
		
 
#navbar { margin-top: 3px; max-width: 1140px; margin: 0 auto;}


			




	
	
	
		
 
#navbar ul { list-style: none; }


			




	
	
	
		
 
#navbar-clear { clear: both; }


			




	
	
	
		
 
#navbar li a {


			




	
	
	
		
 
  display: block;


			




	
	
	
		
 
#navbar-outer {


			




	
	
	
		
 
  background: var(--navy);


			




	
	
	
		
 
}


			




	
	
	
		
 
#navbar ul {


			




	
	
	
		
 
  list-style: none;


			




	
	
	
		
 
  padding: 0;


			




	
	
	
		
 
}


			




	
	
	
		
 
#navbar li {


			




	
	
	
		
 
  background: var(--navy);


			




	
	
	
		
 
  position: relative;


			




	
	
	
		
 
  padding-left: .25rem;


			




	
	
	
		
 
  padding-right: .25rem;


			




	
	
	
		
 
}


			




	
	
	
		
 
@media screen and (min-width: 30em) {


			




	
	
	
		
 
  #navbar li {


			




	
	
	
		
 
    padding-left: .5rem;


			




	
	
	
		
 
    padding-right: .5rem;


			




	
	
	
		
 
  }


			




	
	
	
		
 
}


			




	
	
	
		
 
#navbar li > a {


			




	
	
	
		
 
  display: inline-block;


			




	
	
	
		
 
  color: white;


			




	
	
	
		
 
  padding: .5em .8em .1em;


			




	
	
	
		
 
  margin: 0 3px .1em 0;


			




	
	
	
		
 
  text-decoration: none;


			




	
	
	
		
 
  border-bottom: 4px solid transparent;


			




	
	
	
		
 
  padding: 0.25rem 0.25rem 0;


			




	
	
	
		
 
  /* Invisible borders to keep things even. */


			




	
	
	
		
 
  border-top: 0.20rem solid var(--navy);  /* A little less here. */


			




	
	
	
		
 
  border-bottom: 0.25rem solid var(--navy);


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
@media screen and (min-width: 30em) {


			




	
	
	
		
 
  #navbar li > a {


			




	
	
	
		
 
    padding-left: .5rem;


			




	
	
	
		
 
    padding-right: .5rem


			




	
	
	
		
 
  }


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
#navbar li a:hover, #navbar li a:focus {


			




	
	
	
		
 
  border-bottom: 0.25rem solid var(--light-green);


			




	
	
	
		
 
}


			




	
	
	
		
 
#navbar li:hover a, #navbar li a:focus {


			




	
	
	
		
 
  border-bottom: 4px solid var(--light-green);


			




	
	
	
		
 
#navbar li { padding-bottom: 0.25rem; }


			




	
	
	
		
 

			




	
	
	
		
 
/* Navbar submenus */


			




	
	
	
		
 
#navbar li ul {


			




	
	
	
		
 
  display: none;


			




	
	
	
		
 
  z-index: 100;


			




	
	
	
		
 
  position: absolute;


			




	
	
	
		
 
  top: 100%;


			




	
	
	
		
 
  left: 0;


			




	
	
	
		
 
  min-width: 15rem;


			




	
	
	
		
 
}


			




	
	
	
		
 
#navbar li ul a {


			




	
	
	
		
 
  font-weight: normal;


			




	
	
	
		
 
}


			




	
	
	
		
 
#navbar li:hover ul {


			




	
	
	
		
 
  display: block;


			




	
	
	
		
 
}


			




	
	
	
		
 
#navbar li { float: left; display: inline; margin-bottom: 3px; }


			




	
	
	
		
 
#navbar li:last-child ul {


			




	
	
	
		
 
  left: auto;


			




	
	
	
		
 
  right: 0;


			




	
	
	
		
 
  text-align: right;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
#mainContent {


			




	
	
	
		
 
  max-width: 1140px;


			




	
	
	
		
 
  margin: 0 auto;


			




	
	
	
		
 
}


			




	
	
	
		
 
#sidebar + #mainContent {


			




	
	
	
		
 
    float: left;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
#progressbar {


			




	
	
	
		
 
    height: 1.8em;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
#progressbar .ui-widget-header {


			




	
	
	
		
 
    background: rgb(206, 31, 31);


			




	...
	
		
 
@@ -297,30 +362,24 @@ h3 { margin-top: .6em; margin-bottom: .4em; }


			




	
	
	
		
 
}


			




	
	
	
		
 
#container #sidebar h2 {


			




	
	
	
		
 
    text-align: center;


			




	
	
	
		
 
    font-size: 1.25em;


			




	
	
	
		
 
    margin: 1.5em 0 0.8em 0;


			




	
	
	
		
 
}


			




	
	
	
		
 
#container #sidebar hr {


			




	
	
	
		
 
    width: 75%;


			




	
	
	
		
 
    float: center;


			




	
	
	
		
 
    clear: all;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
/* Navbar Submenus (currently unused) */


			




	
	
	
		
 
#navbar li ul { display: none; border: 1px solid #444; }


			




	
	
	
		
 
#navbar li:hover ul { display: block; position: absolute; }


			




	
	
	
		
 
#navbar li ul li { float: none; }


			




	
	
	
		
 
#navbar li ul li a { border: 0px; margin: 0px; }


			




	
	
	
		
 

			




	
	
	
		
 
.shaded { background: #F0FFB8; padding: .1em .5em; margin-bottom: .5em; }


			




	
	
	
		
 

			




	
	
	
		
 
.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; }


			




	
	
	
		
 

			




        

    


    
    

    

        

                

                    www/conservancy/templates/base_conservancy.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -18,53 +18,96 @@


			




	
	
	
		
 
    <link rel="stylesheet" type="text/css" media="screen" href="/css/conservancy.css" />


			




	
	
	
		
 
    <link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="/css/conservancy-bigscreen.css" />


			




	
	
	
		
 
    <link rel="stylesheet" href="/css/jquery-ui-1.8.22.custom.css" />


			




	
	
	
		
 
    <link rel="stylesheet" href="/css/jquery.ui.multiprogressbar.css" />


			




	
	
	
		
 
    <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>


			




	
	
	
		
 
    <script type="text/javascript" src="/js/jquery-ui-1.8.22.custom.min.js"></script>


			




	
	
	
		
 
    <script type="text/javascript" src="/js/jquery.outerhtml.js"></script>


			




	
	
	
		
 
    <script type="text/javascript" src="/js/jquery.ui.multiprogressbar.js"></script>


			




	
	
	
		
 
    <script type="text/javascript" src="/js/conservancy.js"></script>


			




	
	
	
		
 
    {% block head %}{% endblock %}


			




	
	
	
		
 
  </head>


			




	
	
	
		
 

			




	
	
	
		
 
  <body class="conservancy-{% block category %}other{% endblock %} debug">


			




	
	
	
		
 
    <div class="flex-ns" style="max-width: 1140px; margin: 0 auto;">


			




	
	
	
		
 
      <div class="w-70-ns">


			




	
	
	
		
 
        <h1 id="conservancyheader">


			




	
	
	
		
 
          <a id="logobutton" class="ma2" href="/">Software Freedom Conservancy</a>


			




	
	
	
		
 
        </h1>


			




	
	
	
		
 
      </div>


			




	
	
	
		
 
      <div class="w-30-ns mt2 mb4 mt5-ns mh2 flex" style="justify-content: center;">


			




	
	
	
		
 
        <div>


			




	
	
	
		
 
          <a href="#" class="f5 pa2 mr2 ttu b btn-white ba b--gray">Learn</a>


			




	
	
	
		
 
  <body class="conservancy-{% block category %}other{% 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" />


			




	
	
	
		
 
            </a>


			




	
	
	
		
 
          </h1>


			




	
	
	
		
 
        </div>


			




	
	
	
		
 
        <div>


			




	
	
	
		
 
          <a href="/donate/" class="f5 pa2 ttu b btn-orange">Donate</a>


			




	
	
	
		
 

			




	
	
	
		
 
        <div class="w-40-ns mt2 mt4-ns mb2 mb2-ns mh2 pt1 flex flex-wrap justify-center items-center">


			




	
	
	
		
 
          <a href="/donate/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Donate</a>


			




	
	
	
		
 
          <a href="/sustainer/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Join</a>


			




	
	
	
		
 
          <a href="#fixme" class="f5 mh1 mv1 ph2 pv1 mr2 ttu b btn-white">Special</a>


			




	
	
	
		
 
        </div>


			




	
	
	
		
 
      </div>


			




	
	
	
		
 
    </div>


			




	
	
	
		
 
    </header>


			




	
	
	
		
 

			




	
	
	
		
 
    <div id="navbar-outer">


			




	
	
	
		
 
      <div id="navbar">


			




	
	
	
		
 
        <ul class="f5 b ttu">


			




	
	
	
		
 
      <li class="sustainer"><a href="/sustainer/">Become a Sustainer!</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>


			




	
	
	
		
 
      <li class="npoacct"><a href="/npoacct/">NPOAcct</a></li>


			




	
	
	
		
 
      <li class="sponsors"><a href="/sponsors/">Sponsors</a></li>


			




	
	
	
		
 
      <li class="About"><a href="/about/">About</a></li>


			




	
	
	
		
 
    </ul>


			




	
	
	
		
 
      <div id="navbar" class="center mw8 nested-list-resetb">


			




	
	
	
		
 
        <ul class="f5 b 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="home dn db-ns"><a href="/">Home</a></li>


			




	
	
	
		
 
          <li class="what"><a href="#fixme">What <span class="dn di-ns">we do</span></a>


			




	
	
	
		
 
            <ul>


			




	
	
	
		
 
              <li><a href="#fixme">Member Projects</a></li>


			




	
	
	
		
 
              <li><a href="/copyleft-compliance/">Copyleft Compliance</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Special</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Public Filings</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">FAQs</a></li>


			




	
	
	
		
 
            </ul>


			




	
	
	
		
 
          </li>


			




	
	
	
		
 
          <li class="who"><a href="#fixme">Who <span class="dn di-ns">we are</span></a>


			




	
	
	
		
 
            <ul>


			




	
	
	
		
 
              <li><a href="/sponsors/">Sponsors</a></li>


			




	
	
	
		
 
              <li><a href="/sustainers/">Sustainers</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Board of Directors</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Staff</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Evaluation Committee</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Outside Counsel, et alia</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Partner Organizations</a></li>


			




	
	
	
		
 
            </ul>


			




	
	
	
		
 
          </li>


			




	
	
	
		
 
          <li class="learn"><a href="#fixme">Learn</a>


			




	
	
	
		
 
            <ul>


			




	
	
	
		
 
              <li><a href="#fixme">Glossary of Terms</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Q&A</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Recommended Resources</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">In The News</a></li>


			




	
	
	
		
 
            </ul>


			




	
	
	
		
 
          </li>


			




	
	
	
		
 
          <li class="news"><a href="/news/">News</a>


			




	
	
	
		
 
            <ul>


			




	
	
	
		
 
              <li><a href="#fixme">News Releases</a></li>


			




	
	
	
		
 
              <li><a href="/blog/">Blog</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">In The News</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Press Kit</a></li>


			




	
	
	
		
 
            </ul>


			




	
	
	
		
 
          </li>


			




	
	
	
		
 
          <li class="about"><a href="/about/">About</a>


			




	
	
	
		
 
            <ul>


			




	
	
	
		
 
              <li><a href="#fixme">Who we are</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Transparency</a></li>


			




	
	
	
		
 
              <li><a href="#fixme">Contact</a></li>


			




	
	
	
		
 
            </ul>


			




	
	
	
		
 
          </li>


			




	
	
	
		
 
        </ul>


			




	
	
	
		
 
      </div>


			




	
	
	
		
 
      <div id="navbar-clear"></div>


			




	
	
	
		
 

			




	
	
	
		
 
    </div>


			




	
	
	
		
 

			




	
	
	
		
 
{% comment %}


			




	
	
	
		
 
# FUNDRAISER VARIABLES AND CONSTANTS GUIDE


			




	
	
	
		
 

			




	
	
	
		
 
## From Local Context


			




	
	
	
		
 

			




	
	
	
		
 
* datetime_now: Current DateTime in UTC


			




	
	
	
		
 
* sitefundgoal: The current FundraisingGoal. Attributes:


			




	...
	
		
 
@@ -121,26 +164,26 @@


			




	
	
	
		
 
  of


			




	
	
	
		
 
  $<span id="site-fundraiser-final-goal">{{ this_match_goal|intcomma }}</span>


			




	
	
	
		
 
  so far!


			




	
	
	
		
 
</a>


			




	
	
	
		
 
</div>


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 

			




	
	
	
		
 
</div>


			




	
	
	
		
 
{% endwith %}


			




	
	
	
		
 
{% endwith %}


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 

			




	
	
	
		
 
      {% block outercontent %}<div id="mainContent"> {% block content %}{% endblock %}</div>{% endblock %}


			




	
	
	
		
 
    <div id="conservancyfooter" class="mt4 pt3">


			




	
	
	
		
 
      {% block outercontent %}<div id="mainContent" class="mw8"> {% block content %}{% endblock %}</div>{% endblock %}


			




	
	
	
		
 
    <div id="conservancyfooter" class="mt4 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>,


			




	
	
	
		
 
        <a href="https://www.facebook.com/SoftwareFreedomConservancy/">Facebook</a>,


			




	
	
	
		
 
        and <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">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="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" /></a>


			




	
	
	
		
 
      <br />This page, and all contents herein, unless a license is otherwise


			




        

    


    
    

    

        

                

                    www/conservancy/templates/frontpage.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -16,44 +16,44 @@


			




	
	
	
		
 
   font-size: 1em;


			




	
	
	
		
 
   margin-top: 0;


			




	
	
	
		
 
 }


			




	
	
	
		
 

			




	
	
	
		
 
 .press-release h3, .blog-entry h3 {


			




	
	
	
		
 
   margin-bottom: 0;


			




	
	
	
		
 
 }


			




	
	
	
		
 
</style>


			




	
	
	
		
 
{% endblock %}


			




	
	
	
		
 

			




	
	
	
		
 
{% block content %}


			




	
	
	
		
 

			




	
	
	
		
 
<div class="mt4 flex-ns">


			




	
	
	
		
 
  <section class="w-70-ns mh2 mb3 mb0-ns pa2 ba bw1 b--light-blue">


			




	
	
	
		
 
<div class="mt4 mh2-ns flex-ns">


			




	
	
	
		
 
  <section class="w-70-ns mh2 mb3 mb0-ns pa2 ba bw1 b--light-blue overflow-auto">


			




	
	
	
		
 
    <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


			




	
	
	
		
 
      focus on what they do best &mdash; writing and improving FLOSS for the


			




	
	
	
		
 
      general public &mdash; while Conservancy takes care of the projects' needs that


			




	
	
	
		
 
      do not relate directly to software development and documentation. <a href="#" class="orange">Learn more.</a></p>


			




	
	
	
		
 
      do not relate directly to software development and documentation. <a href="#fixme" class="orange">Learn more.</a></p>


			




	
	
	
		
 
  </section>


			




	
	
	
		
 
  <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>


			




	
	
	
		
 
    <a href="#fixme" class="f5 dib pa2 ttu b btn-orange">More information</a>


			




	
	
	
		
 
  </section>


			




	
	
	
		
 
</div>


			




	
	
	
		
 

			




	
	
	
		
 
<div class="mt3 flex-ns">


			




	
	
	
		
 
<div class="mt3 mh2-ns 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>


			




	
	
	
		
 

			




	
	
	
		
 
    <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 %}


			




	...
	
		
 
@@ -71,30 +71,30 @@


			




	
	
	
		
 
  {% endif %}


			




	
	
	
		
 
{% endfor %}


			




	
	
	
		
 

			




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


			




	
	
	
		
 
</section>


			




	
	
	
		
 
</div>


			




	
	
	
		
 

			




	
	
	
		
 
<div class="w-30-ns mh2">


			




	
	
	
		
 
  <div class="ph3 pv2 ba b--gray">


			




	
	
	
		
 
    <h3 class="ttu">Term of the week</h3>


			




	
	
	
		
 
    <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>


			




	
	
	
		
 
    <p><a href="#fixme" class="orange ttu">Visit our glossary of terms</a></p>


			




	
	
	
		
 
  </div>


			




	
	
	
		
 

			




	
	
	
		
 
  <div class="mh3 pt3">


			




	
	
	
		
 
    <h2 class="f6 ttu mb1">Subscribe to our email list</h2>


			




	
	
	
		
 
    <form method="post" action="#" class="ml2" style="display: flex;">


			




	
	
	
		
 
    <form method="post" action="#fixme" 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>


			




	
	
	
		
 
        </button>


			




	
	
	
		
 
    </form>


			




	
	
	
		
 

			




	
	
	
		
 
    <h2 class="f6 ttu mt2 mb1">RSS feed</h2>


			




	
	
	
		
 
    <div class="ml2">


			




	
	
	
		
 
      <a href="/feeds/omnibus" class="mr2"><svg class="orange" style="width: 30px; height: 30px;"><use href="{% static 'img/font_awesome.svg#rss-square' %}"></use></svg></a>


			




	
	
	
		
 
    </div>


			




	
	
	
		
 

			




	
	
	
		
 
    <h2 class="f6 ttu mt2 mb1">Follow us</h2>


			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







    


    

  


    








    
        Server instance: kapok.sfconservancy.org-28233
    
    
        This site is powered by
            Kallithea 0.6.3,
        which is
        © 2010–2020 by various authors & licensed under GPLv3.
            – Support
        – Privacy Policy