DOCS: Homepage - openvino workflow section update - for master (#14655)
Removing raw html directive Updating/improving css adding new diagram updating css
This commit is contained in:
Sebastian Golebiewski
GitHub
parent
56606ec46f
commit
73771a09f0
166
docs/_static/css/homepage_style.css
vendored
166
docs/_static/css/homepage_style.css
vendored
@ -14,12 +14,21 @@ img {
|
||||
|
||||
font-size: 1.3em;
|
||||
}
|
||||
/* === OPENVINO CHART ================================================= */
|
||||
/* === OPENVINO DIAGRAM ================================================= */
|
||||
|
||||
@media only screen and (min-width: 1100px) {
|
||||
.openvino-diagram {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1099px) {
|
||||
.openvino-diagram {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.openvino-chart {
|
||||
width: 100%;
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
/* === PANELS ================================================= */
|
||||
|
||||
@ -35,179 +44,58 @@ img {
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
/* === SEPARATOR HEADERS ================================================= */
|
||||
.HP_separator-header {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
margin: 40px auto;
|
||||
}
|
||||
|
||||
.HP_separator-header p {
|
||||
display: inline-block;
|
||||
line-height: 1em;
|
||||
margin: 0 auto;
|
||||
color: #0068B5;
|
||||
background-color: #fff;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.HP_separator-header::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: relative;
|
||||
top: 1em;
|
||||
margin: 0;
|
||||
border-top: 1px solid #0068B5;
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
img.HP_img_chart {
|
||||
width: 90%;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* === OV workflow chart ===================================================== */
|
||||
#HP_flow-container {
|
||||
/* === OV workflow chart ===================================================== */
|
||||
#hp-flow-container {
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
#HP_flow-container div {
|
||||
#hp-flow-container div {
|
||||
margin: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.HP_flow-arrow {
|
||||
div.hp-flow-arrow {
|
||||
width: 5%;
|
||||
padding: 40px 5px;
|
||||
}
|
||||
|
||||
div.HP_flow-btn {
|
||||
div.hp-flow-btn {
|
||||
width: 30%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
#HP_flow-container div.HP_flow-btn:nth-of-type(1) {
|
||||
#hp-flow-container div.hp-flow-btn:nth-of-type(1) {
|
||||
background-image: url("../images/OV_flow_model.svg");
|
||||
}
|
||||
#HP_flow-container div.HP_flow-btn:nth-of-type(3) {
|
||||
#hp-flow-container div.hp-flow-btn:nth-of-type(3) {
|
||||
background-image: url("../images/OV_flow_optimization.svg");
|
||||
}
|
||||
#HP_flow-container div.HP_flow-btn:nth-of-type(5) {
|
||||
#hp-flow-container div.hp-flow-btn:nth-of-type(5) {
|
||||
background-image: url("../images/OV_flow_deployment.svg");
|
||||
}
|
||||
|
||||
div.HP_flow-btn a img {
|
||||
div.hp-flow-btn a img {
|
||||
width: 100%;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
div.HP_flow-btn:hover a img {
|
||||
div.hp-flow-btn:hover a img {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
||||
/* === INFORMATION BOXES ================================================= */
|
||||
.HP_infoboxes {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.HP_infoboxes a {
|
||||
background-color: #0068B5;
|
||||
height: 150px;
|
||||
padding: 5px 2%;
|
||||
float: left;
|
||||
margin: 0 1% 10px 1%;
|
||||
width: 32%;
|
||||
}
|
||||
|
||||
.HP_infoboxes a p,
|
||||
.HP_infoboxes a h3 {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
|
||||
transition: all 0.5s;
|
||||
-webkit-transition: all 0.5s;
|
||||
-moz-transition: all 0.5s;
|
||||
-o-transition: all 0.5s;
|
||||
-ms-transition: all 0.5s;
|
||||
}
|
||||
.HP_infoboxes a h3 {
|
||||
display: table-cell;
|
||||
width: 300px;
|
||||
vertical-align: middle;
|
||||
height: 35px;
|
||||
border-bottom: solid 1px #fff;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.HP_infoboxes a p {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.5em;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.HP_infoboxes a:hover h3 {
|
||||
font-size: 1.1em;
|
||||
text-decoration:none !important;
|
||||
}
|
||||
/*.HP_infoboxes a:hover p {
|
||||
margin-top: 10px;
|
||||
text-decoration:none !important;
|
||||
}*/
|
||||
|
||||
/* === screen wide =================================================== */
|
||||
/* =================================================================== */
|
||||
@media only screen and (min-width: 901px) {
|
||||
.HP_infoboxes a {
|
||||
width: 32%;
|
||||
}
|
||||
.HP_infoboxes a:nth-of-type(1),
|
||||
.HP_infoboxes a:nth-of-type(4),
|
||||
.HP_infoboxes a:nth-of-type(7) {
|
||||
margin-left: 0;
|
||||
}
|
||||
.HP_infoboxes a:nth-of-type(3),
|
||||
.HP_infoboxes a:nth-of-type(6),
|
||||
.HP_infoboxes a:nth-of-type(9) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
/* === screen narrow ================================================== */
|
||||
/* =================================================================== */
|
||||
@media only screen and (max-width: 900px) {
|
||||
.HP_infoboxes a {
|
||||
width: 48%;
|
||||
margin-left: 0;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.HP_infoboxes a:nth-of-type(2n) {
|
||||
margin-left: 2%;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
/* =================================================================== */
|
||||
@media only screen and (max-width: 500px) {
|
||||
#HP_flow-container div {
|
||||
#hp-flow-container div {
|
||||
float: none;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
div.HP_flow-arrow {
|
||||
div.hp-flow-arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.HP_flow-btn {
|
||||
div.hp-flow-btn {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
443
docs/_static/images/openvino_diagram.svg
vendored
443
docs/_static/images/openvino_diagram.svg
vendored
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 360 KiB After Width: | Height: | Size: 352 KiB |
3
docs/_static/images/supported_devices.png
vendored
Normal file
3
docs/_static/images/supported_devices.png
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:566aab6ef86a50dad4fba5483a9b0abffc85778dccee7a0c7e98d4b09447f9b1
|
||||
size 130586
|
||||
@ -10,9 +10,10 @@
|
||||
|
||||
OpenVINO is an open-source toolkit for optimizing and deploying deep learning models. It provides boosted deep learning performance for vision, audio, and language models from popular frameworks like TensorFlow, PyTorch, and more. `Get started with OpenVINO. <get_started.html>`__
|
||||
|
||||
.. rst-class:: openvino-chart
|
||||
.. rst-class:: openvino-diagram
|
||||
|
||||
.. image:: _static/images/openvino_diagram.svg
|
||||
:align: center
|
||||
|
||||
|
||||
Overview
|
||||
@ -22,39 +23,43 @@ OpenVINO enables you to optimize a deep learning model from almost any framework
|
||||
|
||||
A typical workflow with OpenVINO is shown below.
|
||||
|
||||
.. container:: section
|
||||
:name: welcome-to-openvino-toolkit-s-documentation
|
||||
|
||||
.. container::
|
||||
:name: hp-flow-container
|
||||
|
||||
.. container:: hp-flow-btn
|
||||
|
||||
.. image:: _static/images/OV_flow_model_hvr.svg
|
||||
:alt: link to model processing introduction
|
||||
:target: openvino_docs_model_processing_introduction.html
|
||||
|
||||
.. container:: hp-flow-arrow
|
||||
|
||||
.. image:: _static/images/OV_flow_arrow.svg
|
||||
|
||||
.. container:: hp-flow-btn
|
||||
|
||||
.. image:: _static/images/OV_flow_optimization_hvr.svg
|
||||
:alt: link to an optimization guide
|
||||
:target: openvino_docs_optimization_guide_dldt_optimization_guide.html
|
||||
|
||||
.. container:: hp-flow-arrow
|
||||
|
||||
.. image:: _static/images/OV_flow_arrow.svg
|
||||
|
||||
.. container:: hp-flow-btn
|
||||
|
||||
.. image:: _static/images/OV_flow_deployment_hvr.svg
|
||||
:alt: link to deployment introduction
|
||||
:target: openvino_docs_deployment_guide_introduction.html
|
||||
|
||||
|
||||
.. raw:: html
|
||||
|
||||
<div class="section" id="welcome-to-openvino-toolkit-s-documentation">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="_static/css/homepage_style.css">
|
||||
|
||||
<div style="clear:both;"> </div>
|
||||
|
||||
<div id="HP_flow-container">
|
||||
<div class="HP_flow-btn">
|
||||
<a href="https://docs.openvino.ai/latest/openvino_docs_model_processing_introduction.html">
|
||||
<img src="_static/images/OV_flow_model_hvr.svg" alt="link to model processing introduction" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="HP_flow-arrow" >
|
||||
<img src="_static/images/OV_flow_arrow.svg" alt="" />
|
||||
</div>
|
||||
<div class="HP_flow-btn">
|
||||
<a href="https://docs.openvino.ai/latest/openvino_docs_deployment_optimization_guide_dldt_optimization_guide.html">
|
||||
<img src="_static/images/OV_flow_optimization_hvr.svg" alt="link to an optimization guide" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="HP_flow-arrow" >
|
||||
<img src="_static/images/OV_flow_arrow.svg" alt="" />
|
||||
</div>
|
||||
<div class="HP_flow-btn">
|
||||
<a href="https://docs.openvino.ai/latest/openvino_docs_deployment_guide_introduction.html">
|
||||
<img src="_static/images/OV_flow_deployment_hvr.svg" alt="link to deployment introduction" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
High-Performance Deep Learning
|
||||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||||
|
||||
@ -95,20 +100,16 @@ Boost your model’s speed even further with quantization and other state-of-the
|
||||
Supported Devices
|
||||
~~~~~~~~~~~~~~~~~
|
||||
|
||||
OpenVINO is supported on a wide range of hardware platforms. Visit the `Supported Devices <openvino_docs_OV_UG_supported_plugins_Supported_Devices.html>`__ page for a full list of OpenVINO-compatible platforms.
|
||||
OpenVINO is supported on a wide range of hardware platforms.
|
||||
|
||||
* All Intel Xeon, Core, and Atom CPUs, with boosted performance on 11th generation Core CPUs and 3rd generation Xeon CPUs or newer
|
||||
* Intel integrated GPUs including Intel UHD Graphics and Intel Iris Xe
|
||||
* Intel discrete GPUs including Iris Xe MAX and Arc
|
||||
* Intel accelerators such as VPUs and GNAs
|
||||
* Arm CPU, including Apple ARM based SoCs
|
||||
`Visit the Supported Devices page for a full list of OpenVINO-compatible platforms. <openvino_docs_OV_UG_supported_plugins_Supported_Devices.html>`__
|
||||
|
||||
Check the `Performance Benchmarks <openvino_docs_performance_benchmarks.html>`__ page to see how fast OpenVINO runs popular models on a variety of processors. OpenVINO supports deployment on Windows, Linux, and macOS.
|
||||
|
||||
Install OpenVINO
|
||||
~~~~~~~~~~~~~~~~
|
||||
.. image:: _static/images/supported_devices.png
|
||||
:width: 70%
|
||||
:align: center
|
||||
|
||||
`Go to installation to set up OpenVINO on your device. <https://www.intel.com/content/www/us/en/developer/tools/openvino-toolkit/download.html>`__
|
||||
|
||||
Get Started
|
||||
~~~~~~~~~~~
|
||||
@ -127,4 +128,3 @@ Get Started
|
||||
MODEL ZOO <model_zoo>
|
||||
RESOURCES <resources>
|
||||
RELEASE NOTES <https://software.intel.com/content/www/us/en/develop/articles/openvino-relnotes.html>
|
||||
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
<link rel="stylesheet" href="{{ pathto('_static/css/input.css', 1) }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ pathto('_static/css/textfield.css', 1) }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ pathto('_static/css/tabs.css', 1) }}" type="text/css" />
|
||||
<link rel="stylesheet" href="_static/css/homepage_style.css" type="text/css" />
|
||||
<script src="{{ pathto('_static/js/openvino_sphinx_theme.js', 1) }}"></script>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user