{% extends "!layout.html" %}

{%- block extrahead %}
<link rel="stylesheet" href="_static/css/custom_index.css" type="text/css" />
{% endblock %}

{% set title = _('Welcome!') %}

{% block sidebartitle %}
<div class="left-title">
	<div class="main-title">ADAPT   <span class="italic">Awesome Domain Adaptation Python Toolbox</span></div>
	<div class="some-buttons">
	<a class="btn btn-top" role="button" href="{{ pathto("install") }}">Install</a>
	<a class="btn btn-top" role="button" href="{{ pathto("contents") }}">Content</a>
	<a class="btn btn-top" role="button" href="https://github.com/adapt-python/adapt">GitHub</a>
	</div>
</div>
{{ super() }}
{% endblock %}

{% block body %}
  <h1 class="index-title">Welcome to the ADAPT package!</h1>
  
  <h2> Modules </h2>
  
  <div class="row">
	  <div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("contents") }}#adapt-feature-based"><h4 class="card-title">Feature-Based</h4></a>
			  <p class="card-text">Feature-based methods are based on the research of common features which have similar 
			  behaviour with respect to the task on source and target domain. </p>
			  <p class="card-text"><strong>Algorithms:</strong>
			  <a href="{{ pathto("generated/adapt.feature_based.FE") }}">FE</a>, 
			  <a href="{{ pathto("generated/adapt.feature_based.CORAL") }}">CORAL</a>,
			  <a href="{{ pathto("generated/adapt.feature_based.DANN") }}">DANN</a>, ...
			</p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("contents") }}#adapt-feature-based">
			  <img src="_static/images/feature_based.png" class="sk-index-img" alt="Feature-Based">
			  </a>
			</div>
			  <a class="btn btn-below" role="button" href="{{ pathto("contents") }}#adapt-feature-based">See all methods</a>
		  </div>
		</div>
		  
		<div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("contents") }}#adapt-instance-based"><h4 class="card-title">Instance-Based</h4></a>
			  <p class="card-text">The general principle of instance-based methods is to reweight labeled training data
				in order to correct the difference between source and target distributions. </p>
			  <p class="card-text"><strong>Algorithms:</strong>
			  <a href="{{ pathto("generated/adapt.instance_based.KMM") }}">KMM</a>, 
			  <a href="{{ pathto("generated/adapt.instance_based.KLIEP") }}">KLIEP</a>,
			  <a href="{{ pathto("generated/adapt.instance_based.TrAdaBoost") }}">TrAdaBoost</a>, ...
			</p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("contents") }}#adapt-instance-based">
			  <img src="_static/images/instance_based.png" class="sk-index-img" alt="Instance-Based">
			  </a>
			</div>
			  <a class="btn btn-below" role="button" href="{{ pathto("contents") }}#adapt-instance-based">See all methods</a>
		  </div>
		</div>
		 
		<div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("contents") }}#adapt-parameter-based"><h4 class="card-title">Parameter-Based</h4></a>
			  <p class="card-text">In parameter-based methods, the parameters of one or few pre-trained models built with
			  the source data are adapted to build a suited model for the task on the target domain.</p>
			  <p class="card-text"><strong>Algorithms:</strong>
			  <a href="{{ pathto("generated/adapt.parameter_based.RegularTransferLR") }}">RegularTransferLR</a>, 
			  <a href="{{ pathto("generated/adapt.parameter_based.RegularTransferNN") }}">RegularTransferNN</a>, ...
			</p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("contents") }}#adapt-parameter-based">
			  <img src="_static/images/parameter_based.png" class="sk-index-img" alt="Parameter-Based">
			  </a>
			</div>
			  <a class="btn btn-below" role="button" href="{{ pathto("contents") }}#adapt-parameter-based">See all methods</a>
		  </div>
	  </div>
  </div>
  
  <h2> Small Examples </h2>
  
	<div class="row">
	  <div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("examples/Classification") }}"><h4 class="card-title">Classification</h4></a>
			  <p class="card-text">Here are some examples of domain adaptation methods applied on a classification task.
			  Please look at these examples to learn how to use the algorithms provided by the ADAPT package.</p>
			</p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("examples/Classification") }}">
			  <img src="_static/images/classification_setup.png" class="sk-index-img" alt="Classification">
			  </a>
			</div>
			<a class="btn btn-below" role="button" href="{{ pathto("examples/Classification") }}">See examples</a>
		   </div>
		</div>
		
		  
		<div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("examples/Regression") }}"><h4 class="card-title">Regression</h4></a>
			  <p class="card-text">Here are some examples of domain adaptation methods applied on a regression task.
			  Please look at these examples to learn how to use the algorithms provided by the ADAPT package.
			  </p>
			</p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("examples/Regression") }}">
			  <img src="_static/images/regression_setup.png" class="sk-index-img" alt="Regression">
			  </a>
			</div>
			  <a class="btn btn-below" role="button" href="{{ pathto("examples/Regression") }}">See examples</a>
		  </div>
		</div>
		
		
		<div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("examples/Two_moons") }}"><h4 class="card-title">Two Moons</h4></a>
			  <p class="card-text">Here are some examples of domain adaptation methods applied on the Two Moons dataset.
			  Please look at these examples to learn how to use the algorithms provided by the ADAPT package.
			  </p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("examples/Two_moons") }}">
			  <img src="_static/images/two_moons_setup.png" class="sk-index-img" alt="Two Moons">
			  </a>
			</div>
			  <a class="btn btn-below" role="button" href="{{ pathto("examples/Two_moons") }}">See examples</a>
		  </div>
	  </div>
		
		
  </div>
  
  <h2> Real-World Examples </h2>
  
	<div class="row">
	  <div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("examples/Sample_bias_example") }}"><h4 class="card-title">Sample Bias</h4></a>
			  <p class="card-text">Here are some examples of domain adaptation methods applied to sample bias correction on the "Diabetes" dataset.
			  Please look at these examples to learn how to use the algorithms provided by the ADAPT package.</p>
			</p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("examples/Sample_bias_example") }}">
			  <img src="_static/images/sample_bias_corr_img.png" class="sk-index-img" alt="Sample bias">
			  </a>
			</div>
			<a class="btn btn-below" role="button" href="{{ pathto("examples/Sample_bias_example") }}">See examples</a>
		   </div>
		</div>
		
		  
		<div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("examples/Flowers_example") }}"><h4 class="card-title">Fine-Tuning</h4></a>
			  <p class="card-text">Here are some examples of domain adaptation methods applied to fine-tuning on the "Flowers" dataset.
			  Please look at these examples to learn how to use the algorithms provided by the ADAPT package.
			  </p>
			</p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("examples/Flowers_example") }}">
			  <img src="_static/images/finetuned.png" class="sk-index-img" alt="FineTuning">
			  </a>
			</div>
			  <a class="btn btn-below" role="button" href="{{ pathto("examples/Flowers_example") }}">See examples</a>
		  </div>
		</div>
		
		
		<div class="three-cards">
		  <div class="card h-100">
			<div class="card-body">
			  <a href="{{ pathto("examples/Office_example") }}"><h4 class="card-title">Deep Domain Adaptation</h4></a>
			  <p class="card-text">Here are some examples of deep domain adaptation methods applied on the "Office" dataset.
			  Please look at these examples to learn how to use the algorithms provided by the ADAPT package.
			  </p>
			</div>
			
			<div class="image">
			  <a href="{{ pathto("examples/Office_example") }}">
			  <img src="_static/images/office_item.png" class="sk-index-img" alt="DeepDA">
			  </a>
			</div>
			  <a class="btn btn-below" role="button" href="{{ pathto("examples/Office_example") }}">See examples</a>
		  </div>
	  </div>
		
		
  </div>
    
  <br>
  
  
  <h2> Acknowledgement </h2>
  
  <div class="acknowledgement">
  This work has been funded by Michelin and the Industrial Data Analytics and Machine Learning chair from ENS Paris-Saclay, Borelli center.
  <div class="logos">
  <a href="https://www.michelin.com/"><img src="_static/images/michelin.png" width=200px alt="Michelin"></a>
  <a href="https://www.centreborelli.fr/partenariats/chaires/chaires-industrielles-2/"> <img src="_static/images/idaml.jpg" width=200px alt="IDAML"></a>
  <a href="https://www.centreborelli.fr"> <img src="_static/images/borelli.jpg" alt="Centre Borelli" width=150px></a>
  </div>
  </div>
  
  
{% endblock %}