Port changes from nightly (#18743)

This commit is contained in:
bstankix
2023-07-24 14:00:22 +02:00
committed by GitHub
parent 967d74ade6
commit 06eb4afd41
9 changed files with 702 additions and 28 deletions

View File

@@ -10,7 +10,7 @@ main img {
.doxyrest-title-code-block {
margin-bottom: 0;
}
}
main .searchForm {
margin-bottom: 2rem;
@@ -21,23 +21,30 @@ pre {
white-space: pre-wrap;
word-wrap: break-word;
}
/* cookie wap requirement */
a#wap_dns {display: none;}
/* Sphinx-design tabs override */
.sd-tab-set>input:checked+label {
border-color: var(--sd-color-tabs-underline-inactive);
color: var(--sd-color-info-text)!important;
background-color: rgb(0 104 181)!important;
}
.sd-tab-set>input:checked+label:hover {
color: --sd-color-info-text;
background-color: rgb(0,74,134)!important;
}
.sd-tab-set>input:not(:checked)+label:hover {
color: var(--sd-color-black)!important;
background-color: rgb(245, 245, 245)!important;
border-color: var(--sd-color-card-header)!important;
}
.sd-tab-set>label {
border-bottom: 0.125rem solid transparent;
margin-right: 10px!important;
@@ -52,11 +59,13 @@ a#wap_dns {display: none;}
width: auto;
z-index: 1;
}
.sd-tab-content {
box-shadow:none!important;
border-top: solid 2px var(--sd-color-tabs-overline)!important;
}
/* Navigation panels override */
/* =================================================== */
/* Hide home item in the top bar */
@@ -79,6 +88,7 @@ ul#navbar-main-elements > li:hover {
#bd-docs-nav > div > ul > li {
padding-bottom: 15px;
}
#bd-docs-nav > div > ul > li > a {
color: #000000;
font-weight: bold;
@@ -100,26 +110,6 @@ ul#navbar-main-elements > li:hover {
transform: rotate(0deg);
}
/* Footer */
/* =================================================== */
footer iframe {
background-color: white;
width: 100%;
border: none;
height: 60px;
}
@media screen and (min-width: 860px) {
footer iframe {
height: 45px;
}
}
@media screen and (max-width: 520px) {
footer iframe {
height: 85px;
}
}
/* Doc version dropdown formatting override */
/* =================================================== */
@@ -942,3 +932,196 @@ table#model-accuracy-and-perf-int8-fp32-table td.data {
display: none;
padding-left: 30px;
}
/* Newsletter */
/* =================================================== */
#newsletterModal {
position: fixed;
z-index: 5000;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(255, 255, 255, .7);
}
.newsletter-shadow {
/* background: white;
box-shadow: 0 0 40px 40px rgba(255,255,255,1); */
padding: 10px;
max-width: 600px;
width: 90%;
box-sizing: border-box;
}
.newsletter-box {
max-width: 530px;
padding: 10px;
margin: auto;
}
.newsletter {
background: rgba(0, 104, 181, 1);
box-shadow: 0 0 20px 10px #a9a9a9c0;
width: 100%;
padding: 10px;
}
.newsletter-heading {
color: white;
margin: 0 0 1rem;
}
.newsletter-text {
color: white;
}
.form-group {
position: relative;
}
.newsletter-input {
box-sizing: border-box;
border: 1px solid white;
width: 100%;
transition: .4s;
line-height: 1.65rem;
height: 30px;
}
.newsletter-input:focus {
outline: 0;
box-shadow: 0 0 5px 2px white;
}
.newsletter-input.failed:focus {
outline: 0;
box-shadow: 0 0 5px 2px #a8a8a8;
}
.newsletter-submit-btn,
.newsletter-submit-btn:focus {
background: #cdedff;
color: rgba(0, 104, 181, 1);
border: 0;
position: absolute;
top: 1.5px;
right: 1.5px;
padding: 0 .8rem;
transition: .4s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 31%;
outline: none;
}
.newsletter-submit-btn:hover,
.newsletter-submit-btn:active {
background: #00A3F6;
color: white;
outline: none;
}
.newsletter-submit-btn:disabled {
background: #a8a8a8;
color: white;
}
.newsletter-submit-btn:before {
font-family: "Font Awesome 5 Free";
content: "\f0e0\00a0";
font-size: 1rem;
}
.newsletter-footer-text {
color: #76CEFF;
font-size: 0.7rem;
}
.newsletter-footer-text a {
color: #B4F0FF;
}
.message-box {
justify-content: center;
align-items: center;
font-size: 1.2rem;
text-align: center;
display: none;
color: white;
}
.newsletter-icon {
margin-left: -31px;
}
.newsletter-icon-background {
color: white;
top: 20px;
font-size: .9em;
}
.newsletter-submit--success {
color: #B1D272;
}
.newsletter-submit--failure {
color: #C81326;
}
.animated {
opacity: 0;
}
.fade-up {
animation: fade-up-anim .2s forwards;
}
.fade-in {
animation: fade-in-anim .2s forwards;
}
.animation-delay {
animation-delay: .3s;
}
.animation-delay--long {
animation-delay: .5s;
}
@keyframes fade-up-anim {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fade-in-anim {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
/* Splide carousel */
.splide__slide {
margin-right: 2rem;
overflow: hidden;
}

View File

@@ -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%;
}
}
}

