CTZN

Messages

Success

Profile Saved. That profile update looks great on you.

<section class="message active" role="status">
  <div>
    <p>Profile Saved. That profile update looks great on you.</p>
  </div>
</section>

Error after sending

Well, this is embarrassing. Something went wrong when updating your profile. Care to try again?

<section class="message active" role="status">
  <div class="error">
    <p>Well, this is embarrassing. Something went wrong when updating your profile. Care to try again?</p>
  </div>
</section>

Sending data

Sending

<section class="upload-message" role="status">
  <h1>
    <img src="…" width="30" height="30" alt="" />
    Sending
    <span class="sending icon"></span>
  </h1>
</section>

Error while sending

Unable to connect to the server, please retry later.

<section class="upload-message error" role="status">
  <h1>
    <img src="…" width="30" height="30" alt="" />
    <span>Unable to connect to the server, please retry later.</span>
  </h1>
  <ul>
    <li>
      <button>
        <svg class="icon" width="24" height="24" viewBox="0 0 24 24">
          <switch><use xlink:href="#icon-refresh"></use><foreignObject>Try again</foreignObject></switch>
        </svg>
      </button>
    </li>
    <li>
      <button>
        <svg class="icon" width="24" height="24" viewBox="0 0 24 24">
          <switch><use xlink:href="#icon-close"></use><foreignObject>Cancel</foreignObject></switch>
        </svg>
      </button>
    </li>
  </ul>
</section>

Form validation failed

Oops! Those passwords don’t match

<section class="upload-message error" role="status">
  <h1>Oops! Those passwords don’t match</h1>
</section>

Field validation failed

Oops! That email address isn’t valid.

<form action="" method="post">
  …
  <p class="validation-message">Oops! That email address isn’t valid.</p>
</form>

Empty content

Notifications

Go Back

Activity from other people

When someone loves or comments on one of your posts, you’ll see it here.

Good

Pushing the world forward

Start Pushing!

Sending failed example

Page Title

Cancel

aubrey

Joined

4 Posts

1 Push

Unable to connect to the server, please retry later.

Automatic update

Updating in 3…

Starting up (fullscreen)

CTZN

Loading a new page (fullscreen)

Loading images...

Loading part of a page

Loading...

Loading error

Well, this is embarrassing. Our server appears to be offline

Upgrade social connection

Reconnect Facebook to also post videos and content from Facebook Groups you manage.

Social connection failed