Updated presentation page.
This commit is contained in:
parent
43be1a750d
commit
801b3b5e62
4 changed files with 64 additions and 20 deletions
|
@ -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-->
|
||||
<script src="{{ site.baseurl }}/js/jquery-1.7.2.min.js"></script></script>
|
||||
<script src="{{ site.baseurl }}/js/bootstrap.min.js"></script></script>
|
||||
|
|
|
@ -5,6 +5,12 @@
|
|||
<title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.name }}</title>
|
||||
|
||||
<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/style.css">
|
||||
</head>
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
.container .hero-unit {
|
||||
margin-top: 60px;
|
||||
margin-bottom: 40px;
|
||||
.footer {
|
||||
border-top: 1px solid #E5E5E5;
|
||||
margin-top: 45px;
|
||||
padding: 35px 0 36px;
|
||||
}
|
||||
|
|
61
index.html
61
index.html
|
@ -7,21 +7,22 @@ layout: nil
|
|||
<section id="about">
|
||||
<div class="hero-unit">
|
||||
<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>
|
||||
<img class="logo" src="img/qasim.128.png" />
|
||||
<img class="logo" src="img/qasim.256.png" />
|
||||
Qasim (القاسم)
|
||||
</h1>
|
||||
|
||||
<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>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span5">
|
||||
<p>
|
||||
|
||||
<p style="margin-top: 1em;">
|
||||
<a class="btn btn-primary btn-large">Get Qasim »</a>
|
||||
<a class="btn btn-large">Learn more »</a>
|
||||
</p>
|
||||
|
@ -29,14 +30,12 @@ layout: nil
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<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 style="text-align: center;">
|
||||
<img style="max-width: 100%;" src="img/qasim-0.1beta-pic002.png" />
|
||||
|
@ -44,14 +43,20 @@ layout: nil
|
|||
</div>
|
||||
|
||||
<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>
|
||||
It uses <em>FUSE</em>, thus everything is accessible even under command-line shell.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
Access to your data is safe. All transfer is encrypted with the best tools.
|
||||
</p>
|
||||
|
@ -89,4 +94,26 @@ $ echo "deb http://repository.glenux.net/debian unstable main" \
|
|||
</div>
|
||||
</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 %}
|
||||
|
|
Loading…
Reference in a new issue