Changeset - 3c8f3635372b
Parent rev.
Child rev.
[Not reviewed]
0 3 0
Ben Sturmfels (bsturmfels) - 2 years ago 2021-12-03 04:04:54
ben@sturm.com.au
Add selected highlight to top feature menu.
3 files changed with 18 insertions and 10 deletions:
www/conservancy/static/css/conservancy.css
8
www/conservancy/templates/base_conservancy.html
9
9
www/conservancy/templates/base_vizio.html
1
1
0 comments (0 inline, 0 general)
www/conservancy/static/css/conservancy.css
➞
Show inline comments
...
 
@@ -2,48 +2,49 @@
 
img { border: 0; }
 
body { margin: 0; padding: 0; }
 
.clear { clear: both; }
 
.hidden { display: none; }
 

			




	
	
	
		
 
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;


			




	
	
	
		
 
  --orange-dimmer: #ce3520;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
/* 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); }


			




	
	
	
		
 

			




	
	
	
		
 
body {


			




	
	
	
		
 
  /* Native font stack as per Bootstrap 5.1. */


			




	
	
	
		
 
  font-family:


			




	
	
	
		
 
    system-ui,


			




	
	
	
		
 
    -apple-system,


			




	
	
	
		
 
    "Segoe UI",


			




	
	
	
		
 
    Roboto,


			




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


			




	
	
	
		
 
}


			




	...
	
		
 
@@ -664,24 +665,31 @@ div.small-right, div.medium-right {


			




	
	
	
		
 

			




	
	
	
		
 
.breadcrumbs, .breadcrumbs a {


			




	
	
	
		
 
  color: #777;


			




	
	
	
		
 
}


			




	
	
	
		
 
.breadcrumbs a {


			




	
	
	
		
 
  padding: 0 0.5em;


			




	
	
	
		
 
}


			




	
	
	
		
 
.breadcrumbs a:first-child {


			




	
	
	
		
 
  padding-left: 0;


			




	
	
	
		
 
}


			




	
	
	
		
 
.breadcrumbs span {


			




	
	
	
		
 
  padding-left: 0.5em;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
.press-release .date, .conservancy-blog .date {


			




	
	
	
		
 
  margin-bottom: 1rem;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
/* Expanding sections. */


			




	
	
	
		
 
details summary {


			




	
	
	
		
 
  font-size: 1rem;


			




	
	
	
		
 
  font-weight: bold;


			




	
	
	
		
 
  padding: 0.5rem 0;


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
.conservancy-sustainer #feature-menu li.sustainer a,


			




	
	
	
		
 
.conservancy-donate #feature-menu li.donate a,


			




	
	
	
		
 
.conservancy-vizio #feature-menu li.donate a


			




	
	
	
		
 
{


			




	
	
	
		
 
  background-color: var(--orange-dimmer);


			




	
	
	
		
 
}


			




        

    


    
    

    

        

                

                    www/conservancy/templates/base_conservancy.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -12,59 +12,59 @@


			




	
	
	
		
 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />


			




	
	
	
		
 
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />


			




	
	
	
		
 
    <meta name="description" content="The Software Freedom Conservancy provides a non-profit home and services to Free, Libre and Open Source Software (FLOSS) projects." />


			




	
	
	
		
 
    <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="/favicon.ico" type="image/x-icon" />


			




	
	
	
		
 
    <link rel="stylesheet" type="text/css" href="{% static 'css/tachyons.css' %}"/>


			




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


			




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


			




	
	
	
		
 
    <script type="text/javascript" src="/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" />


			




	
	
	
		
 
            </a>


			




	
	
	
		
 
          </h1>


			




	
	
	
		
 
        </div>


			




	
	
	
		
 

			




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


			




	
	
	
		
 
          <span id="menu-icon" class="dn-ns ph2 pointer">


			




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


			




	
	
	
		
 
          <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="/vizio/" class="f5 mh1 mv1 ph2 pv1 ttu b btn-orange">Vizio</a>


			




	
	
	
		
 
          <span id="search-icon" class="dib ph2 pointer">


			




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


			




	
	
	
		
 
        </div>


			




	
	
	
		
 
            </span></li>


			




	
	
	
		
 
        </ul>


			




	
	
	
		
 
      </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="x-border-right: none; 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></a>


			




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


			




        

    


    
    

    

        

                

                    www/conservancy/templates/base_vizio.html
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	
	
	
		
 
{% extends "base_conservancy.html" %}


			




	
	
	
		
 
{% load cache %}


			




	
	
	
		
 
{% load humanize %}


			




	
	
	
		
 
{% block category %}WhatWeDo{% endblock %}


			




	
	
	
		
 
{% block category %}Vizio{% endblock %}


			




	
	
	
		
 
{% block head %}


			




	
	
	
		
 
<link href="/jquery-ui.css" rel="stylesheet" type="text/css"/>


			




	
	
	
		
 
<link href="/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="VizioMain"><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>


			




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


			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







    


    

  


    








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