Changeset - b331d52331d2
Parent rev.
Child rev.
[Not reviewed]
0 2 0
Brett Smith (brett) - 7 years ago 2016-11-17 15:40:22
brett@sfconservancy.org
frontpage: Reorganize.

* Put news and blogs up front.
* Use 30 days as the cutoff for everything, consistently.
* Allow columns to collapse. Hopefully this is the start of a nicer
view on mobile.
* Reduce shading.
2 files changed with 55 insertions and 77 deletions:
www/conservancy/static/css/conservancy.css
11
13
www/conservancy/templates/frontpage.html
44
64
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy.css
➞
Show inline comments
...
 
@@ -256,17 +256,4 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 
.columns {
 
    width: 100%;
 
    overflow: hidden;
 
}
 

			




	
	
	
		
 
.column-small {


			




	
	
	
		
 
    width: 31%;


			




	
	
	
		
 
 }


			




	
	
	
		
 
.column-large {


			




	
	
	
		
 
    margin-left: 35%;


			




	
	
	
		
 
    margin-right: 50px;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
.column-left { float: left; }


			




	
	
	
		
 
.column-right { float: right; }


			




	
	
	
		
 

			




	
	
	
		
 
.column h2 { font-size: 1.25em; }


			




	...
	
		
 
@@ -278,2 +265,13 @@ h3 { margin-top: .6em; margin-bottom: .4em; }


			




	
	
	
		
 

			




	
	
	
		
 
@media all and (min-width: 60em) {


			




	
	
	
		
 
    .column {


			




	
	
	
		
 
        float: left;


			




	
	
	
		
 
    }


			




	
	
	
		
 
    .column:nth-child(odd) {


			




	
	
	
		
 
        clear: both;


			




	
	
	
		
 
        width: 47%;


			




	
	
	
		
 
        margin-right: 3em;


			




	
	
	
		
 
    }


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
#conservancyfooter {


			




        

    


    
    

    

        

                

                    www/conservancy/templates/frontpage.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -26,34 +26,3 @@


			




	
	
	
		
 

			




	
	
	
		
 
<div class="column column-small column-left">


			




	
	
	
		
 
<h2>Learn More about Conservancy</h2>


			




	
	
	
		
 
<p>


			




	
	
	
		
 
<span class="continued"><a href="/about/">An Overview of Conservancy&hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/members/current/">Conservancy's current member projects&hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/members/services/">Services Conservancy provides to its member projects&hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/copyleft-compliance/">Conservancy's unique work  defending and upholding  copyleft licenses (e.g., the GPL) &hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/npoacct/">Conservancy's Non-Profit Accounting Project &hellip;</a></span>


			




	
	
	
		
 
</p>


			




	
	
	
		
 
<h2>Support Conservancy</h2>


			




	
	
	
		
 
<p>As a 501(c)(3) non-profit charity, Conservancy relies on


			




	
	
	
		
 
  charitable donations for its operations.


			




	
	
	
		
 
  Please join {{supporters_count|safe}} others and <a href="/supporter/"><strong>become a Conservancy Supporter


			




	
	
	
		
 
  today</strong></a> and/or <a href="/donate/">donate generously</a> to help our work!


			




	
	
	
		
 
</p>


			




	
	
	
		
 
<h2>Follow Conservancy News &amp; Blogs</h2>


			




	
	
	
		
 

			




	
	
	
		
 
<p>There is a <a href="/feeds/omnibus/">full site feed available</a> (as


			




	
	
	
		
 
  well as separate feeds for the <a href="/feeds/news/">news items</a> and


			




	
	
	
		
 
  <a href="/feeds/blog/">blog posts</a>).  You can follow Conservancy


			




	
	
	
		
 
 on <a href="https://identi.ca/conservancy">pump.io</a>, 

			




	
	
	
		
 
  <a href="https://twitter.com/conservancy">Twitter</a>, <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">Youtube</a>, <a href="https://plus.google.com/104268783278405704634/">Google+</a>,


			




	
	
	
		
 
      and other social networks, too.  Look


			




	
	
	
		
 
      for us everywhere and follow/like us!</p>


			




	
	
	
		
 

			




	
	
	
		
 
<p>You can also subscribe to <a href="http://lists.sfconservancy.org/pipermail/announce/">Conservancy's low-traffic news list</a>.</p>


			




	
	
	
		
 
</div>


			




	
	
	
		
 

			




	
	
	
		
 
<div class="column column-large">


			




	
	
	
		
 
{% if press_releases.0 %}


			




	
	
	
		
 
{% if press_releases.0.pub_date|date_within_past_days:60 %}


			




	
	
	
		
 
<div class="shaded">


			




	
	
	
		
 
<div class="column">


			




	
	
	
		
 
<h2><a href="/feeds/news/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/news/">Recent News</a></h2>


			




	...
	
		
 
@@ -63,4 +32,3 @@


			




	
	
	
		
 
{% if press_releases.0.body %}<p><span class="continued"><a href="{{ press_releases.0.get_absolute_url }}">Read More...</a></span></p>{% endif %}


			




	
	
	
		
 
{% if press_releases.1 %}


			




	
	
	
		
 
{% if press_releases.1.pub_date|date_within_past_days:30 %}


			




	
	
	
		
 
{% if press_releases.1 and press_releases.1.pub_date|date_within_past_days:30 %}


			




	
	
	
		
 
<hr/>


			




	...
	
		
 
@@ -71,5 +39,3 @@


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% if press_releases.2 %}


			




	
	
	
		
 
{% if press_releases.2.pub_date|date_within_past_days:25 %}


			




	
	
	
		
 
{% if press_releases.2 and press_releases.2.pub_date|date_within_past_days:30 %}


			




	
	
	
		
 
<hr/>


			




	...
	
		
 
@@ -80,9 +46,6 @@


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
</div>


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% endif %}


			




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


			




	
	
	
		
 
{% if blog.0.is_recent %}


			




	
	
	
		
 
<div class="shaded">


			




	
	
	
		
 
</div>


			




	
	
	
		
 

			




	
	
	
		
 
<div class="column">


			




	
	
	
		
 
<h2><a href="/feeds/blog/" class="feedlink"><img src="/img/feed-icon-14x14.png" alt="[RSS]"/></a> <a href="/blog/">Conservancy Blog</a></h2>


			




	...
	
		
 
