mirror of
https://github.com/jlengrand/IvolutionWebsite.git
synced 2026-03-10 08:31:18 +00:00
Removes Website/output from version control
This commit is contained in:
@@ -1,126 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="page-header"><h1>Ivolution <small>[archive]</small></h1></div>
|
||||
|
||||
|
||||
<h2>2012</h2>
|
||||
|
||||
<h3>September</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="About.html">About</a></li>
|
||||
|
||||
<li><a href="Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href="FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href="OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href="Settings.html">Settings</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,104 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="page-header"><h1>Ivolution <small>[categories]</small></h1></div>
|
||||
|
||||
<ul>
|
||||
|
||||
<li><a href="./category/misc.html">misc</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,242 +0,0 @@
|
||||
<?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-13T14:14:10+02:00</updated><entry><title>About</title><link href="localhost/About.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:About.html</id><summary type="html"><p>About</p>
|
||||
<p>Ivolution was created as a pet project, to help a friend currently travelling around the world.
|
||||
It is still in early development, but pretty much already achieves what it was created for !</p>
|
||||
<p>License</p>
|
||||
<p>The project is under the simplified BSD license. So here are the rules :</p>
|
||||
<p>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>You can learn more about this license here (http://www.linfo.org/bsdlicense.html).</p>
|
||||
<p>The important thing to note is that I can not be taken responsible for any problem you might encounter (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>
|
||||
<p>About me</p>
|
||||
<p>My name is Julien Lengrand-Lambert, and I am as french software engineer currently living in the Netherlands.
|
||||
You can learn more about me (and the development of Ivolution) on my website, or on my G+ page.</p>
|
||||
<p>To follow my projects real time, you can also follow me on GitHub.</p>
|
||||
<p>For Ivolution related matters, the official email address is ivolution.app@gmail.fr, but you can also mail me personally on ju.lien@leng.rand.fr (without the dots in julien and lengrand :)).</p>
|
||||
<p>Acknowledgements</p>
|
||||
<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 excellent face detection example (http://japskua.wordpress.com/2010/08/04/detecting-eyes-with-python-opencv/) from Japskua.</li>
|
||||
<li>I use Gene Cash's exif library (http://sourceforge.net/projects/exif-py/) to extract information from EXIF metadata contained in the images</li>
|
||||
<li>The current logo of Ivolution comes from a picture by Luc Viatour (http://www.Lucnix.be) and taken from Wikipedia.</li>
|
||||
<li>Ivolution was developed based on an original idea from Axel Catoire, who is currently travelling around the world (http://ungrandtour.blogspot.com/).</li>
|
||||
</ul></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="About"></category></entry><entry><title>Downloads</title><link href="localhost/Downloads.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:Downloads.html</id><summary type="html"><p>Other downloads</p>
|
||||
<p>Several other ressources are available to download :</p>
|
||||
<ul>
|
||||
<li>Current documentation (html)</li>
|
||||
<li>
|
||||
<p>Current documentation (pdf)</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>pack of samples, to test the application.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>sources of the last version of Ivolution</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>A list of all older versions is also available here.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>If you always want to use 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>
|
||||
<p>git clone .. .</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="Downloads"></category></entry><entry><title>Frequent Asked Questions</title><link href="localhost/FAQ.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:FAQ.html</id><summary type="html"><p>FAQ</p>
|
||||
<p>I want to create several videos. Do I have to exit the software each time ?</p>
|
||||
<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>
|
||||
<p>I have a Mac. Can I use Ivolution ?</p>
|
||||
<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>
|
||||
<p>Can I use any kind of images?</p>
|
||||
<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>
|
||||
<p>Can I use pictures of different people to create a movie?</p>
|
||||
<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>
|
||||
<p>I use Linux, how do I get started?</p>
|
||||
<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>
|
||||
<p>Can I save my project and reuse them later ?</p>
|
||||
<p>No, it is currently not possible. This feature is in current development.</p>
|
||||
<p>If your issue is not listed here, feel free to send me a message to ivolution.app@gmail.com</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="FAQ"></category></entry><entry><title>Future Developments</title><link href="localhost/FutureDevelopments.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:FutureDevelopments.html</id><summary type="html"><p>Future developments</p>
|
||||
<p>As you may already have noticed, Ivolution 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>
|
||||
<p>Allow users to create and save projects.</p>
|
||||
<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>
|
||||
<p>Reduce processing time</p>
|
||||
<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>
|
||||
<p>Add fading effect in the video</p>
|
||||
<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>
|
||||
<p>Allow users to change the name of the video</p>
|
||||
<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 !
|
||||
If you have ideas, or needs just drop me a mail (Ivolution@gmail.com) and I'll be glad to take your advice in consideration !</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="future developments"></category><category term="TODO"></category></entry><entry><title>Installation</title><link href="localhost/Installation.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:Installation.html</id><summary type="html"><p>Ivolution should run on most of Windows, Linux and Mac operating systems.
|
||||
It was successfully tested on Windows 7, Windows XP and Ubuntu 12.04.</p>
|
||||
<p>Depending on your operating system, the installation step may require a bit more work.
|
||||
Please choose below the chapter corresponding to your operating system</p>
|
||||
<p>Windows (XP, Vista, Seven)</p>
|
||||
<p>Simply download and run the executable here (x86).
|
||||
Once installed, you should be able to run Ivolution through the icon on the Desktop.
|
||||
Everything should work out of the box without issue.</p>
|
||||
<p>The software has not been tested (yet) on Windows 8, but there should not be major problems to get it running.</p>
|
||||
<p>Ubuntu 12.04</p>
|
||||
<p>Ivolution is available in 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 :
|
||||
apt-get install . . .</p>
|
||||
<p>Note : You'll need administrator's rights to install the packages (usually means using sudo).</p>
|
||||
<p>Then, download the last stable packages here and extract here where you want.</p>
|
||||
<p>Finally, move to the extracted folder in a command line and install the package
|
||||
python setup.py install --record ivolution_files
|
||||
This time again, you will need administrator's right.</p>
|
||||
<p>Done ! You can now start using Ivolution by running
|
||||
Ivolutioner
|
||||
in a terminal.</p>
|
||||
<p>Note:
|
||||
The --record option during the install is used to create a list of all the files generated into your system.
|
||||
By default, there is no uninstall solution for python packages and the only solution is to remove all the files one by one.</p>
|
||||
<p>You can do this by running</p>
|
||||
<p>in a command line, where ivolution_file is your record file.</p>
|
||||
<p>WARNING: This command, if not run correctly, may cause damages! Check the record file first.</p>
|
||||
<p>Linux</p>
|
||||
<p>For most of all the other Linux distributions, the installation process is similar as the Ubuntu solution but for the first step.</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>
|
||||
<p>Once all the dependencies are satisfied, you can simply download and install the package using the directions from the Ubuntu chapter.</p>
|
||||
<p>Mac OS</p>
|
||||
<p>Up to now, I was not able to create application installer as for Windows.
|
||||
Mac users should for now follow the Linux guide to install Ivolution.</p>
|
||||
<p>An installer may be provided in the future.
|
||||
You can also try to create it by yourself, using py2app (and in this case, let me know !)</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="installation"></category></entry><entry><title>Ivolution Project</title><link href="localhost/Ivolution.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:Ivolution.html</id><summary type="html"><p>Welcome on the webiste on the Ivolution project !</p>
|
||||
<p>Ivolution is a face timelapse generator.
|
||||
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>http://www.youtube.com/watch?v=9ZpKnSjvmXo</p>
|
||||
<p>Ivolution uses face recognition and modifies the images so that your face always keeps the same size and location over the movie.
|
||||
Images are processed in chronological order, so that you can see your face evoluate over time !</p>
|
||||
<p>Ivolution currently supports Windows and Linux, and was successfully tested on Windows XP, 7 and Ubuntu 12.04.</p>
|
||||
<p>Ivolution is currently still in early development, and you may face bugs or feel like critical features are missing.
|
||||
In this case, just let me know by sending me a mail or by filing a bug here. I'll be glad to help you !</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category></entry><entry><title>Main Interface.</title><link href="localhost/MainInterface.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:MainInterface.html</id><summary type="html"><p>The following picture shows what you should see when launching the Ivolution application.</p>
|
||||
<p>The main frame is composed of three different parts :
|
||||
1 - The Menubar, used to exit the application, have access to this help or see more information about the application.
|
||||
2 - The Toolbar, containing all the elements you can use to create your timelapse, such as the start or the stop buttons
|
||||
3 - The Main Frame, aiming at presenting all the information and status of the application in real time.</p>
|
||||
<p>MenuBar</p>
|
||||
<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 :
|
||||
- The Exit menu will exit the application
|
||||
- The Help menu will browse the web for the documentation of the application.
|
||||
- Finally, the About menu will present you more information about the software, such as the main developer (hint : me :)) or the license file.</p>
|
||||
<p>ToolBar</p>
|
||||
<p>The toolbar contains several icons, each of them having a precise purpose:
|
||||
- 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
|
||||
- The second icon opens the settings window. You can learn more about it in (OTHER CHAPTER). For a basic usage, you can just let the default options.
|
||||
- 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.
|
||||
(Be careful, by stopping the application you will have to start all over again).
|
||||
Note : Pressing more than once on the start or stop button will not have any additional effect.
|
||||
- Finally, a quick link to the online help is here in case you need it.</p>
|
||||
<p>Main Frame</p>
|
||||
<p>The main frame regroups all the elements of the interface that will give you information about your project. It is divided into 4 different parts
|
||||
1 - The input label, 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.
|
||||
2 - The processing list contains the list of images being processed for your timelapse. You will learn more about it in the dedicated section.
|
||||
3 - The progress bar will give you real time information about the progress of the processing.
|
||||
4 - The status bar 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.</p>
|
||||
<p>Processing list</p>
|
||||
<p>When you choose your input folder and press start, one of the first steps of the algorithms is to list all the images that will be processed.
|
||||
The folder you have selected will be walked recursively, 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 start searching for faces in your pictures, in chronological order.
|
||||
A green color on a file means that the image was successfully processed, while a red color 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>Status Bar</p>
|
||||
<p>The status bar presents you with information about the current step of the algorithm, and the progress 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 are:
|
||||
- Listing pictures, meaning that the algorithm is walking through your input folder searching for pictures
|
||||
- Detecting faces is displayed when listing the image is finished. Each image is opened and a face detection is performed.
|
||||
- Calculating video requirements 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.
|
||||
- Generating Movie. All needed information have been collected. The final step is thus to create the timelapse.
|
||||
- Process cancelled. If you see this, it either means that you have pressed the stop button, or that there has been a problem during the processing.</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="basic"></category><category term="interface"></category><category term="manual"></category></entry><entry><title>1 minute kick-off</title><link href="localhost/OneMinuteTutorial.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:OneMinuteTutorial.html</id><summary type="html"><p>Coz' 1 minute is faster than 5 minutes. . . here is a light speed fast tutorial</p>
|
||||
<p>This page aims at putting you on rails as fast as possible, so that you can see what Ivolution is capable of by yourself, and in less than 5 minutes.</p>
|
||||
<p>First of all, download the version of Ivolution corresponding to your operating system here.
|
||||
Then, download the set of samples 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>Click on start, and wait for the processing to end.</p>
|
||||
<p>Done ! You can now watch the timelapse generated from the images.</p>
|
||||
<p>The timelapse is saved in your Video folder by default.
|
||||
For Windows users, it should be C:\Users\myUser\Videos, and for Ubuntu users /home/myUser/Videos.</p>
|
||||
<p>For more option, have a look at the basic part of the documentation.</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="tutorial"></category></entry><entry><title>Settings</title><link href="localhost/Settings.html" rel="alternate"></link><updated>2012-09-13T14:14:10+02:00</updated><author><name>Julien Lengrand-Lambert</name></author><id>tag:localhost,2012-09-13:Settings.html</id><summary type="html"><p>Settings</p>
|
||||
<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 :
|
||||
- the basic settings, where you can change the name of the output file and its location
|
||||
- the advanced settings, where you can change the behaviour of the algorithm itself</p>
|
||||
<p>Basic Settings</p>
|
||||
<p>The basic settings page contains only elements:
|
||||
- The output location chooser, where you can change where the timelapse will be saved
|
||||
- The name chooser, where you can change the name of your timelapse.</p>
|
||||
<p>Advanced Settings</p>
|
||||
<p>The advanced settings page contain several option you can adjust to modify the timelapse creation algorithm behavior.</p>
|
||||
<p>Speed of the video</p>
|
||||
<p>With the speed option, you can select the framerate of the output video.
|
||||
The slower you choose, the more time is added between each frame.</p>
|
||||
<p>Basically, the accessible framerates with the speed option are 3, 6 and 9 faces per second.</p>
|
||||
<p>Processing mode</p>
|
||||
<p>The processing mode in Ivolution defines the type of video output you desire.
|
||||
There are two main processing types : conservative, and crop.</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 the face always has the same scale during the whole video.
|
||||
Each image is also moved so that the face always stays in the same place, even if it is in a different part of the image.</p>
|
||||
<p>You can easily understand this concept by looking at the difference with and without modification</p>
|
||||
<p>http://www.youtube.com/watch?v=9ZpKnSjvmXo</p>
|
||||
<p>By choosing the conservative mode, you will have the exact same result as in the previous video.
|
||||
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 crop mode 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>
|
||||
<p>Face Type</p>
|
||||
<p>The face type defines the type of video you want to have in output.
|
||||
Basically, there are two main different types : profile and front faces.</p>
|
||||
<ul>
|
||||
<li>Profile mode expects your images to contain profile faces. Examples of use can be pregnant women that want to see their belly over time.</li>
|
||||
<li>Front face 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>
|
||||
<p>Sort method</p>
|
||||
<p>The sort method defines the way images are sorted in the video.
|
||||
The default mode is filename, 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 EXIF metadata 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, leave the default option.</p></summary><category term="face recognition"></category><category term="image processing"></category><category term="computer vision"></category><category term="python"></category><category term="openCV"></category><category term="Ivolution"></category><category term="Facemovie"></category><category term="Everyday"></category><category term="settings"></category><category term="interface"></category><category term="manual"></category></entry></feed>
|
||||
@@ -1,132 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Ivolution Project</h1></div>
|
||||
<div><p>Welcome on the webiste on the Ivolution project !</p>
|
||||
<p>Ivolution is a face timelapse generator.
|
||||
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>http://www.youtube.com/watch?v=9ZpKnSjvmXo</p>
|
||||
<p>Ivolution uses face recognition and modifies the images so that your face always keeps the same size and location over the movie.
|
||||
Images are processed in chronological order, so that you can see your face evoluate over time !</p>
|
||||
<p>Ivolution currently supports Windows and Linux, and was successfully tested on Windows XP, 7 and Ubuntu 12.04.</p>
|
||||
<p>Ivolution is currently still in early development, and you may face bugs or feel like critical features are missing.
|
||||
In this case, just let me know by sending me a mail or by filing a bug here. I'll be glad to help you !</p></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,145 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>About</h1></div>
|
||||
<div><p>About</p>
|
||||
<p>Ivolution was created as a pet project, to help a friend currently travelling around the world.
|
||||
It is still in early development, but pretty much already achieves what it was created for !</p>
|
||||
<p>License</p>
|
||||
<p>The project is under the simplified BSD license. So here are the rules :</p>
|
||||
<p>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>You can learn more about this license here (http://www.linfo.org/bsdlicense.html).</p>
|
||||
<p>The important thing to note is that I can not be taken responsible for any problem you might encounter (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>
|
||||
<p>About me</p>
|
||||
<p>My name is Julien Lengrand-Lambert, and I am as french software engineer currently living in the Netherlands.
|
||||
You can learn more about me (and the development of Ivolution) on my website, or on my G+ page.</p>
|
||||
<p>To follow my projects real time, you can also follow me on GitHub.</p>
|
||||
<p>For Ivolution related matters, the official email address is ivolution.app@gmail.fr, but you can also mail me personally on ju.lien@leng.rand.fr (without the dots in julien and lengrand :)).</p>
|
||||
<p>Acknowledgements</p>
|
||||
<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 excellent face detection example (http://japskua.wordpress.com/2010/08/04/detecting-eyes-with-python-opencv/) from Japskua.</li>
|
||||
<li>I use Gene Cash's exif library (http://sourceforge.net/projects/exif-py/) to extract information from EXIF metadata contained in the images</li>
|
||||
<li>The current logo of Ivolution comes from a picture by Luc Viatour (http://www.Lucnix.be) and taken from Wikipedia.</li>
|
||||
<li>Ivolution was developed based on an original idea from Axel Catoire, who is currently travelling around the world (http://ungrandtour.blogspot.com/).</li>
|
||||
</ul></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,122 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Downloads</h1></div>
|
||||
<div><p>Other downloads</p>
|
||||
<p>Several other ressources are available to download :</p>
|
||||
<ul>
|
||||
<li>Current documentation (html)</li>
|
||||
<li>
|
||||
<p>Current documentation (pdf)</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>pack of samples, to test the application.</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>sources of the last version of Ivolution</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>A list of all older versions is also available here.</p>
|
||||
</li>
|
||||
</ul>
|
||||
<p>If you always want to use 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>
|
||||
<p>git clone .. .</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,125 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Frequent Asked Questions</h1></div>
|
||||
<div><p>FAQ</p>
|
||||
<p>I want to create several videos. Do I have to exit the software each time ?</p>
|
||||
<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>
|
||||
<p>I have a Mac. Can I use Ivolution ?</p>
|
||||
<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>
|
||||
<p>Can I use any kind of images?</p>
|
||||
<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>
|
||||
<p>Can I use pictures of different people to create a movie?</p>
|
||||
<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>
|
||||
<p>I use Linux, how do I get started?</p>
|
||||
<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>
|
||||
<p>Can I save my project and reuse them later ?</p>
|
||||
<p>No, it is currently not possible. This feature is in current development.</p>
|
||||
<p>If your issue is not listed here, feel free to send me a message to ivolution.app@gmail.com</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,119 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Future Developments</h1></div>
|
||||
<div><p>Future developments</p>
|
||||
<p>As you may already have noticed, Ivolution 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>
|
||||
<p>Allow users to create and save projects.</p>
|
||||
<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>
|
||||
<p>Reduce processing time</p>
|
||||
<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>
|
||||
<p>Add fading effect in the video</p>
|
||||
<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>
|
||||
<p>Allow users to change the name of the video</p>
|
||||
<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 !
|
||||
If you have ideas, or needs just drop me a mail (Ivolution@gmail.com) and I'll be glad to take your advice in consideration !</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,139 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Installation</h1></div>
|
||||
<div><p>Ivolution should run on most of Windows, Linux and Mac operating systems.
|
||||
It was successfully tested on Windows 7, Windows XP and Ubuntu 12.04.</p>
|
||||
<p>Depending on your operating system, the installation step may require a bit more work.
|
||||
Please choose below the chapter corresponding to your operating system</p>
|
||||
<p>Windows (XP, Vista, Seven)</p>
|
||||
<p>Simply download and run the executable here (x86).
|
||||
Once installed, you should be able to run Ivolution through the icon on the Desktop.
|
||||
Everything should work out of the box without issue.</p>
|
||||
<p>The software has not been tested (yet) on Windows 8, but there should not be major problems to get it running.</p>
|
||||
<p>Ubuntu 12.04</p>
|
||||
<p>Ivolution is available in 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 :
|
||||
apt-get install . . .</p>
|
||||
<p>Note : You'll need administrator's rights to install the packages (usually means using sudo).</p>
|
||||
<p>Then, download the last stable packages here and extract here where you want.</p>
|
||||
<p>Finally, move to the extracted folder in a command line and install the package
|
||||
python setup.py install --record ivolution_files
|
||||
This time again, you will need administrator's right.</p>
|
||||
<p>Done ! You can now start using Ivolution by running
|
||||
Ivolutioner
|
||||
in a terminal.</p>
|
||||
<p>Note:
|
||||
The --record option during the install is used to create a list of all the files generated into your system.
|
||||
By default, there is no uninstall solution for python packages and the only solution is to remove all the files one by one.</p>
|
||||
<p>You can do this by running</p>
|
||||
<p>in a command line, where ivolution_file is your record file.</p>
|
||||
<p>WARNING: This command, if not run correctly, may cause damages! Check the record file first.</p>
|
||||
<p>Linux</p>
|
||||
<p>For most of all the other Linux distributions, the installation process is similar as the Ubuntu solution but for the first step.</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>
|
||||
<p>Once all the dependencies are satisfied, you can simply download and install the package using the directions from the Ubuntu chapter.</p>
|
||||
<p>Mac OS</p>
|
||||
<p>Up to now, I was not able to create application installer as for Windows.
|
||||
Mac users should for now follow the Linux guide to install Ivolution.</p>
|
||||
<p>An installer may be provided in the future.
|
||||
You can also try to create it by yourself, using py2app (and in this case, let me know !)</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,112 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Ivolution Project</h1></div>
|
||||
<div><p>Welcome on the webiste on the Ivolution project !</p>
|
||||
<p>Ivolution is a face timelapse generator.
|
||||
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>http://www.youtube.com/watch?v=9ZpKnSjvmXo</p>
|
||||
<p>Ivolution uses face recognition and modifies the images so that your face always keeps the same size and location over the movie.
|
||||
Images are processed in chronological order, so that you can see your face evoluate over time !</p>
|
||||
<p>Ivolution currently supports Windows and Linux, and was successfully tested on Windows XP, 7 and Ubuntu 12.04.</p>
|
||||
<p>Ivolution is currently still in early development, and you may face bugs or feel like critical features are missing.
|
||||
In this case, just let me know by sending me a mail or by filing a bug here. I'll be glad to help you !</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,145 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Main Interface.</h1></div>
|
||||
<div><p>The following picture shows what you should see when launching the Ivolution application.</p>
|
||||
<p>The main frame is composed of three different parts :
|
||||
1 - The Menubar, used to exit the application, have access to this help or see more information about the application.
|
||||
2 - The Toolbar, containing all the elements you can use to create your timelapse, such as the start or the stop buttons
|
||||
3 - The Main Frame, aiming at presenting all the information and status of the application in real time.</p>
|
||||
<p>MenuBar</p>
|
||||
<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 :
|
||||
- The Exit menu will exit the application
|
||||
- The Help menu will browse the web for the documentation of the application.
|
||||
- Finally, the About menu will present you more information about the software, such as the main developer (hint : me :)) or the license file.</p>
|
||||
<p>ToolBar</p>
|
||||
<p>The toolbar contains several icons, each of them having a precise purpose:
|
||||
- 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
|
||||
- The second icon opens the settings window. You can learn more about it in (OTHER CHAPTER). For a basic usage, you can just let the default options.
|
||||
- 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.
|
||||
(Be careful, by stopping the application you will have to start all over again).
|
||||
Note : Pressing more than once on the start or stop button will not have any additional effect.
|
||||
- Finally, a quick link to the online help is here in case you need it.</p>
|
||||
<p>Main Frame</p>
|
||||
<p>The main frame regroups all the elements of the interface that will give you information about your project. It is divided into 4 different parts
|
||||
1 - The input label, 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.
|
||||
2 - The processing list contains the list of images being processed for your timelapse. You will learn more about it in the dedicated section.
|
||||
3 - The progress bar will give you real time information about the progress of the processing.
|
||||
4 - The status bar 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.</p>
|
||||
<p>Processing list</p>
|
||||
<p>When you choose your input folder and press start, one of the first steps of the algorithms is to list all the images that will be processed.
|
||||
The folder you have selected will be walked recursively, 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 start searching for faces in your pictures, in chronological order.
|
||||
A green color on a file means that the image was successfully processed, while a red color 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>Status Bar</p>
|
||||
<p>The status bar presents you with information about the current step of the algorithm, and the progress 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 are:
|
||||
- Listing pictures, meaning that the algorithm is walking through your input folder searching for pictures
|
||||
- Detecting faces is displayed when listing the image is finished. Each image is opened and a face detection is performed.
|
||||
- Calculating video requirements 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.
|
||||
- Generating Movie. All needed information have been collected. The final step is thus to create the timelapse.
|
||||
- Process cancelled. If you see this, it either means that you have pressed the stop button, or that there has been a problem during the processing.</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,114 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>1 minute kick-off</h1></div>
|
||||
<div><p>Coz' 1 minute is faster than 5 minutes. . . here is a light speed fast tutorial</p>
|
||||
<p>This page aims at putting you on rails as fast as possible, so that you can see what Ivolution is capable of by yourself, and in less than 5 minutes.</p>
|
||||
<p>First of all, download the version of Ivolution corresponding to your operating system here.
|
||||
Then, download the set of samples 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>Click on start, and wait for the processing to end.</p>
|
||||
<p>Done ! You can now watch the timelapse generated from the images.</p>
|
||||
<p>The timelapse is saved in your Video folder by default.
|
||||
For Windows users, it should be C:\Users\myUser\Videos, and for Ubuntu users /home/myUser/Videos.</p>
|
||||
<p>For more option, have a look at the basic part of the documentation.</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,146 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href=".././pages/About.html">About</a></li>
|
||||
|
||||
<li><a href=".././pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href=".././pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href=".././pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href=".././pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href=".././pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href=".././pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href=".././pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href=".././pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
|
||||
|
||||
<div class='page'>
|
||||
<div class="page-header"><h1>Settings</h1></div>
|
||||
<div><p>Settings</p>
|
||||
<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 :
|
||||
- the basic settings, where you can change the name of the output file and its location
|
||||
- the advanced settings, where you can change the behaviour of the algorithm itself</p>
|
||||
<p>Basic Settings</p>
|
||||
<p>The basic settings page contains only elements:
|
||||
- The output location chooser, where you can change where the timelapse will be saved
|
||||
- The name chooser, where you can change the name of your timelapse.</p>
|
||||
<p>Advanced Settings</p>
|
||||
<p>The advanced settings page contain several option you can adjust to modify the timelapse creation algorithm behavior.</p>
|
||||
<p>Speed of the video</p>
|
||||
<p>With the speed option, you can select the framerate of the output video.
|
||||
The slower you choose, the more time is added between each frame.</p>
|
||||
<p>Basically, the accessible framerates with the speed option are 3, 6 and 9 faces per second.</p>
|
||||
<p>Processing mode</p>
|
||||
<p>The processing mode in Ivolution defines the type of video output you desire.
|
||||
There are two main processing types : conservative, and crop.</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 the face always has the same scale during the whole video.
|
||||
Each image is also moved so that the face always stays in the same place, even if it is in a different part of the image.</p>
|
||||
<p>You can easily understand this concept by looking at the difference with and without modification</p>
|
||||
<p>http://www.youtube.com/watch?v=9ZpKnSjvmXo</p>
|
||||
<p>By choosing the conservative mode, you will have the exact same result as in the previous video.
|
||||
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 crop mode 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>
|
||||
<p>Face Type</p>
|
||||
<p>The face type defines the type of video you want to have in output.
|
||||
Basically, there are two main different types : profile and front faces.</p>
|
||||
<ul>
|
||||
<li>Profile mode expects your images to contain profile faces. Examples of use can be pregnant women that want to see their belly over time.</li>
|
||||
<li>Front face 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>
|
||||
<p>Sort method</p>
|
||||
<p>The sort method defines the way images are sorted in the video.
|
||||
The default mode is filename, 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 EXIF metadata 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, leave the default option.</p></div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,140 +0,0 @@
|
||||
<!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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="sidebar">
|
||||
<div class="well">
|
||||
<h3>Contents</h3>
|
||||
<ul>
|
||||
|
||||
|
||||
<li><a href="./pages/About.html">About</a></li>
|
||||
|
||||
<li><a href="./pages/Downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./pages/FAQ.html">Frequent Asked Questions</a></li>
|
||||
|
||||
<li><a href="./pages/FutureDevelopments.html">Future Developments</a></li>
|
||||
|
||||
<li><a href="./pages/Installation.html">Installation</a></li>
|
||||
|
||||
<li><a href="./pages/Ivolution.html">Ivolution Project</a></li>
|
||||
|
||||
<li><a href="./pages/MainInterface.html">Main Interface.</a></li>
|
||||
|
||||
<li><a href="./pages/OneMinuteTutorial.html">1 minute kick-off</a></li>
|
||||
|
||||
<li><a href="./pages/Settings.html">Settings</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
<h3>Other Links</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="http://docs.notmyidea.org/alexis/pelican/">Pelican</a></li>
|
||||
|
||||
<li><a href="http://python.org">Python.org</a></li>
|
||||
|
||||
<li><a href="http://jinja.pocoo.org">Jinja2</a></li>
|
||||
|
||||
<li><a href="#">You can modify those links in your config file</a></li>
|
||||
|
||||
</ul>
|
||||
<div class="social">
|
||||
<h3>Social</h3>
|
||||
<ul>
|
||||
|
||||
<li><a href="#">You can add links in your config file</a></li>
|
||||
|
||||
<li><a href="#">Another social link</a></li>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="page-header"><h1>Ivolution <small>[tgs]</small></h1></div>
|
||||
|
||||
<ul>
|
||||
|
||||
<li><a href="./tag/todo.html">TODO</a></li>
|
||||
|
||||
<li><a href="./tag/face-recognition.html">face recognition</a></li>
|
||||
|
||||
<li><a href="./tag/installation.html">installation</a></li>
|
||||
|
||||
<li><a href="./tag/settings.html">settings</a></li>
|
||||
|
||||
<li><a href="./tag/python.html">python</a></li>
|
||||
|
||||
<li><a href="./tag/future-developments.html">future developments</a></li>
|
||||
|
||||
<li><a href="./tag/downloads.html">Downloads</a></li>
|
||||
|
||||
<li><a href="./tag/faq.html">FAQ</a></li>
|
||||
|
||||
<li><a href="./tag/manual.html">manual</a></li>
|
||||
|
||||
<li><a href="./tag/about.html">About</a></li>
|
||||
|
||||
<li><a href="./tag/ivolution.html">Ivolution</a></li>
|
||||
|
||||
<li><a href="./tag/opencv.html">openCV</a></li>
|
||||
|
||||
<li><a href="./tag/computer-vision.html">computer vision</a></li>
|
||||
|
||||
<li><a href="./tag/facemovie.html">Facemovie</a></li>
|
||||
|
||||
<li><a href="./tag/basic.html">basic</a></li>
|
||||
|
||||
<li><a href="./tag/interface.html">interface</a></li>
|
||||
|
||||
<li><a href="./tag/image-processing.html">image processing</a></li>
|
||||
|
||||
<li><a href="./tag/everyday.html">Everyday</a></li>
|
||||
|
||||
<li><a href="./tag/tutorial.html">tutorial</a></li>
|
||||
|
||||
</ul>
|
||||
|
||||
<footer>
|
||||
<p> Powered by <a href="http://pelican.notmyidea.org/en/3.0/index.html">Pelican</a>.</p>
|
||||
<p>© Julien Lengrand-Lambert 2012</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
356
Website/output/theme/bootstrap.min.css
vendored
356
Website/output/theme/bootstrap.min.css
vendored
@@ -1,356 +0,0 @@
|
||||
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:940px;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;}
|
||||
.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;}
|
||||
.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);}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.6 KiB |
@@ -1,4 +0,0 @@
|
||||
// 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)@*/
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 914 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 963 B |
Binary file not shown.
|
Before Width: | Height: | Size: 300 B |
Binary file not shown.
|
Before Width: | Height: | Size: 537 B |
Binary file not shown.
|
Before Width: | Height: | Size: 803 B |
Binary file not shown.
|
Before Width: | Height: | Size: 980 B |
Binary file not shown.
|
Before Width: | Height: | Size: 376 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 896 B |
Binary file not shown.
|
Before Width: | Height: | Size: 673 B |
Binary file not shown.
|
Before Width: | Height: | Size: 835 B |
Binary file not shown.
|
Before Width: | Height: | Size: 658 B |
@@ -1,37 +0,0 @@
|
||||
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*='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;}
|
||||
@@ -1,62 +0,0 @@
|
||||
/* .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