Skip to content

Instantly share code, notes, and snippets.

@lenagroeger
lenagroeger / index.html
Created September 13, 2022 19:58
Scrolly centered images
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
margin: 0px;
}
.scrolly-centered {
@lenagroeger
lenagroeger / index.html
Created September 12, 2022 02:39
Scrolly side-by-side
<style>
.scrolly-side-by-side {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1rem;
}
@lenagroeger
lenagroeger / index.html
Created September 2, 2022 18:38
montana header code
let openerMarkup = document.createElement("div");
openerMarkup.classList.add(
"opener__art",
"opener__art-start--1",
"opener__art-width--6"
);
openerMarkup.innerHTML = `
<div id="scroll-opener">
<div class="scrolly scroll-item">
@lenagroeger
lenagroeger / index.html
Created August 30, 2022 21:39
Image set 4x1
<style type="text/css">
.image-gallery ul {
display: flex;
flex-flow: row wrap;
list-style: none;
margin: 0px auto;
padding: 0px;
}
@lenagroeger
lenagroeger / index.html
Last active September 12, 2022 14:08
Scrolly centered
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
margin: 0px;
}
.scrolly-centered {
@lenagroeger
lenagroeger / index.html
Last active August 4, 2022 13:35
Image fade in out on scroll
<style type="text/css">
.article-body p {
width: 90%;
max-width: 700px;
font-size: 17px;
font-family: Tiempos Text, serif;
margin: 15px auto;
}
@lenagroeger
lenagroeger / .block
Last active July 31, 2022 13:53
Sticky single image
height: 800
scrolling: yes
@lenagroeger
lenagroeger / README.md
Last active July 31, 2022 14:03
Timeline Bars
@lenagroeger
lenagroeger / counties2017.json
Created April 10, 2019 20:15
US Counties 2017
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@lenagroeger
lenagroeger / counties2000.json
Created April 10, 2019 19:43
US Counties 2000
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.