mirror of
https://github.com/jlengrand/Ivolution.git
synced 2026-03-10 08:21:18 +00:00
Uploads new website
This commit is contained in:
103
archives.html
Normal file
103
archives.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="./theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="./theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="./theme/local.css" rel="stylesheet">
|
||||
<link href="./theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href="./index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="page-header"><h1>Ivolution <small>[archive]</small></h1></div>
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
105
categories.html
Normal file
105
categories.html
Normal file
@@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="./theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="./theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="./theme/local.css" rel="stylesheet">
|
||||
<link href="./theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href="./index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="page-header"><h1>Ivolution <small>[categories]</small></h1></div>
|
||||
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
2
feeds/all.atom.xml
Normal file
2
feeds/all.atom.xml
Normal file
@@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom"><title>Ivolution</title><link href="localhost/" rel="alternate"></link><link href="localhost/feeds/all.atom.xml" rel="self"></link><id>localhost/</id><updated>2012-09-15T01:39:18Z</updated></feed>
|
||||
305
index.html
305
index.html
@@ -1,177 +1,140 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||
<title>Facemovie by jlengrand</title>
|
||||
<link rel="stylesheet" href="stylesheets/styles.css">
|
||||
<link rel="stylesheet" href="stylesheets/pygment_trac.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
<script src="javascripts/respond.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
<!--[if lt IE 8]>
|
||||
<link rel="stylesheet" href="stylesheets/ie.css">
|
||||
<![endif]-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
<nav>
|
||||
<li class="fork"><a href="https://github.com/jlengrand/FaceMovie">View On GitHub</a></li>
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="./theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<li class="downloads"><a href="https://dl.dropbox.com/u/4286043/GH/FaceMovie/Facemovie-0.8.2-exe.zip">EXE</a></li>
|
||||
<li class="downloads"><a href="https://github.com/jlengrand/FaceMovie/zipball/master">SOURCE</a></li>
|
||||
<li class="downloads"><a href="https://dl.dropbox.com/u/4286043/GH/FaceMovie/samples.zip">SAMPLES</a></li>
|
||||
|
||||
<li class="title">DOWNLOADS</li>
|
||||
</nav>
|
||||
</div><!-- end header -->
|
||||
<!-- Le styles -->
|
||||
<link href="./theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="./theme/local.css" rel="stylesheet">
|
||||
<link href="./theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href="./index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Ivolution Project</h1></div>
|
||||
<div class="page-content"><h2>Welcome on the website of the Ivolution project !</h2>
|
||||
<p>Ivolution is a <strong>face timelapse generator</strong>.
|
||||
Feed it with a bunch of images and it will generate a movie with your face centered on the screen.</p>
|
||||
<p>Here is a small demonstration of what Ivolution can achieve :</p>
|
||||
<p><center><iframe width="640" height="360" src="http://www.youtube.com/embed/9ZpKnSjvmXo?feature=player_detailpage" frameborder="0" allowfullscreen></iframe></center></p>
|
||||
<p>Ivolution uses <strong>face detection</strong> and modifies the images so that your face always keeps the same size and location over the movie.
|
||||
Images are processed in <strong>chronological order</strong>, so that you can see your face evoluate over time !</p>
|
||||
<p>Ivolution uses a really simple interface, so that you timelapse is only two clicks from being generated !
|
||||
Here is what the current interface looks like :</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="theme/images/blog/mainpage1.png" /></p>
|
||||
</center></p>
|
||||
<p>Ivolution currently supports Windows and Linux and was successfully tested on Windows XP, 7 and Ubuntu 12.04.</p>
|
||||
<p><strong>Ivolution is currently still in early development, and you may face bugs or feel like critical features are missing.</strong>
|
||||
<strong>In this case, just let me know by <a href="static/ivolution_app@gmail.com">sending me a mail</a> or by <a href="https://github.com/jlengrand/FaceMovie/issues?state=open">filing a bug here</a>. I'll be glad to help you !</strong></p></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="wrapper">
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div id="title">
|
||||
<h1>Facemovie</h1>
|
||||
<p>Take one picture of yourself a day, automatically generate a movie!</p>
|
||||
<hr>
|
||||
<span class="credits left">Project maintained by <a href="https://github.com/jlengrand">jlengrand</a></span>
|
||||
<span class="credits right">Hosted on GitHub Pages — Theme by <a href="http://twitter.com/#!/michigangraham">mattgraham</a></span>
|
||||
</div>
|
||||
|
||||
<h1>TimeLapse creation using Face Recognition</h1>
|
||||
|
||||
<p><strong><a href="http://www.youtube.com/watch?v=JueOY7EtXrQ">FaceMovie</a></strong> is a project aiming at helping you create videos of yourself over time.
|
||||
Simply take pictures of yourself, Facemovie does everything else for you. </p>
|
||||
|
||||
<p>FaceMovie may be used for <strong>faces</strong>, but also <strong>profiles</strong> (to show <a href="http://www.youtube.com/watch?v=CG_KArKYTq4">women along pregnancy for example)</a> or <strong>full body</strong> (<a href="http://www.youtube.com/watch?v=02Pzfv7JV48">for people workouting</a>). The only limitation comes from you ! </p>
|
||||
|
||||
<center><iframe width="480" height="360" src="http://www.youtube.com/embed/9ZpKnSjvmXo?rel=0" frameborder="0" allowfullscreen></iframe></center>
|
||||
|
||||
<br>
|
||||
<h2>Installation</h2>
|
||||
|
||||
<h3>Windows executable (Default)</h3>
|
||||
|
||||
<p>This is the current safest and easiest solution for you. </p>
|
||||
|
||||
<p>Download the archive available <a href="http://dl.dropbox.com/u/4286043/GH/FaceMovie/packaging/packages/Facemovie_0.8.zip">here</a>.</p>
|
||||
|
||||
<p>Uncompress the archive. It contains three elements :</p>
|
||||
|
||||
<ul>
|
||||
<li>The executable itself, called <strong>Facemovifier.exe</strong>.</li>
|
||||
<li>A folder called <strong>haar_cascades</strong>. It contains files used by the executable. Leave it in the same location as the executable by default.</li>
|
||||
<li><p>The <strong>README</strong></p></li>
|
||||
</ul>
|
||||
|
||||
<p>In order to check that everything is ready, open a command line in at the executable location and run the Facemovie helper : </p>
|
||||
|
||||
<pre><code>$ cd my\installation\folder
|
||||
$ Facemoviefier.exe -h
|
||||
</code></pre>
|
||||
|
||||
<p>You are now ready to use the Facemovie !</p>
|
||||
|
||||
|
||||
</ul><h3>Ubuntu (12.04)</h3>
|
||||
|
||||
<p>Firstly install dependencies : </p>
|
||||
|
||||
<pre><code>$ sudo aptitude install python-opencv libcv2.3 libcvaux2.3 libhighgui2.3 libopencv-contrib2.3 libopencv-gpu2.3 python-numpy
|
||||
</code></pre>
|
||||
|
||||
<p>Clone the project from Github:</p>
|
||||
|
||||
<pre><code>git clone git://github.com/jlengrand/FaceMovie.git
|
||||
</code></pre>
|
||||
|
||||
<p>Open a command line and try to run the Facemovifier : </p>
|
||||
<pre><code> $ cd my\cloned\folder
|
||||
$ python facemovie\Facemoviefier.py -h
|
||||
</code></pre>
|
||||
|
||||
<h3>Other distributions</h3>
|
||||
|
||||
|
||||
<p>Have a look at the (see <a href="https://github.com/jlengrand/FaceMovie">complete README</a>).</p>
|
||||
|
||||
<h3>Sample archive</h3>
|
||||
|
||||
<p>So that you can start playing with the FaceMovie, I compiled some samples in a archive available <a href="http://dl.dropbox.com/u/4286043/GH/FaceMovie/packaging/ressources/samples.zip">here</a>.
|
||||
Simply uncompress it and use the image as input source !</p>
|
||||
|
||||
<h2>Getting Started</h2>
|
||||
|
||||
<p><i>For each of the following commands, <strong>Facemovifier</strong> should be replaced by <strong>FaceMovifier.exe</strong> or <strong>python Facemovifier</strong> depending on your installation method (executable or Source code).</i></p>
|
||||
|
||||
<h3>First command</h3>
|
||||
|
||||
<p>Once installed, let's start by calling the helper of Facemovie. It can be done like this:</p>
|
||||
|
||||
<pre><code>$ Facemoviefier -h
|
||||
</code></pre>
|
||||
|
||||
<h3>Your first movie!</h3>
|
||||
|
||||
<p>The next step is to try to create you first video. It is no more complex than running the following in command line :</p>
|
||||
|
||||
<pre><code>$ Facemoviefier -i input_folder -o output_folder
|
||||
</code></pre>
|
||||
|
||||
<p>
|
||||
If you don't have images, you can still test the application by downloading some samples <a href="http://dl.dropbox.com/u/4286043/GH/FaceMovie/packaging/ressources/samples.zip">here</a>.</p>
|
||||
|
||||
<p>Here is a concrete example : </p>
|
||||
|
||||
<pre><code>$ Facemoviefier.exe -i "../data/input/samples" -o "../data/output"
|
||||
</code></pre>
|
||||
|
||||
<p>If you want to know more about all available options, please check <a href="https://github.com/jlengrand/FaceMovie">FaceMovie's README</a>.</p>
|
||||
|
||||
<h2>License</h2>
|
||||
|
||||
<p>This project is released under the new BSD license (3 clauses version). You can read more about the license in the LICENSE file or direclty on <a href="http://www.gnu.org/licenses/license-list.html#ModifiedBSD">GNU's website</a>. </p>
|
||||
|
||||
<h2>Issues</h2>
|
||||
|
||||
<p><b>FaceMovie</b> is still a work in progress and is my very first packaged application. I would love to know about your issues or suggestions to make it better ! </p>
|
||||
|
||||
<p>Please post <a href="https://github.com/jlengrand/FaceMovie/issues
|
||||
"><b>your issues or feature requests here</b></a>, so that I can correct/implement them !</p>
|
||||
|
||||
<h2>Contact</h2>
|
||||
|
||||
<p>I would enjoy having feedback if you like this idea, or even used it. Send me a link to your creations so that I can put them here !
|
||||
**Feel free to <a href="https://github.com/jlengrand/FaceMovie/issues?state=open
|
||||
"><b>write some words here</b></a> for any comment or request.</p>
|
||||
|
||||
<p>You can contact me at julien at lengrand dot fr, or on my <a href="http://www.lengrand.fr">current website</a>.</p>
|
||||
|
||||
<p>Oh and of course, if you like my work; you may want to show it :)</p>
|
||||
|
||||
<center><a href="http://flattr.com/thing/712398/FaceMovie" target="_blank">
|
||||
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></center>
|
||||
|
||||
<br>
|
||||
<p><b>Version : 0.8.2</b></p>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
<!--[if !IE]><script>fixScale(document);</script><!--<![endif]-->
|
||||
<script type="text/javascript">
|
||||
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
|
||||
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
try {
|
||||
var pageTracker = _gat._getTracker("UA-32302207-1");
|
||||
pageTracker._trackPageview();
|
||||
} catch(err) {}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
163
pages/About.html
Normal file
163
pages/About.html
Normal file
@@ -0,0 +1,163 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>About</h1></div>
|
||||
<div class="page-content"><h3>Other informations</h3>
|
||||
<p><strong>Ivolution</strong> was created as a pet project, to help a friend currently <a href="http://ungrandtour.blogspot.nl/">travelling around the world</a> (Warning, french inside).
|
||||
It is still in early development, but pretty much already achieves what it was created for !</p>
|
||||
<h3>License</h3>
|
||||
<p>The project is under the <strong><a href="http://www.linfo.org/bsdlicense.html">simplified BSD license</a></strong>. So here are the rules :</p>
|
||||
<p><center>
|
||||
Copyright (c) 2012, Julien Lengrand-Lambert
|
||||
All rights reserved.</p>
|
||||
<p>Redistribution and use in source and binary forms, with or without
|
||||
modification, are permitted provided that the following conditions are met:
|
||||
* Redistributions of source code must retain the above copyright
|
||||
notice, this list of conditions and the following disclaimer.
|
||||
* Redistributions in binary form must reproduce the above copyright
|
||||
notice, this list of conditions and the following disclaimer in the
|
||||
documentation and/or other materials provided with the distribution.
|
||||
* Neither the name of the organization nor the
|
||||
names of its contributors may be used to endorse or promote products
|
||||
derived from this software without specific prior written permission.</p>
|
||||
<p>THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
|
||||
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
|
||||
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
|
||||
DISCLAIMED. IN NO EVENT SHALL <COPYRIGHT HOLDER> BE LIABLE FOR ANY
|
||||
DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
|
||||
(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
|
||||
LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
|
||||
ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
|
||||
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
|
||||
SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.</p>
|
||||
<p></center></p>
|
||||
<p>[Here is where you can learn more about this license]http://www.linfo.org/bsdlicense.html).</p>
|
||||
<p>The important thing to note is that <strong>I can not be taken responsible for any problem you might encounter</strong> (but I'd be glad to help you solve them if you have some).
|
||||
I never experienced any problem using Ivolution (nor all my users), but you are advised to make a copy of the images your are about to process first.</p>
|
||||
<h3>Technology used</h3>
|
||||
<p>To create this project, I used a lot of different tools that are going to be listed here.</p>
|
||||
<ul>
|
||||
<li>The whole project is written in <a href="http://www.google.nl/url?sa=t&rct=j&q=python&source=web&cd=1&cad=rja&ved=0CCUQFjAA&url=http%3A%2F%2Fwww.python.org%2F&ei=g61TUJeiJ4nK0QXjwYCgBw&usg=AFQjCNG7frXlIQC6rpM3VV6f5i7nq5VeIg">Python</a> (2.7). It allows rapid prototyping, has a, Python and huge amount of libraries available and also has the advantage to be portable (Windows, Linux, Web development, . . . ). I know I won´t be limited in the future by using Python.</li>
|
||||
<li>All the image processing is performed using the excellent <a href="http://www.google.nl/url?sa=t&rct=j&q=opencv&source=web&cd=8&cad=rja&ved=0CEkQFjAH&url=http%3A%2F%2Fopencv.org%2F&ei=ja1TUMzYFaX80QX964HYCQ&usg=AFQjCNGUr-UTYvy3hRjaFyy2oCg43JU9Vw">OpenCV</a> library, through its Python bindings. If you have to develop image processing algorithms quickly and efficiently, Python and OpenCV are the tools you want. I used the OpenCV 2.4 version, to be compatible with the current package of Ubuntu.</li>
|
||||
<li>I started developing the GUI in <a href="http://www.google.nl/url?sa=t&rct=j&q=pygtk&source=web&cd=1&cad=rja&ved=0CCMQFjAA&url=http%3A%2F%2Fpygtk.org%2F&ei=k61TUJGQFKik0AXpv4GABg&usg=AFQjCNECVx76WbL-0AoZB9sMwXU5lYNQuQ">GTK+</a> (<a href="https://dl.dropbox.com/u/4286043/ivolution_gtk.png">here is a picture of what it looked like</a>), but finally switched to <a href="http://www.google.nl/url?sa=t&rct=j&q=wxpython&source=web&cd=1&cad=rja&ved=0CCMQFjAA&url=http%3A%2F%2Fwxpython.org%2F&ei=mq1TUP29EaLA0QWY64C4Bw&usg=AFQjCNE8M7EcUd4oQf5NyzG9qiWL15zPhQ">WxPython</a>. GTK+ is nice for Linux environments but made my software OS dependant, which I didn´t want.</li>
|
||||
<li>I used <a href="http://www.py2exe.org/">py2exe</a> combined to <a href="http://nsis.sourceforge.net/Main_Page">NSIS</a> in order to create proper Windows executables. Both are simple to use, even though you may something have to dig into 3 years old forum posts to find the solution to your problems. I´d definitely use them again if needed in future projects.</li>
|
||||
<li>In order to automate everything I used <a href="http://ant.apache.org/">ant</a>. I love ant because you can do pretty much everything you want with it, from compiling to move folder back and forth or even prepare coffee.
|
||||
Coming from the linux world, ant is a must if you want to save time.</li>
|
||||
<li>Finally, this whole website was created using <a href="http://docs.getpelican.com/en/latest/index.html">Pelican</a>. I was searching for an Octopress equivalent, but written in Python.
|
||||
I found Pelican and stick with it since them. The documentation is really complete and you can start working in minutes. Plus it was created by a french man!</li>
|
||||
</ul>
|
||||
<p>That´s all for now folks. If you have other questions, just ask ;)</p>
|
||||
<h3>About the developer</h3>
|
||||
<p>My name is <strong><a href="https://plus.google.com/u/0/107343304730454368817">Julien Lengrand-Lambert</a></strong>, and I am as french software engineer currently living in the Netherlands.
|
||||
You can learn more about me (and the development of Ivolution) on <strong><a href="http://www.lengrand.fr">my website</a></strong>, or on my <strong><a href="https://plus.google.com/u/0/107343304730454368817">G+ page</a></strong>.</p>
|
||||
<p>To follow my projects real time, you can also watch me on <strong><a href="https://github.com/jlengrand">GitHub</a></strong>.</p>
|
||||
<p>For Ivolution related matters, the official email address is <strong>ivolution.app@gmail.com</strong>, but you can also mail me personally using <strong>ju.lien@leng.rand.fr</strong> (without the dots in julien and lengrand :)).</p>
|
||||
<h3>Acknowledgements</h3>
|
||||
<p>the following is a list of persons or ressources that helped me developing Ivolution :</p>
|
||||
<ul>
|
||||
<li>As a starter for the application, I used an <a href="http://japskua.wordpress.com/2010/08/04/detecting-eyes-with-python-opencv/">excellent face detection example</a> from <strong>Japskua</strong>.</li>
|
||||
<li>I use <strong>Gene Cash</strong>'s <a href="http://sourceforge.net/projects/exif-py/">exif library</a> to extract information from EXIF metadata contained in the images</li>
|
||||
<li>The current logo of Ivolution comes from a picture by <strong><a href="http://www.Lucnix.be">Luc Viatour</a></strong> and taken from Wikipedia.</li>
|
||||
<li>Ivolution was developed based on an original idea from <strong>Axel Catoire</strong>, who is currently <a href="http://ungrandtour.blogspot.com/">travelling around the world</a>.</li>
|
||||
</ul></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
131
pages/Downloads.html
Normal file
131
pages/Downloads.html
Normal file
@@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Downloads</h1></div>
|
||||
<div class="page-content"><h2>Binaries and Code</h2>
|
||||
<p>Here is what you need to install Ivolution :</p>
|
||||
<ul>
|
||||
<li>For <strong>Windows</strong> users, <a href="http://sourceforge.net/projects/ivolutioner/files/current/Ivolution_0.6.1.exe/download">the last executable</a></li>
|
||||
<li>
|
||||
<p>For <strong>Linux and Mac</strong> users, <a href="http://sourceforge.net/projects/ivolutioner/files/current/Ivolution-0.6.zip/download">the source package</a></p>
|
||||
</li>
|
||||
<li>
|
||||
<p><a href="https://github.com/jlengrand/Ivolution/zipball/master">Complete source code of the last version</a> (updated each time I commit)</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>Older versions are also available <a href="https://sourceforge.net/projects/ivolutioner/files/older%20versions/">here</a>.</p>
|
||||
<p>If you want to always have the last version available, you can also choose to directly clone the git repository of the project
|
||||
(and I'll gladly accept your pull requests ! ;))</p>
|
||||
<div class="codehilite"><pre><span class="err">$</span> <span class="n">git</span> <span class="n">clone</span> <span class="n">https</span><span class="p">:</span><span class="o">//</span><span class="n">github</span><span class="o">.</span><span class="n">com</span><span class="o">/</span><span class="n">jlengrand</span><span class="o">/</span><span class="n">Ivolution</span><span class="o">.</span><span class="n">git</span>
|
||||
</pre></div>
|
||||
|
||||
|
||||
<p>Simply enter the project and run <strong>./Ivolutioner</strong> in command line should get you started :).</p>
|
||||
<h2>Other downloads</h2>
|
||||
<p>Several other ressources are available to download :</p>
|
||||
<ul>
|
||||
<li><a href="http://sourceforge.net/projects/ivolutioner/files/other%20downloads/Ivolution_doc.zip/download">Current documentation (html)</a></li>
|
||||
<li><a href="http://sourceforge.net/projects/ivolutioner/files/other%20downloads/Ivolution_samples.zip/download">pack of samples</a>, to test the application</li>
|
||||
</ul>
|
||||
<p>If you think something is missing, just let me know by dropping a message to <strong><a href="mailto:ivolution-app@gmail.com">ivolution-app@gmail.com</a></strong> or <a href="https://github.com/jlengrand/Ivolution/issues">file a request here</a></p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
127
pages/FAQ.html
Normal file
127
pages/FAQ.html
Normal file
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Frequent Asked Questions</h1></div>
|
||||
<div class="page-content"><h3>I want to create several videos. Do I have to exit the software each time ?</h3>
|
||||
<p>No, each time a video has been generated, simply select a new input folder and Start the processing again.
|
||||
All the previous information will be flushed automatically.</p>
|
||||
<h3>I have a Mac. Can I use Ivolution ?</h3>
|
||||
<p>Normally, yes. I have used only components that are known to be os independant.
|
||||
But having no Mac at home, I could not compile the application by myself. You'll have to start from the source.</p>
|
||||
<h3>Can I use any kind of images?</h3>
|
||||
<p>It depends. As it uses face detection, Ivolution expects all the images to be quite similar.
|
||||
It basically means that you are expected to take pictures roughly always in the same posture.
|
||||
But the whole meaning of Ivolution is to help you align and scale those images, so change in focus, position or background should not be a problem.</p>
|
||||
<p>To summarize, you definitely can use Ivolution if you take one picture of yourself for example.
|
||||
If you take random images from your library though, the results is likely to be pretty bad.</p>
|
||||
<h3>Can I use pictures of different people to create a movie?</h3>
|
||||
<p>Yes. There is currently no face recognition, so all the faces will be processed the same way (as long as everyone looke like a human :)).</p>
|
||||
<h3>I use Linux, how do I get started?</h3>
|
||||
<p>The whole linux interface is the same as for Windows. Only the installation step is a bit more challenging.
|
||||
I have written an Ubuntu guide here. For other distributions, you have to find the equivalent dependencies.</p>
|
||||
<p>If you have problems or succeed installing Ivolution on other distributions than the ones listed in the install chapter; please let me know.
|
||||
I'll use your information to update the documentation.</p>
|
||||
<h3>Can I save my projects and reuse them later ?</h3>
|
||||
<p>No, it is currently not possible. This feature is in current development.</p>
|
||||
<p><strong>If your issue is not listed here, feel free to send me a message at <a href="mailto:ivolution.app@gmail.com">ivolution.app@gmail.com</a> or <a href="https://github.com/jlengrand/Ivolution/issues">file an issue on github</a>.</strong></p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
121
pages/FutureDevelopments.html
Normal file
121
pages/FutureDevelopments.html
Normal file
@@ -0,0 +1,121 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Future Developments</h1></div>
|
||||
<div class="page-content"><p>As you may already have noticed, <strong>Ivolution</strong> is still in early development. A lot of new features will probably be added in the future, and here are some of the one I currently work on:</p>
|
||||
<h3>Allow users to create and save projects</h3>
|
||||
<p>Currently, users are only able to create a video from scratch using a set of pictures. The process may be long, and boring if you are still in the middle of your project (as you have to start the same process over and over again).
|
||||
This is also problematic if you have a lot of images, and not enough time to process everything at once.</p>
|
||||
<p>This feature will allow you to save the work you have already done. This way, only the new images in the folder will be processed once you load the project.</p>
|
||||
<h3>Reduce processing time</h3>
|
||||
<p>You may have noticed that the face detection process may be quite long, especially if you have high resolution images. This is completely normal, as face detection is a costly operation.
|
||||
The process could be fasten in the Ivolution though, by using multi-threading for example.</p>
|
||||
<h3>Add effects in the video</h3>
|
||||
<p>Currently, the video switches between images without effect. This can be quite brutal, especially is you are using the fast speed.
|
||||
This could be solved by adding a fading effect between frames. The option to use it or not will be placed in the settings.</p>
|
||||
<h3>Allow users to change the name of the video</h3>
|
||||
<p>A current limitation forces users to call their output video Ivolution.avi.
|
||||
This should be changed soon</p>
|
||||
<p>I have new ideas every day, and there's not enough space here to list them all !</p>
|
||||
<p><strong>If you also have ideas, just drop me a mail at <a href="mailto:ivolution-app@gmail.com">ivolution-app@gmail.com</a> and I'll be glad to take your advice in consideration !</strong></p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
159
pages/Installation.html
Normal file
159
pages/Installation.html
Normal file
@@ -0,0 +1,159 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Installation</h1></div>
|
||||
<div class="page-content"><p><strong>Ivolution should run on most of Windows, Linux and Mac operating systems.</strong>
|
||||
It was successfully tested on Windows 7, Windows XP and Ubuntu 12.04.</p>
|
||||
<p>Depending on your operating system though (understand Linux users :), the installation step may require a bit more work.
|
||||
Please choose below the chapter corresponding to your operating system</p>
|
||||
<h2>Windows (XP, Vista, Seven)</h2>
|
||||
<p><a href="http://sourceforge.net/projects/ivolutioner/files/current/Ivolution_0.6.1.exe/download">Simply download and run the executable</a>(x86).</p>
|
||||
<p>Once installed, you should be able to run Ivolution through the icon on the Desktop.
|
||||
Everything should work out of the box without issue.
|
||||
The software has not been tested (yet) on Windows 8, but there should not be major problems to get it running.</p>
|
||||
<h2>Ubuntu 12.04</h2>
|
||||
<p>Ivolution is available for Ubuntu in only a few simple steps.
|
||||
First of all, install Ivolution's dependencies. You can simply do this by running the following line in a terminal :</p>
|
||||
<div class="codehilite"><pre><span class="err">$</span> <span class="n">apt</span><span class="o">-</span><span class="n">get</span> <span class="n">install</span> <span class="n">python</span><span class="o">-</span><span class="n">opencv</span> <span class="n">python</span><span class="o">-</span><span class="n">gi</span> <span class="n">python</span><span class="o">-</span><span class="n">numpy</span> <span class="n">python</span><span class="o">-</span><span class="n">wxgtk2</span><span class="o">.</span><span class="mi">8</span> <span class="n">python</span><span class="o">-</span><span class="n">wxtools</span> <span class="n">python</span><span class="o">-</span><span class="n">wxversion</span>
|
||||
</pre></div>
|
||||
|
||||
|
||||
<p><em><strong>Note</strong> : You'll need administrator's rights to install the packages (usually means using <strong>sudo</strong>).</em></p>
|
||||
<p>Then, <strong><a href="http://sourceforge.net/projects/ivolutioner/files/current/Ivolution-0.6.zip/download">download the last stable package</a></strong> and extract here where you want.</p>
|
||||
<p>Finally, move to the extracted folder in command line and install the package</p>
|
||||
<div class="codehilite"><pre><span class="err">$</span> <span class="n">python</span> <span class="n">setup</span><span class="o">.</span><span class="n">py</span> <span class="n">install</span> <span class="o">--</span><span class="n">record</span> <span class="n">ivolution_files</span>
|
||||
</pre></div>
|
||||
|
||||
|
||||
<p><em>This time again, you will need administrator's right.</em></p>
|
||||
<p><strong>Done !</strong> You can now start using Ivolution by running the following command in a terminal :</p>
|
||||
<div class="codehilite"><pre><span class="err">$</span> <span class="n">Ivolutioner</span>
|
||||
</pre></div>
|
||||
|
||||
|
||||
<h3>Uninstalling the software</h3>
|
||||
<p><em><strong>Note:</strong></em>
|
||||
<em>The <strong>--record</strong> option during the install is used to create a list of all the files generated into your system.</em>
|
||||
<em>By default, there is no uninstall solution for python packages and the only solution is to remove all the files one by one.</em></p>
|
||||
<p>You can do this by running the following command in a terminal, where <em>ivolution_file</em> is your record file.</p>
|
||||
<div class="codehilite"><pre><span class="err">$</span> <span class="n">cat</span> <span class="n">files</span><span class="o">.</span><span class="n">txt</span> <span class="o">|</span> <span class="n">xargs</span> <span class="n">rm</span> <span class="o">-</span><span class="n">rf</span>
|
||||
</pre></div>
|
||||
|
||||
|
||||
<p><strong>WARNING: This command, if not run correctly, may cause damages! Check the record file first.</strong></p>
|
||||
<h2>Other Linux Distributions</h2>
|
||||
<p>For most of all the other Linux distributions, the installation process is similar as the Ubuntu solution <strong>but for the first step</strong>.</p>
|
||||
<p>You will have to find the name of the packages for your own distribution, or compile them from source if they don't exist.
|
||||
Here is a list of all the elements you'll need in your system to run Ivolution:</p>
|
||||
<ul>
|
||||
<li><a href="http://www.python.org/getit/releases/2.7/">python 2.7</a> or more (2.xx)</li>
|
||||
<li><a href="http://opencv.org/">opencv 2.4</a> (or more), and all of its dependencies</li>
|
||||
<li><a href="http://wxpython.org/">wxpython</a> and the related <a href="http://www.wxwidgets.org/">wxwidgets</a></li>
|
||||
</ul>
|
||||
<p>Once all the dependencies are satisfied, you can simply <a href="http://sourceforge.net/projects/ivolutioner/files/current/Ivolution-0.6.zip/download">download</a> and install the package using the directions <strong>from the Ubuntu chapter</strong>.</p>
|
||||
<h2>Mac OS</h2>
|
||||
<p>Up to now, I was not able to create application installer as for Windows.
|
||||
<strong>Mac users should for now follow the Linux guide to install Ivolution.</strong></p>
|
||||
<p>An installer may be provided in the future.
|
||||
You can also try to create it by yourself, using <a href="http://svn.pythonmac.org/py2app/py2app/trunk/doc/index.html">py2app</a> (<strong>and in this case, let me know !</strong>)</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
120
pages/Ivolution.html
Normal file
120
pages/Ivolution.html
Normal file
@@ -0,0 +1,120 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Ivolution Project</h1></div>
|
||||
<div class="page-content"><h2>Welcome on the website of the Ivolution project !</h2>
|
||||
<p>Ivolution is a <strong>face timelapse generator</strong>.
|
||||
Feed it with a bunch of images and it will generate a movie with your face centered on the screen.</p>
|
||||
<p>Here is a small demonstration of what Ivolution can achieve :</p>
|
||||
<p><center><iframe width="640" height="360" src="http://www.youtube.com/embed/9ZpKnSjvmXo?feature=player_detailpage" frameborder="0" allowfullscreen></iframe></center></p>
|
||||
<p>Ivolution uses <strong>face detection</strong> and modifies the images so that your face always keeps the same size and location over the movie.
|
||||
Images are processed in <strong>chronological order</strong>, so that you can see your face evoluate over time !</p>
|
||||
<p>Ivolution uses a really simple interface, so that you timelapse is only two clicks from being generated !
|
||||
Here is what the current interface looks like :</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/mainpage1.png" /></p>
|
||||
</center></p>
|
||||
<p>Ivolution currently supports Windows and Linux and was successfully tested on Windows XP, 7 and Ubuntu 12.04.</p>
|
||||
<p><strong>Ivolution is currently still in early development, and you may face bugs or feel like critical features are missing.</strong>
|
||||
<strong>In this case, just let me know by <a href="../static/ivolution_app@gmail.com">sending me a mail</a> or by <a href="https://github.com/jlengrand/FaceMovie/issues?state=open">filing a bug here</a>. I'll be glad to help you !</strong></p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
173
pages/MainInterface.html
Normal file
173
pages/MainInterface.html
Normal file
@@ -0,0 +1,173 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Main Interface.</h1></div>
|
||||
<div class="page-content"><h2>Basic interface</h2>
|
||||
<p>The following picture shows what you should see when launching the Ivolution application.</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/mi1.png" /></p>
|
||||
</center></p>
|
||||
<p>The main frame is composed of three different parts :</p>
|
||||
<ul>
|
||||
<li>The <strong>Menubar</strong>, used to exit the application, have access to this help or see more information about the application.</li>
|
||||
<li>The <strong>Toolbar</strong>, containing all the elements you can use to create your timelapse, such as the start or the stop buttons</li>
|
||||
<li>The <strong>Main Frame</strong>, aiming at presenting all the information and status of the application in real time.</li>
|
||||
</ul>
|
||||
<h3>MenuBar</h3>
|
||||
<p>I am quite sure everyone having a computer is used to it, but let's present it anyway !</p>
|
||||
<p>The elements of the menubar are quite straight speaking :</p>
|
||||
<ul>
|
||||
<li>The <strong>Exit</strong> menu will exit the application</li>
|
||||
<li>The <strong>Help</strong> menu will browse the web for the documentation of the application.</li>
|
||||
<li>Finally, the <strong>About</strong> menu will present you more information about the software, such as the main developer (hint : me :)) or the license file.</li>
|
||||
</ul>
|
||||
<h3>ToolBar</h3>
|
||||
<p>The toolbar contains several icons, each of them having a precise purpose:</p>
|
||||
<ul>
|
||||
<li>The first folder button shall be used to define the input folder that will be searched for images. All the images of the folder (and its subfolders) will be used in the timlapse generation</li>
|
||||
<li>The second icon opens the settings window. You can learn more about it in the next chapter. For a basic usage, you can just let the default options.</li>
|
||||
<li>Then come the start and stop buttons. Once you input folder is chosen, you can start the application by pressing the green button. Pressing the red button wile processing will stop it.</li>
|
||||
<li>Finally, a quick link to the online help is here in case you need it.</li>
|
||||
</ul>
|
||||
<p><em><strong>Notes:</strong></em></p>
|
||||
<ul>
|
||||
<li><em><strong>Be careful</strong>, by stopping the application you will have to start all over again.</em></li>
|
||||
<li><em>Pressing more than once on the start or stop button will not have any additional effect.</em></li>
|
||||
</ul>
|
||||
<h3>Main Frame</h3>
|
||||
<p>The main frame regroups all the elements of the interface that will give you information about your project.</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/mi2.png" /></p>
|
||||
</center></p>
|
||||
<p>It is divided into 4 different parts</p>
|
||||
<ul>
|
||||
<li>The <strong>input label</strong>, which shows you the folder from which images will be loaded. the selected folder will change each time you select a new directory using the input folder button.</li>
|
||||
<li>The <strong>processing list</strong> contains the list of images being processed for your timelapse. You will learn more about it in the dedicated section.</li>
|
||||
<li>The <strong>progress bar</strong> will give you real time information about the progress of the processing.</li>
|
||||
<li>The <strong>status bar</strong> will give you a bit more precise information that the progress bar. It is itself divided into 2 parts, and you can learn more about it in the status bar dedicated part.</li>
|
||||
</ul>
|
||||
<h4>Processing list</h4>
|
||||
<p>When you choose your input folder and press start, one of the first steps of the algorithms is to <strong>list all the images</strong> that will be processed.
|
||||
The folder you have selected will be walked <strong>recursively</strong>, including all its sub-folders and all the files will be retrieved.
|
||||
All the images will be then listed, while non image files will automatically discarded.</p>
|
||||
<p>When this step is finished, the algorithm will <strong>start searching for faces</strong> in your pictures, in <strong>chronological order</strong>.
|
||||
A <font color="green">green color</font> on a file means that the image was successfully processed, while a <font color="red">red color</font> indicates that no face has been found.
|
||||
When all the files are given a color, the face detection step is terminated and the movie will be generated.</p>
|
||||
<p>Below are presented 2 examples of processing list. In the first case, the face detection is being performed and everything seems to work fine.
|
||||
In the second example, the operation seem to be finished as all the images have been processed. No face has been found on one of the images though.</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/mi3.png" /></p>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/mi4.png" /></p>
|
||||
</center></p>
|
||||
<h4>Status Bar</h4>
|
||||
<p>The status bar presents you with information about the <strong>current step</strong> of the algorithm, and the <strong>progress</strong> of this step.
|
||||
To create a video from scratch, several steps have to be performed in a sequential way and you can see them real-time in the left part of the status bar.</p>
|
||||
<p>The different steps that may be displayed are:</p>
|
||||
<ul>
|
||||
<li><strong>Listing pictures</strong>, meaning that the algorithm is walking through your input folder searching for pictures</li>
|
||||
<li><strong>Detecting faces</strong> is displayed when listing the image is finished. Each image is opened and a face detection is performed.</li>
|
||||
<li><strong>Calculating video requirements</strong> is the next phase of the algorithm. All the faces have been found. Now you want all of them to be at the same scale in the end video. The output video dimensions are also calculated based on the video mode you have chosen.</li>
|
||||
<li><strong>Generating Movie</strong>. All needed information have been collected. The final step is thus to create the timelapse.</li>
|
||||
<li><strong>Process cancelled</strong>. If you see this, it either means that you have pressed the stop button, or that there has been a problem during the processing.</li>
|
||||
</ul></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
127
pages/OneMinuteTutorial.html
Normal file
127
pages/OneMinuteTutorial.html
Normal file
@@ -0,0 +1,127 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>1 minute kick-off</h1></div>
|
||||
<div class="page-content"><h2>Coz' 1 minute is faster than 5 minutes... Light speed tutorial</h2>
|
||||
<p>This page aims at putting you on rails <strong>as fast as possible</strong>, so that you can see what Ivolution is capable of by yourself <strong>in less than 5 minutes</strong>.</p>
|
||||
<p>First of all, <strong><a href="https://sourceforge.net/projects/ivolutioner/files/current/">download</a></strong> the version of Ivolution corresponding to your operating system here.
|
||||
Then, <strong><a href="http://sourceforge.net/projects/ivolutioner/files/other%20downloads/Ivolution_samples.zip/download">download the set of samples</a></strong> that you are going to use here, and extract the archive where you want.</p>
|
||||
<p>Install the Ivolution and run it.
|
||||
You should now see the main frame of the application.</p>
|
||||
<p>Click on the input folder, and select the location of the samples.</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/omko1.png" /></p>
|
||||
</center></p>
|
||||
<p>Click on start, and wait for the processing to end.</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/omko2.png" /></p>
|
||||
</center></p>
|
||||
<p>Here is what you should get once everything is finished :</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/omko3.png" /></p>
|
||||
</center></p>
|
||||
<p><strong>Done !</strong> You can now watch the timelapse generated from the images.</p>
|
||||
<p>The timelapse is saved in your <strong>Video folder</strong> by default.
|
||||
For Windows users, it should be <em>C:\Users\myUser\Videos</em>, and for Ubuntu users <em>/home/myUser/Videos</em>.</p>
|
||||
<p>For more option, have a look at the <strong><a href="../pages/MainInterface.html">basic part of the documentation</a></strong>.</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
162
pages/Settings.html
Normal file
162
pages/Settings.html
Normal file
@@ -0,0 +1,162 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src=".././theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href=".././theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href=".././theme/local.css" rel="stylesheet">
|
||||
<link href=".././theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href=".././index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Settings</h1></div>
|
||||
<div class="page-content"><h2>Settings</h2>
|
||||
<p>You can access the settings by clicking on the settings button in the main interface.</p>
|
||||
<p>The settings Window is divided into two main parts :</p>
|
||||
<ul>
|
||||
<li>the <strong>basic settings</strong>, where you can change the name of the output file and its location</li>
|
||||
<li>the <strong>advanced settings</strong>, where you can change the behaviour of the algorithm itself</li>
|
||||
</ul>
|
||||
<h3>Basic Settings</h3>
|
||||
<p>This is the default page opened when you click on settings.</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/s1.png" /></p>
|
||||
</center></p>
|
||||
<p>The basic settings page contains only elements:</p>
|
||||
<ul>
|
||||
<li>The output location chooser, where you can change where the timelapse will be saved</li>
|
||||
<li>The name chooser, where you can change the name of your timelapse.</li>
|
||||
</ul>
|
||||
<h3>Advanced Settings</h3>
|
||||
<p>The advanced settings page contain several option you can adjust to modify the timelapse creation algorithm behavior.</p>
|
||||
<p><center>
|
||||
<p><img alt="Main interface" src="../theme/images/blog/s2.png" /></p>
|
||||
</center></p>
|
||||
<h3>Speed of the video</h3>
|
||||
<p>With the speed option, you can select the <strong>framerate of the generated timelapse</strong>.
|
||||
The slower you choose, the more delay is added between each frame.</p>
|
||||
<p>Basically, the accessible framerates with the speed option are 3, 6 and 9 frames per second.</p>
|
||||
<h3>Processing mode</h3>
|
||||
<p>The processing mode in Ivolution defines the type of video output you desire.
|
||||
There are two main processing types : <strong>conservative</strong>, and <strong>crop</strong>.</p>
|
||||
<p>To understand the difference between those two types, you have to know the way Ivolution handles images.
|
||||
To create a nice timelapse, each image is resized so that <strong>the faces always keeps the same scale</strong> during the whole video.
|
||||
Each image is also moved so that <strong>the faces always stays in the same place</strong>, even if they are in a different part of the image.</p>
|
||||
<p>You can easily understand this concept by looking at the difference between each mode in this video :</p>
|
||||
<p><center>
|
||||
<iframe width="420" height="315" src="http://www.youtube.com/embed/dXuGMZk9_U8" frameborder="0" allowfullscreen></iframe>
|
||||
</center></p>
|
||||
<p>By choosing the <strong>conservative mode</strong>, all of your images are entirely used.
|
||||
This means that none of the images are cropped, and that black borders are added to keep the same dimension over all the video.</p>
|
||||
<p>On the opposite, you can choose the <strong>crop mode</strong> if you don't want any black border in the video.
|
||||
In this case, the images are cropped to fill the maximum space available.
|
||||
This gives nicer results, as the video does not contain black borders, but keep in mind the the resolution of the video is also reduced in this case.</p>
|
||||
<h3>Face Type</h3>
|
||||
<p>The face type defines the type of video you want to have in output.
|
||||
Basically, there are two main different types : <strong>profile faces</strong> and <strong>front faces</strong>.</p>
|
||||
<ul>
|
||||
<li><strong>Profile face mode</strong> expects your images to contain profile faces. Examples of use can be pregnant women that want to see their belly over time.</li>
|
||||
<li><strong>Front face mode</strong> is the most common mode, perfect if you take front pictures of you. All of the examples you can see on this website use front configuration.</li>
|
||||
</ul>
|
||||
<h3>Sort method</h3>
|
||||
<p>The sort method defines <strong>the way images are sorted</strong> in the video.
|
||||
The default mode is <strong>filename</strong>, in which images will be sorted in name order.
|
||||
This mode is perfect for most images coming from cameras and webcams, as the file name contains the date at which the image was taken.
|
||||
Using this mode, you can also choose to sort the files in the order you want (by naming them yourselves numerically).</p>
|
||||
<p>The other possible mode uses the <strong>EXIF metadata</strong> embedded in the picture.
|
||||
The EXIF metadata contain a special location for the creation date, and Ivolution can use it to sort pictures chronologically.
|
||||
Be careful though, because pictures may not contain metadata.</p>
|
||||
<p>If you are not sure, simply leave the default option.</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
105
tags.html
Normal file
105
tags.html
Normal file
@@ -0,0 +1,105 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ivolution</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Julien Lengrand-Lambert">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="./theme/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="./theme/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="./theme/local.css" rel="stylesheet">
|
||||
<link href="./theme/pygments.css" rel="stylesheet">
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="topbar">
|
||||
<div class="topbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="brand" href="./index.html">Ivolution</a>
|
||||
<ul class="nav">
|
||||
|
||||
<a href="https://github.com/jlengrand/FaceMovie">Take one picture of yourself a day, automatically generate a movie!</a>
|
||||
</ul>
|
||||
<p class="pull-right"><b><a href="https://github.com/jlengrand/Ivolution">[Fork me on GitHub]</a></b></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">One minute tutorial</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://opencv.willowgarage.com/wiki/">OpenCV</a></li>
|
||||
|
||||
<li><a href="http://wxpython.org/">WxPython</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://lengrand.fr">My website</a></li>
|
||||
|
||||
<li><a href="https://twitter.com/jlengrand">twitter</a></li>
|
||||
|
||||
<li><a href="https://plus.google.com/u/0/107343304730454368817/posts">Google+</a></li>
|
||||
|
||||
<li><a href="https://github.com/jlengrand">Github</a></li>
|
||||
|
||||
<li><a href="http://stackoverflow.com/users/282677/jlengrand">Stack Overflow</a></li>
|
||||
|
||||
<li><a href="http://nl.linkedin.com/pub/julien-lengrand-lambert/14/660/551/en">linkedin</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="page-header"><h1>Ivolution <small>[tgs]</small></h1></div>
|
||||
|
||||
<ul>
|
||||
|
||||
</ul>
|
||||
|
||||
<footer>
|
||||
<p> Website proudly powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>. Theme by <a href="http://santini.di.unimi.it/">Massimo Santini</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
358
theme/bootstrap.min.css
vendored
Normal file
358
theme/bootstrap.min.css
vendored
Normal file
@@ -0,0 +1,358 @@
|
||||
html,body{margin:0;padding:0;}
|
||||
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;font-size:100%;line-height:1;font-family:inherit;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
ol,ul{list-style:none;}
|
||||
q:before,q:after,blockquote:before,blockquote:after{content:"";}
|
||||
html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
|
||||
a:focus{outline:thin dotted;}
|
||||
a:hover,a:active{outline:0;}
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
|
||||
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
|
||||
audio:not([controls]){display:none;}
|
||||
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
|
||||
sup{top:-0.5em;}
|
||||
sub{bottom:-0.25em;}
|
||||
img{border:0;-ms-interpolation-mode:bicubic;}
|
||||
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
|
||||
button,input{line-height:normal;*overflow:visible;}
|
||||
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
|
||||
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
|
||||
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
|
||||
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
|
||||
textarea{overflow:auto;vertical-align:top;}
|
||||
body{background-color:#ffffff;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#404040;}
|
||||
.container{width:940px;margin-left:auto;margin-right:auto;zoom:1;}.container:before,.container:after{display:table;content:"";zoom:1;}
|
||||
.container:after{clear:both;}
|
||||
.container-fluid{position:relative;min-width:140px;padding-left:20px;padding-right:20px;zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";zoom:1;}
|
||||
.container-fluid:after{clear:both;}
|
||||
.container-fluid>.sidebar{position:absolute;top:0;left:20px;width:220px;}
|
||||
.container-fluid>.content{margin-left:240px;}
|
||||
a{color:#0069d6;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#00438a;text-decoration:underline;}
|
||||
.pull-right{float:right;}
|
||||
.pull-left{float:left;}
|
||||
.hide{display:none;}
|
||||
.show{display:block;}
|
||||
.row{zoom:1;margin-left:-20px;}.row:before,.row:after{display:table;content:"";zoom:1;}
|
||||
.row:after{clear:both;}
|
||||
.row>[class*="span"]{display:inline;float:left;margin-left:20px;}
|
||||
.span1{width:40px;}
|
||||
.span2{width:100px;}
|
||||
.span3{width:160px;}
|
||||
.span4{width:220px;}
|
||||
.span5{width:280px;}
|
||||
.span6{width:340px;}
|
||||
.span7{width:400px;}
|
||||
.span8{width:460px;}
|
||||
.span9{width:520px;}
|
||||
.span10{width:580px;}
|
||||
.span11{width:640px;}
|
||||
.span12{width:700px;}
|
||||
.span13{width:760px;}
|
||||
.span14{width:820px;}
|
||||
.span15{width:880px;}
|
||||
.span16{width:940px;}
|
||||
.span17{width:1000px;}
|
||||
.span18{width:1060px;}
|
||||
.span19{width:1120px;}
|
||||
.span20{width:1180px;}
|
||||
.span21{width:1240px;}
|
||||
.span22{width:1300px;}
|
||||
.span23{width:1360px;}
|
||||
.span24{width:1420px;}
|
||||
.row>.offset1{margin-left:80px;}
|
||||
.row>.offset2{margin-left:140px;}
|
||||
.row>.offset3{margin-left:200px;}
|
||||
.row>.offset4{margin-left:260px;}
|
||||
.row>.offset5{margin-left:320px;}
|
||||
.row>.offset6{margin-left:380px;}
|
||||
.row>.offset7{margin-left:440px;}
|
||||
.row>.offset8{margin-left:500px;}
|
||||
.row>.offset9{margin-left:560px;}
|
||||
.row>.offset10{margin-left:620px;}
|
||||
.row>.offset11{margin-left:680px;}
|
||||
.row>.offset12{margin-left:740px;}
|
||||
.span-one-third{width:300px;}
|
||||
.span-two-thirds{width:620px;}
|
||||
.row>.offset-one-third{margin-left:340px;}
|
||||
.row>.offset-two-thirds{margin-left:660px;}
|
||||
p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:9px;}p small{font-size:11px;color:#bfbfbf;}
|
||||
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
|
||||
h1{margin-bottom:18px;font-size:30px;line-height:36px;}h1 small{font-size:18px;}
|
||||
h2{font-size:24px;line-height:36px;}h2 small{font-size:14px;}
|
||||
h3,h4,h5,h6{line-height:36px;}
|
||||
h3{font-size:18px;}h3 small{font-size:14px;}
|
||||
h4{font-size:16px;}h4 small{font-size:12px;}
|
||||
h5{font-size:14px;}
|
||||
h6{font-size:13px;color:#bfbfbf;text-transform:uppercase;}
|
||||
ul,ol{margin:0 0 18px 25px;}
|
||||
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
|
||||
ul{list-style:disc;}
|
||||
ol{list-style:decimal;}
|
||||
li{line-height:18px;color:#808080;}
|
||||
ul.unstyled{list-style:none;margin-left:0;}
|
||||
dl{margin-bottom:18px;}dl dt,dl dd{line-height:18px;}
|
||||
dl dt{font-weight:bold;}
|
||||
dl dd{margin-left:9px;}
|
||||
hr{margin:20px 0 19px;border:0;border-bottom:1px solid #eee;}
|
||||
strong{font-style:inherit;font-weight:bold;}
|
||||
em{font-style:italic;font-weight:inherit;line-height:inherit;}
|
||||
.muted{color:#bfbfbf;}
|
||||
blockquote{margin-bottom:18px;border-left:5px solid #eee;padding-left:15px;}blockquote p{font-size:14px;font-weight:300;line-height:18px;margin-bottom:0;}
|
||||
blockquote small{display:block;font-size:12px;font-weight:300;line-height:18px;color:#bfbfbf;}blockquote small:before{content:'\2014 \00A0';}
|
||||
address{display:block;line-height:18px;margin-bottom:18px;}
|
||||
code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
|
||||
pre{background-color:#f5f5f5;display:block;padding:8.5px;margin:0 0 18px;line-height:18px;font-size:12px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
|
||||
form{margin-bottom:18px;}
|
||||
fieldset{margin-bottom:18px;padding-top:18px;}fieldset legend{display:block;padding-left:150px;font-size:19.5px;line-height:1;color:#404040;*padding:0 0 5px 145px;*line-height:1.5;}
|
||||
form .clearfix{margin-bottom:18px;zoom:1;}form .clearfix:before,form .clearfix:after{display:table;content:"";zoom:1;}
|
||||
form .clearfix:after{clear:both;}
|
||||
label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
|
||||
label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;}
|
||||
form .input{margin-left:150px;}
|
||||
input[type=checkbox],input[type=radio]{cursor:pointer;}
|
||||
input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;font-size:13px;line-height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
select{padding:initial;}
|
||||
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;}
|
||||
input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;}
|
||||
select,input[type=file]{height:27px;*height:auto;line-height:27px;*margin-top:4px;}
|
||||
select[multiple]{height:inherit;background-color:#ffffff;}
|
||||
textarea{height:auto;}
|
||||
.uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
|
||||
:-moz-placeholder{color:#bfbfbf;}
|
||||
::-webkit-input-placeholder{color:#bfbfbf;}
|
||||
input,textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
|
||||
input:focus,textarea:focus{outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
|
||||
input[type=file]:focus,input[type=checkbox]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:1px dotted #666;}
|
||||
form .clearfix.error>label,form .clearfix.error .help-block,form .clearfix.error .help-inline{color:#b94a48;}
|
||||
form .clearfix.error input,form .clearfix.error textarea{color:#b94a48;border-color:#ee5f5b;}form .clearfix.error input:focus,form .clearfix.error textarea:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
|
||||
form .clearfix.error .input-prepend .add-on,form .clearfix.error .input-append .add-on{color:#b94a48;background-color:#fce6e6;border-color:#b94a48;}
|
||||
form .clearfix.warning>label,form .clearfix.warning .help-block,form .clearfix.warning .help-inline{color:#c09853;}
|
||||
form .clearfix.warning input,form .clearfix.warning textarea{color:#c09853;border-color:#ccae64;}form .clearfix.warning input:focus,form .clearfix.warning textarea:focus{border-color:#be9a3f;-webkit-box-shadow:0 0 6px #e5d6b1;-moz-box-shadow:0 0 6px #e5d6b1;box-shadow:0 0 6px #e5d6b1;}
|
||||
form .clearfix.warning .input-prepend .add-on,form .clearfix.warning .input-append .add-on{color:#c09853;background-color:#d2b877;border-color:#c09853;}
|
||||
form .clearfix.success>label,form .clearfix.success .help-block,form .clearfix.success .help-inline{color:#468847;}
|
||||
form .clearfix.success input,form .clearfix.success textarea{color:#468847;border-color:#57a957;}form .clearfix.success input:focus,form .clearfix.success textarea:focus{border-color:#458845;-webkit-box-shadow:0 0 6px #9acc9a;-moz-box-shadow:0 0 6px #9acc9a;box-shadow:0 0 6px #9acc9a;}
|
||||
form .clearfix.success .input-prepend .add-on,form .clearfix.success .input-append .add-on{color:#468847;background-color:#bcddbc;border-color:#468847;}
|
||||
.input-mini,input.mini,textarea.mini,select.mini{width:60px;}
|
||||
.input-small,input.small,textarea.small,select.small{width:90px;}
|
||||
.input-medium,input.medium,textarea.medium,select.medium{width:150px;}
|
||||
.input-large,input.large,textarea.large,select.large{width:210px;}
|
||||
.input-xlarge,input.xlarge,textarea.xlarge,select.xlarge{width:270px;}
|
||||
.input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge{width:530px;}
|
||||
textarea.xxlarge{overflow-y:auto;}
|
||||
input.span1,textarea.span1{display:inline-block;float:none;width:30px;margin-left:0;}
|
||||
input.span2,textarea.span2{display:inline-block;float:none;width:90px;margin-left:0;}
|
||||
input.span3,textarea.span3{display:inline-block;float:none;width:150px;margin-left:0;}
|
||||
input.span4,textarea.span4{display:inline-block;float:none;width:210px;margin-left:0;}
|
||||
input.span5,textarea.span5{display:inline-block;float:none;width:270px;margin-left:0;}
|
||||
input.span6,textarea.span6{display:inline-block;float:none;width:330px;margin-left:0;}
|
||||
input.span7,textarea.span7{display:inline-block;float:none;width:390px;margin-left:0;}
|
||||
input.span8,textarea.span8{display:inline-block;float:none;width:450px;margin-left:0;}
|
||||
input.span9,textarea.span9{display:inline-block;float:none;width:510px;margin-left:0;}
|
||||
input.span10,textarea.span10{display:inline-block;float:none;width:570px;margin-left:0;}
|
||||
input.span11,textarea.span11{display:inline-block;float:none;width:630px;margin-left:0;}
|
||||
input.span12,textarea.span12{display:inline-block;float:none;width:690px;margin-left:0;}
|
||||
input.span13,textarea.span13{display:inline-block;float:none;width:750px;margin-left:0;}
|
||||
input.span14,textarea.span14{display:inline-block;float:none;width:810px;margin-left:0;}
|
||||
input.span15,textarea.span15{display:inline-block;float:none;width:870px;margin-left:0;}
|
||||
input.span16,textarea.span16{display:inline-block;float:none;width:930px;margin-left:0;}
|
||||
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
|
||||
.actions{background:#f5f5f5;margin-top:18px;margin-bottom:18px;padding:17px 20px 18px 150px;border-top:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.actions .secondary-action{float:right;}.actions .secondary-action a{line-height:30px;}.actions .secondary-action a:hover{text-decoration:underline;}
|
||||
.help-inline,.help-block{font-size:13px;line-height:18px;color:#bfbfbf;}
|
||||
.help-inline{padding-left:5px;*position:relative;*top:-5px;}
|
||||
.help-block{display:block;max-width:600px;}
|
||||
.inline-inputs{color:#808080;}.inline-inputs span{padding:0 2px 0 1px;}
|
||||
.input-prepend input,.input-append input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
||||
.input-prepend .add-on,.input-append .add-on{position:relative;background:#f5f5f5;border:1px solid #ccc;z-index:2;float:left;display:block;width:auto;min-width:16px;height:18px;padding:4px 4px 4px 5px;margin-right:-1px;font-weight:normal;line-height:18px;color:#bfbfbf;text-align:center;text-shadow:0 1px 0 #ffffff;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-prepend .active,.input-append .active{background:#a9dba9;border-color:#46a546;}
|
||||
.input-prepend .add-on{*margin-top:1px;}
|
||||
.input-append input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-append .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin-right:0;margin-left:-1px;}
|
||||
.inputs-list{margin:0 0 5px;width:100%;}.inputs-list li{display:block;padding:0;width:100%;}
|
||||
.inputs-list label{display:block;float:none;width:auto;padding:0;margin-left:20px;line-height:18px;text-align:left;white-space:normal;}.inputs-list label strong{color:#808080;}
|
||||
.inputs-list label small{font-size:11px;font-weight:normal;}
|
||||
.inputs-list .inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
|
||||
.inputs-list:first-child{padding-top:6px;}
|
||||
.inputs-list li+li{padding-top:2px;}
|
||||
.inputs-list input[type=radio],.inputs-list input[type=checkbox]{margin-bottom:0;margin-left:-20px;float:left;}
|
||||
.form-stacked{padding-left:20px;}.form-stacked fieldset{padding-top:9px;}
|
||||
.form-stacked legend{padding-left:0;}
|
||||
.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
|
||||
.form-stacked .clearfix{margin-bottom:9px;}.form-stacked .clearfix div.input{margin-left:0;}
|
||||
.form-stacked .inputs-list{margin-bottom:0;}.form-stacked .inputs-list li{padding-top:0;}.form-stacked .inputs-list li label{font-weight:normal;padding-top:0;}
|
||||
.form-stacked div.clearfix.error{padding-top:10px;padding-bottom:10px;padding-left:10px;margin-top:0;margin-left:-10px;}
|
||||
.form-stacked .actions{margin-left:-20px;padding-left:20px;}
|
||||
table{width:100%;margin-bottom:18px;padding:0;font-size:13px;border-collapse:collapse;}table th,table td{padding:10px 10px 9px;line-height:18px;text-align:left;}
|
||||
table th{padding-top:9px;font-weight:bold;vertical-align:middle;}
|
||||
table td{vertical-align:top;border-top:1px solid #ddd;}
|
||||
table tbody th{border-top:1px solid #ddd;vertical-align:top;}
|
||||
.condensed-table th,.condensed-table td{padding:5px 5px 4px;}
|
||||
.bordered-table{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.bordered-table th+th,.bordered-table td+td,.bordered-table th+td{border-left:1px solid #ddd;}
|
||||
.bordered-table thead tr:first-child th:first-child,.bordered-table tbody tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
|
||||
.bordered-table thead tr:first-child th:last-child,.bordered-table tbody tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
|
||||
.bordered-table tbody tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
|
||||
.bordered-table tbody tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
|
||||
table .span1{width:20px;}
|
||||
table .span2{width:60px;}
|
||||
table .span3{width:100px;}
|
||||
table .span4{width:140px;}
|
||||
table .span5{width:180px;}
|
||||
table .span6{width:220px;}
|
||||
table .span7{width:260px;}
|
||||
table .span8{width:300px;}
|
||||
table .span9{width:340px;}
|
||||
table .span10{width:380px;}
|
||||
table .span11{width:420px;}
|
||||
table .span12{width:460px;}
|
||||
table .span13{width:500px;}
|
||||
table .span14{width:540px;}
|
||||
table .span15{width:580px;}
|
||||
table .span16{width:620px;}
|
||||
.zebra-striped tbody tr:nth-child(odd) td,.zebra-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
|
||||
.zebra-striped tbody tr:hover td,.zebra-striped tbody tr:hover th{background-color:#f5f5f5;}
|
||||
table .header{cursor:pointer;}table .header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
|
||||
table .headerSortUp,table .headerSortDown{background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
|
||||
table .header:hover:after{visibility:visible;}
|
||||
table .headerSortDown:after,table .headerSortDown:hover:after{visibility:visible;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
|
||||
table .headerSortUp:after{border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
|
||||
table .blue{color:#049cdb;border-bottom-color:#049cdb;}
|
||||
table .headerSortUp.blue,table .headerSortDown.blue{background-color:#ade6fe;}
|
||||
table .green{color:#46a546;border-bottom-color:#46a546;}
|
||||
table .headerSortUp.green,table .headerSortDown.green{background-color:#cdeacd;}
|
||||
table .red{color:#9d261d;border-bottom-color:#9d261d;}
|
||||
table .headerSortUp.red,table .headerSortDown.red{background-color:#f4c8c5;}
|
||||
table .yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
|
||||
table .headerSortUp.yellow,table .headerSortDown.yellow{background-color:#fff6d9;}
|
||||
table .orange{color:#f89406;border-bottom-color:#f89406;}
|
||||
table .headerSortUp.orange,table .headerSortDown.orange{background-color:#fee9cc;}
|
||||
table .purple{color:#7a43b6;border-bottom-color:#7a43b6;}
|
||||
table .headerSortUp.purple,table .headerSortDown.purple{background-color:#e2d5f0;}
|
||||
.topbar{height:40px;position:fixed;top:0;left:0;right:0;z-index:10000;overflow:visible;}.topbar a{color:#bfbfbf;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
|
||||
.topbar h3 a:hover,.topbar .brand:hover,.topbar ul .active>a{background-color:#333;background-color:rgba(255, 255, 255, 0.05);color:#ffffff;text-decoration:none;}
|
||||
.topbar h3{position:relative;}
|
||||
.topbar h3 a,.topbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;color:#ffffff;font-size:20px;font-weight:200;line-height:1;}
|
||||
.topbar p{margin:0;line-height:40px;}.topbar p a:hover{background-color:transparent;color:#ffffff;}
|
||||
.topbar form{float:left;margin:5px 0 0 0;position:relative;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
|
||||
.topbar form.pull-right{float:right;}
|
||||
.topbar input{background-color:#444;background-color:rgba(255, 255, 255, 0.3);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:1;padding:4px 9px;color:#ffffff;color:rgba(255, 255, 255, 0.75);border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.topbar input:-moz-placeholder{color:#e6e6e6;}
|
||||
.topbar input::-webkit-input-placeholder{color:#e6e6e6;}
|
||||
.topbar input:hover{background-color:#bfbfbf;background-color:rgba(255, 255, 255, 0.5);color:#ffffff;}
|
||||
.topbar input:focus,.topbar input.focused{outline:0;background-color:#ffffff;color:#404040;text-shadow:0 1px 0 #ffffff;border:0;padding:5px 10px;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
|
||||
.topbar-inner,.topbar .fill{background-color:#222;background-color:#222222;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
|
||||
.topbar div>ul,.nav{display:block;float:left;margin:0 10px 0 0;position:relative;left:0;}.topbar div>ul>li,.nav>li{display:block;float:left;}
|
||||
.topbar div>ul a,.nav a{display:block;float:none;padding:10px 10px 11px;line-height:19px;text-decoration:none;}.topbar div>ul a:hover,.nav a:hover{color:#ffffff;text-decoration:none;}
|
||||
.topbar div>ul .active>a,.nav .active>a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
|
||||
.topbar div>ul.secondary-nav,.nav.secondary-nav{float:right;margin-left:10px;margin-right:0;}.topbar div>ul.secondary-nav .menu-dropdown,.nav.secondary-nav .menu-dropdown,.topbar div>ul.secondary-nav .dropdown-menu,.nav.secondary-nav .dropdown-menu{right:0;border:0;}
|
||||
.topbar div>ul a.menu:hover,.nav a.menu:hover,.topbar div>ul li.open .menu,.nav li.open .menu,.topbar div>ul .dropdown-toggle:hover,.nav .dropdown-toggle:hover,.topbar div>ul .dropdown.open .dropdown-toggle,.nav .dropdown.open .dropdown-toggle{background:#444;background:rgba(255, 255, 255, 0.05);}
|
||||
.topbar div>ul .menu-dropdown,.nav .menu-dropdown,.topbar div>ul .dropdown-menu,.nav .dropdown-menu{background-color:#333;}.topbar div>ul .menu-dropdown a.menu,.nav .menu-dropdown a.menu,.topbar div>ul .dropdown-menu a.menu,.nav .dropdown-menu a.menu,.topbar div>ul .menu-dropdown .dropdown-toggle,.nav .menu-dropdown .dropdown-toggle,.topbar div>ul .dropdown-menu .dropdown-toggle,.nav .dropdown-menu .dropdown-toggle{color:#ffffff;}.topbar div>ul .menu-dropdown a.menu.open,.nav .menu-dropdown a.menu.open,.topbar div>ul .dropdown-menu a.menu.open,.nav .dropdown-menu a.menu.open,.topbar div>ul .menu-dropdown .dropdown-toggle.open,.nav .menu-dropdown .dropdown-toggle.open,.topbar div>ul .dropdown-menu .dropdown-toggle.open,.nav .dropdown-menu .dropdown-toggle.open{background:#444;background:rgba(255, 255, 255, 0.05);}
|
||||
.topbar div>ul .menu-dropdown li a,.nav .menu-dropdown li a,.topbar div>ul .dropdown-menu li a,.nav .dropdown-menu li a{color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}.topbar div>ul .menu-dropdown li a:hover,.nav .menu-dropdown li a:hover,.topbar div>ul .dropdown-menu li a:hover,.nav .dropdown-menu li a:hover{background-color:#191919;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));background-image:-moz-linear-gradient(top, #292929, #191919);background-image:-ms-linear-gradient(top, #292929, #191919);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));background-image:-webkit-linear-gradient(top, #292929, #191919);background-image:-o-linear-gradient(top, #292929, #191919);background-image:linear-gradient(top, #292929, #191919);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);color:#ffffff;}
|
||||
.topbar div>ul .menu-dropdown .active a,.nav .menu-dropdown .active a,.topbar div>ul .dropdown-menu .active a,.nav .dropdown-menu .active a{color:#ffffff;}
|
||||
.topbar div>ul .menu-dropdown .divider,.nav .menu-dropdown .divider,.topbar div>ul .dropdown-menu .divider,.nav .dropdown-menu .divider{background-color:#222;border-color:#444;}
|
||||
.topbar ul .menu-dropdown li a,.topbar ul .dropdown-menu li a{padding:4px 15px;}
|
||||
li.menu,.dropdown{position:relative;}
|
||||
a.menu:after,.dropdown-toggle:after{width:0;height:0;display:inline-block;content:"↓";text-indent:-99999px;vertical-align:top;margin-top:8px;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
|
||||
.menu-dropdown,.dropdown-menu{background-color:#ffffff;float:left;display:none;position:absolute;top:40px;z-index:900;min-width:160px;max-width:220px;_width:160px;margin-left:0;margin-right:0;padding:6px 0;zoom:1;border-color:#999;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:0 1px 1px;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.menu-dropdown li,.dropdown-menu li{float:none;display:block;background-color:none;}
|
||||
.menu-dropdown .divider,.dropdown-menu .divider{height:1px;margin:5px 0;overflow:hidden;background-color:#eee;border-bottom:1px solid #ffffff;}
|
||||
.topbar .dropdown-menu a,.dropdown-menu a{display:block;padding:4px 15px;clear:both;font-weight:normal;line-height:18px;color:#808080;text-shadow:0 1px 0 #ffffff;}.topbar .dropdown-menu a:hover,.dropdown-menu a:hover,.topbar .dropdown-menu a.hover,.dropdown-menu a.hover{background-color:#dddddd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));background-image:-moz-linear-gradient(top, #eeeeee, #dddddd);background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(top, #eeeeee, #dddddd);background-image:-o-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(top, #eeeeee, #dddddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);color:#404040;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);}
|
||||
.open .menu,.dropdown.open .menu,.open .dropdown-toggle,.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
||||
.open .menu-dropdown,.dropdown.open .menu-dropdown,.open .dropdown-menu,.dropdown.open .dropdown-menu{display:block;}
|
||||
.tabs,.pills{margin:0 0 18px;padding:0;list-style:none;zoom:1;}.tabs:before,.pills:before,.tabs:after,.pills:after{display:table;content:"";zoom:1;}
|
||||
.tabs:after,.pills:after{clear:both;}
|
||||
.tabs>li,.pills>li{float:left;}.tabs>li>a,.pills>li>a{display:block;}
|
||||
.tabs{border-color:#ddd;border-style:solid;border-width:0 0 1px;}.tabs>li{position:relative;margin-bottom:-1px;}.tabs>li>a{padding:0 15px;margin-right:2px;line-height:34px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.tabs>li>a:hover{text-decoration:none;background-color:#eee;border-color:#eee #eee #ddd;}
|
||||
.tabs .active>a,.tabs .active>a:hover{color:#808080;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
||||
.tabs .menu-dropdown,.tabs .dropdown-menu{top:35px;border-width:1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
|
||||
.tabs a.menu:after,.tabs .dropdown-toggle:after{border-top-color:#999;margin-top:15px;margin-left:5px;}
|
||||
.tabs li.open.menu .menu,.tabs .open.dropdown .dropdown-toggle{border-color:#999;}
|
||||
.tabs li.open a.menu:after,.tabs .dropdown.open .dropdown-toggle:after{border-top-color:#555;}
|
||||
.pills a{margin:5px 3px 5px 0;padding:0 15px;line-height:30px;text-shadow:0 1px 1px #ffffff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.pills a:hover{color:#ffffff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#00438a;}
|
||||
.pills .active a{color:#ffffff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#0069d6;}
|
||||
.pills-vertical>li{float:none;}
|
||||
.tab-content>.tab-pane,.pill-content>.pill-pane,.tab-content>div,.pill-content>div{display:none;}
|
||||
.tab-content>.active,.pill-content>.active{display:block;}
|
||||
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
||||
.breadcrumb .divider{padding:0 5px;color:#bfbfbf;}
|
||||
.breadcrumb .active a{color:#404040;}
|
||||
.hero-unit{background-color:#f5f5f5;margin-bottom:30px;padding:60px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
|
||||
.hero-unit p{font-size:18px;font-weight:200;line-height:27px;}
|
||||
footer{margin-top:17px;padding-top:17px;border-top:1px solid #eee;}
|
||||
.to-center{position:absolute;left:50%;top:50%}
|
||||
.page-header{margin-bottom:17px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}.page-header h1{margin-bottom:8px;}
|
||||
.page-content{max-width:750px;}
|
||||
.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
|
||||
.btn .close,.alert-message .close{font-family:Arial,sans-serif;line-height:18px;}
|
||||
.btn.danger,.alert-message.danger,.btn.error,.alert-message.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.info,.alert-message.info{background-color:#339bb9;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#339bb9 #339bb9 #22697d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}
|
||||
.btn:focus{outline:1px dotted #666;}
|
||||
.btn.primary{color:#ffffff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
||||
.btn.active,.btn:active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn.large{font-size:15px;line-height:normal;padding:9px 14px 9px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
|
||||
.btn.small{padding:7px 9px 7px;font-size:11px;}
|
||||
:root .alert-message,:root .btn{border-radius:0 \0;}
|
||||
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
|
||||
.close{float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
|
||||
.alert-message{position:relative;padding:7px 15px;margin-bottom:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);}.alert-message .close{margin-top:1px;*margin-top:0;}
|
||||
.alert-message a{font-weight:bold;color:#404040;}
|
||||
.alert-message.danger p a,.alert-message.error p a,.alert-message.success p a,.alert-message.info p a{color:#ffffff;}
|
||||
.alert-message h5{line-height:18px;}
|
||||
.alert-message p{margin-bottom:0;}
|
||||
.alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px;}
|
||||
.alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);}
|
||||
.alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.alert-message.block-message ul,.alert-message.block-message p{margin-right:30px;}
|
||||
.alert-message.block-message ul{margin-bottom:0;}
|
||||
.alert-message.block-message li{color:#404040;}
|
||||
.alert-message.block-message .alert-actions{margin-top:5px;}
|
||||
.alert-message.block-message.error,.alert-message.block-message.success,.alert-message.block-message.info{color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
||||
.alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;}
|
||||
.alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;}
|
||||
.alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;}
|
||||
.alert-message.block-message.danger p a,.alert-message.block-message.error p a,.alert-message.block-message.success p a,.alert-message.block-message.info p a{color:#404040;}
|
||||
.pagination{height:36px;margin:18px 0;}.pagination ul{float:left;margin:0;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.pagination li{display:inline;}
|
||||
.pagination a{float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15);*border-right-color:#ddd;text-decoration:none;}
|
||||
.pagination a:hover,.pagination .active a{background-color:#c7eefe;}
|
||||
.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
|
||||
.pagination .next a{border:0;}
|
||||
.well{background-color:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
|
||||
.modal-backdrop{background-color:#000000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;}.modal-backdrop.fade{opacity:0;}
|
||||
.modal-backdrop,.modal-backdrop.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
|
||||
.modal{position:fixed;top:50%;left:50%;z-index:11000;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal .close{margin-top:7px;}
|
||||
.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
|
||||
.modal.fade.in{top:50%;}
|
||||
.modal-header{border-bottom:1px solid #eee;padding:5px 15px;}
|
||||
.modal-body{padding:15px;}
|
||||
.modal-body form{margin-bottom:0;}
|
||||
.modal-footer{background-color:#f5f5f5;padding:14px 15px 15px;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;zoom:1;margin-bottom:0;}.modal-footer:before,.modal-footer:after{display:table;content:"";zoom:1;}
|
||||
.modal-footer:after{clear:both;}
|
||||
.modal-footer .btn{float:right;margin-left:5px;}
|
||||
.modal .popover,.modal .twipsy{z-index:12000;}
|
||||
.twipsy{display:block;position:absolute;visibility:visible;padding:5px;font-size:11px;z-index:1000;filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}.twipsy.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
|
||||
.twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.twipsy-inner{padding:3px 8px;background-color:#000000;color:white;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.twipsy-arrow{position:absolute;width:0;height:0;}
|
||||
.popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.popover .arrow{position:absolute;width:0;height:0;}
|
||||
.popover .inner{background:#000000;background:rgba(0, 0, 0, 0.8);padding:3px;overflow:hidden;width:280px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
|
||||
.popover .title{background-color:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;}
|
||||
.popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;}
|
||||
.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
|
||||
.label{padding:1px 3px 2px;font-size:9.75px;font-weight:bold;color:#ffffff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.label.important{background-color:#c43c35;}
|
||||
.label.warning{background-color:#f89406;}
|
||||
.label.success{background-color:#46a546;}
|
||||
.label.notice{background-color:#62cffc;}
|
||||
.media-grid{margin-left:-20px;margin-bottom:0;zoom:1;}.media-grid:before,.media-grid:after{display:table;content:"";zoom:1;}
|
||||
.media-grid:after{clear:both;}
|
||||
.media-grid li{display:inline;}
|
||||
.media-grid a{float:left;padding:4px;margin:0 0 18px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
|
||||
.media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
|
||||
BIN
theme/forkme_right_darkblue_121621.png
Normal file
BIN
theme/forkme_right_darkblue_121621.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
4
theme/html5.js
Normal file
4
theme/html5.js
Normal file
@@ -0,0 +1,4 @@
|
||||
// iepp v2.1pre @jon_neal & @aFarkas github.com/aFarkas/iepp
|
||||
// html5shiv @rem remysharp.com/html5-enabling-script
|
||||
// Dual licensed under the MIT or GPL Version 2 licenses
|
||||
/*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");return a.innerHTML="<elem></elem>",a.childNodes.length!==1}())return;a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|subline|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=b.getElementsByTagName("script")[0].parentNode,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){try{if(a+""===undefined)return""}catch(d){return""}var e=-1,f=a.length,g,h=[];while(++e<f){g=a[e];if(g.disabled)continue;b=g.media||b,p.test(b)&&h.push(c.getCSS(g.imports,b),g.cssText),b="all"}return h.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp-$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp-")<0&&(c[g].className+=" iepp-"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){if(c.disablePP)return;o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){if(c.disablePP)return;n.swapNode(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)})(this,document)@*/
|
||||
BIN
theme/images/blog/mainpage1.png
Normal file
BIN
theme/images/blog/mainpage1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
theme/images/blog/mi1.png
Normal file
BIN
theme/images/blog/mi1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
theme/images/blog/mi2.png
Normal file
BIN
theme/images/blog/mi2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
theme/images/blog/mi3.png
Normal file
BIN
theme/images/blog/mi3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
BIN
theme/images/blog/mi4.png
Normal file
BIN
theme/images/blog/mi4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
BIN
theme/images/blog/omko1.png
Normal file
BIN
theme/images/blog/omko1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
theme/images/blog/omko2.png
Normal file
BIN
theme/images/blog/omko2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
theme/images/blog/omko3.png
Normal file
BIN
theme/images/blog/omko3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 KiB |
BIN
theme/images/blog/s1.png
Normal file
BIN
theme/images/blog/s1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
theme/images/blog/s2.png
Normal file
BIN
theme/images/blog/s2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
theme/images/icons/activestate.png
Normal file
BIN
theme/images/icons/activestate.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 914 B |
BIN
theme/images/icons/bitbucket.png
Normal file
BIN
theme/images/icons/bitbucket.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
theme/images/icons/delicious.png
Normal file
BIN
theme/images/icons/delicious.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 963 B |
BIN
theme/images/icons/facebook.png
Normal file
BIN
theme/images/icons/facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 300 B |
BIN
theme/images/icons/github.png
Normal file
BIN
theme/images/icons/github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 537 B |
BIN
theme/images/icons/gplus.png
Normal file
BIN
theme/images/icons/gplus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 669 B |
BIN
theme/images/icons/jamendo.png
Normal file
BIN
theme/images/icons/jamendo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 803 B |
BIN
theme/images/icons/lastfm.png
Normal file
BIN
theme/images/icons/lastfm.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 980 B |
BIN
theme/images/icons/linkedin.png
Normal file
BIN
theme/images/icons/linkedin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 376 B |
BIN
theme/images/icons/me.png
Normal file
BIN
theme/images/icons/me.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 985 B |
BIN
theme/images/icons/phosting.png
Normal file
BIN
theme/images/icons/phosting.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
theme/images/icons/reader.png
Normal file
BIN
theme/images/icons/reader.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
theme/images/icons/rss.png
Normal file
BIN
theme/images/icons/rss.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 896 B |
BIN
theme/images/icons/stackoverflow.png
Normal file
BIN
theme/images/icons/stackoverflow.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
BIN
theme/images/icons/twitter.png
Normal file
BIN
theme/images/icons/twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 835 B |
BIN
theme/images/icons/weibo.png
Normal file
BIN
theme/images/icons/weibo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 658 B |
39
theme/local.css
Normal file
39
theme/local.css
Normal file
@@ -0,0 +1,39 @@
|
||||
body { padding-top: 60px; }
|
||||
div.article { padding-top: 20px; }
|
||||
div.article h2 { padding-bottom: 10px; }
|
||||
|
||||
div.highlight pre {
|
||||
background-color: #fefbf3;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.well.small {
|
||||
padding: 6px 6px 4px;
|
||||
}
|
||||
|
||||
.btn.xsmall {
|
||||
padding: 1px 3px 1px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.summary * { display: inline; }
|
||||
.summary pre { display: none; }
|
||||
|
||||
.social a[href*='lengrand']:before {content: url('./images/icons/me.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='google.com']:before {content: url('./images/icons/gplus.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='activestate.com']:before {content: url('./images/icons/activestate.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='atom.xml']:before {content: url('./images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='bitbucket.org']:before {content: url('./images/icons/bitbucket.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='code.google.com']:before {content: url('./images/icons/phosting.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='delicious.com']:before {content: url('./images/icons/delicious.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='digg.com']:before {content: url('./images/icons/digg.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='facebook.com']:before {content: url('./images/icons/facebook.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='github.com']:before {content: url('./images/icons/github.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='google.com/reader']:before {content: url('./images/icons/reader.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='jamendo.com']:before {content: url('./images/icons/jamendo.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='last.fm']:before, .social a[href*='lastfm.']:before {content: url('./images/icons/lastfm.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='linkedin.com']:before {content: url('./images/icons/linkedin.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='rss.xml']:before {content: url('./images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='stackoverflow.com']:before {content: url('./images/icons/stackoverflow.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='twitter.com']:before {content: url('./images/icons/twitter.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
.social a[href*='weibo.com']:before {content: url('./images/icons/weibo.png'); margin-right: 2px; vertical-align: -3px;}
|
||||
62
theme/pygments.css
Normal file
62
theme/pygments.css
Normal file
@@ -0,0 +1,62 @@
|
||||
/* .highlight { background: #eeffcc; } */
|
||||
.highlight .hll { background-color: #ffffcc }
|
||||
.highlight .c { color: #408090; font-style: italic } /* Comment */
|
||||
.highlight .err { border: 1px solid #FF0000 } /* Error */
|
||||
.highlight .k { color: #007020; font-weight: bold } /* Keyword */
|
||||
.highlight .o { color: #666666 } /* Operator */
|
||||
.highlight .cm { color: #408090; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #007020 } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #408090; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #408090; background-color: #fff0f0 } /* Comment.Special */
|
||||
.highlight .gd { color: #A00000 } /* Generic.Deleted */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #FF0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
|
||||
.highlight .gi { color: #00A000 } /* Generic.Inserted */
|
||||
.highlight .go { color: #303030 } /* Generic.Output */
|
||||
.highlight .gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
|
||||
.highlight .gt { color: #0040D0 } /* Generic.Traceback */
|
||||
.highlight .kc { color: #007020; font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
|
||||
.highlight .kp { color: #007020 } /* Keyword.Pseudo */
|
||||
.highlight .kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #902000 } /* Keyword.Type */
|
||||
.highlight .m { color: #208050 } /* Literal.Number */
|
||||
.highlight .s { color: #4070a0 } /* Literal.String */
|
||||
.highlight .na { color: #4070a0 } /* Name.Attribute */
|
||||
.highlight .nb { color: #007020 } /* Name.Builtin */
|
||||
.highlight .nc { color: #0e84b5; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #60add5 } /* Name.Constant */
|
||||
.highlight .nd { color: #555555; font-weight: bold } /* Name.Decorator */
|
||||
.highlight .ni { color: #d55537; font-weight: bold } /* Name.Entity */
|
||||
.highlight .ne { color: #007020 } /* Name.Exception */
|
||||
.highlight .nf { color: #06287e } /* Name.Function */
|
||||
.highlight .nl { color: #002070; font-weight: bold } /* Name.Label */
|
||||
.highlight .nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
|
||||
.highlight .nt { color: #062873; font-weight: bold } /* Name.Tag */
|
||||
.highlight .nv { color: #bb60d5 } /* Name.Variable */
|
||||
.highlight .ow { color: #007020; font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #208050 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #208050 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #208050 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #208050 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #4070a0 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #4070a0 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #4070a0 } /* Literal.String.Double */
|
||||
.highlight .se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #4070a0 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #c65d09 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #235388 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #4070a0 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #517918 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #007020 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #bb60d5 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #bb60d5 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #bb60d5 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #208050 } /* Literal.Number.Integer.Long */
|
||||
Reference in New Issue
Block a user