Initial web release with new theme
[apps-fullscreen] / www / index.html
index cf63981..c79af87 100644 (file)
@@ -1,5 +1,172 @@
-<html>
-<body>
-Sample index file.
-</body>
+<!DOCTYPE html>
+<html lang='en'>
+  <head>
+    <title>Application Fullscreener</title>
+    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
+    <!--[if lt IE 9]><script type='text/javascript' src='assets/javascript/html5.js'></script><![endif]-->
+    <script type='text/javascript' src='assets/javascript/prettify.js'></script>
+    <link rel='stylesheet' type='text/css' href='assets/css/skeleton/stylesheets/base.css' />
+    <link rel='stylesheet' type='text/css' href='assets/css/skeleton/stylesheets/skeleton.css' />
+    <link rel='stylesheet' type='text/css' href='assets/css/prettify.css' />
+    <link rel='stylesheet' type='text/css' href='assets/css/style.css' />
+    <link rel='shortcut icon' href='assets/images/favicon.ico'>
+  </head>
+
+  <body onload='prettyPrint()'>
+    <div class='container'>
+      <header class='sixteen columns'>
+       <div class='nine columns alpha'>
+       <div class='nine columns alpha'>
+         <div class='six columns alpha'>
+           <h1>Application's Fullscreener</h1>
+          </div>
+         <div class='two columns offset-by-one omega'>
+            <img src="assets/images/apps-fullscreener.png"/>
+          </div>
+          </div>
+          <br/>
+         <h2>What is it?</h2>
+
+         <p><em>Application's Fullscreener</em> is a set of small
+           tools
+           for <a href="http://maemo.org/maemo_release_documentation/maemo4.1.x/" target="_blank">Maemo4.x</a>
+           created to send an emulated fullscreen hardware key stroke
+           to a GUI application by its name.</p>
+
+         <p>The main tool makes use of
+         the <a href="http://www.gtk.org/" target="_blank">Gtk+</a> cross-platform
+         widget toolkit.</p>
+       </div>
+
+       <div class='six columns offset-by-one omega'>
+         <a href='http://maemo.org/downloads/product/raw/OS2008/applications-fullscreener/?get_installfile' class='download-button' target='_blank'>
+           Install
+           <span>Latest version from Maemo</span>
+         </a>
+       </div>
+      </header>
+
+      <div class='sixteen columns'>
+        <h3>Installing</h3>
+
+        <p>The easiet way of installing <em>Application's
+        Fullscreener</em> is by clicking on
+        upper's <a href="http://maemo.org/downloads/product/raw/OS2008/applications-fullscreener/?get_installfile" target="_blank">"Install"</a>
+        button or through its entry
+        in <a href="http://maemo.org/downloads/product/OS2008/applications-fullscreener/" target="_blank">Maemo
+        Downloads</a>.</p>
+      </div>
+
+      <div class='sixteen columns'>
+       <h3>Features</h3>
+
+       <p><em>Application's Fullscreener</em> brings two main tools:</p>
+       <ul class="square">
+         <li><strong>gtk_fullscreen_process</strong>: This
+         application identifies a <em>XWindow ID</em> by its
+         process <em>PID</em> and sends a <em>XKeyEvent</em> which
+         emulates the stroke of the hardware key in
+         the <a href="http://wiki.maemo.org/N810" target="_blank">N8x0</a> devices
+         for un/fullscreening the foreground application.</li>
+
+         <li><strong>g_launch_and_fullscreen</strong>: This
+         application spawns a process by its name and also
+         a <em>gtk_fullscreen_process</em> which will try to
+         fullscreen a windows owned by the first process after some
+         seconds. Also, it will not return until the first process is
+         dead and will pass the <em>SIGHUP</em> signal when needed to
+         the first spawn process.<br/>This makes it quite suitable to
+         its usage with a watchdog
+         like <a href="https://garage.maemo.org/projects/dsm/" target="_blank">dsme</a>.</li>
+       </ul>
+      </div>
+
+      <div class='sixteen columns'>
+       <h3>Usage</h3>
+
+       <div class='eight columns alpha'>
+         <code>
+            <pre class='prettyprint'>
+~ $ gtk_fullscreen_process skype
+            </pre>
+         </code>
+
+         <h4>gtk_fullscreen_process example</h4>
+         <p>From the command line, this example will send a
+         fullscreen hardkey event to a running <em>Skype</em>
+         instance.</p>
+       </div>
+
+       <div class='eight columns omega'>
+         <code>
+            <pre class='prettyprint'>
+~ $ g_launch_and_fullscreen skype
+            </pre>
+         </code>
+
+         <h4>g_launch_and_fullscreen example</h4>
+         <p>From the command line, this example will launch a
+         new <em>Skype</em> instance and send a fullscreen hardkey
+         event to it after some seconds.</p>
+       </div>
+      </div>
+
+      <div class='sixteen columns'>
+       <h3>In action:</h3>
+
+       <p><em>Application's Fullscreener</em> is used
+       by <a href="https://garage.maemo.org/projects/skype-launcher/"
+       target="_blank">Automatic Skype Launcher</a> to actually
+       launch and fullscreen <em>Skype</em>.</p>
+      </div>
+
+      <div class='sixteen columns'>
+        <h3>The code:</h3>
+
+       <p><em>Application's Fullscreener</em> is hosted
+       in <a href="https://garage.maemo.org/projects/apps-fullscreen/"
+       target="_blank">Maemo's Garage</a> and its code is licensed
+       as <a href="https://www.gnu.org/licenses/old-licenses/lgpl-2.1.html"
+       target="_blank">LGPL 2.1</a> and hosted
+       in <a href="https://gitorious.org/apps-fullscreener"
+       target="_blank">Gitorious</a>. Fork and contribute at
+       will!</p>
+      </div>
+
+      <div class='sixteen columns'>
+       <h3>Get support:</h3>
+
+       <p>Please, feel free to send me an email
+          to <a href="mailto:postmaster@andresgomez.org">postmaster at
+          andresgomez.org</a> for reporting any issues you might
+          find.</p>
+      </div>
+    </div>
+
+    <footer>
+      <div class='container'>
+       <div class='ten columns offset-by-three repo-author'>
+         <div class='three columns alpha'>
+           <img src=https://secure.gravatar.com/avatar/03a53cd53b8254fe582d4fe1acc26c4e.png?s=100' class='repo-author-logo' />
+          </div>
+
+         <div class='seven columns omega'>
+            <h4>Andres Gomez</h4>
+           <p><strong>Hacker and Owner</strong> at <a href="http://www.igalia.com" target="_blank">Igalia</a>, he is the author and maintainer of <a href="https://gitorious.org/apps-fullscreener" target="_blank">Application's Fullscreener</a>.<br/>
+              Personal website: <a href="http://www.andresgomez.org" target="_blank">andresgomez.org</a><br/>
+              Profile at Igalia: <a href="http://www.igalia.com/nc/igalia-247/igalian/item/agomez/" target="_blank">igalia.com/nc/igalia-247/igalian/item/agomez</a><br/>
+              LinkedIn: <a href="http://www.linkedin.com/in/tanty" target="_blank">linkedin.com/in/tanty</a><br/>
+              GitHub: <a href="https://github.com/tanty" target="_blank">github.com/tanty</a><br/>
+              Gitorious: <a href="https://gitorious.org/~agomez" target="_blank">gitorious.org/~agomez</a></p>
+          </div>
+       </div>
+
+       <div class='sixteen columns credits'>
+         <p>Release template built with HTML5, CSS3 and JS by <a href='http://fublo.net'>Fublo</a></p>
+       </div>
+      </div>
+    </footer>
+
+    <!-- a href='https://github.com/USER/REPOSITORY' class='github-ribbon'><img src='assets/images/github-ribbons/red.png' /></a -->
+  </body>
 </html>