Updated presentation page.

This commit is contained in:
Glenn Y. Rolland 2012-07-31 13:11:44 +02:00
parent 43be1a750d
commit 801b3b5e62
4 changed files with 64 additions and 20 deletions

View file

@ -1,3 +1,13 @@
<footer class="footer">
<p class="pull-right"><a href="#">Back to top</a></p>
<p>Designed and built <a href="http://twitter.com/glenux" target="_blank">@glenux</a>.</p>
<p>Code licensed under the <a href="http://www.gnu.org/licenses/gpl-3.0-standalone.html" target="_blank">GNU GPL 3.0</a>.
Documentation licensed under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a>.</p>
<p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
</footer>
</div><!--container--> </div><!--container-->
<script src="{{ site.baseurl }}/js/jquery-1.7.2.min.js"></script></script> <script src="{{ site.baseurl }}/js/jquery-1.7.2.min.js"></script></script>
<script src="{{ site.baseurl }}/js/bootstrap.min.js"></script></script> <script src="{{ site.baseurl }}/js/bootstrap.min.js"></script></script>

View file

@ -5,6 +5,12 @@
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.name }}</title> <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.name }}</title>
<link rel="stylesheet" href="{{ site.baseurl }}/css/bootstrap.min.css"> <link rel="stylesheet" href="{{ site.baseurl }}/css/bootstrap.min.css">
<style>
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link rel="stylesheet" href="{{ site.baseurl }}/css/bootstrap-responsive.min.css"> <link rel="stylesheet" href="{{ site.baseurl }}/css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="{{ site.baseurl }}/css/style.css"> <link rel="stylesheet" href="{{ site.baseurl }}/css/style.css">
</head> </head>

View file

@ -1,4 +1,5 @@
.container .hero-unit { .footer {
margin-top: 60px; border-top: 1px solid #E5E5E5;
margin-bottom: 40px; margin-top: 45px;
padding: 35px 0 36px;
} }

View file

@ -7,21 +7,22 @@ layout: nil
<section id="about"> <section id="about">
<div class="hero-unit"> <div class="hero-unit">
<div class="row"> <div class="row">
<div class="span5"> <div class="span3">
<img class="logo hidden-phone" src="img/qasim.256.png" style="position: relative; top:-1.25em;"/>
<img class="logo visible-phone" src="img/qasim.256.png" style="margin: auto;"/>
</div>
<div class="span7">
<h1> <h1>
<img class="logo" src="img/qasim.128.png" />
<img class="logo" src="img/qasim.256.png" />
Qasim (القاسم) Qasim (القاسم)
</h1> </h1>
<h2>The quick SSHFS mapper</h2> <h2>The quick SSHFS mapper</h2>
<p style="margin-top: 2em; margin-bottom: 2em;">
<p>
It is a front-end to SSHFS, helping average users to access remote filesystems through <em>ssh</em>. It is a front-end to SSHFS, helping average users to access remote filesystems through <em>ssh</em>.
</p> </p>
</div>
</div> <p style="margin-top: 1em;">
<div class="row">
<div class="span5">
<p>
<a class="btn btn-primary btn-large">Get Qasim &raquo;</a> <a class="btn btn-primary btn-large">Get Qasim &raquo;</a>
<a class="btn btn-large">Learn more &raquo;</a> <a class="btn btn-large">Learn more &raquo;</a>
</p> </p>
@ -29,14 +30,12 @@ layout: nil
</div> </div>
</div> </div>
<div class="row">
<div class="span12">
</div>
</div>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<h3><i class="icon-play-circle"></i>Simple</h3> <h3>
<i class="icon-play-circle" style="position:relative; top:0.25em;"></i>
Simple
</h3>
<p>Qasim makes your remote shares available simply from the system tray on your favorite desktop !</p> <p>Qasim makes your remote shares available simply from the system tray on your favorite desktop !</p>
<p style="text-align: center;"> <p style="text-align: center;">
<img style="max-width: 100%;" src="img/qasim-0.1beta-pic002.png" /> <img style="max-width: 100%;" src="img/qasim-0.1beta-pic002.png" />
@ -44,14 +43,20 @@ layout: nil
</div> </div>
<div class="span4"> <div class="span4">
<h3>Compatible and well-integrated</h3> <h3>
<i class="icon-ok" style="position:relative; top:0.25em;"></i>
Compatible and well-integrated
</h3>
<p> <p>
It uses <em>FUSE</em>, thus everything is accessible even under command-line shell. It uses <em>FUSE</em>, thus everything is accessible even under command-line shell.
</p> </p>
</div> </div>
<div class="span4"> <div class="span4">
<h3>Data Secure</h3> <h3>
<i class="icon-lock" style="position:relative; top:0.25em;"></i>
Secure for your data
</h3>
<p> <p>
Access to your data is safe. All transfer is encrypted with the best tools. Access to your data is safe. All transfer is encrypted with the best tools.
</p> </p>
@ -89,4 +94,26 @@ $ echo "deb http://repository.glenux.net/debian unstable main" \
</div> </div>
</section> </section>
<section id="usage">
<div class="page-header">
<h2>Using Qasim</h2>
</div>
<div class="row">
<div class="span6">
<h3 class="callout">
Graphic mode
<small>in KDE, Gnome, etc.</small>
</h3>
<p></p>
</div>
<div class="span6">
<h3>Command-line
<small>in your favorite Terminal</small>
</h3>
</div>
</section>
{% include footer.html %} {% include footer.html %}