diff --git a/docs/api/js/index.html b/docs/api/js/index.html index 53e41a6173..803f7fdf5d 100644 --- a/docs/api/js/index.html +++ b/docs/api/js/index.html @@ -25,7 +25,7 @@

See also:

diff --git a/docs/performance/tune-performance/logging_tracing.md b/docs/performance/tune-performance/logging_tracing.md index ff0aa7684b..2413a93c6c 100644 --- a/docs/performance/tune-performance/logging_tracing.md +++ b/docs/performance/tune-performance/logging_tracing.md @@ -68,7 +68,7 @@ This will dynamically trace with high-performance the previously mentioned LOGS( Provider Name: ONNXRuntimeTraceLoggingProvider Provider GUID: 929DD115-1ECB-4CB5-B060-EBD4983C421D -Keyword: Logs (0x2) keyword per [logging.h](https://github.com/ivberg/onnxruntime/blob/user/ivberg/ETWRundown/include/onnxruntime/core/common/logging/logging.h#L83) +Keyword: Logs (0x2) keyword per [logging.h](https://github.com/ivberg/onnxruntime/blob/9cb97ee507b9b45d4a896f663590083e7e7568ac/include/onnxruntime/core/common/logging/logging.h#L83) Level: 1 (CRITICAL ) through 5 (VERBOSE) per [TraceLoggingLevel](https://learn.microsoft.com/en-us/windows/win32/api/traceloggingprovider/nf-traceloggingprovider-tracelogginglevel#remarks) ### Microsoft.ML.ONNXRuntime @@ -77,7 +77,7 @@ The [Microsoft.ML.ONNXRuntime](https://github.com/microsoft/onnxruntime/blob/mai Provider Name: Microsoft.ML.ONNXRuntime Provider GUID: 3a26b1ff-7484-7484-7484-15261f42614d -Keywords: Multiple per [logging.h](https://github.com/ivberg/onnxruntime/blob/user/ivberg/ETWRundown/include/onnxruntime/core/common/logging/logging.h#L81) +Keywords: Multiple per [logging.h](https://github.com/ivberg/onnxruntime/blob/9cb97ee507b9b45d4a896f663590083e7e7568ac/include/onnxruntime/core/common/logging/logging.h#L81) Level: 1 (CRITICAL ) through 5 (VERBOSE) per [TraceLoggingLevel](https://learn.microsoft.com/en-us/windows/win32/api/traceloggingprovider/nf-traceloggingprovider-tracelogginglevel#remarks) Note: This provider supports ETW [CaptureState](https://learn.microsoft.com/en-us/windows-hardware/test/wpt/capturestateonsave) (Rundown) for logging state for example when a trace is saved diff --git a/docs/performance/tune-performance/profiling-tools.md b/docs/performance/tune-performance/profiling-tools.md index 3d1973508f..e92f90d288 100644 --- a/docs/performance/tune-performance/profiling-tools.md +++ b/docs/performance/tune-performance/profiling-tools.md @@ -58,7 +58,7 @@ As covered in [logging](logging_tracing.md) ONNX supports dynamic enablement of - Provider Name: Microsoft.ML.ONNXRuntime - Provider GUID: 3a26b1ff-7484-7484-7484-15261f42614d -- Keywords: Profiling = 0x100 per [logging.h](https://github.com/ivberg/onnxruntime/blob/user/ivberg/ETWRundown/include/onnxruntime/core/common/logging/logging.h#L81) +- Keywords: Profiling = 0x100 per [logging.h](https://github.com/ivberg/onnxruntime/blob/9cb97ee507b9b45d4a896f663590083e7e7568ac/include/onnxruntime/core/common/logging/logging.h#L81) - Level: - 5 (VERBOSE) = profiling_level=basic (good details without perf loss) - greater than 5 = profiling_level=detailed (individual ops are logged with inference perf hit) diff --git a/package.json b/package.json index 68d2392a3a..f2bb60102c 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "postbuild": "npx svelte-sitemap --domain https://onnxruntime.ai" }, "devDependencies": { + "@beyonk/gdpr-cookie-consent-banner": "^12.1.0", "@sveltejs/adapter-auto": "^2.0.0", "@sveltejs/adapter-static": "^2.0.2", "@sveltejs/kit": "^1.20.4", @@ -23,12 +24,13 @@ "@typescript-eslint/eslint-plugin": "^5.45.0", "@typescript-eslint/parser": "^5.45.0", "autoprefixer": "^10.4.14", - "daisyui": "^3.6.3", + "daisyui": "^4.7.2", "eslint": "^8.28.0", "eslint-config-prettier": "^8.5.0", "eslint-plugin-svelte": "^2.30.0", "gh-pages": "^5.0.0", "jquery": "^3.7.1", + "mdsvex": "^0.11.0", "postcss": "^8.4.26", "prettier": "^2.8.0", "prettier-plugin-svelte": "^2.10.1", diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 061fecc21f..2fb5d7fa77 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -11,6 +11,7 @@ {@html oneLight} + ONNX Runtime | {data.pathname == '/' ? 'Home' @@ -42,7 +43,7 @@ <meta property="og:type" content="website" /> </svelte:head> <Analytics /> -<div class="selection:bg-primary"> +<div class="selection:bg-info"> {#if !$page.url.pathname.startsWith('/blogs/')} <Header /> {/if} diff --git a/src/routes/blogs/github-markdown-light.css b/src/routes/blogs/github-markdown-light.css new file mode 100644 index 0000000000..ea0529241f --- /dev/null +++ b/src/routes/blogs/github-markdown-light.css @@ -0,0 +1,1082 @@ +/*light*/ + +.markdown-body { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + margin: 0; + color: currentColor; + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; + font-size: 16px; + line-height: 1.5; + word-wrap: break-word; +} + +.markdown-body .octicon { + display: inline-block; + fill: currentColor; + vertical-align: text-bottom; +} + +.markdown-body h1:hover .anchor .octicon-link:before, +.markdown-body h2:hover .anchor .octicon-link:before, +.markdown-body h3:hover .anchor .octicon-link:before, +.markdown-body h4:hover .anchor .octicon-link:before, +.markdown-body h5:hover .anchor .octicon-link:before, +.markdown-body h6:hover .anchor .octicon-link:before { + width: 16px; + height: 16px; + content: ' '; + display: inline-block; + background-color: currentColor; + -webkit-mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>"); + mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' aria-hidden='true'><path fill-rule='evenodd' d='M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z'></path></svg>"); +} + +.markdown-body details, +.markdown-body figcaption, +.markdown-body figure { + display: block; +} + +.markdown-body summary { + display: list-item; +} + +.markdown-body [hidden] { + display: none !important; +} + +.markdown-body a { + background-color: transparent; + color: #0969da; + text-decoration: none; +} + +.markdown-body abbr[title] { + border-bottom: none; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +.markdown-body b, +.markdown-body strong { + font-weight: 600; +} + +.markdown-body dfn { + font-style: italic; +} + +.markdown-body h1 { + margin: .67em 0; + font-weight: 600; + padding-bottom: .3em; + font-size: 2em; + border-bottom: 1px solid hsla(210,18%,87%,1); +} + +.markdown-body mark { + background-color: #fff8c5; + color: #1F2328; +} + +.markdown-body small { + font-size: 90%; +} + +.markdown-body sub, +.markdown-body sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +.markdown-body sub { + bottom: -0.25em; +} + +.markdown-body sup { + top: -0.5em; +} + +.markdown-body img { + border-style: none; + max-width: 100%; + box-sizing: content-box; + background-color: #ffffff; +} + +.markdown-body code, +.markdown-body kbd, +.markdown-body pre, +.markdown-body samp { + font-family: monospace; + font-size: 1em; +} + +.markdown-body figure { + margin: 1em 40px; +} + +.markdown-body hr { + box-sizing: content-box; + overflow: hidden; + background: transparent; + border-bottom: 1px solid hsla(210,18%,87%,1); + height: .25em; + padding: 0; + margin: 24px 0; + background-color: #d0d7de; + border: 0; +} + +.markdown-body input { + font: inherit; + margin: 0; + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +.markdown-body [type=button], +.markdown-body [type=reset], +.markdown-body [type=submit] { + -webkit-appearance: button; + appearance: button; +} + +.markdown-body [type=checkbox], +.markdown-body [type=radio] { + box-sizing: border-box; + padding: 0; +} + +.markdown-body [type=number]::-webkit-inner-spin-button, +.markdown-body [type=number]::-webkit-outer-spin-button { + height: auto; +} + +.markdown-body [type=search]::-webkit-search-cancel-button, +.markdown-body [type=search]::-webkit-search-decoration { + -webkit-appearance: none; + appearance: none; +} + +.markdown-body ::-webkit-input-placeholder { + color: inherit; + opacity: .54; +} + +.markdown-body ::-webkit-file-upload-button { + -webkit-appearance: button; + appearance: button; + font: inherit; +} + +.markdown-body a:hover { + text-decoration: underline; +} + +.markdown-body ::placeholder { + color: #6e7781; + opacity: 1; +} + +.markdown-body hr::before { + display: table; + content: ""; +} + +.markdown-body hr::after { + display: table; + clear: both; + content: ""; +} + +.markdown-body table { + border-spacing: 0; + border-collapse: collapse; + display: block; + width: max-content; + max-width: 100%; + overflow: auto; +} + +.markdown-body td, +.markdown-body th { + padding: 0; +} + +.markdown-body details summary { + cursor: pointer; +} + +.markdown-body details:not([open])>*:not(summary) { + display: none !important; +} + +.markdown-body a:focus, +.markdown-body [role=button]:focus, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=checkbox]:focus { + outline: 2px solid #0969da; + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:focus:not(:focus-visible), +.markdown-body [role=button]:focus:not(:focus-visible), +.markdown-body input[type=radio]:focus:not(:focus-visible), +.markdown-body input[type=checkbox]:focus:not(:focus-visible) { + outline: solid 1px transparent; +} + +.markdown-body a:focus-visible, +.markdown-body [role=button]:focus-visible, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus-visible { + outline: 2px solid #0969da; + outline-offset: -2px; + box-shadow: none; +} + +.markdown-body a:not([class]):focus, +.markdown-body a:not([class]):focus-visible, +.markdown-body input[type=radio]:focus, +.markdown-body input[type=radio]:focus-visible, +.markdown-body input[type=checkbox]:focus, +.markdown-body input[type=checkbox]:focus-visible { + outline-offset: 0; +} + +.markdown-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + line-height: 10px; + color: #1F2328; + vertical-align: middle; + background-color: #f6f8fa; + border: solid 1px rgba(175,184,193,0.2); + border-bottom-color: rgba(175,184,193,0.2); + border-radius: 6px; + box-shadow: inset 0 -1px 0 rgba(175,184,193,0.2); +} + +.markdown-body h1, +.markdown-body h2, +.markdown-body h3, +.markdown-body h4, +.markdown-body h5, +.markdown-body h6 { + margin-top: 24px; + margin-bottom: 16px; + font-weight: 600; + line-height: 1.25; +} + +.markdown-body h2 { + font-weight: 600; + padding-bottom: .3em; + font-size: 1.5em; + /* border-bottom: 1px solid hsla(210,18%,87%,1); */ +} + +.markdown-body h3 { + font-weight: 600; + font-size: 1.25em; +} + +.markdown-body h4 { + font-weight: 600; + font-size: 1em; +} + +.markdown-body h5 { + font-weight: 600; + font-size: .875em; +} + +.markdown-body h6 { + font-weight: 600; + font-size: .85em; + color: #656d76; +} + +.markdown-body p { + margin-top: 0; + margin-bottom: 10px; +} + +.markdown-body blockquote { + margin: 0; + padding: 0 1em; + color: #656d76; + border-left: .25em solid #d0d7de; +} + +.markdown-body ul, +.markdown-body ol { + margin-top: 0; + margin-bottom: 0; + padding-left: 2em; +} + +.markdown-body ol ol, +.markdown-body ul ol { + list-style-type: lower-roman; +} + +.markdown-body ul ul ol, +.markdown-body ul ol ol, +.markdown-body ol ul ol, +.markdown-body ol ol ol { + list-style-type: lower-alpha; +} + +.markdown-body dd { + margin-left: 0; +} + +.markdown-body tt, +.markdown-body code, +.markdown-body samp { + font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-size: 12px; +} + +.markdown-body pre { + margin-top: 0; + margin-bottom: 0; + font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-size: 12px; + word-wrap: normal; +} + +.markdown-body .octicon { + display: inline-block; + overflow: visible !important; + vertical-align: text-bottom; + fill: currentColor; +} + +.markdown-body input::-webkit-outer-spin-button, +.markdown-body input::-webkit-inner-spin-button { + margin: 0; + -webkit-appearance: none; + appearance: none; +} + +.markdown-body .mr-2 { + margin-right: 8px !important; +} + +.markdown-body::before { + display: table; + content: ""; +} + +.markdown-body::after { + display: table; + clear: both; + content: ""; +} + +.markdown-body>*:first-child { + margin-top: 0 !important; +} + +.markdown-body>*:last-child { + margin-bottom: 0 !important; +} + +.markdown-body a:not([href]) { + color: inherit; + text-decoration: none; +} + +.markdown-body .absent { + color: #d1242f; +} + +.markdown-body .anchor { + float: left; + padding-right: 4px; + margin-left: -20px; + line-height: 1; +} + +.markdown-body .anchor:focus { + outline: none; +} + +.markdown-body p, +.markdown-body blockquote, +.markdown-body ul, +.markdown-body ol, +.markdown-body dl, +.markdown-body table, +.markdown-body pre, +.markdown-body details { + margin-top: 0; + margin-bottom: 16px; +} + +.markdown-body blockquote>:first-child { + margin-top: 0; +} + +.markdown-body blockquote>:last-child { + margin-bottom: 0; +} + +.markdown-body h1 .octicon-link, +.markdown-body h2 .octicon-link, +.markdown-body h3 .octicon-link, +.markdown-body h4 .octicon-link, +.markdown-body h5 .octicon-link, +.markdown-body h6 .octicon-link { + color: #1F2328; + vertical-align: middle; + visibility: hidden; +} + +.markdown-body h1:hover .anchor, +.markdown-body h2:hover .anchor, +.markdown-body h3:hover .anchor, +.markdown-body h4:hover .anchor, +.markdown-body h5:hover .anchor, +.markdown-body h6:hover .anchor { + text-decoration: none; +} + +.markdown-body h1:hover .anchor .octicon-link, +.markdown-body h2:hover .anchor .octicon-link, +.markdown-body h3:hover .anchor .octicon-link, +.markdown-body h4:hover .anchor .octicon-link, +.markdown-body h5:hover .anchor .octicon-link, +.markdown-body h6:hover .anchor .octicon-link { + visibility: visible; +} + +.markdown-body h1 tt, +.markdown-body h1 code, +.markdown-body h2 tt, +.markdown-body h2 code, +.markdown-body h3 tt, +.markdown-body h3 code, +.markdown-body h4 tt, +.markdown-body h4 code, +.markdown-body h5 tt, +.markdown-body h5 code, +.markdown-body h6 tt, +.markdown-body h6 code { + padding: 0 .2em; + font-size: inherit; +} + +.markdown-body summary h1, +.markdown-body summary h2, +.markdown-body summary h3, +.markdown-body summary h4, +.markdown-body summary h5, +.markdown-body summary h6 { + display: inline-block; +} + +.markdown-body summary h1 .anchor, +.markdown-body summary h2 .anchor, +.markdown-body summary h3 .anchor, +.markdown-body summary h4 .anchor, +.markdown-body summary h5 .anchor, +.markdown-body summary h6 .anchor { + margin-left: -40px; +} + +.markdown-body summary h1, +.markdown-body summary h2 { + padding-bottom: 0; + border-bottom: 0; +} + +.markdown-body ul.no-list, +.markdown-body ol.no-list { + padding: 0; + list-style-type: none; +} + +.markdown-body ol[type="a s"] { + list-style-type: lower-alpha; +} + +.markdown-body ol[type="A s"] { + list-style-type: upper-alpha; +} + +.markdown-body ol[type="i s"] { + list-style-type: lower-roman; +} + +.markdown-body ol[type="I s"] { + list-style-type: upper-roman; +} + +.markdown-body ol[type="1"] { + list-style-type: decimal; +} + +.markdown-body div>ol:not([type]) { + list-style-type: decimal; +} + +.markdown-body ul ul, +.markdown-body ul ol, +.markdown-body ol ol, +.markdown-body ol ul { + margin-top: 0; + margin-bottom: 0; +} + +.markdown-body li>p { + margin-top: 16px; +} + +.markdown-body li+li { + margin-top: .25em; +} + +.markdown-body dl { + padding: 0; +} + +.markdown-body dl dt { + padding: 0; + margin-top: 16px; + font-size: 1em; + font-style: italic; + font-weight: 600; +} + +.markdown-body dl dd { + padding: 0 16px; + margin-bottom: 16px; +} + +.markdown-body table th { + font-weight: 600; +} + +.markdown-body table th, +.markdown-body table td { + padding: 6px 13px; + border: 1px solid #d0d7de; +} + +.markdown-body table td>:last-child { + margin-bottom: 0; +} + +.markdown-body table tr { + background-color: #ffffff; + border-top: 1px solid hsla(210,18%,87%,1); +} + +.markdown-body table tr:nth-child(2n) { + background-color: #f6f8fa; +} + +.markdown-body table img { + background-color: transparent; +} + +.markdown-body img[align=right] { + padding-left: 20px; +} + +.markdown-body img[align=left] { + padding-right: 20px; +} + +.markdown-body .emoji { + max-width: none; + vertical-align: text-top; + background-color: transparent; +} + +.markdown-body span.frame { + display: block; + overflow: hidden; +} + +.markdown-body span.frame>span { + display: block; + float: left; + width: auto; + padding: 7px; + margin: 13px 0 0; + overflow: hidden; + border: 1px solid #d0d7de; +} + +.markdown-body span.frame span img { + display: block; + float: left; +} + +.markdown-body span.frame span span { + display: block; + padding: 5px 0 0; + clear: both; + color: #1F2328; +} + +.markdown-body span.align-center { + display: block; + overflow: hidden; + clear: both; +} + +.markdown-body span.align-center>span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: center; +} + +.markdown-body span.align-center span img { + margin: 0 auto; + text-align: center; +} + +.markdown-body span.align-right { + display: block; + overflow: hidden; + clear: both; +} + +.markdown-body span.align-right>span { + display: block; + margin: 13px 0 0; + overflow: hidden; + text-align: right; +} + +.markdown-body span.align-right span img { + margin: 0; + text-align: right; +} + +.markdown-body span.float-left { + display: block; + float: left; + margin-right: 13px; + overflow: hidden; +} + +.markdown-body span.float-left span { + margin: 13px 0 0; +} + +.markdown-body span.float-right { + display: block; + float: right; + margin-left: 13px; + overflow: hidden; +} + +.markdown-body span.float-right>span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: right; +} + +.markdown-body code, +.markdown-body tt { + padding: .2em .4em; + margin: 0; + font-size: 85%; + white-space: break-spaces; + background-color: rgba(175,184,193,0.2); + border-radius: 6px; +} + +.markdown-body code br, +.markdown-body tt br { + display: none; +} + +.markdown-body del code { + text-decoration: inherit; +} + +.markdown-body samp { + font-size: 85%; +} + +.markdown-body pre code { + font-size: 100%; +} + +.markdown-body pre>code { + padding: 0; + margin: 0; + word-break: normal; + white-space: pre; + background: transparent; + border: 0; +} + +.markdown-body .highlight { + margin-bottom: 16px; +} + +.markdown-body .highlight pre { + margin-bottom: 0; + word-break: normal; +} + +.markdown-body .highlight pre, +.markdown-body pre { + padding: 16px; + overflow: auto; + font-size: 85%; + line-height: 1.45; + color: #1F2328; + background-color: #f6f8fa; + border-radius: 6px; +} + +.markdown-body pre code, +.markdown-body pre tt { + display: inline; + max-width: auto; + padding: 0; + margin: 0; + overflow: visible; + line-height: inherit; + word-wrap: normal; + background-color: transparent; + border: 0; +} + +.markdown-body .csv-data td, +.markdown-body .csv-data th { + padding: 5px; + overflow: hidden; + font-size: 12px; + line-height: 1; + text-align: left; + white-space: nowrap; +} + +.markdown-body .csv-data .blob-num { + padding: 10px 8px 9px; + text-align: right; + background: #ffffff; + border: 0; +} + +.markdown-body .csv-data tr { + border-top: 0; +} + +.markdown-body .csv-data th { + font-weight: 600; + background: #f6f8fa; + border-top: 0; +} + +.markdown-body [data-footnote-ref]::before { + content: "["; +} + +.markdown-body [data-footnote-ref]::after { + content: "]"; +} + +.markdown-body .footnotes { + font-size: 12px; + color: #656d76; + border-top: 1px solid #d0d7de; +} + +.markdown-body .footnotes ol { + padding-left: 16px; +} + +.markdown-body .footnotes ol ul { + display: inline-block; + padding-left: 16px; + margin-top: 16px; +} + +.markdown-body .footnotes li { + position: relative; +} + +.markdown-body .footnotes li:target::before { + position: absolute; + top: -8px; + right: -8px; + bottom: -8px; + left: -24px; + pointer-events: none; + content: ""; + border: 2px solid #0969da; + border-radius: 6px; +} + +.markdown-body .footnotes li:target { + color: #1F2328; +} + +.markdown-body .footnotes .data-footnote-backref g-emoji { + font-family: monospace; +} + +.markdown-body .pl-c { + color: #57606a; +} + +.markdown-body .pl-c1, +.markdown-body .pl-s .pl-v { + color: #0550ae; +} + +.markdown-body .pl-e, +.markdown-body .pl-en { + color: #6639ba; +} + +.markdown-body .pl-smi, +.markdown-body .pl-s .pl-s1 { + color: #24292f; +} + +.markdown-body .pl-ent { + color: #116329; +} + +.markdown-body .pl-k { + color: #cf222e; +} + +.markdown-body .pl-s, +.markdown-body .pl-pds, +.markdown-body .pl-s .pl-pse .pl-s1, +.markdown-body .pl-sr, +.markdown-body .pl-sr .pl-cce, +.markdown-body .pl-sr .pl-sre, +.markdown-body .pl-sr .pl-sra { + color: #0a3069; +} + +.markdown-body .pl-v, +.markdown-body .pl-smw { + color: #953800; +} + +.markdown-body .pl-bu { + color: #82071e; +} + +.markdown-body .pl-ii { + color: #f6f8fa; + background-color: #82071e; +} + +.markdown-body .pl-c2 { + color: #f6f8fa; + background-color: #cf222e; +} + +.markdown-body .pl-sr .pl-cce { + font-weight: bold; + color: #116329; +} + +.markdown-body .pl-ml { + color: #3b2300; +} + +.markdown-body .pl-mh, +.markdown-body .pl-mh .pl-en, +.markdown-body .pl-ms { + font-weight: bold; + color: #0550ae; +} + +.markdown-body .pl-mi { + font-style: italic; + color: #24292f; +} + +.markdown-body .pl-mb { + font-weight: bold; + color: #24292f; +} + +.markdown-body .pl-md { + color: #82071e; + background-color: #ffebe9; +} + +.markdown-body .pl-mi1 { + color: #116329; + background-color: #dafbe1; +} + +.markdown-body .pl-mc { + color: #953800; + background-color: #ffd8b5; +} + +.markdown-body .pl-mi2 { + color: #eaeef2; + background-color: #0550ae; +} + +.markdown-body .pl-mdr { + font-weight: bold; + color: #8250df; +} + +.markdown-body .pl-ba { + color: #57606a; +} + +.markdown-body .pl-sg { + color: #8c959f; +} + +.markdown-body .pl-corl { + text-decoration: underline; + color: #0a3069; +} + +.markdown-body g-emoji { + display: inline-block; + min-width: 1ch; + font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 1em; + font-style: normal !important; + font-weight: 400; + line-height: 1; + vertical-align: -0.075em; +} + +.markdown-body g-emoji img { + width: 1em; + height: 1em; +} + +.markdown-body .task-list-item { + list-style-type: none; +} + +.markdown-body .task-list-item label { + font-weight: 400; +} + +.markdown-body .task-list-item.enabled label { + cursor: pointer; +} + +.markdown-body .task-list-item+.task-list-item { + margin-top: 4px; +} + +.markdown-body .task-list-item .handle { + display: none; +} + +.markdown-body .task-list-item-checkbox { + margin: 0 .2em .25em -1.4em; + vertical-align: middle; +} + +.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox { + margin: 0 -1.6em .25em .2em; +} + +.markdown-body .contains-task-list { + position: relative; +} + +.markdown-body .contains-task-list:hover .task-list-item-convert-container, +.markdown-body .contains-task-list:focus-within .task-list-item-convert-container { + display: block; + width: auto; + height: 24px; + overflow: visible; + clip: auto; +} + +.markdown-body ::-webkit-calendar-picker-indicator { + filter: invert(50%); +} + +.markdown-body .markdown-alert { + padding: 8px 16px; + margin-bottom: 16px; + color: inherit; + border-left: .25em solid #d0d7de; +} + +.markdown-body .markdown-alert>:first-child { + margin-top: 0; +} + +.markdown-body .markdown-alert>:last-child { + margin-bottom: 0; +} + +.markdown-body .markdown-alert .markdown-alert-title { + display: flex; + font-weight: 500; + align-items: center; + line-height: 1; +} + +.markdown-body .markdown-alert.markdown-alert-note { + border-left-color: #0969da; +} + +.markdown-body .markdown-alert.markdown-alert-note .markdown-alert-title { + color: #0969da; +} + +.markdown-body .markdown-alert.markdown-alert-important { + border-left-color: #8250df; +} + +.markdown-body .markdown-alert.markdown-alert-important .markdown-alert-title { + color: #8250df; +} + +.markdown-body .markdown-alert.markdown-alert-warning { + border-left-color: #9a6700; +} + +.markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title { + color: #9a6700; +} + +.markdown-body .markdown-alert.markdown-alert-tip { + border-left-color: #1f883d; +} + +.markdown-body .markdown-alert.markdown-alert-tip .markdown-alert-title { + color: #1a7f37; +} + +.markdown-body .markdown-alert.markdown-alert-caution { + border-left-color: #cf222e; +} + +.markdown-body .markdown-alert.markdown-alert-caution .markdown-alert-title { + color: #d1242f; +} diff --git a/src/routes/blogs/post.svelte b/src/routes/blogs/post.svelte new file mode 100644 index 0000000000..b520a5171c --- /dev/null +++ b/src/routes/blogs/post.svelte @@ -0,0 +1,89 @@ +<script> + import Header from '../components/header.svelte'; + import Footer from '../components/footer.svelte'; + import './github-markdown-light.css' + /** + * @type {any} + */ + export let title; + /** + * @type {any} + */ + export let description; + /** + * @type {any} + */ + export let keywords; + /** + * @type {any[]} + */ + export let authors; + /** + * @type {string[]} + */ + export let authorsLink; + /** + * @type {string} + */ + export let date; + /** + * @type {undefined} + */ + export let updated; + /** + * @type {any} + */ + export let image; + /** + * @type {any} + */ + export let url; + /** + * @type {any} + */ + export let robots; +</script> + +<svelte:head> + <meta name="title" content={title} /> + <meta name="description" content={description} /> + <meta name="keywords" content={keywords} /> + <meta name="author" content={authors.join(', ')} /> + <meta name="date" content={date} /> + <meta name="image" content={image} /> + <meta name="og:title" content={title} /> + <meta name="og:description" content={description} /> + <meta name="og:type" content="article" /> + <meta name="og:url" content={url} /> + <meta name="og:image" content={image} /> + <meta name="twitter:title" content={title} /> + <meta name="twitter:description" content={description} /> + <meta name="twitter:card" content={image} /> + <meta name="twitter:image" content={image} /> + + <meta name="robots" content={robots} /> +</svelte:head> +<Header pathvar="" /> +<div class="container mx-auto px-4 md:px-8 lg:px-48 pt-8"> + <article class=""> + <h1 class="text-5xl pb-2">{title}</h1> + <p class="text-neutral"> + By: + {#each authors as author, i} + <a href={authorsLink[i]} class="text-blue-500" + >{author}</a + >{i + 1 === authors.length ? '' : ', '} + {/each} + </p> + <p class="text-neutral"> + {date.toLocaleUpperCase()} + {#if updated != undefined} + <span class="italic text-stone-500">(Updated {updated})</span> + {/if} + </p> + <div class="py-4 markdown-body"> + <slot /> + </div> + </article> +</div> +<Footer pathvar="" /> diff --git a/src/routes/components/analytics.svelte b/src/routes/components/analytics.svelte index 8a1b2110fa..7da5f304fa 100644 --- a/src/routes/components/analytics.svelte +++ b/src/routes/components/analytics.svelte @@ -1,19 +1,48 @@ +<script> + import '@beyonk/gdpr-cookie-consent-banner/banner.css'; // optional, you can also define your own styles + import GdprBanner from '@beyonk/gdpr-cookie-consent-banner'; + let choices = { + marketing: false, + tracking: false, + analytics: { + label: 'Analytics', + description: 'We use analytics cookies to track visits, helping create a better experience for you!', + value: true + }, + necessary: { + label: 'Necessary', + description: 'Used for cookie control.', + value: true + } + } + function initAnalytics() { + // Google Analytics + gtag('consent', 'update', { + ad_storage: 'granted', + analytics_storage: 'granted' + }); + // Adobe Analytics + } +</script> + +<GdprBanner heading="Your Cookie Settings" cookieName="analytics" description="Your cookies are your choice! At ONNX Runtime, we use analytics cookies solely to track visits, helping create a better experience for you!" on:analytics={initAnalytics} showEditIcon={false} choices={choices}/> + <svelte:head> + <!-- Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156955408-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } + gtag('consent', 'default', { + ad_storage: 'denied', + analytics_storage: 'denied' + }); gtag('js', new Date()); gtag('config', 'UA-156955408-1'); </script> - <script - type="text/javascript" - src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-3.min.js" - > - </script> - + <!-- Adobe Analytics --> <script type="text/javascript"> const analytics = new oneDS.ApplicationInsights(); var config = { @@ -44,4 +73,12 @@ //Initialize SDK analytics.initialize(config, []); </script> + <!-- MS Analytics --> + <script + type="text/javascript" + src="https://js.monitor.azure.com/scripts/c/ms.analytics-web-3.min.js" + > + </script> + + </svelte:head> diff --git a/src/routes/components/code-blocks.svelte b/src/routes/components/code-blocks.svelte index e5e1793ef4..52cd82738e 100644 --- a/src/routes/components/code-blocks.svelte +++ b/src/routes/components/code-blocks.svelte @@ -69,40 +69,40 @@ </div> </div> <div class="hidden lg:block col-span-2 mx-auto min-w-[675px] min-h-[400px]"> - <div class="tabs"> + <div class="tabs tabs-bordered"> <p on:mouseenter={handleClick} - class="tab tab-lg tab-bordered {activeTab === 'Python' ? 'tab-active' : ''}" + class="tab tab-lg {activeTab === 'Python' ? 'tab-active' : ''}" > Python </p> <p on:mouseenter={handleClick} - class="tab tab-lg tab-bordered {activeTab === 'C#' ? 'tab-active' : ''}" + class="tab tab-lg {activeTab === 'C#' ? 'tab-active' : ''}" > C# </p> <p on:mouseenter={handleClick} - class="tab tab-lg tab-bordered {activeTab === 'JavaScript' ? 'tab-active' : ''}" + class="tab tab-lg {activeTab === 'JavaScript' ? 'tab-active' : ''}" > JavaScript </p> <p on:mouseenter={handleClick} - class="tab tab-lg tab-bordered {activeTab === 'Java' ? 'tab-active' : ''}" + class="tab tab-lg {activeTab === 'Java' ? 'tab-active' : ''}" > Java </p> <p on:mouseenter={handleClick} - class="tab tab-lg tab-bordered {activeTab === 'C++' ? 'tab-active' : ''}" + class="tab tab-lg {activeTab === 'C++' ? 'tab-active' : ''}" > C++ </p> <button on:click={handleClick} - class="tab tab-lg tab-bordered {activeTab === 'More..' ? 'tab-active' : ''}" + class="tab tab-lg {activeTab === 'More..' ? 'tab-active' : ''}" >More..</button > </div> diff --git a/src/routes/components/header.svelte b/src/routes/components/header.svelte index 36ba89ae16..5c151d65ad 100644 --- a/src/routes/components/header.svelte +++ b/src/routes/components/header.svelte @@ -110,13 +110,41 @@ </ul> </div> <div class="navbar-end"> - <input - aria-label="toggle color theme" - data-toggle-theme="lightmode, darkmode" - type="checkbox" - class="toggle" - checked - id="colortoggle" - /> + <label class="cursor-pointer grid place-items-center mr-4"> + <input + aria-label="toggle color theme" + data-toggle-theme="lightmode, darkmode" + type="checkbox" + class="toggle row-start-1 col-start-1 col-span-2 bg-base-content rounded-md" + checked + id="colortoggle" + /><svg + class="col-start-1 row-start-1 stroke-base-100 fill-base-100" + xmlns="http://www.w3.org/2000/svg" + width="14" + height="14" + viewBox="0 0 24 24" + fill="none" + stroke="currentColor" + stroke-width="2" + stroke-linecap="round" + stroke-linejoin="round" + ><circle cx="12" cy="12" r="5" /><path + d="M12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4" + /></svg + > + <svg + class="col-start-2 row-start-1 stroke-base-100 fill-base-100" + xmlns="http://www.w3.org/2000/svg" + width="14" + height="14" + viewBox="0 0 24 24" + fill="none" + stroke="currentColor" + stroke-width="2" + stroke-linecap="round" + stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" /></svg + > + </label> </div> </div> diff --git a/src/routes/components/training-and-inference.svelte b/src/routes/components/training-and-inference.svelte index 91bb45d890..abead69e37 100644 --- a/src/routes/components/training-and-inference.svelte +++ b/src/routes/components/training-and-inference.svelte @@ -13,7 +13,7 @@ ONNX Runtime powers AI in Microsoft products including Windows, Office, Azure Cognitive Services, and Bing, as well as in thousands of other projects across the world. ONNX Runtime is cross-platform, supporting cloud, edge, web, and mobile experiences. </p> - <a href="./inference" class="btn btn-primary">Learn more about ONNX Runtime Inferencing →</a> + <a href="./inference" class="btn btn-primary rounded-sm">Learn more about ONNX Runtime Inferencing →</a> <div class="grid grid-cols-1 md:grid-cols-2 gap-10 mt-10 my-4 md:mx-10"> <div class="bg-slate-300 p-4 rounded"> <div class="grid xl:grid-cols-4 place-items-center"> @@ -49,7 +49,7 @@ <p class="text-xl pb-4"> ONNX Runtime reduces costs for large model training and enables on-device training. </p> - <a href="./training" class="btn btn-primary">Learn more about ONNX Runtime Training →</a> + <a href="./training" class="btn btn-primary rounded-sm">Learn more about ONNX Runtime Training →</a> <div class="grid grid-cols-1 md:grid-cols-2 gap-10 mt-10 my-4 md:mx-10"> <div class="bg-slate-300 p-4 rounded"> <div class="grid xl:grid-cols-4 place-items-center"> diff --git a/src/routes/components/videogallery.svelte b/src/routes/components/videogallery.svelte index 02918c4f86..ccb64d6c81 100644 --- a/src/routes/components/videogallery.svelte +++ b/src/routes/components/videogallery.svelte @@ -30,7 +30,7 @@ {/each} </div> {#if title == true} - <a href="https://www.youtube.com/@ONNXRuntime" class="btn btn-primary mr-4"> + <a href="https://www.youtube.com/@ONNXRuntime" class="btn rounded-sm btn-primary mr-4"> ONNX Runtime YouTube channel → </a> {/if} diff --git a/src/routes/events/+page.svelte b/src/routes/events/+page.svelte index c3359b3d93..62090a831c 100644 --- a/src/routes/events/+page.svelte +++ b/src/routes/events/+page.svelte @@ -15,7 +15,7 @@ linkarr: [ { name: 'Event Page', link: 'https://developer.microsoft.com/en-us/reactor/events/21648/' }, { - name: 'Recording Playlist', + name: 'Event Videos', link: 'https://www.youtube.com/playlist?list=PLqPV7GJuaUV8qw9Zj5zXvzUZdSxx_sn7U' } ], diff --git a/src/routes/events/event-post.svelte b/src/routes/events/event-post.svelte index 611b124901..5a236a1297 100644 --- a/src/routes/events/event-post.svelte +++ b/src/routes/events/event-post.svelte @@ -38,7 +38,7 @@ </p> <div class="card-actions"> {#each linkarr as item} - <a class="btn btn-secondary" href={item.link} target="_blank">{item.name}</a> + <a class="btn btn-secondary rounded-sm" href={item.link} target="_blank">{item.name}</a> {/each} </div> </div> diff --git a/src/routes/getting-started/+page.svelte b/src/routes/getting-started/+page.svelte index 769faa5356..d840cb1481 100644 --- a/src/routes/getting-started/+page.svelte +++ b/src/routes/getting-started/+page.svelte @@ -36,7 +36,7 @@ <a href="https://github.com/microsoft/onnxruntime/issues" class="text-blue-500">issues</a> you encounter. You can also contribute to the project by reporting bugs, suggesting features, or submitting pull requests. <div class="py-4"> - <a href="https://github.com/microsoft/onnxruntime" class="btn btn-primary mr-4" + <a href="https://github.com/microsoft/onnxruntime" class="btn btn-primary rounded-sm mr-4" >ONNX Runtime GitHub →</a > </div> @@ -53,7 +53,7 @@ Learn more about ONNX Runtime with tutorials from our documentation. </h1> - <a href="./docs/tutorials/" rel="external" class="btn btn-primary mr-4" + <a href="./docs/tutorials/" rel="external" class="btn btn-primary rounded-sm mr-4" >ONNX Runtime Tutorials →</a > </div> diff --git a/src/routes/getting-started/table.svelte b/src/routes/getting-started/table.svelte index a77461836e..1ca074fddd 100644 --- a/src/routes/getting-started/table.svelte +++ b/src/routes/getting-started/table.svelte @@ -1821,10 +1821,10 @@ Select the configuration you want to use and run the corresponding installation script. </p> <div> - <div class="tabs"> + <div class="tabs tabs-bordered "> {#each tabs as tab, index} <li - class="nav-item tab tab-bordered tab-lg" + class="nav-item tab tab-lg" class:tab-active={activeTab == index} on:click={() => (activeTab = index)} on:keypress={() => (activeTab = index)} diff --git a/src/routes/huggingface/+page.svelte b/src/routes/huggingface/+page.svelte index d97630c582..8cde17d354 100644 --- a/src/routes/huggingface/+page.svelte +++ b/src/routes/huggingface/+page.svelte @@ -30,7 +30,7 @@ <br /> <a href="https://cloudblogs.microsoft.com/opensource/2023/10/04/accelerating-over-130000-hugging-face-models-with-onnx-runtime/" - class="btn btn-primary mr-0 mb-4 md:mr-4">Recent blog with Hugging Face →</a + class="btn btn-primary rounded-sm mr-0 mb-4 md:mr-4">Recent blog with Hugging Face →</a > </div> <div class="m-auto"> @@ -47,10 +47,10 @@ Hugging Face provides many options for exporting models to ONNX, including an ONNX Export Space for PyTorch models from the Hugging Face Model Hub. </p> - <a href="https://huggingface.co/spaces/onnx/export" class="btn btn-primary" + <a href="https://huggingface.co/spaces/onnx/export" class="btn btn-primary rounded-sm" >Export PyTorch models to ONNX →</a > - <a href="https://huggingface.co/docs/transformers/serialization" class="btn btn-primary" + <a href="https://huggingface.co/docs/transformers/serialization" class="btn btn-primary rounded-sm" >Other ONNX export options →</a > </div> diff --git a/src/routes/pytorch/+page.svelte b/src/routes/pytorch/+page.svelte index 7a3a0dedd0..1366434f71 100644 --- a/src/routes/pytorch/+page.svelte +++ b/src/routes/pytorch/+page.svelte @@ -69,7 +69,7 @@ exporter APIs to ensure a high level of compatibility with PyTorch models. </p> <div class="card-actions"> - <a href="https://onnxruntime.ai/docs/api/" class="btn btn-primary" + <a href="https://onnxruntime.ai/docs/api/" class="btn btn-primary rounded-sm" ><span class="hidden md:grid">Get your PyTorch Models ready for</span> optimized deployment →</a > @@ -91,7 +91,7 @@ <div class="card-actions"> <a href="https://techcommunity.microsoft.com/t5/ai-machine-learning-blog/azure-container-for-pytorch-is-now-generally-available-in-azure/ba-p/3774616" - class="btn btn-primary">Learn about ACPT →</a + class="btn btn-primary rounded-sm">Learn about ACPT →</a > </div> </div> @@ -119,12 +119,12 @@ </p> <div class="card-actions"> <a - class="btn btn-primary hidden md:grid" + class="btn btn-primary hidden md:grid rounded-sm" href="https://cloudblogs.microsoft.com/opensource/tag/onnx" >Check the latest on performance enhancements →</a > <a - class="btn btn-primary md:hidden" + class="btn btn-primary md:hidden rounded-sm" href="https://cloudblogs.microsoft.com/opensource/tag/onnx" >Performance enhancements →</a > @@ -145,10 +145,10 @@ days. </p> <div class="card-actions"> - <a href="./testimonials" class="btn btn-primary hidden md:grid" + <a href="./testimonials" class="btn btn-primary hidden md:grid rounded-sm" >See what ONNX Runtime users are saying →</a > - <a href="./testimonials" class="btn btn-primary md:hidden">Testimonials →</a> + <a href="./testimonials" class="btn btn-primary md:hidden rounded-sm">Testimonials →</a> </div> </div> <figure class="md:col-span-1 col-span-2 order-first sm:order-last pr-5"> diff --git a/src/routes/windows/+page.svelte b/src/routes/windows/+page.svelte index d31496acaa..7c1a574909 100644 --- a/src/routes/windows/+page.svelte +++ b/src/routes/windows/+page.svelte @@ -26,7 +26,7 @@ <br /> <a href="https://onnxruntime.ai/docs/get-started/with-windows.html#windows-os-integration" - class="btn btn-primary">Get started with ONNX Runtime for Windows →</a + class="btn btn-primary rounded-sm">Get started with ONNX Runtime for Windows →</a > </div> <div class="m-auto"> @@ -62,12 +62,12 @@ recent blogs: </p> <a - class="btn btn-primary mb-4 md:mb:0" + class="btn btn-primary rounded-sm mb-4 md:mb:0" href="https://blogs.windows.com/windowsdeveloper/2023/05/23/unlocking-the-end-to-end-windows-ai-developer-experience-using-onnx-runtime-and-olive/" >Unlocking the end-to-end Windows AI developer experience using ONNX Runtime and Olive →</a > <a - class="btn btn-primary" + class="btn btn-primary rounded-sm" href="https://blogs.windows.com/windowsdeveloper/2023/05/23/bringing-the-power-of-ai-to-windows-11-unlocking-a-new-era-of-productivity-for-customers-and-developers-with-windows-copilot-and-dev-home/" >Bringing the power of AI to Windows 11 →</a > @@ -98,11 +98,11 @@ <div class="card-actions"> <a href="https://github.com/microsoft/Windows-Machine-Learning/tree/master/Samples/WinMLSamplesGallery" - class="btn btn-primary hidden md:grid">Check out the Windows ML Sample Gallery →</a + class="btn btn-primary hidden md:grid rounded-sm">Check out the Windows ML Sample Gallery →</a > <a href="https://github.com/microsoft/Windows-Machine-Learning/tree/master/Samples/WinMLSamplesGallery" - class="btn btn-primary md:hidden">Windows ML Sample Gallery →</a + class="btn btn-primary md:hidden rounded-sm">Windows ML Sample Gallery →</a > </div> </div> @@ -117,7 +117,7 @@ <div class="card-actions"> <a href="https://github.com/microsoft/Windows-Machine-Learning/tree/master/Samples/WinMLSamplesGallery" - class="btn btn-primary">Check out SqueezeNet →</a + class="btn btn-primary rounded-sm">Check out SqueezeNet →</a > </div> </div> diff --git a/svelte.config.js b/svelte.config.js index 118b2a5e29..686b1a69bc 100644 --- a/svelte.config.js +++ b/svelte.config.js @@ -1,11 +1,21 @@ import adapter from '@sveltejs/adapter-static'; import { vitePreprocess } from '@sveltejs/kit/vite'; +import { mdsvex } from 'mdsvex'; /** @type {import('@sveltejs/kit').Config} */ const config = { // Consult https://kit.svelte.dev/docs/integrations#preprocessors // for more information about preprocessors - preprocess: [vitePreprocess()], + extensions: ['.svelte', '.md', '.svx'], + preprocess: [ + vitePreprocess(), + mdsvex({ + extensions: ['.md', '.svx'], + layout: { + blogs: 'src/routes/blogs/post.svelte' + } + }) + ], kit: { // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.