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-->
|
</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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
61
index.html
61
index.html
|
@ -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 »</a>
|
<a class="btn btn-primary btn-large">Get Qasim »</a>
|
||||||
<a class="btn btn-large">Learn more »</a>
|
<a class="btn btn-large">Learn more »</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 %}
|
||||||
|
|
Loading…
Reference in a new issue