Skip to content

Commit

Permalink
Improve Apps pages
Browse files Browse the repository at this point in the history
Issue: #2
  • Loading branch information
plfiorini committed Jan 13, 2017
1 parent 0d03d1f commit 4c37751
Show file tree
Hide file tree
Showing 2 changed files with 191 additions and 196 deletions.
224 changes: 112 additions & 112 deletions apps/browser.html
Original file line number Diff line number Diff line change
@@ -1,120 +1,120 @@
---
layout: default
layout: onecolumn
title: Liri Browser
permalink: /apps/browser/
style: blue.css
navitem: nav-apps
---

<div class="container">
<div class="section">
<h3>Liri Browser</h3>
<h4>About</h4>
<p>
Liri Browser is a cross-platform, Material Design web browser,
currently in <span class="red white-text"><strong>&nbsp;alpha&nbsp;</strong></span> stage.
</p>
<p class="light">
Our goal is it to create a minimalistic and simple, yet unique webbrowser that gets out of your way and lets you concentrate on the content.
By designing Liri Browser's according to Google's Material Design we where able to create a clean and beautiful interface.
</p>
<h4>Features</h4>
<div class="row">
<div class="col m6 s12">
<h5>Simple</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_downloads_01.png">
<p>A browser that gets out of your way</p>
<p class="light">
Liri Browser provides all features you would expect from your browser.
We try to keep everything simple yet functional so you can focus
on what on stuff that really matters.
</p>
</div>
<div class="col m6 s12">
<h5>Yet Unique</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_theme_color_01.png">
<p>A browser that adapts to the website theme</p>
<p class="light">
Websites that provide a theme color really shine in Liri Browser.
Say goodbye to boring plain white browser toolbars and let Liri Browser
transform your online experience.
</p>
</div>
</div>
<div class="row">
<div class="col m6 s12">
<h5>Privacy</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_incognito_01.png">
<p>A browser you can trust</p>
<p class="light">
Liri Browser doesn't track you. We don't collect any data about your
browser usage. Every single bit is free and open-source. Because we respect your
privacy and the value of user freedom.
</p>
</div>
<div class="col m6 s12">
<h5>More</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_settings_01.png">
<p>A browser that lets you do more</p>
<p class="light">
Do what you want, the way you want. We provide a sane
set of options so you can customize Liri Browser to your needs
without loosing the focus.
</p>
</div>
</div>
<h4>Contribute</h4>
<p>
Liri Browser is community-driven open-source project. We rely
on contributions to keep the project sustainable. Don't think
you can only contribute if you know how to code! There are
plenty of ways to help out:
</p>
<h5>Design</h5>
<p>
Everything starts with an idea. If you're a designer, your
contribution in form of mockups, sketches or other graphics are
from great value for the whole project.
Checkout the <a href="https://github.com/lirios/browser/issues">GitHub issue list</a>
and get in touch by joining our
<a href="https://plus.google.com/u/0/communities/115722443491803015565">Community on Google+</a>.
</p>
<h5>Code</h5>
<div class="row">
<div class="col m6 s12">
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_qtcreator_dev_01.png" />
</div>
<div class="col m6 s12">
<p>
Writing code is without any doubt a fantastic way to contribute
to the development of the project.
Liri Browser is written using <a href="https://qt.io">Qt</a> (C++) and QtQuick (QML, JavaScript).
We use QtQuick Controls 2 and <a href="https://github.com/lirios/fluid">Fluid</a> to create our Material
Design based user interface.
</p>
<code>
git clone https://github.com/lirios/browser
</code>
<p class="light">
Checkout our guide on the Liri Browser wiki to get started!
</p>
<a class="waves-effect waves-light btn"
href="https://github.com/lirios/browser/wiki/Development-Setup">
Get started
</a>
<a class="waves-effect waves-light btn"
href="https://github.com/lirios/browser">
Fork us on GitHub
</a>
</div>
</div>
<h5>Translations</h5>
<p>
We want to build a browser for everyone. In order to reach this goal,
we need your help translating Liri Browser into your language!
</p>
<a class="waves-effect waves-light btn"
href="{{ site.baseurl }}/get-involved/">
Get Involved
</a>
<h3>Liri Browser</h3>
<h4>About</h4>
<p class="flow-text">
Liri Browser is a cross-platform, Material Design Web browser,
currently in <span class="red white-text"><strong>&nbsp;alpha&nbsp;</strong></span> stage.
</p>
<p class="light">
Our goal is it to create a minimalistic and simple, yet unique webbrowser that gets out of your way and lets you concentrate on the content.
By designing Liri Browser's according to Google's Material Design we where able to create a clean and beautiful interface.
</p>

