Update to website installation picker (#7263)

* install picker updates

* updates for training tab

* DML combo fixes

* fix android selections

* updated android and coreml options

* picker behavior updates

* Training selector updates
This commit is contained in:
Faith Xu 2021-04-06 17:15:17 -07:00 committed by GitHub
parent 300895039b
commit f1076c011c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 1043 additions and 950 deletions

View file

@ -413,6 +413,7 @@ a .abbr[data-original-title], a abbr[title]{
border: 1px solid #1a1a1a;
}
.r-wrap.command-block .r-heading::before {
border-left: none;
}
@ -469,10 +470,27 @@ a .abbr[data-original-title], a abbr[title]{
.r-wrap .r-content .r-option.selected span:active{
background-color: #0F77D2;
color: #fff;
border: 1px solid #0F77D2;
border: 0px solid #000;
}
.r-wrap .r-content .r-option.unsupported span,
.r-wrap .r-content .r-option.unsupported span:hover,
.r-wrap .r-content .r-option.unsupported span:focus,
.r-wrap .r-content .r-option.unsupported span:active{
border: 2px solid #cc0000;
}
.r-wrap .r-content .r-option.gray span,
.r-wrap .r-content .r-option.gray span:hover,
.r-wrap .r-content .r-option.gray span:focus,
.r-wrap .r-content .r-option.gray span:active{
background-color: #eee;
color: #999;
}
.r-wrap .r-content .r-option.command-container a{
color: #0F77D2;
color: #fff;
text-decoration: underline;
font-weight: bold;
}
.r-wrap .r-content .r-option.command-container{
@ -483,28 +501,49 @@ a .abbr[data-original-title], a abbr[title]{
display: table-cell;
padding: 0 10px 0 20px;
vertical-align: middle;
background-color: #eee;
background-color:#000;
color: #fff;
}
.r-wrap .r-content #command.r-option.valid span, .r-wrap .r-content #command.r-option.valid span:hover,
.r-wrap .r-content #ot_command.r-option.valid span, .r-wrap .r-content #ot_command.r-option.valid span:hover {
background-color:green;
}
.r-wrap .r-content #command.r-option.invalid span, .r-wrap .r-content #command.r-option.invalid span:hover,
.r-wrap .r-content #ot_command.r-option.invalid span, .r-wrap .r-content #ot_command.r-option.invalid span:hover {
border: 2px solid #cc0000;
}
.r-wrap .r-content .r-option.command-container a.link:hover,
.r-wrap .r-content .r-option.command-container a.link:focus,
.r-wrap .r-content .r-option.command-container a.link:active {
color: #045DA0;
color: #000;
}
.r-wrap .r-content .r-option span:hover {
background-color: #cccccc;
color: #000000;
border: 1px solid #cccccc;
background-color:#0F77D2;
color: #fff;
/* border: 1px solid #000; */
}
.r-wrap .r-content .r-option.command-container.selected,
.r-wrap .r-content .r-option.command-container:hover {
color: #212529;
}
.r-wrap .r-content #command.r-option span:hover {
background-color: #eee;
color: #000000;
.r-wrap .r-content #command.r-option span:hover, .r-wrap .r-content #ot_command.r-option span:hover {
background-color: #000;
color: #fff;
border: 1px solid #ccc;
cursor: default;
}
.col-disable span:hover,
.col-disable span:focus,
.col-disable span:active,
@ -639,6 +678,7 @@ a .abbr[data-original-title], a abbr[title]{
border: 1px solid #0F77D2;
margin-bottom: -1px;
}
div.tbl_panel[aria-hidden='true'] {
display: none;

View file

@ -125,7 +125,7 @@ GCC 4.x and below are not supported.
Reduced Operator Kernel builds allow you to customize the kernels in the build to provide smaller binary sizes - [see instructions](https://github.com/microsoft/onnxruntime/blob/master/docs/Reduced_Operator_Kernel_build.md).
### ONNX Runtime for Mobile Platforms
For builds compatible with mobile platforms, see more details in [ONNX_Runtime_for_Mobile_Platforms.md](https://github.com/microsoft/onnxruntime/blob/master/docs/ONNX_Runtime_for_Mobile_Platforms.md). Android and iOS build instructions can be found below on this page - [Android](#Android), [iOS](#iOS)
For builds compatible with mobile platforms, see more details in [ONNX_Runtime_for_Mobile_Platforms.md](https://github.com/microsoft/onnxruntime/blob/master/docs/ONNX_Runtime_for_Mobile_Platforms.md). Android and iOS build instructions can be found below on this page - [Android](#android), [iOS](#ios)
### Build ONNX Runtime Server on Linux
Read more about ONNX Runtime Server [here](https://github.com/microsoft/onnxruntime/blob/master/docs/ONNX_Runtime_Server_Usage.md).

View file

@ -160,7 +160,7 @@
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-1" aria-labelledby="selectOS" aria-describedby="decriptionOS">
<div class="row os">
<div class="col-lg-2dot4 col r-option version selected" role="option" tabindex="0" aria-selected="true" id="windows">
<div class="col-lg-2dot4 col r-option version" role="option" tabindex="0" aria-selected="false" id="windows">
<span>Windows</span>
</div>
<div class="col-lg-2dot4 col r-option version" role="option" tabindex="-1" aria-selected="false" id="linux">
@ -187,12 +187,12 @@
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-2" aria-labelledby="selectLanguage" aria-describedby="decriptionLanguage">
<div class="row language">
<div class="col-lg-2dot4 col r-option selected" role="option" tabindex="0" aria-selected="true" id="Python(3.6-3.9)"><span>Python (3.6-3.9)</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="0" aria-selected="false" id="Python(3.6-3.9)"><span>Python (3.6-3.9)</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="C++"><span>C++</span></div>
<div class="col-lg-2dot4 col r-option" aria-selected="false" role="option" tabindex="-1" id="C#"><span><abbr>C#</abbr></span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="C"><span>C</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="C-API"><span>C</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="Java"><span>Java</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="Javascript"><span>Javascript (Node.js)</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="Javascript"><span>Node.js</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="WinRT"><span>WinRT</span></div>
@ -207,7 +207,7 @@
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-3" aria-labelledby="selectArchitecture" aria-describedby="decriptionArchitecture">
<div class="row architecture">
<div class="col-lg-2dot4 col r-option selected" role="option" tabindex="0" aria-selected="true" id="X64">
<div class="col-lg-2dot4 col r-option" role="option" tabindex="0" aria-selected="false" id="X64">
<span><abbr>X64</abbr></span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="X86">
<span><abbr>X86</abbr></span></div>
@ -226,30 +226,33 @@
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="listbox-4" aria-labelledby="selectHardwareAcceleration" aria-describedby="decriptionHardwareAcceleration">
<div class="row hardwareAcceleration">
<div class="col-lg-2dot5 col r-option version selected" role="option" tabindex="0" aria-selected="true" id="DefaultCPU">
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="0" aria-selected="false" id="DefaultCPU">
<span>Default&nbsp; <abbr>CPU</abbr></span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="ACL">
<span>ACL (Preview)</span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="ArmNN">
<span>ArmNN (Preview)</span></div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="CUDA">
<span><abbr>CUDA</abbr></span></div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="DirectML">
<span>Direct<abbr>ML</abbr></span></div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="DNNL">
<span><abbr>DNNL</abbr></span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="OpenVINO">
<span>OpenVINO</span></div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="TensorRT">
<span>Tensor<abbr>RT</abbr></span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="ACL">
<span>ACL (Preview)</span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="ArmNN">
<span>ArmNN (Preview)</span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="CoreML">
<span>CoreML (Preview)</span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="MIGraphX">
<span>MIGraphX (Preview)</span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="NNAPI">
<span>NNAPI (Preview)</span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="NUPHAR">
<span><abbr>NUPHAR (Preview)</abbr></span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="OpenVINO">
<span>OpenVINO</span></div>
<span><abbr>NUPHAR (Preview)</abbr></span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="RockchipNPU">
<span>Rockchip NPU (Preview)</span></div>
<div class="col-lg-2dot5 col r-option version" role="option" tabindex="-1" aria-selected="false" id="TensorRT">
<span>Tensor<abbr>RT</abbr></span></div>
<div class="col-lg-2dot5 col-md-3 r-option version" role="option" tabindex="-1" aria-selected="false" id="VitisAI">
<span>Vitis AI (Preview)</span></div>
</div>
@ -264,7 +267,7 @@
<div class="row">
<div class="col r-option command-container" id="command" role="status">
<span>
Please select a combination of resources.
Please select a combination of resources
</span>
</div>
</div>
@ -282,13 +285,13 @@
<div class="row r-wrap mb-1 mb-md-0 mr-0">
<div class="col-md-3 r-heading">
<h3 id="ot_selectOS"><abbr title="Operating System">OS</abbr></h3>
<p id="ot_decriptionOS" class="sr-only"><abbr>OS</abbr> list contains one item</p>
<p id="ot_decriptionOS" class="sr-only"><abbr>OS</abbr> list contains three items</p>
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="ot_listbox-1" aria-labelledby="ot_selectOS" aria-describedby="ot_decriptionOS">
<div class="row ot_os">
<div class="col r-option" role="option" tabindex="0" aria-selected="true" id="ot_linux">
<span>Linux</span>
</div>
<div class="col r-option selected" role="option" tabindex="0" aria-selected="true" id="ot_linux"><span>Linux</span></div>
<div class="col r-option" role="option" tabindex="-1" aria-selected="false" id="ot_windows"><span>Windows</span></div>
<div class="col r-option" role="option" tabindex="-1" aria-selected="false" id="ot_mac"><span>Mac</span></div>
</div>
</div>
</div>
@ -301,7 +304,7 @@
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="ot_listbox-2" aria-labelledby="ot_selectLanguage" aria-describedby="ot_decriptionLanguage">
<div class="row ot_language">
<div class="col-lg-2dot4 col r-option selected" role="option" tabindex="0" aria-selected="true" id="ot_PyTorch"><span>PyTorch</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="ot_TensorFlow"><span>TensorFlow</span></div>
<div class="col-lg-2dot4 col r-option" role="option" tabindex="-1" aria-selected="false" id="ot_C++"><span>C++</span></div>
</div>
</div>
</div>
@ -322,13 +325,14 @@
<div class="row r-wrap mb-1 mb-md-0 mr-0">
<div class="col-md-3 r-heading">
<h3 id="ot_selectHardwareAcceleration">Hardware Acceleration</h3>
<p id="ot_decriptionHardwareAcceleration" class="sr-only">Hardware Acceleration list contains one item</p>
<p id="ot_decriptionHardwareAcceleration" class="sr-only">Hardware Acceleration list contains four items</p>
</div>
<div class="col-md-9 r-content pr-0 pl-md-4" role="listbox" id="ot_listbox-4" aria-labelledby="ot_selectHardwareAcceleration" aria-describedby="ot_decriptionHardwareAcceleration">
<div class="row ot_hardwareAcceleration">
<div class="col r-option version selected" role="option" tabindex="0" aria-selected="true" id="ot_CUDA">
<span><abbr>CUDA</abbr></span>
</div>
<div class="col r-option version" role="option" tabindex="-1" aria-selected="false" id="ot_DefaultCPU"><span><abbr>Default CPU</abbr></span></div>
<div class="col r-option version selected" role="option" tabindex="0" aria-selected="true" id="ot_CUDA"><span><abbr>CUDA</abbr></span></div>
<div class="col r-option version" role="option" tabindex="-1" aria-selected="false" id="ot_AMD"><span><abbr>AMD GPU</abbr></span></div>
<div class="col r-option version" role="option" tabindex="-1" aria-selected="false" id="ot_DNNL"><span><abbr>DNNL</abbr></span></div>
</div>
</div>
</div>
@ -341,7 +345,7 @@
<div class="row">
<div class="col r-option command-container" id="ot_command" role="status">
<span>
Please select a combination of resources.
Please select a combination of resources
</span>
</div>
</div>

File diff suppressed because it is too large Load diff