283
docs/_static/html/newsletter.html vendored Normal file
View File

@@ -0,0 +1,283 @@
<div class="newsletter-shadow animated fade-in">
<div class="newsletter-box">
<div class="newsletter">
<span class="modal-close">&times;</span>
<div class="newsletter-header">
<h3 class="newsletter-heading">Newsletter</h3>
<p class="newsletter-text">Be among the first to learn about everything new with the Intel® Distribution of OpenVINO™ toolkit.</p>
</div>
<form id="newsletterForm" class="animated fade-up animation-delay">
<input type="hidden" name="newsletter-elqSiteID" value="334284386">
<input type="hidden" name="newsletter-elqFormName" value="C-MKA-30146_T-MKA-36922">
<input type="hidden" name="newsletter-optinConsent" value="Yes">
<input type="hidden" name="newsletter-sourceid" value="iotg_WW_iotgaiie_FMOI_EN_2023_OVDocsShadow_C-MKA-30146_T-MKA-36922">
<input type="hidden" name="newsletter-tacticID" value="MKA-36922">
<input type="hidden" name="newsletter-interestArea" value="IoT">
<input type="hidden" name="newsletter-useCase" value="OpenVINO toolkit">
<input type="hidden" name="newsletter-mediaSource" value="NA">
<div class="form-group">
<select id="newsletterCountry" name="newsletter-country" class="newsletter-input">
<option value="Afghanistan">Afghanistan </option>
<option value="Aland Islands">Aland Islands </option>
<option value="Albania">Albania </option>
<option value="Algeria">Algeria </option>
<option value="American Samoa">American Samoa </option>
<option value="Andorra">Andorra </option>
<option value="Angola">Angola </option>
<option value="Anguilla">Anguilla </option>
<option value="Antarctica">Antarctica </option>
<option value="Antigua/Barbuda">Antigua/Barbuda </option>
<option value="Argentina">Argentina </option>
<option value="Armenia">Armenia </option>
<option value="Aruba">Aruba </option>
<option value="Australia">Australia </option>
<option value="Austria">Austria </option>
<option value="Azerbaijan">Azerbaijan </option>
<option value="Bahamas">Bahamas </option>
<option value="Bahrain">Bahrain </option>
<option value="Bangladesh">Bangladesh </option>
<option value="Barbados">Barbados </option>
<option value="Belarus">Belarus </option>
<option value="Belgium">Belgium </option>
<option value="Belize">Belize </option>
<option value="Benin">Benin </option>
<option value="Bermuda">Bermuda </option>
<option value="Bhutan">Bhutan </option>
<option value="Bolivia">Bolivia </option>
<option value="Bonaire">Bonaire </option>
<option value="Bosnia-Herz.">Bosnia-Herz. </option>
<option value="Botswana">Botswana </option>
<option value="Bouvet Islands">Bouvet Islands </option>
<option value="Brazil">Brazil </option>
<option value="Brit.Ind.Oc.Ter">Brit.Ind.Oc.Ter </option>
<option value="Brit.Virgin Is.">Brit.Virgin Is. </option>
<option value="Brunei">Brunei </option>
<option value="Bulgaria">Bulgaria </option>
<option value="Burkina Faso">Burkina Faso </option>
<option value="Burundi">Burundi </option>
<option value="C Africa Rpblic">C Africa Rpblic </option>
<option value="Cambodia">Cambodia </option>
<option value="Cameroon">Cameroon </option>
<option value="Canada">Canada </option>
<option value="Cape Verde">Cape Verde </option>
<option value="Cayman Islands">Cayman Islands </option>
<option value="Chad">Chad </option>
<option value="Chile">Chile </option>
<option value="China">China </option>
<option value="Christmas Islnd">Christmas Islnd </option>
<option value="Cocos Islands">Cocos Islands </option>
<option value="Colombia">Colombia </option>
<option value="Comoros">Comoros </option>
<option value="Congo">Congo </option>
<option value="Cooks Islands">Cooks Islands </option>
<option value="Costa Rica">Costa Rica </option>
<option value="Cote d'Ivoire">Cote d'Ivoire </option>
<option value="Croatia">Croatia </option>
<option value="Cuba">Cuba </option>
<option value="Curacao">Curacao </option>
<option value="Cyprus">Cyprus </option>
<option value="Czechia">Czechia </option>
<option value="Dem. Rep. Congo">Dem. Rep. Congo </option>
<option value="Denmark">Denmark </option>
<option value="Djibouti">Djibouti </option>
<option value="Dominica">Dominica </option>
<option value="Dominican Rep.">Dominican Rep. </option>
<option value="Ecuador">Ecuador </option>
<option value="Egypt">Egypt </option>
<option value="El Salvador">El Salvador </option>
<option value="Equatorial Guin">Equatorial Guin </option>
<option value="Eritrea">Eritrea </option>
<option value="Estonia">Estonia </option>
<option value="Eswatini">Eswatini </option>
<option value="Ethiopia">Ethiopia </option>
<option value="Falkland Islnds">Falkland Islnds </option>
<option value="Faroe Islands">Faroe Islands </option>
<option value="Fiji">Fiji </option>
<option value="Finland">Finland </option>
<option value="France">France </option>
<option value="French Guiana">French Guiana </option>
<option value="French Poly.">French Poly. </option>
<option value="French S. Terr.">French S. Terr. </option>
<option value="Gabon">Gabon </option>
<option value="Gambia">Gambia </option>
<option value="Georgia">Georgia </option>
<option value="Germany">Germany </option>
<option value="Ghana">Ghana </option>
<option value="Gibraltar">Gibraltar </option>
<option value="Greece">Greece </option>
<option value="Greenland">Greenland </option>
<option value="Grenada">Grenada </option>
<option value="Guadeloupe">Guadeloupe </option>
<option value="Guam">Guam </option>
<option value="Guatemala">Guatemala </option>
<option value="Guernsey">Guernsey </option>
<option value="Guinea">Guinea </option>
<option value="Guinea-Bissau">Guinea-Bissau </option>
<option value="Guyana">Guyana </option>
<option value="Haiti">Haiti </option>
<option value="Heard/McDon.Isl">Heard/McDon.Isl </option>
<option value="Honduras">Honduras </option>
<option value="Hong Kong">Hong Kong </option>
<option value="Hungary">Hungary </option>
<option value="Iceland">Iceland </option>
<option value="India">India </option>
<option value="Indonesia">Indonesia </option>
<option value="Iran">Iran </option>
<option value="Iraq">Iraq </option>
<option value="Ireland">Ireland </option>
<option value="Isle of Man">Isle of Man </option>
<option value="Israel">Israel </option>
<option value="Italy">Italy </option>
<option value="Jamaica">Jamaica </option>
<option value="Japan">Japan </option>
<option value="Jersey">Jersey </option>
<option value="Jordan">Jordan </option>
<option value="Kazakhstan">Kazakhstan </option>
<option value="Kenya">Kenya </option>
<option value="Kiribati">Kiribati </option>
<option value="Kuwait">Kuwait </option>
<option value="Kyrgyzstan">Kyrgyzstan </option>
<option value="Laos">Laos </option>
<option value="Latvia">Latvia </option>
<option value="Lebanon">Lebanon </option>
<option value="Lesotho">Lesotho </option>
<option value="Liberia">Liberia </option>
<option value="Libya">Libya </option>
<option value="Liechtenstein">Liechtenstein </option>
<option value="Lithuania">Lithuania </option>
<option value="Luxembourg">Luxembourg </option>
<option value="Macao SAR China">Macao SAR China </option>
<option value="Macedonia">Macedonia </option>
<option value="Madagascar">Madagascar </option>
<option value="Malawi">Malawi </option>
<option value="Malaysia">Malaysia </option>
<option value="Maldives">Maldives </option>
<option value="Mali">Mali </option>
<option value="Malta">Malta </option>
<option value="Marshall Islnds">Marshall Islnds </option>
<option value="Martinique">Martinique </option>
<option value="Mauritania">Mauritania </option>
<option value="Mauritius">Mauritius </option>
<option value="Mayotte">Mayotte </option>
<option value="Mexico">Mexico </option>
<option value="Micronesia">Micronesia </option>
<option value="Minor Outl.Isl.">Minor Outl.Isl. </option>
<option value="Moldova">Moldova </option>
<option value="Monaco">Monaco </option>
<option value="Mongolia">Mongolia </option>
<option value="Montenegro">Montenegro </option>
<option value="Montserrat">Montserrat </option>
<option value="Morocco">Morocco </option>
<option value="Mozambique">Mozambique </option>
<option value="Myanmar">Myanmar </option>
<option value="N.Mariana Islnd">N.Mariana Islnd </option>
<option value="Namibia">Namibia </option>
<option value="Nauru">Nauru </option>
<option value="Nepal">Nepal </option>
<option value="Netherlands">Netherlands </option>
<option value="New Caledonia">New Caledonia </option>
<option value="New Zealand">New Zealand </option>
<option value="Nicaragua">Nicaragua </option>
<option value="Niger">Niger </option>
<option value="Nigeria">Nigeria </option>
<option value="Niue">Niue </option>
<option value="Norfolk Islands">Norfolk Islands </option>
<option value="North Korea">North Korea </option>
<option value="Norway">Norway </option>
<option value="Oman">Oman </option>
<option value="Pakistan">Pakistan </option>
<option value="Palau">Palau </option>
<option value="Palestine, State">Palestine, State </option>
<option value="Panama">Panama </option>
<option value="Pap. New Guinea">Pap. New Guinea </option>
<option value="Paraguay">Paraguay </option>
<option value="Peru">Peru </option>
<option value="Philippines">Philippines </option>
<option value="Pitcairn">Pitcairn </option>
<option value="Poland">Poland </option>
<option value="Portugal">Portugal </option>
<option value="Puerto Rico">Puerto Rico </option>
<option value="Qatar">Qatar </option>
<option value="Reunion">Reunion </option>
<option value="Romania">Romania </option>
<option value="Russian Fed">Russian Fed </option>
<option value="Rwanda">Rwanda </option>
<option value="S. Sandwich Ins">S. Sandwich Ins </option>
<option value="S.Tome,Principe">S.Tome,Principe </option>
<option value="Saint Helena">Saint Helena </option>
<option value="Saint Lucia">Saint Lucia </option>
<option value="Saint Martin">Saint Martin </option>
<option value="Saint Pierre">Saint Pierre </option>
<option value="Samoa">Samoa </option>
<option value="San Marino">San Marino </option>
<option value="Saudi Arabia">Saudi Arabia </option>
<option value="Senegal">Senegal </option>
<option value="Serbia">Serbia </option>
<option value="Seychelles">Seychelles </option>
<option value="Sierra Leone">Sierra Leone </option>
<option value="Singapore">Singapore </option>
<option value="Sint Maarten">Sint Maarten </option>
<option value="Slovakia">Slovakia </option>
<option value="Slovenia">Slovenia </option>
<option value="Solomon Islands">Solomon Islands </option>
<option value="Somalia">Somalia </option>
<option value="South Africa">South Africa </option>
<option value="South Korea">South Korea </option>
<option value="South Sudan">South Sudan </option>
<option value="Spain">Spain </option>
<option value="Sri Lanka">Sri Lanka </option>
<option value="St Kitts&Nevis">St Kitts&Nevis </option>
<option value="St. Barthelemy">St. Barthelemy </option>
<option value="St. Vincent">St. Vincent </option>
<option value="Sudan">Sudan </option>
<option value="Suriname">Suriname </option>
<option value="Svalbard & JM">Svalbard & JM </option>
<option value="Sweden">Sweden </option>
<option value="Switzerland">Switzerland </option>
<option value="Syria">Syria </option>
<option value="Taiwan">Taiwan </option>
<option value="Tajikistan">Tajikistan </option>
<option value="Tanzania">Tanzania </option>
<option value="Thailand">Thailand </option>
<option value="Timor-Leste">Timor-Leste </option>
<option value="Togo">Togo </option>
<option value="Tokelau">Tokelau </option>
<option value="Tonga">Tonga </option>
<option value="Trinidad,Tobago">Trinidad,Tobago </option>
<option value="Tunisia">Tunisia </option>
<option value="Turkey">Turkey </option>
<option value="Turkmenistan">Turkmenistan </option>
<option value="Turksh Caicosin">Turksh Caicosin </option>
<option value="Tuvalu">Tuvalu </option>
<option value="Uganda">Uganda </option>
<option value="Ukraine">Ukraine </option>
<option value="United Kingdom">United Kingdom </option>
<option value="United States" selected>United States </option>
<option value="Uruguay">Uruguay </option>
<option value="Utd.Arab Emir.">Utd.Arab Emir. </option>
<option value="Uzbekistan">Uzbekistan </option>
<option value="Vanuatu">Vanuatu </option>
<option value="Vatican City">Vatican City </option>
<option value="Venezuela">Venezuela </option>
<option value="Vietnam">Vietnam </option>
<option value="Virgin Islands">Virgin Islands </option>
<option value="Wallis & Futuna">Wallis & Futuna </option>
<option value="Western Sahara">Western Sahara </option>
<option value="Yemen">Yemen </option>
<option value="Zambia">Zambia </option>
<option value="Zimbabwe">Zimbabwe </option>
</select>
</div>
<div class="form-group">
<input type="text" class="newsletter-input" name="newsletter-emailAddress" id="newsletterEmail" placeholder="Enter your email" required>
<button class="newsletter-submit-btn" type="submit">SUBMIT </button>
</div>
</form>
<div class="message-box animated fade-up"></div>
<div class="newsletter-footer animated fade-in animation-delay--long">
<p class="newsletter-footer-text">By submitting this form, you are confirming you are an adult 18 years or older and you agree to share your personal information with Intel to use for this business request. You also agree to subscribe to stay connected to the latest Intel technologies and industry trends by email and telephone. You may unsubscribe at any time. Intel's web sites and communications are subject to our <a href="https://intel.com/content/www/us/en/privacy/intel-privacy-notice.html" target="_blank"> Privacy Notice </a> and <a href="https://intel.com/content/www/us/en/legal/terms-of-use.html" target="_blank"> Terms of Use.</a></p>
</div>
</div>
</div>
</div>

