mbleigh · May 1, 2012 03:19
diff --git a/welcome.html b/welcome.html
 <!doctype html>
 <html>
  <head>
    <title>Divshot Welcome - Welcome to Divshot (Divshot Prototype)</title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <script type='text/javascript' src='http://divshot.dev/assets/preview.js'></script>
    <link rel='stylesheet' href='http://divshot.dev/assets/preview.css' />
  </head>
  <body>
    <div class='container-fluid'>
      <div class="navbar">
        <div class="navbar-inner">
          <a class="brand" href="#">Divshot Welcome</a>
      
          <div class="container"></div>
        </div>
      </div>
      
      <h1>Welcome to Divshot! <small>Here's how to get started...</small></h1>
      
      <div class="grid row-fluid">
        <div class="span span4 clearfix">
          <div class="well">
            <h3>Projects</h3>
      
            <div class="text">
              <p>Projects are logical groups for your prototype pages. Each
              project can have many <i>pages</i> and as a user you can create
              multiple projects.</p>
      
              <p>To change between projects, use the leftmost dropdown in the
              top menubar. Right now it says "Welcome to Divshot", which is
              this project that has automatically been created for you.</p>
            </div>
          </div>
      
          <div class="well">
            <h3>Pages</h3>
      
            <div class="text">
              <p>Pages are, well, what they sound like! A page is the canvas
              upon which you will create your prototype's interface.</p>
      
              <p>There are two ways to switch between pages: using the "tabs"
              in the "browser" above or by using the second dropdown in the top
              menu.</p>
            </div>
          </div>
        </div>
      
        <div class="span span8 clearfix">
          <h2>Getting Started</h2>
      
          <div class="text">
            <p>Getting started with Divshot is as easy as dragging and
            dropping! Just grab one of the components on the left and drag it
            onto the canvas. You should see a ghost image of what that
            component will look like once dropped.</p>
      
            <p>Once you've dropped a component onto the canvas, you can
            manipulate its contents by selecting it. Selection is as easy as
            clicking on the component you want to change.</p>
          </div>
      
          <h2>Saving Your Work</h2>
      
          <div class="text">
            <p>Saving your work is as easy as, well, doing nothing! Divshot
            automatically saves your prototype periodically so you never have
            to worry about losing your work. You can see the project's last
            saved time in the right-hand side of the address bar above, and you
            can also manually trigger a save if you'd like.</p>
          </div>
      
          <h2>Preview and Export</h2>
      
          <div class="text">
            <p>Once you've built your interface to a point where you want to
            share (or download it, you will want to either preview or export
            it.</p>
      
            <p>The <b>Preview URL</b> in the address bar above is a public URL
            that you can share with anyone who you would like to see your
            work.</p>
          </div>
      
          <div class="alert alert-warning">
            <a class="close" data-dismiss="alert"></a>
            <strong>Warning!</strong> Anyone who has the preview link can view
            your page in its current state. Only share the link with people you
            trust.
          </div>
      
          <div class="text">
            <p>To <b>Export</b> your project, simply click "Export Project" in
            the address bar above. Right now we only support simple export via
            a shell script, but in the future we will support additional means
            of export.</p>
          </div>
      
          <div class="alert alert-success">
            <a class="close" data-dismiss="alert"></a> <strong>Welcome to
            Divshot!</strong> We hope you enjoy using it as much as
          </div>
        </div>
      </div>
    </div>
  </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<title>Divshot Welcome - Welcome to Divshot (Divshot Prototype)</title>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	<script type='text/javascript' src='http://divshot.dev/assets/preview.js'></script>
	<link rel='stylesheet' href='http://divshot.dev/assets/preview.css' />
	</head>
	<body>
	<div class='container-fluid'>
	<div class="navbar">
	<div class="navbar-inner">
	<a class="brand" href="#">Divshot Welcome</a>

	<div class="container"></div>
	</div>
	</div>

	<h1>Welcome to Divshot! <small>Here's how to get started...</small></h1>

	<div class="grid row-fluid">
	<div class="span span4 clearfix">
	<div class="well">
	<h3>Projects</h3>

	<div class="text">
	<p>Projects are logical groups for your prototype pages. Each
	project can have many <i>pages</i> and as a user you can create
	multiple projects.</p>

	<p>To change between projects, use the leftmost dropdown in the
	top menubar. Right now it says "Welcome to Divshot", which is
	this project that has automatically been created for you.</p>
	</div>
	</div>

	<div class="well">
	<h3>Pages</h3>

	<div class="text">
	<p>Pages are, well, what they sound like! A page is the canvas
	upon which you will create your prototype's interface.</p>

	<p>There are two ways to switch between pages: using the "tabs"
	in the "browser" above or by using the second dropdown in the top
	menu.</p>
	</div>
	</div>
	</div>

	<div class="span span8 clearfix">
	<h2>Getting Started</h2>

	<div class="text">
	<p>Getting started with Divshot is as easy as dragging and
	dropping! Just grab one of the components on the left and drag it
	onto the canvas. You should see a ghost image of what that
	component will look like once dropped.</p>

	<p>Once you've dropped a component onto the canvas, you can
	manipulate its contents by selecting it. Selection is as easy as
	clicking on the component you want to change.</p>
	</div>

	<h2>Saving Your Work</h2>

	<div class="text">
	<p>Saving your work is as easy as, well, doing nothing! Divshot
	automatically saves your prototype periodically so you never have
	to worry about losing your work. You can see the project's last
	saved time in the right-hand side of the address bar above, and you
	can also manually trigger a save if you'd like.</p>
	</div>

	<h2>Preview and Export</h2>

	<div class="text">
	<p>Once you've built your interface to a point where you want to
	share (or download it, you will want to either preview or export
	it.</p>

	<p>The <b>Preview URL</b> in the address bar above is a public URL
	that you can share with anyone who you would like to see your
	work.</p>
	</div>

	<div class="alert alert-warning">
	<a class="close" data-dismiss="alert"></a>
	<strong>Warning!</strong> Anyone who has the preview link can view
	your page in its current state. Only share the link with people you
	trust.
	</div>

	<div class="text">
	<p>To <b>Export</b> your project, simply click "Export Project" in
	the address bar above. Right now we only support simple export via
	a shell script, but in the future we will support additional means
	of export.</p>
	</div>

	<div class="alert alert-success">
	<a class="close" data-dismiss="alert"></a> <strong>Welcome to
	Divshot!</strong> We hope you enjoy using it as much as
	</div>
	</div>
	</div>
	</div>
	</body>
	</html>