<h4>Features</h4>
<div class="row">
<div class="col m6 s12">
<h5>Simple</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_downloads_01.png">
<p>A browser that gets out of your way</p>
<p class="light">
Liri Browser provides all features you would expect from your browser.
We try to keep everything simple yet functional so you can focus
on what on stuff that really matters.
</p>
</div>
<div class="col m6 s12">
<h5>Yet Unique</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_theme_color_01.png">
<p>A browser that adapts to the website theme</p>
<p class="light">
Websites that provide a theme color really shine in Liri Browser.
Say goodbye to boring plain white browser toolbars and let Liri Browser
transform your online experience.
</p>
</div>
</div>

<div class="row">
<div class="col m6 s12">
<h5>Privacy</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_incognito_01.png">
<p>A browser you can trust</p>
<p class="light">
Liri Browser doesn't track you. We don't collect any data about your
browser usage. Every single bit is free and open-source. Because we respect your
privacy and the value of user freedom.
</p>
</div>
<div class="col m6 s12">
<h5>More</h5>
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_settings_01.png">
<p>A browser that lets you do more</p>
<p class="light">
Do what you want, the way you want. We provide a sane
set of options so you can customize Liri Browser to your needs
without loosing the focus.
</p>
</div>
</div>

<h4>Contribute</h4>
<p>
Liri Browser is community-driven open-source project. We rely
on contributions to keep the project sustainable. Don't think
you can only contribute if you know how to code! There are
plenty of ways to help out:
</p>
<h5>Design</h5>
<p>
Everything starts with an idea. If you're a designer, your
contribution in form of mockups, sketches or other graphics are
from great value for the whole project.
Checkout the <a href="https://github.com/lirios/browser/issues">GitHub issue list</a>
and get in touch by joining our
<a href="https://plus.google.com/u/0/communities/115722443491803015565">Community on Google+</a>.
</p>
<h5>Code</h5>
<div class="row">
<div class="col m6 s12">
<img class="materialboxed responsive-img z-depth-1" src="{{ site.baseurl }}/images/apps/browser/screen_qtcreator_dev_01.png" />
</div>
<div class="col m6 s12">
<p>
Writing code is without any doubt a fantastic way to contribute
to the development of the project.
Liri Browser is written using <a href="https://qt.io">Qt</a> (C++) and QtQuick (QML, JavaScript).
We use QtQuick Controls 2 and <a href="https://github.com/lirios/fluid">Fluid</a> to create our Material
Design based user interface.
</p>
<code>
git clone https://github.com/lirios/browser
</code>
<p class="light">
Checkout our guide on the Liri Browser wiki to get started!
</p>
<a class="waves-effect waves-light btn"
href="https://github.com/lirios/browser/wiki/Development-Setup">
Get started
</a>
<a class="waves-effect waves-light btn"
href="https://github.com/lirios/browser">
Fork us on GitHub
</a>
</div>
</div>
<h5>Translations</h5>
<p>
We want to build a browser for everyone. In order to reach this goal,
we need your help translating Liri Browser into your language!
</p>
<a class="waves-effect waves-light btn"
href="{{ site.baseurl }}/get-involved/">
Get Involved
</a>
Loading

0 comments on commit 4c37751

Please sign in to comment.