[DOCS] Features update (#18676)
* Update newsletter to work with new footer * Update footer * Add carousel in homepage banner * Update banner carousel
This commit is contained in:
bstankix authored and 
GitHub committed
1 parent
4df6ef3a26
commit
dd358fc95a
8 files changed
+109
-39
No files matched your search
Vendored
+13
-28
@@ -111,28 +111,6 @@ ul#navbar-main-elements > li:hover {
|
||||
}
|
||||
|
||||
|
||||
/* Footer */
|
||||
/* =================================================== */
|
||||
footer iframe {
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
border: none;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 860px) {
|
||||
footer iframe {
|
||||
height: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 596px) {
|
||||
footer iframe {
|
||||
height: 85px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Doc version dropdown formatting override */
|
||||
/* =================================================== */
|
||||
[aria-labelledby="version-selector"] {
|
||||
@@ -1025,8 +1003,8 @@ table#model-accuracy-and-perf-int8-fp32-table td.data {
|
||||
box-shadow: 0 0 5px 2px #a8a8a8;
|
||||
}
|
||||
|
||||
.newsletter-btn,
|
||||
.newsletter-btn:focus {
|
||||
.newsletter-submit-btn,
|
||||
.newsletter-submit-btn:focus {
|
||||
background: #cdedff;
|
||||
color: rgba(0, 104, 181, 1);
|
||||
border: 0;
|
||||
@@ -1043,19 +1021,19 @@ table#model-accuracy-and-perf-int8-fp32-table td.data {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.newsletter-btn:hover,
|
||||
.newsletter-btn:active {
|
||||
.newsletter-submit-btn:hover,
|
||||
.newsletter-submit-btn:active {
|
||||
background: #00A3F6;
|
||||
color: white;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.newsletter-btn:disabled {
|
||||
.newsletter-submit-btn:disabled {
|
||||
background: #a8a8a8;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.newsletter-btn:before {
|
||||
.newsletter-submit-btn:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
content: "\f0e0\00a0";
|
||||
font-size: 1rem;
|
||||
@@ -1140,3 +1118,10 @@ table#model-accuracy-and-perf-int8-fp32-table td.data {
|
||||
input:-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0px 1000px white inset;
|
||||
}
|
||||
|
||||
|
||||
/* Splide carousel */
|
||||
.splide__slide {
|
||||
margin-right: 2rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
Vendored
+38
-1
@@ -3,6 +3,7 @@
|
||||
#openvino-documentation > h1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
h1 {
|
||||
/*font-size: var(--pst-font-size-h2);*/
|
||||
/*margin-bottom: 3rem;*/
|
||||
@@ -13,12 +14,14 @@ h1 {
|
||||
#ov-homepage-banner, .openvino-diagram, .ov-homepage-higlight-grid {
|
||||
margin-bottom: 90px!important;
|
||||
}
|
||||
|
||||
#ov-homepage-banner {
|
||||
padding: 2rem;
|
||||
background-color: #76CEFF;
|
||||
background-image: linear-gradient(346deg, #728EFA 0%, #76CEFF 50%, #BBE8BD 100%);
|
||||
border-bottom: 5px solid #0068b5;
|
||||
}
|
||||
|
||||
#ov-homepage-banner p:first-of-type {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
@@ -30,64 +33,92 @@ h1 {
|
||||
line-height: 1em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#ov-homepage-banner .line-block {
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.ov-homepage-banner-btn {
|
||||
transition: 0.7s;
|
||||
font-weight: bold;
|
||||
background-color: #0068b5;
|
||||
color: #ffffff !important;
|
||||
}
|
||||
|
||||
.ov-homepage-banner-btn:hover {
|
||||
background-color: white!important;
|
||||
color: var(--sd-color-primary)!important;
|
||||
}
|
||||
|
||||
#ov-homepage-banner > p:nth-child(3) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#ov-homepage-banner a,
|
||||
#ov-homepage-banner a:visited {
|
||||
text-decoration: none;
|
||||
color: #00A3F6;
|
||||
transition: .7s;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#ov-homepage-banner a:hover {
|
||||
color: #653171;
|
||||
}
|
||||
|
||||
.openvino-diagram {
|
||||
width: 65%;
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.openvino-diagram {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid > div {
|
||||
justify-content:space-evenly;
|
||||
row-gap: 20px;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid > div > div.sd-col {
|
||||
width: 230px;
|
||||
min-height: 300px;
|
||||
padding: 0;
|
||||
margin-inline: 5px;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid .sd-card {
|
||||
box-shadow: 0 0 20px 5px #f3f3f3!important;
|
||||
transition: 0.5s;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid .sd-card-hover:hover {
|
||||
border-color: var(--sd-color-card-border)!important;
|
||||
transform: scale(1.00)!important;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid .sd-shadow-sm:hover {
|
||||
box-shadow: 0 0 10px 2px rgba(108,36,240,0.3) !important;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid .sd-card-title {
|
||||
height: 52.781px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid .sd-card-text {
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.ov-homepage-higlight-grid .sd-card::after {
|
||||
align-self: flex-end;
|
||||
display: block;
|
||||
@@ -101,19 +132,24 @@ h1 {
|
||||
height: 3rem;
|
||||
background-color: #CDEDFF;
|
||||
}
|
||||
|
||||
.ov-homepage-feature-grid .sd-col {
|
||||
padding: 0;
|
||||
max-width: 48%;
|
||||
}
|
||||
|
||||
.ov-homepage-feature-grid .sd-card {
|
||||
border: none;
|
||||
box-shadow: 0 0 20px 2px #f3f3f3!important;
|
||||
/* box-shadow: none!important; */
|
||||
}
|
||||
|
||||
.ov-homepage-feature-grid .sd-row {
|
||||
gap: 1rem;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
/* =================================================================== */
|
||||
/* @media screen and (min-width: 720px) {
|
||||
main.col-xl-7.bd-content {
|
||||
@@ -121,6 +157,7 @@ h1 {
|
||||
max-width: 75%!important;
|
||||
}
|
||||
}*/
|
||||
|
||||
@media screen and (max-width: 535px) {
|
||||
.ov-homepage-feature-grid .sd-row {
|
||||
flex-direction: column;
|
||||
@@ -129,4 +166,4 @@ h1 {
|
||||
.ov-homepage-feature-grid .sd-col {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
Vendored
+1
-1
@@ -264,7 +264,7 @@
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" class="newsletter-input" name="emailAddress" id="newsletterEmail" placeholder="Enter your email" required>
|
||||
<button class="newsletter-btn" type="submit">SUBMIT </button>
|
||||
<button class="newsletter-submit-btn" type="submit">SUBMIT </button>
|
||||
</div>
|
||||
</form>
|
||||
<div class="message-box animated fade-up"></div>
|
||||
|
||||
Vendored
+25
@@ -34,6 +34,7 @@ function addLegalNotice() {
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
addFooter();
|
||||
createVersions();
|
||||
updateTitleTag();
|
||||
updateLanguageSelector();
|
||||
@@ -46,6 +47,7 @@ $(document).ready(function () {
|
||||
initBenchmarkPickers(); // included with the new benchmarks page
|
||||
initCollapsibleHeaders(); // included with the new benchmarks page
|
||||
createSphinxTabSets();
|
||||
initSplide();
|
||||
});
|
||||
|
||||
// Determine where we'd go if clicking on a version selector option
|
||||
@@ -253,3 +255,26 @@ function initBenchmarkPickers() {
|
||||
$('#performance-information-frequently-asked-questions section p, #performance-information-frequently-asked-questions section table').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function addFooter() {
|
||||
const footerAnchor = $('.footer');
|
||||
|
||||
fetch('../footer.html').then((response) => response.text()).then((text) => {
|
||||
const footerContent = $(text);
|
||||
footerAnchor.append(footerContent);
|
||||
});
|
||||
}
|
||||
|
||||
function initSplide() {
|
||||
const slides = $('.splide__slide');
|
||||
const height = (slides.length > 4) ? 96 + ((slides.length - 4) * 16) : 96
|
||||
var splide = new Splide('.splide', {
|
||||
direction : 'ttb',
|
||||
type : 'loop',
|
||||
height : `${height}px`,
|
||||
perPage : 1,
|
||||
autoplay : true,
|
||||
arrows : false,
|
||||
});
|
||||
splide.mount();
|
||||
}
|
||||
Vendored
+14
-5
@@ -5,12 +5,21 @@ const eloquaUrl = 'https://s334284386.t.eloqua.com/e/f2'
|
||||
|
||||
|
||||
$(document).ready(function () {
|
||||
// trigger without iframe
|
||||
// $('#newsletterTrigger').on('click', showForm);
|
||||
const waitForElement = async selector => {
|
||||
while (document.querySelector(selector) === null) {
|
||||
await new Promise(resolve => requestAnimationFrame(resolve))
|
||||
}
|
||||
return document.querySelector(selector);
|
||||
};
|
||||
|
||||
$('iframe').on('load', function() {
|
||||
$('iframe').contents().find('#newsletterTrigger').on('click', showForm);
|
||||
});
|
||||
waitForElement('#newsletterTrigger').then((trigger) => {
|
||||
$(trigger).on('click', showForm);
|
||||
})
|
||||
|
||||
// trigger with iframe
|
||||
// $('iframe').on('load', function() {
|
||||
// $('iframe').contents().find('#newsletterTrigger').on('click', showForm);
|
||||
// });
|
||||
|
||||
function showForm() {
|
||||
fetch('_static/html/newsletter.html').then((response) => response.text()).then((text) => {
|
||||
|
||||
Vendored
+3
@@ -2,6 +2,9 @@
|
||||
|
||||
{% block css %}
|
||||
{{ super() }}
|
||||
<link href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css" rel="stylesheet">
|
||||
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="{{ pathto('_static/css/viewer.min.css', 1) }}" type="text/css" />
|
||||
<link rel="stylesheet" href="{{ pathto('_static/css/custom.css', 1) }}" type="text/css" />
|
||||
|
||||
|
||||
+14
-2
@@ -16,8 +16,20 @@ OpenVINO 2023.0
|
||||
|
||||
OpenVINO 2023.0
|
||||
|
||||
| An open-source toolkit for optimizing and deploying deep learning models.
|
||||
| Boost your AI deep-learning inference performance!
|
||||
.. raw:: html
|
||||
|
||||
<div class="line-block">
|
||||
<section class="splide" aria-label="Splide Banner Carousel">
|
||||
<div class="splide__track">
|
||||
<ul class="splide__list">
|
||||
<li class="splide__slide">An open-source toolkit for optimizing and deploying deep learning models.<br>Boost your AI deep-learning inference performance!</li>
|
||||
<li class="splide__slide">Even more integrations in 2023.0!<br>Load TensorFlow, TensorFlow Lite, and PyTorch models directly, without manual conversion.<br><a href="https://docs.openvino.ai/2023.0/Supported_Model_Formats.html">See the supported model formats...</a></li>
|
||||
<li class="splide__slide">CPU inference has become even better. ARM processors are supported and thread scheduling is available on 12th gen Intel® Core and up.<br><a href="https://docs.openvino.ai/2023.0/openvino_docs_OV_UG_OV_Runtime_User_Guide.html">See how to run OpenVINO on various devices...</a></li>
|
||||
<li class="splide__slide">Post-training optimization and quantization-aware training now in one tool!<br><a href="https://docs.openvino.ai/2023.0/openvino_docs_model_optimization_guide.html">See the new NNCF capabilities...</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
.. button-ref:: get_started
|
||||
:ref-type: doc
|
||||
|
||||
@@ -1,3 +1,2 @@
|
||||
<footer class="footer mt-5 mt-md-0">
|
||||
<iframe src="../footer.html"></iframe>
|
||||
</footer>
|
||||
</footer>
|
||||
Reference in new issue
Block a user