Changeset - d27af14b847f
Parent rev.
Child rev.
[Not reviewed]
0 2 0
Christopher Neugebauer - 6 years ago 2017-10-15 16:01:02
chrisjrn@gmail.com
Adds speakers to the home page
2 files changed with 62 insertions and 3 deletions:
pinaxcon/templates/static_pages/homepage.html
40
3
static/scss/custom.scss
22
0 comments (0 inline, 0 general)
pinaxcon/templates/static_pages/homepage.html
➞
Show inline comments
 
{% extends "site_base_home.html" %}
 

			




	
	
	
		
 
{% load i18n %}


			




	
	
	
		
 
{% load staticfiles %}


			




	
	
	
		
 
{% load thumbnail %}


			




	
	
	
		
 
{% load sponsorship_tags %}


			




	
	
	
		
 
{% load schedule_tags %}


			




	
	
	
		
 

			




	
	
	
		
 
{% block head_title %}Welcome{% endblock %}


			




	
	
	
		
 

			




	
	
	
		
 
{% block body_class %}home{% endblock %}


			




	
	
	
		
 

			




	
	
	
		
 
{% block body %}


			




	
	
	
		
 

			




	
	
	
		
 
  <div class="homepage-block-bg website-background"></div>


			




	
	
	
		
 
  <div class="jumbotron homepage-block light">


			




	
	
	
		
 
    <div class="homepage-block-bg website-background"></div>


			




	
	
	
		
 
    <div class="hills main"></div>


			




	
	
	
		
 
    <div class="container homepage-block-content">


			




	...
	
		
 
@@ -62,24 +65,61 @@


			




	
	
	
		
 

			




	
	
	
		
 
    </div>


			




	
	
	
		
 

			




	
	
	
		
 
    <div class="container homepage-block-footer">


			




	
	
	
		
 
      <div>


			




	
	
	
		
 
        <a class="btn btn-primary btn-lg" href="/attend">Buy a ticket!</a>


			




	
	
	
		
 
        <a class="btn btn-default btn-lg " href="https://twitter.com/northbaypython">Twitter</a>


			




	
	
	
		
 
        <a class="btn btn-default btn-lg" href="https://facebook.com/northbaypython">Facebook</a>


			




	
	
	
		
 
      </div>


			




	
	
	
		
 
    </div>


			




	
	
	
		
 
  </div>


			




	
	
	
		
 

			




	
	
	
		
 
  <div class="jumbotron homepage-block white">


			




	
	
	
		
 
    <div class="container homepage-block-content">


			




	
	
	
		
 
      <h1>Speakers</h1>


			




	
	
	
		
 

			




	
	
	
		
 
      <div class="row speaker-list">


			




	
	
	
		
 
      {% speakers as speakers %}


			




	
	
	
		
 
      {% for speaker in speakers %}


			




	
	
	
		
 
          <div class="speaker" >


			




	
	
	
		
 
            <div class="image-alignment">


			




	
	
	
		
 
              <div class="circle" style="border: 0;">


			




	
	
	
		
 
                  <div class="fill" style="background-image: url('{% thumbnail speaker.photo '600x600' %}');"></div>


			




	
	
	
		
 
              </div>


			




	
	
	
		
 
            </div>


			




	
	
	
		
 
            {% for presentation in speaker.presentations.all %}


			




	
	
	
		
 
              <a href="{% url "schedule_presentation_detail" presentation.id %}">


			




	
	
	
		
 
              <h4>{{ speaker.conferencespeaker.name }}</h4>


			




	
	
	
		
 
                <span class="presentation-title">{{ presentation.title }}</span>


			




	
	
	
		
 
              </a>


			




	
	
	
		
 
            {% endfor %}


			




	
	
	
		
 
          </div>


			




	
	
	
		
 
      {% endfor %}


			




	
	
	
		
 
      </div>


			




	
	
	
		
 

			




	
	
	
		
 
    </div>


			




	
	
	
		
 

			




	
	
	
		
 
    <div class="homepage-block-footer full-width">


			




	
	
	
		
 
      <div class="container">


			




	
	
	
		
 
        <div class="row">


			




	
	
	
		
 
          <div class="col-md-4">


			




	
	
	
		
 
            <a class="btn btn-lg btn-primary btn-shadow" href="/about/petaluma">See our program</a>


			




	
	
	
		
 
          </div>


			




	
	
	
		
 
        </div>


			




	
	
	
		
 
      </div>


			




	
	
	
		
 
    </div>


			




	
	
	
		
 
  </div>


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
  <div class="jumbotron homepage-block dark">


			




	
	
	
		
 
    <div class="homepage-block-bg mystic-background"></div>


			




	
	
	
		
 
    <div class="container homepage-block-content">


			




	
	
	
		
 
      <h1>Downtown Petaluma</h1>


			




	
	
	
		
 

			




	
	
	
		
 
      <p>North Bay Python's home is Petaluma, a delightfully quaint dairy town, nestled on a river at the edge of California's Wine Country. Here's what you can look forward to:</p>


			




	
	
	
		
 

			




	
	
	
		
 
      <ul>


			




	
	
	
		
 
        <li>An historic venue with countless restaurants and coffee shops in walking distance</li>


			




	
	
	
		
 
        <li>World-famous craft food and drink producers on your doorstep</li>


			




	
	
	
		
 
        <li>Charming <a href="/attend/hotels">small-town hotels</a>, as close as one block away</li>


			




	
	
	
		
 
      </ul>


			




	...
	
		
 
