Initial web release with new theme
[apps-fullscreen] / www / index.html
index e1fd039..c79af87 100644 (file)
 <!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' />
-       </head>
-       
-       <body onload='prettyPrint()'>
-               <div class='container'>
-                       <header class='sixteen columns'>
-                               <div class='nine columns alpha'>
-                                       <h1>Application's Fullscreener</h1>
-                                       <h2>My projects description</h2>
-                                       
-                                       <p>Longer description of your project here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis erat sit amet leo hendrerit in laoreet diam tempus. Morbi luctus congue purus id ultrices. Aliquam erat volutpat. Sed facilisis lacus nec sapien venenatis ultrices. In vel erat nisi, vel posuere tortor. Phasellus pharetra nunc at odio euismod rutrum.</p>
-                               </div>
-                               
-                               <div class='six columns 
-offset-by-one omega'>
-                                       <a href='https://github.com/USER/REPOSITORY/zipball/master' class='download-button'>
-                                               Install
-                                               <span>Latest version from Maemo</span>
-                                       </a>
-                               </div>
-                       </header>
-                       
-                       <div class='sixteen columns'>
-                               <h3>Usage and examples</h3>
-                               
-                               <div class='eight columns alpha'>
-                                       <code>
-<pre class='prettyprint'>
-function codeExample() {
-       console.log('This is a code example.');
-}
-</pre>
-                                       </code>
-                                       
-                                       <h4>Example number 1</h4>
-                                       <p>Some example code here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia, enim quis interdum accumsan, odio velit ultricies lectus, sit amet pellentesque eros velit.</p>
-                               </div>
-                               
-                               <div class='eight columns omega'>
-                                       <code>
-<pre class='prettyprint'>
-function codeExample() {
-       console.log('This is a code example.');
-}
-</pre>
-                                       </code>
-                                       
-                                       <h4>Example number 2</h4>
-                                       <p>Some example code here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia, enim quis interdum accumsan, odio velit ultricies lectus, sit amet pellentesque eros velit venenatis leo. Morbi lacinia tempor metus in viverra.</p>
-                               </div>
-                       </div>
-                       
-                       <div class='sixteen columns'>
-                               <h3>See it in action</h3>
-                               
-                               <p>Here you could put a live example if your project happens to be something to do with web development, or maybe you could insert some images.</p>
-                       </div>
-               </div>
-               
-               <footer>
-                       <div class='container'>
-                               <div class='ten columns offset-by-three repo-author'>
-                                       <img src='http://placehold.it/100x105' class='repo-author-logo' />
-                                       
-                                       <p>
-                                               Here you can put a bit of information about the author. Maybe a link to your twitter account or website. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia, enim quis interdum accumsan, odio velit ultricies lectus, sit amet pellentesque eros velit venenatis leo.
-                                       </p>
-                               </div>
-                               
-                               <div class='sixteen columns credits'>
-                                       <p>GitHub 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>
+  <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>