c59663f252
The goal of this commit is to propose a first step towards a new `.. card::` directive for the toctrees. This is a first design proposition for this new card component in raw html for the fallback page `howtos.rst` The long term objective is to redesign the toctrees by implementing card components, clearer toctree list design and custom html pages. Related to task-3059229 closes odoo/documentation#3326 Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
106 lines
4.0 KiB
ReStructuredText
106 lines
4.0 KiB
ReStructuredText
:show-content:
|
|
:hide-page-toc:
|
|
|
|
=========
|
|
Tutorials
|
|
=========
|
|
|
|
.. toctree::
|
|
:titlesonly:
|
|
|
|
howtos/rdtraining
|
|
howtos/website
|
|
howtos/backend
|
|
howtos/profilecode
|
|
howtos/company
|
|
howtos/localization
|
|
howtos/translations
|
|
|
|
.. raw:: html
|
|
|
|
<!-- 12 col on small screen, 6 on md, 3 on xl, 3 on xxl -->
|
|
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 row-cols-xxl-4 g-4 mb-4">
|
|
<!-- Big card with badge rounded-pill -->
|
|
<a class="o_toctree_card col-md-12 col-xl-8 col-xxl-6" href="howtos/rdtraining.html">
|
|
<div class="card h-100">
|
|
<div class="card-body pb-0">
|
|
<h4 class="card-title text-primary mb-1">Getting started</h4>
|
|
<p class="card-text text-dark fw-normal">
|
|
Learn how to develop your own module with the Odoo framework. This
|
|
step-by-step tutorial is crafted for newcomers and any other individual
|
|
curious about Odoo development.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer border-0">
|
|
<span class="badge rounded-pill bg-dark mt-auto mb-2">Beginner</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<!-- Small card with badge rounded-pill -->
|
|
<a class="o_toctree_card col" href="howtos/website.html">
|
|
<div class="card h-100">
|
|
<div class="card-body pb-0">
|
|
<h4 class="card-title text-primary mb-1">Building a website</h4>
|
|
<p class="card-text text-dark fw-normal">
|
|
Build your first website modules with Odoo.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer border-0">
|
|
<span class="badge rounded-pill bg-dark mt-auto mb-2">Beginner</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="o_toctree_card col" href="howtos/profilecode.html">
|
|
<div class="card h-100 pb-0">
|
|
<div class="card-body">
|
|
<h4 class="card-title text-primary mb-1">Profiling Odoo code</h4>
|
|
<p class="card-text text-dark fw-normal">
|
|
Learn more about Odoo's embedded code profiler.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer border-0"></div>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="o_toctree_card col" href="howtos/company.html">
|
|
<div class="card h-100 pb-0">
|
|
<div class="card-body">
|
|
<h4 class="card-title text-primary mb-1">Multi-company guidelines</h4>
|
|
<p class="card-text text-dark fw-normal">
|
|
Learn how to manage multiple companies and deal with the records-related
|
|
specificities of a multi-company environment.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer border-0"></div>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="o_toctree_card col" href="howtos/localization.html">
|
|
<div class="card h-100 pb-0">
|
|
<div class="card-body">
|
|
<h4 class="card-title text-primary mb-1">Accounting localization</h4>
|
|
<p class="card-text text-dark fw-normal">
|
|
Learn how to build a localization module, create bank operation models and
|
|
dynamic reports.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer border-0"></div>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="o_toctree_card col" href="howtos/translations.html">
|
|
<div class="card h-100 pb-0">
|
|
<div class="card-body">
|
|
<h4 class="card-title text-primary mb-1">Translating modules</h4>
|
|
<p class="card-text text-dark fw-normal">
|
|
Learn how to provide translation abilities to your module.
|
|
</p>
|
|
</div>
|
|
<div class="card-footer border-0"></div>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|