File diff 3766fbebc6bb → bc7219daa4e3
www/conservancy/templates/frontpage.html
Show inline comments
...
 
@@ -25,8 +25,8 @@
 

	
 
{% 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
...
 
@@ -34,17 +34,17 @@
 
      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>
...
 
@@ -80,12 +80,12 @@
 
    <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>