View File

@@ -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();
}

133
docs/_static/js/newsletter.js vendored Normal file
View File

@@ -0,0 +1,133 @@
const eloquaUrl = 'https://s334284386.t.eloqua.com/e/f2'
newsletterFieldPrefix = 'newsletter-'
// debug url
// const eloquaUrl = 'https://httpbingo.org/post'
$(document).ready(function () {
const waitForElement = async selector => {
while (document.querySelector(selector) === null) {
await new Promise(resolve => requestAnimationFrame(resolve))
}
return document.querySelector(selector);
};
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) => {
const newsletter = $('<div>');
newsletter.attr('id', 'newsletterModal');
newsletter.addClass('newsletterContainer');
const newsletterContent = $(text);
newsletter.append(newsletterContent);
$('body').prepend(newsletter);
$('#newsletterEmail').focus();
$('.modal-close').on('click', closeForm);
$('#newsletterEmail').on('keyup', validate);
$("#newsletterForm").submit(function(event) {
event.preventDefault();
const formHeight = $(this).outerHeight()
$(this).removeClass('animated fade-up')
$(this).animate({opacity: 0}, 200, 'linear', () => {
const currentUrl = window.location.protocol + '//' + window.location.hostname + window.location.pathname
$(this).append(`<input type="hidden" name="newsletter-pageSource" value="${currentUrl}">`)
const rawFormData = $(this).serializeArray()
const filteredFormData = [];
for (var entry of rawFormData) {
if (entry['name'].startsWith(newsletterFieldPrefix)) {
entry['name'] = entry['name'].replace(newsletterFieldPrefix, '');
filteredFormData.push(entry)
}
}
$.post(eloquaUrl, $.param(filteredFormData))
.done(function(data) {
// ---------- debug request data
// console.log('#############');
// console.log('Origin: ' + data.headers['Origin'][0]);
// console.log('Url: ' + data.url);
// console.log('Form data:');
// for (key in data.form) {
// console.log(`-- ${key}: ${data.form[key]}`);
// }
// ----------
displayMessage(formHeight, 'pass');
})
.fail(function(error) {
displayMessage(formHeight, 'error', error.status);
});
});
})
})
}
function closeForm() {
$('#newsletterModal').animate({opacity: 0}, 200, 'linear', function() {
this.remove();
});
}
function validate() {
let value = $('#newsletterEmail').val();
const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
if (emailPattern.test(value)) {
$('#newsletterEmail').removeClass('failed');
$('.newsletter-submit-btn').prop('disabled', false);
}
else {
$('#newsletterEmail').addClass('failed');
$('.newsletter-submit-btn').prop('disabled', true);
}
}
function displayMessage(boxHeight, status, errorCode) {
$('#newsletterForm').hide();
let message = '';
const messageBox = $('.message-box');
const icon = $('<div class="fa-stack fa-2x newsletter-icon">');
const iconBackground = $('<i class="fas fa-square fa-stack-2x newsletter-icon-background">');
const iconMain = $('<i class="fas fa-stack-1x">');
icon.append(iconBackground);
icon.append(iconMain);
messageBox.css({'height': boxHeight + 16, 'display': 'flex'});
switch(status) {
case 'pass':
iconMain.addClass('fa-check-square');
messageBox.addClass('newsletter-submit--success')
message = 'REGISTRATION SUCCESSFUL'
break;
case 'error':
iconMain.addClass('fa-window-close');
iconMain.addClass('newsletter-submit--failure')
switch(errorCode) {
case 400:
message = 'ALREADY REGISTERED';
break;
default:
message = 'REGISTRATION FAILED';
break;
}
}
window.setTimeout(() => {
messageBox.append(icon);
messageBox.append(message);
});
window.setTimeout(closeForm, 1500);
}
});

View File

@@ -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" />
@@ -25,4 +28,3 @@
</div>
<script src="{{ pathto('_static/js/hide_banner.js', 1) }}"></script>
{% endblock %}

View File

@@ -188,6 +188,6 @@ def setup(app):
app.connect('build-finished',replace_index_with_redirect)
app.add_js_file('js/custom.js')
app.add_js_file('js/graphs.js')
app.add_js_file('js/newsletter.js')
app.add_js_file('js/graphs_ov_tf.js')
app.add_js_file('js/open_sidebar.js')

View File

@@ -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
@@ -32,6 +44,7 @@ OpenVINO 2023.0
.. image:: _static/images/ov_homepage_diagram.png
:align: center
.. grid:: 2 2 3 3
:class-container: ov-homepage-higlight-grid
@@ -113,4 +126,3 @@ Feature Overview
MODEL ZOO <model_zoo>
RESOURCES <resources>
RELEASE NOTES <release_notes>

View File

@@ -1,3 +1,2 @@
<footer class="footer mt-5 mt-md-0">
<iframe src="../footer.html"></iframe>
</footer>