Activity

Source

<section class="activity-item">
  <p class="source">New in <a href="">Photography</a></p>
</section>

Source (with an image)

<section class="activity-item">
  <p class="source has-image">
    <a href=""><img src="…" alt="" width="60" height="60"> Blake Graham</a> shared a link
  </p>
</section>

Time

<section class="activity-item">
  <p class="source">…</p>
  <p class="time">
    <time datetime="2014-01-09T20:55:03Z">
      <abbr title="1 day ago">1 d</abbr>
    </time>
  </p>
</section>

Post

<section class="activity-item">
  …
  <section class="post">
    <h3>
      <a href="">T. Rex and Hands Only A Mother Could Love</a>
      <small class="source">via <a href="…">theairspace.net</a></small>
    </h3>
  </section>
</section>

Post (with an image)

<section class="activity-item">
  …
  <section class="post">
    <h3 class="has-image">
      <a href="">
        <span class="image">
          <img src="…" alt="" width="60" height="60" />
        </span>
        T. Rex and Hands Only A Mother Could Love
      </a>
      <small class="source">via <a href="…">theairspace.net</a></small>
    </h3>
  </section>
</section>

Buttons

<section class="activity-item">
  …
  <section class="post">
    <h3>…</h3>
    <div class="meta">
      <form action="" method="post" class="vote">
        <p>
          <button type="submit" title="Promote this">
            It’s GOOD
          </button>
        </p>
      </form>
      <p class="comments">
        <a href="post-link.html#discuss" title="Start a conversation">
          Thoughts?
        </a>
      </p>
    </div>
  </section>
</section>

<section class="activity-item">
  …
  <section class="post">
    <h3>…</h3>
    <form action="" method="post" class="do">
      <h6>Do It</h6>
      <p>…</p>
    </form>
    <div class="meta">
      <p class="participants">
        <a href="…" title="100 people are in on this">
          100
        </a>
      </p>
      <p class="stories">
        <a href="…" title="27 stories added">
          27
        </a>
      </p>
    </div>
  </section>
</section>

Tags

<section class="activity-item">
  …
  <section class="post">
    <h3>…</h3>
    <div class="meta">
      <section class="tags">
        <h4><span>Tags</span></h4>
        <ul>
          <li>
            <a href="">Dinosaurs</a>
          </li>
          <li>
            <a href="">Education</a>
          </li>
          <li>
            <a href="">History</a>
          </li>
        </ul>
      </section>
    </div>
  </section>
</section>

Link

<section class="activity-item">
  <p class="source has-image">…</p>
  <p class="time">…</p>
  <section class="post link">
    <h3 class="has-image">
      <a href="…">
        <span class="image>…</span>
        Innovation = Freeway Swings and Disco Ball Traffic Lights
      </a>
      <small class="source">
        via <a href="…">fastcoexist.com</a>
      </small>
    </h3>
    …
  </section>
</section>

Link (Featured)

<section class="topic-featured">
  <section class="activity-item">
    …
  </section>
</section>

Video

<section class="activity-item">
  …
  <section class="post link">
    <h3 class="has-image play-button">
      <a href="…">
        <span class="image>…</span>
        Innovation = Freeway Swings and Disco Ball Traffic Lights
      </a>
      <small class="source">
        via <a href="…">fastcoexist.com</a>
      </small>
    </h3>
    …
  </section>
</section>

Do

<section class="activity-item">
  …
  <section class="post do">
    <h3 class="has-image">
      <a href="…">
        <span class="image>…</span>
        Go for an adventure
      </a>
    </h3>
    …
  </section>
</section>

Do (Classic)

<section class="activity-item">
  …
  <section class="post do">
    <h3 class="has-image">
      <a href="…">
        <span class="image>…</span>
        RISE with One Billion Rising in DTLA - Call for flash mobbers & musicians!
      </a>
    </h3>
    …
  </section>
</section>

Do (Featured)

<section class="topic-featured">
  <section class="activity-item do">
    <h3 class="has-image">
      <a href="…">
        <span class="image>…</span>
        Incorporate Charity Into our Daily Routine
      </a>
    </h3>
    …
  </section>