@@ -92,3 +55,4 @@


			




	
	
	
		
 
<p><span class="continued"><a href="{{ blog.0.get_absolute_url }}">Read More from {{ blog.0.author.casual_name }} on this&hellip;</a></span></p>


			




	
	
	
		
 
{% if blog.1.is_recent %}


			




	
	
	
		
 

			




	
	
	
		
 
{% if blog.1 and blog.1.pub_date|date_within_past_days:30 %}


			




	
	
	
		
 
<hr/>


			




	...
	
		
 
@@ -99,4 +63,4 @@


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% if blog.2.is_recent %}


			




	
	
	
		
 
{% if blog.2.pub_date|date_within_past_days:20 %}


			




	
	
	
		
 

			




	
	
	
		
 
{% if blog.2 and blog.2.pub_date|date_within_past_days:30 %}


			




	
	
	
		
 
<hr/>


			




	...
	
		
 
@@ -107,6 +71,4 @@


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 

			




	
	
	
		
 
{% if blog.3.is_recent %}


			




	
	
	
		
 
{% if blog.3.pub_date|date_within_past_days:15 %}


			




	
	
	
		
 
{% if blog.3 and blog.3.pub_date|date_within_past_days:30 %}


			




	
	
	
		
 
<hr/>


			




	...
	
		
 
@@ -117,6 +79,4 @@


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 

			




	
	
	
		
 
{% if blog.4.is_recent %}


			




	
	
	
		
 
{% if blog.4.pub_date|date_within_past_days:10 %}


			




	
	
	
		
 
{% if blog.4 and blog.4.pub_date|date_within_past_days:30 %}


			




	
	
	
		
 
<hr/>


			




	...
	
		
 
