What's New in Version 1.46 (Locke)

<HTMLBlock>{`
    <div class="testimonial-quote group">
        <img src="https://i.imgur.com/OjYxDu7.jpg">
        <div class="quote-container">
            <blockquote>
                <p>The only defense against the world is a thorough knowledge of it.”</p>
            </blockquote>  
            <cite><span>John Locke</span><br>
                (1632 - 1704)
            </cite>
        </div>
    </div>
<br><br><br>
<p>John Locke is often regarded as one of the most influential philosophers of the 
  early modern period. He asserted that the mind was a tabula rasa, or "blank slate," 
  upon which sensory input left impressions. His theory of knowledge is called 
  empiricism, which states that all knowledge comes from experience.</p>

<p>Locke is the father of knowledge management. Knowledge management has become a very 
  important endeavor for businesses, because it helps companies deal with the 
  ever-growing amount of information that they have to manage every day. Information
  is typically paired with data (which is the new gold) and it will only continue to 
  be more valuable as time goes on. That's why at Pelcro we are driven to find new ways to
  extract, structure, and provide insights from the abundance of data, so your business
  can figure out what is the best strategy for targeting potential customers. 
</p>

<p>Let's take a look at some of our important updates, themed around enhancing 
  your data insights and more, which are included in our v1.46 release:</p>


<style>
@import "compass/css3";
  
h1 {
  font-size: 16px; 
  text-align: center;
  margin-bottom: 40px;
}

.testimonial-quote {
    font-size: 16px;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: gray;
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.testimonial-quote blockquote * {
    box-sizing: border-box; 
}

.testimonial-quote blockquote p {
    color: #75808a; 
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #32aea1;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .5;
    position: absolute;
    top: -.4em;
    left: -.2em;    
    text-shadow: none;
    z-index: -300;
}

.testimonial-quote img {
    border: 3px solid #32aea1;
    border-radius: 50%;
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: -.2em; 
    left: 0;    
}

.testimonial-quote cite {
    color: gray;
    display: block;
    font-size: .8em; 
}
  
.testimonial-quote cite span {
    color: #5e5e5e;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white; 
}

.testimonial-quote {
    position: relative; 
}

.testimonial-quote .quote-container {
    padding-left: 160px; 
}
  
.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 160px; 
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote.right cite {
    text-align: right; 
}
  
</style>
`}</HTMLBlock>

<HTMLBlock>{`
<style>
	.callout.callout > * {
		margin-left: 0;
    position: relative;
	}
  .hub-changelog-post .clearfix#hub-changelog p {
    margin-bottom: 0;
	}
  .callout h3 {
    font-size: 1em;
  }
  .callout.callout {
    padding: .5em;
  }
  .callout.callout-heading {
    padding: .5em;
  }
  .callout-heading p {
    
  }
  .callout-icon {
    display: none;
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
</style>
`}</HTMLBlock>