</section>

Story

<section class="activity-item">
  …
  <section class="post do has-story">
    <h3>
      <a href="…">Make something for a stranger to find</a>
    </h3>
    <form action="" method="post" class="do">
      <h6>Do It</h6>
      <p>…</p>
    </form>
  </section>
  <article class="comment">
    <a href="">
      <p>I have the good fortune of working in a building and a neighborhood teeming with creative people.  A few months ago Skrillex, the one and only, had a rehearsal space downstairs and from the hours… <span class="action">View story</span></p>
    </a>
  </article>
</section>

Story (with images)

<section class="activity-item">
  …
  <section class="post do has-story">…</section>
  <article class="comment">
    <a href="">
      <div class="images n3">
        <figure>
          <div class="image">
            <span style="background-image: url(http://images-4.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F453%2Foriginal%2FIMG_8827.JPG&amp;geometry=1000x1000%3E)"></span>
          </div>
        </figure>
        <figure>
          <div class="image">
            <span style="background-image: url(http://images-4.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F454%2Foriginal%2FIMG_8823.JPG&amp;geometry=1000x1000%3E)"></span>
          </div>
        </figure>
        <figure>
          <div class="image">
            <span style="background-image: url(http://images-1.good.is/albums/crop?image_url=http%3A%2F%2Fs3.amazonaws.com%2Fproduction.calumet.good.is%2Fimages%2Fattachments%2F000%2F584%2F455%2Foriginal%2Fphoto.JPG&amp;geometry=1000x1000%3E)"></span>
          </div>
        </figure>
      </div>
      <p>I have the good fortune of working in a building and a neighborhood teeming with creative people.  A few months ago Skrillex, the one and only, had a rehearsal space downstairs and from the hours… <span class="action">View story</span></p>
    </a>
  </article>
</section>

Story (with video)

<section class="activity-item">
  …
  <section class="post do has-story">…</section>
  <article class="comment">
    <iframe width="560" height="315" src="//www.youtube.com/embed/soicdL9py9E" frameborder="0" allowfullscreen></iframe>
    <a href="">
      <p>I have the good fortune of working in a building and a neighborhood teeming with creative people.  A few months ago Skrillex, the one and only, had a rehearsal space downstairs and from the hours… <span class="action">View story</span></p>
    </a>
  </article>
</section>

Comment on a Story

<section class="activity-item">
  …
  <section class="post story">
    <h3>
      <a href="">
        <span class="text">
          When I moved back to midtown Sacramento, where I grew up, it magically became more difficult to drive than ride my bicycle or walk. While the central city of Sacramento…
          <span class="action">View story</span>
        </span>
      </a>
    </h3>
  </section>
  <article class="comment">…</article>
  …
</section>

Comment on a Story (with an image)

<section class="activity-item">
  …
  <section class="post story">
    <h3 class="has-image">
      <a href="">
        <span class="image" style="background-image: url(…)"></span>
        <span class="text">
          I started cycling a couple years ago and it has revolutionised the way I view the streets of Edinburgh… <span class="action">View story</span>
        </span>
      </a>
    </h3>
  </section>
  <article class="comment">…</article>
  …
</section>

Comment on a Story (with a video)

<section class="activity-item">
  …
  <section class="post story">
    <h3 class="has-image play-button">
      <a href="">
        <span class="image" style="background-image: url(…)"></span>
        <span class="text">
          I started cycling a couple years ago and it has revolutionised the way I view the streets of Edinburgh…
          <span class="action">View story</span>
        </span>
      </a>
    </h3>
  </section>
  <article class="comment">…</article>
  …
</section>

Comment on a Link

