Commit 65ca6c58 authored by Heather Ellsworth's avatar Heather Ellsworth

Applying sphinx-rtd-theme

parent a4f371a2
# Sphinx build info version 1
# This file hashes the configuration used when building these files. When it is not found, a full rebuild will be done.
config: 74a0ba9ef0ffed6985c6c9712bcf3cf3
tags: 645f666f9bcd5a90fca523b33c5a78b7
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gesture Control Hot Edges &#8212; librem5 0 documentation</title>
<link rel="stylesheet" href="_static/alabaster.css" type="text/css" />
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: './',
VERSION: '0',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '.html',
HAS_SOURCE: true
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="top" title="librem5 0 documentation" href="index.html" />
<link rel="prev" title="Welcome to librem5’s documentation!" href="index.html" />
<link rel="stylesheet" href="_static/custom.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9" />
</head>
<body role="document">
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" role="main">
<div class="section" id="gesture-control-hot-edges">
<h1>Gesture Control Hot Edges<a class="headerlink" href="#gesture-control-hot-edges" title="Permalink to this headline"></a></h1>
<div class="section" id="puretouch-framework">
<h2>PureTouch Framework<a class="headerlink" href="#puretouch-framework" title="Permalink to this headline"></a></h2>
<p>Purism Touch (PT) framework is new visual language for
touch screen devices that shares visual principles of Gnome
Desktop and reflects it to new context of mobile devices
running Free &amp; OpenSource OperatingSystem PuriOS.</p>
<a class="reference internal image-reference" href="_images/p1f1.png"><img alt="_images/p1f1.png" class="align-left" src="_images/p1f1.png" style="width: 400px; height: 700px;" /></a>
<p><strong>Human Experience Design and Interface</strong></p>
<p>Elements of PureTouch (PT) Framework give sense of
cleanliness and weightlessness. Color neutrality of PT Interface
Design can help every individual to express their personality by
choosing colors, gradients and images that can help co-create
their device’s idetity.
PureTouch UI aims to create a &#8220;haiku&#8221; effect and declare the
beauty of minimalism.</p>
<p><strong>We Practice Ethical Design</strong></p>
<p><em>ind.ie/ethical-design</em></p>
<p><strong>Human Rights</strong> - Technology that respects human rights is
decentralised, peer-to-peer, zero-knowledge, end-to-end
encrypted, free and open source, interoperable, accessible, and
sustainable.
It respects and protects your civil liberties, reduces inequality,
and benefits democracy.</p>
<p><strong>Human Effort</strong> - Technology that respects human effort is
functional, convenient, and reliable.
It is thoughtful and accommodating; not arrogant or
demanding. It understands that you might be distracted or
differently-abled. It respects the limited time you have on this
planet.</p>
<p><strong>Human Experience</strong> - Technology that respects human
experience is beautiful, magical, and delightful.
It just works. It’s intuitive. It’s invisible. It recedes into the
background of your life. It gives you joy. It empowers you with
superpowers. It puts a smile on your face and makes your life
better.</p>
<p><a class="reference internal" href="_images/p2f1.png"><img alt="pic1" src="_images/p2f1.png" style="width: 300px; height: 550px;" /></a> <a class="reference internal" href="_images/p2f2.png"><img alt="pic2" src="_images/p2f2.png" style="width: 300px; height: 550px;" /></a></p>
<p><strong>Single hand guesture range</strong></p>
<p>Average thumb movement confortable reach.
Majority of users prefer use one hand for
interacting with mobile apps and system
interface. The position of a action target with
respect to the thumb radius impacts
performance and general experience of touch
interface.</p>
<p><strong>Touch Target Area</strong></p>
<p>Regarding action targets like links, buttons,
sliders and other UI elements, comfortable
space would not be less than physical square
7x7 - 9x9mm and cozy space of 14x14mm.</p>
</div>
<div class="section" id="l5-gesture-control-hot-edges">
<h2>L5 Gesture Control - Hot Edges<a class="headerlink" href="#l5-gesture-control-hot-edges" title="Permalink to this headline"></a></h2>
<p>Main Navigation principles with L5 PureTouch</p>
<a class="reference internal image-reference" href="_images/p3f1.png"><img alt="_images/p3f1.png" class="align-center" src="_images/p3f1.png" style="width: 700px; height: 700px;" /></a>
<a class="reference internal image-reference" href="_images/p3f2.png"><img alt="_images/p3f2.png" class="align-center" src="_images/p3f2.png" style="width: 2000px; height: 135px;" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="sphinxsidebar" role="navigation" aria-label="main navigation">
<div class="sphinxsidebarwrapper">
<h3><a href="index.html">Table Of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Gesture Control Hot Edges</a><ul>
<li><a class="reference internal" href="#puretouch-framework">PureTouch Framework</a></li>
<li><a class="reference internal" href="#l5-gesture-control-hot-edges">L5 Gesture Control - Hot Edges</a></li>
</ul>
</li>
</ul>
<div class="relations">
<h3>Related Topics</h3>
<ul>
<li><a href="index.html">Documentation overview</a><ul>
<li>Previous: <a href="index.html" title="previous chapter">Welcome to librem5&#8217;s documentation!</a></li>
</ul></li>
</ul>
</div>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="_sources/Design.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
<h3>Quick search</h3>
<form class="search" action="search.html" method="get">
<div><input type="text" name="q" /></div>
<div><input type="submit" value="Go" /></div>
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
<script type="text/javascript">$('#searchbox').show(0);</script>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="footer">
&copy;2018, Heather Ellsworth.
|
Powered by <a href="http://sphinx-doc.org/">Sphinx 1.4.9</a>
&amp; <a href="https://github.com/bitprophet/alabaster">Alabaster 0.7.8</a>
|
<a href="_sources/Design.txt"
rel="nofollow">Page source</a>
</div>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
#########################
Gesture Control Hot Edges
#########################
*******************
PureTouch Framework
*******************
Purism Touch (PT) framework is new visual language for
touch screen devices that shares visual principles of Gnome
Desktop and reflects it to new context of mobile devices
running Free & OpenSource OperatingSystem PuriOS.
.. image:: gesture_pics/p1f1.png
:width: 400px
:height: 700px
:align: left
**Human Experience Design and Interface**
Elements of PureTouch (PT) Framework give sense of
cleanliness and weightlessness. Color neutrality of PT Interface
Design can help every individual to express their personality by
choosing colors, gradients and images that can help co-create
their device’s idetity.
PureTouch UI aims to create a "haiku" effect and declare the
beauty of minimalism.
**We Practice Ethical Design**
*ind.ie/ethical-design*
**Human Rights** - Technology that respects human rights is
decentralised, peer-to-peer, zero-knowledge, end-to-end
encrypted, free and open source, interoperable, accessible, and
sustainable.
It respects and protects your civil liberties, reduces inequality,
and benefits democracy.
**Human Effort** - Technology that respects human effort is
functional, convenient, and reliable.
It is thoughtful and accommodating; not arrogant or
demanding. It understands that you might be distracted or
differently-abled. It respects the limited time you have on this
planet.
**Human Experience** - Technology that respects human
experience is beautiful, magical, and delightful.
It just works. It’s intuitive. It’s invisible. It recedes into the
background of your life. It gives you joy. It empowers you with
superpowers. It puts a smile on your face and makes your life
better.
|pic1| |pic2|
.. |pic1| image:: gesture_pics/p2f1.png
:width: 300px
:height: 550px
.. |pic2| image:: gesture_pics/p2f2.png
:width: 300px
:height: 550px
**Single hand guesture range**
Average thumb movement confortable reach.
Majority of users prefer use one hand for
interacting with mobile apps and system
interface. The position of a action target with
respect to the thumb radius impacts
performance and general experience of touch
interface.
**Touch Target Area**
Regarding action targets like links, buttons,
sliders and other UI elements, comfortable
space would not be less than physical square
7x7 - 9x9mm and cozy space of 14x14mm.
******************************
L5 Gesture Control - Hot Edges
******************************
Main Navigation principles with L5 PureTouch
.. image:: gesture_pics/p3f1.png
:width: 700px
:height: 700px
:align: center
.. image:: gesture_pics/p3f2.png
:width: 2000px
:height: 135px
:align: center
.. librem5 documentation master file, created by
sphinx-quickstart on Mon Jan 29 14:23:33 2018.
You can adapt this file completely to your liking, but it should at least
contain the root `toctree` directive.
Welcome to librem5's documentation!
===================================
Contents:
.. toctree::
Design
Indices and tables
==================
* :ref:`genindex`
* :ref:`modindex`
* :ref:`search`
@import url("basic.css");
/* -- page layout ----------------------------------------------------------- */
body {
font-family: 'goudy old style', 'minion pro', 'bell mt', Georgia, 'Hiragino Mincho Pro', serif;
font-size: 17px;
background-color: white;
color: #000;
margin: 0;
padding: 0;
}
div.document {
width: 940px;
margin: 30px auto 0 auto;
}
div.documentwrapper {
float: left;
width: 100%;
}
div.bodywrapper {
margin: 0 0 0 220px;
}
div.sphinxsidebar {
width: 220px;
font-size: 14px;
line-height: 1.5;
}
hr {
border: 1px solid #B1B4B6;
}
div.body {
background-color: #ffffff;
color: #3E4349;
padding: 0 30px 0 30px;
}
div.body > .section {
text-align: left;
}
div.footer {
width: 940px;
margin: 20px auto 30px auto;
font-size: 14px;
color: #888;
text-align: right;
}
div.footer a {
color: #888;
}
p.caption {
font-family: ;
font-size: inherit;
}
div.relations {
display: none;
}
div.sphinxsidebar a {
color: #444;
text-decoration: none;
border-bottom: 1px dotted #999;
}
div.sphinxsidebar a:hover {
border-bottom: 1px solid #999;
}
div.sphinxsidebarwrapper {
padding: 18px 10px;
}
div.sphinxsidebarwrapper p.logo {
padding: 0;
margin: -10px 0 0 0px;
text-align: center;
}
div.sphinxsidebarwrapper h1.logo {
margin-top: -10px;
text-align: center;
margin-bottom: 5px;
text-align: left;
}
div.sphinxsidebarwrapper h1.logo-name {
margin-top: 0px;
}
div.sphinxsidebarwrapper p.blurb {
margin-top: 0;
font-style: normal;
}
div.sphinxsidebar h3,
div.sphinxsidebar h4 {
font-family: 'Garamond', 'Georgia', serif;
color: #444;
font-size: 24px;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
}
div.sphinxsidebar h4 {
font-size: 20px;
}
div.sphinxsidebar h3 a {
color: #444;
}
div.sphinxsidebar p.logo a,
div.sphinxsidebar h3 a,
div.sphinxsidebar p.logo a:hover,
div.sphinxsidebar h3 a:hover {
border: none;
}
div.sphinxsidebar p {
color: #555;
margin: 10px 0;
}
div.sphinxsidebar ul {
margin: 10px 0;
padding: 0;
color: #000;
}
div.sphinxsidebar ul li.toctree-l1 > a {
font-size: 120%;
}
div.sphinxsidebar ul li.toctree-l2 > a {
font-size: 110%;
}
div.sphinxsidebar input {
border: 1px solid #CCC;
font-family: 'goudy old style', 'minion pro', 'bell mt', Georgia, 'Hiragino Mincho Pro', serif;
font-size: 1em;
}
div.sphinxsidebar hr {
border: none;
height: 1px;
color: #AAA;
background: #AAA;
text-align: left;
margin-left: 0;
width: 50%;
}
/* -- body styles ----------------------------------------------------------- */
a {
color: #004B6B;
text-decoration: underline;
}
a:hover {
color: #6D4100;
text-decoration: underline;
}
div.body h1,
div.body h2,
div.body h3,
div.body h4,
div.body h5,
div.body h6 {
font-family: 'Garamond', 'Georgia', serif;
font-weight: normal;
margin: 30px 0px 10px 0px;
padding: 0;
}
div.body h1 { margin-top: 0; padding-top: 0; font-size: 240%; }
div.body h2 { font-size: 180%; }
div.body h3 { font-size: 150%; }
div.body h4 { font-size: 130%; }
div.body h5 { font-size: 100%; }
div.body h6 { font-size: 100%; }
a.headerlink {
color: #DDD;
padding: 0 4px;
text-decoration: none;
}
a.headerlink:hover {
color: #444;
background: #EAEAEA;
}
div.body p, div.body dd, div.body li {
line-height: 1.4em;
}
div.admonition {
margin: 20px 0px;
padding: 10px 30px;
background-color: #FCC;
border: 1px solid #FAA;
}
div.admonition tt.xref, div.admonition a tt {
border-bottom: 1px solid #fafafa;
}
dd div.admonition {
margin-left: -60px;
padding-left: 60px;
}
div.admonition p.admonition-title {
font-family: 'Garamond', 'Georgia', serif;
font-weight: normal;
font-size: 24px;
margin: 0 0 10px 0;
padding: 0;
line-height: 1;
}
div.admonition p.last {
margin-bottom: 0;
}
div.highlight {
background-color: white;
}
dt:target, .highlight {
background: #FAF3E8;
}
div.note {
background-color: #EEE;
border: 1px solid #CCC;
}
div.seealso {
background-color: #EEE;
border: 1px solid #CCC;
}
div.topic {
background-color: #eee;
}
p.admonition-title {
display: inline;
}
p.admonition-title:after {
content: ":";
}
pre, tt, code {
font-family: 'Consolas', 'Menlo', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
font-size: 0.9em;
}
.hll {
background-color: #FFC;
margin: 0 -12px;
padding: 0 12px;
display: block;
}
img.screenshot {
}
tt.descname, tt.descclassname, code.descname, code.descclassname {
font-size: 0.95em;
}
tt.descname, code.descname {
padding-right: 0.08em;
}
img.screenshot {
-moz-box-shadow: 2px 2px 4px #eee;
-webkit-box-shadow: 2px 2px 4px #eee;
box-shadow: 2px 2px 4px #eee;
}
table.docutils {
border: 1px solid #888;
-moz-box-shadow: 2px 2px 4px #eee;
-webkit-box-shadow: 2px 2px 4px #eee;
box-shadow: 2px 2px 4px #eee;
}
table.docutils td, table.docutils th {
border: 1px solid #888;
padding: 0.25em 0.7em;
}
table.field-list, table.footnote {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
table.footnote {
margin: 15px 0;
width: 100%;
border: 1px solid #EEE;
background: #FDFDFD;
font-size: 0.9em;
}
table.footnote + table.footnote {
margin-top: -15px;
border-top: none;
}
table.field-list th {
padding: 0 0.8em 0 0;
}
table.field-list td {
padding: 0;
}
table.field-list p {
margin-bottom: 0.8em;
}
table.footnote td.label {
width: .1px;
padding: 0.3em 0 0.3em 0.5em;
}
table.footnote td {
padding: 0.3em 0.5em;
}
dl {
margin: 0;
padding: 0;
}
dl dd {
margin-left: 30px;
}
blockquote {
margin: 0 0 0 30px;
padding: 0;
}
ul, ol {
/* Matches the 30px from the narrow-screen "li > ul" selector below */
margin: 10px 0 10px 30px;
padding: 0;
}
pre {
background: #EEE;
padding: 7px 30px;
margin: 15px 0px;
line-height: 1.3em;
}
dl pre, blockquote pre, li pre {
margin-left: 0;
padding-left: 30px;
}
dl dl pre {
margin-left: -90px;
padding-left: 90px;
}