![](http://farm4.static.flickr.com/3160/2739114947_7589669a57.jpg /><div style="clear:both; padding-bottom:0.25em"></div>
</div>
<footer class="post-footer">"Emma Louise, surrounded by girls" was posted Wednesday, August 06, 2008</footer>
</article>
</main>
<div id="sidebar">
<aside class="recent">
<h3 class="sidebar-header"><span class="emoji">📅</span> Recent Posts</h3>
<ul>
<li><a href="http://www.surroundedbygirls.com/2008/08/bug-life.html" rel="noreferrer">A Bug's Life</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/08/cheers.html" rel="noreferrer">Cheers</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/08/more-portraits.html" rel="noreferrer">More portraits</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/08/portaits.html" rel="noreferrer">Portraits</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/07/deck-camouflage.html" rel="noreferrer">Deck Camouflage</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/07/weekend-update.html" rel="noreferrer">Weekend Update</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/07/cabo-wabo.html" rel="noreferrer">Cabo Wabo</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/07/happy-fourth-of-july.html" rel="noreferrer">Happy Fourth of July</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/07/caffe-forte.html" rel="noreferrer">Caffe Forte</a></li>
<li><a href="http://www.surroundedbygirls.com/2008/07/summer-time.html" rel="noreferrer">It's summertime</a></li>
</ul>
</aside>
</div>
</div>
<button aria-label="Back to top" type="button" class="scrollToTop"></button>
<script src="https://pagecdn.io/lib/lazysizes/5.2.0/lazysizes.min.js" crossorigin="anonymous"></script>
<script>
var el = document.querySelector(".toggle-me");
el.onclick = function() {
event.preventDefault();
document.getElementsByTagName("body")[0].classList.toggle("nightmode")
}
;
let matched = window.matchMedia()
{
entries.forEach(entry=>{
if (entry.isIntersecting) {
scrollToTop.style.bottom = "5em";
scrollToTop.classList.add("showScrollToTop")
} else {
if (scrollToTop.classList.contains("showScrollToTop") && entry.boundingClientRect.y > 0) {
scrollToTop.classList.remove("showScrollToTop");
scrollToTop.addEventListener("transitionend", removeScrollFromView)
}
}
}
)
}
);
function removeScrollFromView() {
scrollToTop.removeEventListener("transitionend", removeScrollFromView);
if (scrollToTop.classList.contains("showScrollToTop")) {
return
}
scrollToTop.style.bottom = "-200px"
}
if (post[2]) {
observer.observe(post[2]);
scrollToTop.addEventListener("click", ()=>{
window.scrollTo({
top: 0,
behavior: "smooth"
})
}
);
}