Skip to content
Permalink
Browse files

Text based download, develop, deploy

  • Loading branch information...
jodosha committed Jan 17, 2016
1 parent f454c9f commit 9c27b1bfea7b422b7113363e7d5a7d91ede13283
Showing with 76 additions and 3 deletions.
  1. BIN source/images/terminal.png
  2. +63 −3 source/layouts/home.erb
  3. +13 −0 source/stylesheets/application-minimal.css
Binary file not shown.
@@ -64,7 +64,7 @@
<div class="container">
<div class="row">
<div class="col-sm-8 col-sm-offset-2 text-center m-b-lg">
<img class="img-circle" src="/images/logo.png">
<img class="img-circle" src="/images/logo.png" width="150px" height="150px">
<p class="lead m-x-auto">Hanami is a modern web framework for Ruby.</p>
</div>
</div>
@@ -128,8 +128,68 @@
<p class="lead">
Download, Develop, Deploy in 5 minutes.
</p>
<div class="text-right">
<img src="/images/terminal.png" width="780px" height="500px" class="app-translate-50" data-transition="entrance">
<div class="container">
<div class="row download-develop-deploy">
<div>
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#download" aria-controls="download" role="tab" data-toggle="tab">Download</a></li>
<li role="presentation"><a href="#develop" aria-controls="develop" role="tab" data-toggle="tab">Develop</a></li>
<li role="presentation"><a href="#deploy" aria-controls="deploy" role="tab" data-toggle="tab">Deploy</a></li>
</ul>

<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="download">
<pre class="language-ruby plaintext"><code><span class="command">% gem install hanami</span>
Successfully installed hanami
1 gem installed
<br>
<span class="command">% hanami new bookshelf</span>
18 files successfully created
</code></pre>
</div>
<div role="tabpanel" class="tab-pane" id="develop">
<pre class="language-ruby plaintext"><code><span class="command">% cd bookshelf &amp;&amp; bundle</span>
Bundle complete! 6 Gemfile dependencies, 28 gems now installed.
<br>
<span class="command">% git add . &amp;&amp; gc -m "Initial commit"</span>
[master (root-commit) ecb3a75] Initial commit
37 files changed, 527 insertions(+)
</code></pre>
</div>
<div role="tabpanel" class="tab-pane" id="deploy">
<pre class="language-ruby plaintext"><code><span class="command">% heroku apps:create</span>
Creating cherry-blossom-1234... done, stack is cedar-14
https://cherry-blossom-1234.herokuapp.com/ | https://git.heroku.com/cherry-blossom-1234.git
Git remote heroku added
<br>
<span class="command">% heroku config:add BOOKSHELF_DATABASE_URL="file:///db/bookshelf"</span>
Setting config vars and restarting cherry-blossom-1234... done
BOOKSHELF_DATABASE_URL: file:///db/bookshelf
<br>
<span class="command">% git push heroku master</span>
# ...
remote: Verifying deploy... done.
To https://git.heroku.com/cherry-blossom-1234.git
* [new branch] master -&gt; master
<br>
<span class="command">% heroku open</span>
Opening cherry-blossom-1234... done
</code></pre>
</div>
</div>

<div class="callout">
<div class="callout-content">
<strong>Build your first application now.</strong> It will take you only a few minutes to learn how to do it.
</div>

<div class="callout-secondary">
<a href="/guides/getting-started" class="btn btn-sm btn-primary" target="_blank">Get started</a>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
@@ -116,6 +116,18 @@
}
}

div.download-develop-deploy .tab-pane {
padding: 2em 0;
}

div.download-develop-deploy .command {
color: #685D9F;
}

div.download-develop-deploy .callout {
margin-bottom: 14em;
}

div.app-block-footer {
margin-top: 5em;
}
@@ -149,3 +161,4 @@ p.lead {
div.article-body {
font-size: 1.4em;
}

0 comments on commit 9c27b1b

Please sign in to comment.
You can’t perform that action at this time.