<section class="activity-item">
  …
  <section class="post link">…</section>
  <article class="comment">
    <h3 class="source has-image">
      <a href="…"><img alt="" height="30" src="…" width="30" /> Jonny Miller</a>
      <time datetime="2014-04-21T09:22:47Z">about 1 month ago</time>
    </h3>
    <a href="…">
      <p>Thanks Alessandra – I agree, everything (especially home) is just a question of perspective. Have you seen Wade Davis' TED talk? It's one of my all time favourites ;)
        www.ted.com/talks/wade_davis_on_endangered_cultures.html</p>
    </a>
  </article>
  <p class="more">
    <a href="…">Join the discussion</a>
  </p>
</section>

Comment on a Link (with an image)

Jonny Miller replied to a comment by Alessandra Rizzotti

4 w

26 Stories that Celebrate Our Humanity via medium.com

It’s GOOD 6

2

Tags

• Global Citizenship
• Conscious Living
• Living Well

Jonny Miller about 1 month ago

Thanks Alessandra – I agree, everything (especially home) is just a question of perspective. Have you seen Wade Davis' TED talk? It's one of my all time favourites ;) www.ted.com/talks/wade_davis_on_endangered_cultures.html

Join the discussion

<section class="activity-item">
  …
  <section class="post link">…</section>
  <article class="comment">
    <h3 class="source has-image">…</h3>
    <a href="…">
      <p>Thanks Alessandra – I agree, everything (especially home) is just a question of perspective. Have you seen Wade Davis' TED talk? It's one of my all time favourites ;)
        www.ted.com/talks/wade_davis_on_endangered_cultures.html</p>
      <figure>
        <div class="image">
          <img src="…" alt="" />
        </div>
      </figure>
    </a>
  </article>
  …
</section>

Comment on a Link (with two images)

Jonny Miller replied to a comment by Alessandra Rizzotti

2 w

20 Grandmas around the world and their culinary masterpieces via maptia.com

It’s GOOD 18

5

Tags

• Culture
• Documentary
• Food

Jonny Miller18 days ago

So cool. Grandmother "Power Lunches" – that's a brilliant idea!

Join the discussion

Comment on a Link (with three images)

Jonny Miller replied to a comment by Alessandra Rizzotti

6 w

One Last Farewell to Winter via maptia.com

It’s GOOD 5

2

Tags

• Adventure
• Photography
• Travel

Jonny Millerabout 1 month ago

I know, I found it really inspiring that Jonathon is only 19 as well... there can't be many other teenagers who can write and photograph as well as he does!

Join the discussion

Follow

<section class="activity-item">
  …
  <section class="follow">
    <h3 class="has-image">
      <a href="/members/linnealarsen">
        <span class="image">
          <img src="…" alt="" width="60" height="60" />
        </span>
        Linnea Larsen
      </a>
    </h3>
    <div class="meta">
      <p>2 Followers</p>
    </div>
    <p class="introduction">
      Somewhere along the road of life we begin to forget what we knew as in
    </p>
    <form class="follow">
      <p><button type="submit">Follow</button></p>
    </form>
  </section>
</section>

Follow (Aggregated)

<section class="activity-item">
  …
  <section class="follow">
    …
  </section>
  <section class="follow">
    …
  </section>
  <section class="follow">
    …
  </section>
</section>

Activity List

• Shauna Nep shared a link

  1 d

  Innovation = Freeway Swings and Disco Ball Traffic Lights   via fastcoexist.com

  It’s GOOD

  Thoughts?

  Tags

  • Cities
  • Creativity
  • Design

• Jonny Miller is now following…

  3 w

  Linnea Larsen

  2 Followers

  Somewhere along the road of life we begin to forget what we knew as in

  Follow

  Following

<ul class="activity-list">
  <li>
    <section class="activity-item">
      …
    </section>
  </li>
  <li>
    <section class="activity-item">
      …
    </section>
  </li>
</ul>

Editorial Options

<section class="activity-item">
  …
</section>
<footer class="options">
  <p class="edit">
    <a href="" title="Edit this post">Edit</a>
  </p>
  <ul>
    …
  </ul>
</footer>

Search Result

<section class="activity-item">
  …
  <section class="post">
    …
    <p class="excerpt">
      …remains of a previously undiscovered <mark>dinosaur</mark>, which is now named Vertidraco…
    </p>
    …
  </section>
</section>