@@ -127,18 +87,38 @@


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 

			




	
	
	
		
 
{% if blog.5.is_recent %}


			




	
	
	
		
 
{% if blog.5.pub_date|date_within_past_days:7 %}


			




	
	
	
		
 
<hr/>


			




	
	
	
		
 
<h3><a href="{{ blog.5.get_absolute_url }}">{{ blog.5.headline|safe }}</a></h3>


			




	
	
	
		
 
<p class="date">Posted by {{ blog.5.author.formal_name }} on {{ blog.5.pub_date|date:"F j, Y" }}</p>


			




	
	
	
		
 
{{ blog.5.summary|safe }}


			




	
	
	
		
 
<p><span class="continued"><a href="{{ blog.5.get_absolute_url }}">Read More from {{ blog.5.author.casual_name }} on this&hellip;</a></span></p>


			




	
	
	
		
 
{% endif %}


			




	
	
	
		
 
{% endif %}


			




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


			




	
	
	
		
 
</div>


			




	
	
	
		
 

			




	
	
	
		
 
<div class="column">


			




	
	
	
		
 
<h2>Support Conservancy</h2>


			




	
	
	
		
 
<p>As a 501(c)(3) non-profit charity, Conservancy relies on


			




	
	
	
		
 
  charitable donations for its operations.


			




	
	
	
		
 
  Please join {{supporters_count|safe}} others and <a href="/supporter/"><strong>become a Conservancy Supporter


			




	
	
	
		
 
  today</strong></a> and/or <a href="/donate/">donate generously</a> to help our work!


			




	
	
	
		
 
</p>


			




	
	
	
		
 
</div>


			




	
	
	
		
 
{% endif %}


			




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


			




	
	
	
		
 

			




	
	
	
		
 
<div class="column">


			




	
	
	
		
 
<h2>Follow Conservancy News &amp; Blogs</h2>


			




	
	
	
		
 

			




	
	
	
		
 
<p>There is a <a href="/feeds/omnibus/">full site feed available</a> (as


			




	
	
	
		
 
  well as separate feeds for the <a href="/feeds/news/">news items</a> and


			




	
	
	
		
 
  <a href="/feeds/blog/">blog posts</a>).  You can follow Conservancy


			




	
	
	
		
 
 on <a href="https://identi.ca/conservancy">pump.io</a>,


			




	
	
	
		
 
  <a href="https://twitter.com/conservancy">Twitter</a>, <a href="https://www.youtube.com/channel/UCUEeuNvX2UyTTyTYXR9dm_A">Youtube</a>, <a href="https://plus.google.com/104268783278405704634/">Google+</a>,


			




	
	
	
		
 
      and other social networks, too.  Look


			




	
	
	
		
 
      for us everywhere and follow/like us!</p>


			




	
	
	
		
 

			




	
	
	
		
 
<p>You can also subscribe to <a href="http://lists.sfconservancy.org/pipermail/announce/">Conservancy's low-traffic news list</a>.</p>


			




	
	
	
		
 

			




	
	
	
		
 
<h2>Learn More about Conservancy</h2>


			




	
	
	
		
 
<p>


			




	
	
	
		
 
<span class="continued"><a href="/about/">An Overview of Conservancy&hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/members/current/">Conservancy's current member projects&hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/members/services/">Services Conservancy provides to its member projects&hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/copyleft-compliance/">Conservancy's unique work  defending and upholding  copyleft licenses (e.g., the GPL) &hellip;</a></span>


			




	
	
	
		
 
<span class="continued"><a href="/npoacct/">Conservancy's Non-Profit Accounting Project &hellip;</a></span>


			




	
	
	
		
 
</p>


			




	
	
	
		
 
</div>


			




	
	
	
		
 

			




	
	
	
		
 
</div>


			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







    


    

  


    








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