<article class="post-item">
<header>
<h3>
<a href="">
<span class="avatar">
<span class="size30 sky" data-content="j"></span>
</span>
@<span>jennsu</span>
</a>
</h3>
<p><time datetime="2015-03-18T20:27:48+00:00">6 days ago</time></p>
</header>
</article>
<article class="post-item">
<header>
<h3>…</h3>
<p><time…>…</time></p>
<p class="source">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-instagram"></use><foreignObject>via instagram</foreignObject></switch>
</svg>
</p>
</header>
</article>
@aldo getting ready for Neighborday!
<article class="post-item">
<header>…</header>
<div class="body">
<p><img src="…" alt="Uploaded image 1"></p>
<p>@aldo getting ready for Neighborday!</p>
</div>
</article>
<article class="post-item">
<header>…</header>
<div class="body">
<p>
<video poster="…poster-image.jpg" controls="controls" preload="none">
<source src="…video-file.m4v" type="video/mp4" />
<source src="…video-file.webm…" type="video/webm" />
<img class="video-fallback" src="…poster-image.jpg" alt="" />
<span class="video-fallback">
Aw, shucks.
Our video player isn’t working in this web browser.
Please try again in another browser or on another device.
</span>
</video>
</p>
</div>
</article>
The “video-fallback” image and text will appear in browsers that don’t understand <video />
elements.
<article class="post-item">
<header>…</header>
<div class="profile">
<a href="">
<span class="avatar">
<img height="100" width="100" src="…" alt="caseycaplowe’s photo" />
</span>
<h2>@caseycaplowe</h2>
<p class="name">Casey Caplowe</p>
<p class="about">GOOD cofounder, los angeleno, etc</p>
</a>
<p class="action">
<a href="">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icon-edit"></use></svg>
Edit your profile
</a>
</p>
</div>
</article>
@aldo getting ready for Neighborday!
<article class="post-item">
<header>…</header>
<div class="body">…</div>
<footer>
<ul class="action">
<li>
<button role="checkbox" aria-checked="false">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-heart"></use><foreignObject>Heart</foreignObject></switch>
</svg>
</button>
</li>
<li>
<a href="">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#icon-reply"></use>
</svg>
Comment
</a>
</li>
<li>
<button role="checkbox" aria-checked="false">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-star"></use><foreignObject>Feature</foreignObject></switch>
</svg>
</button>
</li>
<li>
<a href="">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-more"></use><foreignObject>Options</foreignObject></switch>
</svg>
</a>
</li>
</ul>
</footer>
</article>
@aldo getting ready for Neighborday!
<article class="post-item">
<header>…</header>
<div class="body">…</div>
<footer>
<ul class="action">
…
<li>
<button role="checkbox" aria-checked="true">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-star"></use><foreignObject>Feature</foreignObject></switch>
</svg>
</button>
</li>
</ul>
<ul class="meta">
<li>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#icon-star"></use>
</svg>
Featured
</li>
</ul>
</footer>
</article>
@aldo getting ready for Neighborday!
<article class="post-item">
<header>…</header>
<div class="body">…</div>
<footer>
<ul class="action">
<li>
<button role="checkbox" aria-checked="true">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-heart"></use><foreignObject>Heart</foreignObject></switch>
</svg>
</button>
</li>
…
</ul>
<ul class="meta">
<li>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#icon-star"></use>
</svg>
Featured
</li>
<li>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-heart"></use><foreignObject>Heart</foreignObject></switch>
</svg>
<ul>
<li><a href="…">@aldo</a></li>
</ul>
</li>
</ul>
</footer>
</article>
@aldo getting ready for Neighborday!
<ul class="post-list">
<li>
<article class="post-item">…</article>
</li>
<li>
<article class="post-item">…</article>
</li>
</ul>
Moderated
@aldo getting ready for Neighborday!
<ul class="post-list">
<li>
<p class="moderated">Moderated</p>
<article class="post-item">
<header>…</header>
<div class="body">…</div>
<footer>
<ul class="action">
<li>
<button>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icon-checkmark"></use></svg>
Approve
</button>
</li>
<li>
<button>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icon-close"></use></svg>
Remove
</button>
</li>
</ul>
</footer>
</article>
</li>
<li>
<article class="post-item">…</article>
</li>
</ul>
<div class="comments">
<article class="post-item">
<header>
<h3>
<span class="avatar">
<img height="15" width="15" alt="" src="…" />
</span>
@brian:
</h3>
</header>
<div class="body">
<p>Didn't end up even playing the bass, just spent a lot of time talking with a friend I don't see enough of.
Did play a few songs, rocked some Dio, barbecued, and just had a nice day off.</p>
</div>
<p class="time"><time datetime="2015-03-18T20:27:48+00:00">2 days ago</time></p>
</article>
</div>
Didn't end up even playing the bass, just spent a lot of time talking with a friend I don't see enough of. Did play a few songs, rocked some Dio, barbecued, and just had a nice day off.
Sounds great. We have a have a cheap bass that we got when my son wanted to learn it. If you are just looking for something to play with, happy to gift it just to see it get used.
That'd be awesome, I've been meaning to get a bass for a while now.
Apparently my nephew called dibs and has already taken possession. Sorry for getting your hopes up.
My soul. It is crushed.
<div class="comments">
<h2>Comments</h2>
<ol class="post-list">…</ol>
</div>
@aldo getting ready for Neighborday!
<article class="post-item">
…
<footer>
<ul class="action">…</ul>
<ul class="meta">…</ul>
<div class="comments">
<h2>Comments</h2>
<ol class="post-list">…</ol>
</div>
</footer>
</article>
Didn't end up even playing the bass, just spent a lot of time talking with a friend I don't see enough of. Did play a few songs, rocked some Dio, barbecued, and just had a nice day off.
Sounds great. We have a have a cheap bass that we got when my son wanted to learn it. If you are just looking for something to play with, happy to gift it just to see it get used.
Apparently my nephew called dibs and has already taken possession. Sorry for getting your hopes up.
My soul. It is crushed.
<section class="post page">
<div class="comments">
<ol class="post-list">…</ol>
</div>
</section>
Paint and markers are being put to good use at CTZN mixer!
<div class="notifications">
<article class="post-item">
<header>
<h3>
<a href="">
<span class="avatar">
<span class="size30 grape" data-content="j"></span>
</span>
<span>jelena</span>
</a>
gave your post on <span>Project Citizen</span> some love:
</h3>
</header>
<div class="body">
<p>Paint and markers are being put to good use at CTZN mixer!</p>
<p><img src="…"></p>
<p><img src="…"></p>
<p><img src="…"></p>
</div>
<p class="time">
<time datetime="2014-11-23T04:46:51+00:00">11 weeks ago</time>
</p>
</article>
</div>
We tried to import your latest Facebook posts, but the login information we have is out of date. You can update your settings to correct this.
<div class="notifications">
<article class="post-item">
<header>
<h3>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#icon-alert"></use>
</svg>
Something went wrong.
</h3>
</header>
<div class="body">
<p>We tried to import your latest Facebook posts, but the login information we have is out of date.
You can <a href="">update your settings</a> to correct this.</p>
</div>
</article>
</div>
Helped a friend buy a Trek Silque S today. Forgot to take a picture of her with it. Planning on doing a ride tomorrow, then I can post it.
<div class="notifications">
<article class="post-item">
<header>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<use xlink:href="#icon-alert"></use>
</svg>
<h3>
<a href="">
@eshah
</a>
cleared a reported post on Santa Zen:
</h3>
</header>
<div class="body">
<p><img src="…"></p>
<p>Helped a friend buy a Trek Silque S today. Forgot to take a picture of her with it.
Planning on doing a ride tomorrow, then I can post it.</p>
</div>
<p class="time">
<time datetime="2015-02-03T04:53:41+00:00">5 minutes ago</time>
</p>
</article>
</div>
Hello! I’d like to join the push for CicLAvia
<div class="notifications">
<article class="post-item">
<header>
<h3>
<a href="">
<span class="avatar">
<img height="30" width="30" alt="" src="…"/>
</span>
<span>@cogg</span>
</a>
requested to join:
</h3>
</header><div class="body"><p>Hello! I’d like to join the push for CicLAvia</p></div>
<p class="time"><time datetime="2015-02-03T04:53:28+00:00">1 hour ago</time></p>
<footer>
<ul class="action">
<li>
<button>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icon-checkmark"></use></svg>
Accept
</button>
</li>
<li>
<button>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icon-close"></use></svg>
Decline
</button>
</li>
<li class="dismiss">
<button>
<svg class="icon" width="24" height="24" viewBox="0 0 24 24">
<switch><use xlink:href="#icon-close"></use><foreignObject>Dismiss</foreignObject></switch>
</svg>
</button>
</li>
</ul>
</footer>
</article>
</div>
Hello! I’d like to join the push for CicLAvia
<div class="notifications">
<article class="post-item">
<header>
<h3>
<a href="">
<span class="avatar">
<img height="30" width="30" alt="" src="…" />
</span>
<span>@brian</span>
</a>
requested to join:
</h3>
</header>
<div class="body"><p>Hello! I’d like to join the push for CicLAvia</p></div>
<p class="time"><time datetime="2015-02-03T04:53:28+00:00">2 hours ago</time></p>
<footer >
<ul class="action">
<li>
<button disabled="disabled">
<svg class="icon" width="24" height="24" viewBox="0 0 24 24"><use xlink:href="#icon-checkmark"></use></svg>
Accepted
</button>
</li>
</ul>
</footer>
</article>
</div>
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Paint and markers are being put to good use at CTZN mixer!
Here are some photos from yesterday’s event at the big house!
<div class="notifications">
<ol class="post-list">
<li></li>
<li>…</li>
<li>…</li>
</ol>
</div>
A healthy org has healthy practice. Company bike helmets to accompany company bikes. Going to lunch? Grab a bike and a helmet. . .dope. #ctzn #good #greedycity
Didn't end up even playing the bass, just spent a lot of time talking with a friend I don't see enough of. Did play a few songs, rocked some Dio, barbecued, and just had a nice day off.
Sounds great. We have a have a cheap bass that we got when my son wanted to learn it. If you are just looking for something to play with, happy to gift it just to see it get used.
Apparently my nephew called dibs and has already taken possession. Sorry for getting your hopes up.
My soul. It is crushed.
We tried to import your latest Facebook posts, but the login information we have is out of date. You can update your settings to correct this.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Helped a friend buy a Trek Silque S today. Forgot to take a picture of her with it. Planning on doing a ride tomorrow, then I can post it.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
A shiny new version of our app just went up. Hooray!
A shiny new version of our app just went up. Hooray!
A shiny new version of our app just went up. Hooray!
A shiny new version of our app just went up. Hooray!
A shiny new version of our app just went up. Hooray!
Paint and markers are being put to good use at CTZN mixer!
Paint and markers are being put to good use at CTZN mixer!
Paint and markers are being put to good use at CTZN mixer!
Paint and markers are being put to good use at CTZN mixer!
Paint and markers are being put to good use at CTZN mixer!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
Celebrating our first release of CTZN with brunch at Tom Bergin’s!
@cogg @dan @brian @anton @jim @eshah @jelena we did it!! You guys are awesome <3 <3 <3
Here are some photos from yesterday’s event at the big house!
No posts today? But we did so much on our push! @aldoatgood made this nifty start page design... @Jim helped me tweak some Tumblr code... (sidenote: I wish when I hit @ and started typing the app would suggest who I could mention in this push.)
A healthy org has healthy practice. Company bike helmets to accompany company bikes. Going to lunch? Grab a bike and a helmet. . .dope. #ctzn #good #greedycity
Let's neighbor, ya'll! ? #neighborday
Moderated
Here’s what the inside of the “Big House” looks like… And two of our hosts for yesterday’s event, from Root Down LA. Peace guys!
@brian:
Didn't end up even playing the bass, just spent a lot of time talking with a friend I don't see enough of. Did play a few songs, rocked some Dio, barbecued, and just had a nice day off.