<div class=“welcome”>

<h2>Welcome to Thoth!</h2>
<span class="version">Version <%== Thoth::APP_VERSION %></span>

<h4>Getting Started</h4>

<p>
  Use the icons in the admin toolbar above to create new blog posts and pages.
  To edit an existing blog post or page, simply browse to it and an edit icon
  will appear in the toolbar.
</p>

<p>
  When you want to login again in the future, you can either return to
  <a href="<%= rs() %>">this page</a> or use the keyboard shortcut
  <kbd>Ctrl+Alt+A</kbd> to login quickly from any Thoth URL.
</p>

<h4>Customizing Thoth</h4>

<p>
  Tired of the default template and want to design your own? Just fire up your
  favorite text editor and open up these directories:
</p>

<dl class="customizing">
  <dt>Default Views</dt>
  <dd><code><%== @view_root %></code></dd>
  <dt>Default CSS, JS, etc.</dt>
  <dd><code><%== @public_root %></code></dd>

  <dt>Custom Views</dt>
  <dd><code><%== File.join(Thoth::HOME_DIR, 'view') %></code></dd>
  <dt>Custom CSS, JS, etc.</dt>
  <dd><code><%== File.join(Thoth::HOME_DIR, 'public') %></code></dd>
</dl>

<p>
  To customise your blog, find the default view or static resource you
  want to change and copy it to the corresponding custom directory, then make
  your changes to the copy. Thoth looks for a customised file first, then
  loads the default file if no customised version is found.
</p>

<p>
  You'll need to know some XHTML and CSS (and a wee touch of Ruby wouldn't
  hurt), but you should be able to figure it out. You seem like a smart sort
  of bean.
</p>

<h4>Useful Linkage</h4>

<ul>
  <li><a href="<%== Thoth::APP_URL %>">Thoth Website</a></li>
  <li><a href="https://github.com/pagojo/rethoth/wiki">Thoth Wiki</a></li>
  <li><a href="http://github.com/pagojo/rethoth/tree/master">Source Code</a></li>
</ul>

</div>