@@ -99,27 +139,24 @@


			




	
	
	
		
 
          <div class="col-md-8 text-right photo-attribution">


			




	
	
	
		
 
            Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC BY-SA 2.0</a>)


			




	
	
	
		
 
          </div>


			




	
	
	
		
 
        </div>


			




	
	
	
		
 
      </div>


			




	
	
	
		
 
    </div>


			




	
	
	
		
 
  </div>


			




	
	
	
		
 

			




	
	
	
		
 
  <div class="jumbotron homepage-block white">


			




	
	
	
		
 
    <div class="container homepage-block-content">


			




	
	
	
		
 
      <h1>Sponsors</h1>


			




	
	
	
		
 

			




	
	
	
		
 
      {% load sponsorship_tags %}


			




	
	
	
		
 
      {% load thumbnail %}


			




	
	
	
		
 

			




	
	
	
		
 
      {% sponsor_levels as levels %}


			




	
	
	
		
 

			




	
	
	
		
 
      <div class="row sponsor-list">


			




	
	
	
		
 
      {% for level in levels %}


			




	
	
	
		
 
          {% if level.sponsors %}


			




	
	
	
		
 
              {% for sponsor in level.sponsors %}


			




	
	
	
		
 
                  <div class="sponsor">


			




	
	
	
		
 
                    <div class="logo-alignment">


			




	
	
	
		
 
                      {% if sponsor.website_logo %}


			




	
	
	
		
 
                          <a href="{{ sponsor.external_url }}">


			




	
	
	
		
 
                              <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}">


			




	
	
	
		
 
                          </a>


			




        

    


    
    

    

        

                

                    static/scss/custom.scss
                

                

                  
                      
                        

                      ➞

                      
                        
                  

                  
                      
                  
                      
                  
                      
                  
                      
                  
                  
                

                

                    Show inline comments
                    
                

        

        

            



	...
	
		
 
@@ -145,24 +145,46 @@ $homepage-block-min-height: 480px;


			




	
	
	
		
 
      line-height: ($sponsor-height - 5px);


			




	
	
	
		
 
      vertical-align: middle;


			




	
	
	
		
 

			




	
	
	
		
 
      a img {


			




	
	
	
		
 
        max-width: 100%;


			




	
	
	
		
 
        max-height: 100%;


			




	
	
	
		
 
        width: auto;


			




	
	
	
		
 
        height: auto;


			




	
	
	
		
 
      }


			




	
	
	
		
 
    }


			




	
	
	
		
 

			




	
	
	
		
 
  }


			




	
	
	
		
 

			




	
	
	
		
 
  .speaker {


			




	
	
	
		
 
    @include make-xs-column(6);


			




	
	
	
		
 
    @include make-sm-column(4);


			




	
	
	
		
 
    @include make-md-column(3);


			




	
	
	
		
 
    max-width: 600px;


			




	
	
	
		
 
    min-height: 22em;


			




	
	
	
		
 
    margin-bottom: 2em;


			




	
	
	
		
 
    text-align: center;


			




	
	
	
		
 
    vertical-align: middle;


			




	
	
	
		
 

			




	
	
	
		
 
    .image-alignment {


			




	
	
	
		
 
      width: 80%;


			




	
	
	
		
 
      height: 80%;


			




	
	
	
		
 
      margin: auto auto;


			




	
	
	
		
 
      // Center the icon horizontally and vertically


			




	
	
	
		
 
    }


			




	
	
	
		
 
  }


			




	
	
	
		
 

			




	
	
	
		
 
  .speaker-list {


			




	
	
	
		
 
    margin-top: 2em;


			




	
	
	
		
 
  }


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 

			




	
	
	
		
 
.homepage-block-content {


			




	
	
	
		
 
  min-height: ($homepage-block-min-height - 80px);


			




	
	
	
		
 
}


			




	
	
	
		
 

			




	
	
	
		
 
/* ??? */


			




	
	
	
		
 
.homepage-block-footer {


			




	
	
	
		
 

			




	
	
	
		
 
}


			




	
	
	
		
 

			




        

    



    


    



    



      

      





    
    0 comments (0 inline, 0 general)
    





    


  

  







    


    

  


    








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