Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

restructure blog section of website and fix urls #17917

Merged
merged 15 commits into from
Oct 12, 2023
124 changes: 12 additions & 112 deletions blogs.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,127 +4,27 @@
<head>
<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('js', new Date());
gtag('config', 'UA-156955408-1');
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
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>

<script type="text/javascript">
const analytics = new oneDS.ApplicationInsights();
var config = {
instrumentationKey: "360b0e675e0044398fd28c8bdf711b8e-1fe5434d-ee99-4837-99cc-a3a16462d82d-7262",
channelConfiguration: { // Post channel configuration
eventsLimitInMem: 50
},
propertyConfiguration: { // Properties Plugin configuration
env: "PROD" // Environment can be set to PPE or PROD as needed.
},
webAnalyticsConfiguration: { // Web Analytics Plugin configuration
//urlCollectQuery:true,
autoCapture: {
scroll: true,
pageView: true,
onLoad: true,
onUnload: true,
click: true,
resize: true,
jsError: true
}
}
};
//Initialize SDK
analytics.initialize(config, []);
</script>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>ONNX Runtime | Community</title>
<meta http-equiv="refresh" content="0; url=blogs/">
<meta title="ONNX Runtime Blogs">
<title>ONNX Runtime blogs</title>
<link rel="icon" href="./images/ONNXRuntime-Favicon.png" type="image/gif" sizes="16x16">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/css/bootstrap.min.css"
integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/responsive.css">
</head>

<body>
<a class="skip-main" href="#skipMain">Skip to main content</a>
<div class="main-wrapper">
<div class="top-banner-bg">

<!-- Partial header.html Start-->
<div w3-include-html="header.html"></div>
<!-- Partial header.html End-->

<div id="skipMain" role="main">
<div class="outer-container mx-auto py-5">

<section class="blue-title-columns py-md-5 pb-4 pt-4 mt-5">
<div class="container-fluid">
<h1 class="mb-3 blue-text">Blogs & Announcements</h1>
</div>
<div id="blog-list"></div>

</div>
</section>
<!--add template here-->

</div>
</div>
</div>
</div>
<!-- Partial footer.html Start-->
<div w3-include-html="footer.html"></div>
<!-- Partial footer.html End-->

<a id="back-to-top" href="JavaScript:void(0);" class="btn btn-lg back-to-top" role="button"
aria-label="Back to top"><span class="fa fa-angle-up"></span></a>

<!--create a custom web component-->
<template id="blog-item">
<div class="news row blue-title-columns">
<div class="col-12 blue-text">
<h3 class="mr-xl-5 mb-3">
<slot name="title"></slot>
</h3>
<span class="article-date">
<slot name="date"></slot>
</span>
<br />
<span class="article-blurb">
<slot name="blurb"></slot>
</span>
<br />
<div>
<a href="" name="link" target="_blank" class="link">
<span class="link-content">
Read more
</span>
<span class="link-arrow fa fa-angle-right"></span>
</a>
</div>
</div>
</div>
</template>

</body>

<script src="./js/w3.js"></script>
<script>w3.includeHTML();</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"
integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js"
integrity="sha512-7rusk8kGPFynZWu26OKbTeI+QPoYchtxsmPeBqkHIEXJxeun4yJ4ISYe7C6sz9wdxeE1Gk3VxsIWgCZTc+vX3g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="./js/custom.js"></script>
</html>
<body></body>
130 changes: 130 additions & 0 deletions blogs/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,130 @@
<!DOCTYPE html>
<html lang="en">

<head>
<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('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>

<script type="text/javascript">
const analytics = new oneDS.ApplicationInsights();
var config = {
instrumentationKey: "360b0e675e0044398fd28c8bdf711b8e-1fe5434d-ee99-4837-99cc-a3a16462d82d-7262",
channelConfiguration: { // Post channel configuration
eventsLimitInMem: 50
},
propertyConfiguration: { // Properties Plugin configuration
env: "PROD" // Environment can be set to PPE or PROD as needed.
},
webAnalyticsConfiguration: { // Web Analytics Plugin configuration
//urlCollectQuery:true,
autoCapture: {
scroll: true,
pageView: true,
onLoad: true,
onUnload: true,
click: true,
resize: true,
jsError: true
}
}
};
//Initialize SDK
analytics.initialize(config, []);
</script>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>ONNX Runtime | Blogs</title>
<link rel="icon" href="../images/ONNXRuntime-Favicon.png" type="image/gif" sizes="16x16">
<link rel="stylesheet" href="../css/fonts.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/css/bootstrap.min.css"
integrity="sha512-rt/SrQ4UNIaGfDyEXZtNcyWvQeOq0QLygHluFQcSjaGB04IxWhal71tKuzP6K8eYXYB6vJV4pHkXcmFGGQ1/0w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="../css/custom.css">
<link rel="stylesheet" href="../css/responsive.css">
</head>

<body>
<a class="skip-main" href="#skipMain">Skip to main content</a>
<div class="main-wrapper">
<div class="top-banner-bg">

<!-- Partial header.html Start-->
<div w3-include-html="../subheader.html"></div>
<!-- Partial header.html End-->

<div id="skipMain" role="main">
<div class="outer-container mx-auto py-5">

<section class="blue-title-columns py-md-5 pb-4 pt-4 mt-5">
<div class="container-fluid">
<h1 class="mb-3 blue-text">Blogs & Announcements</h1>
</div>
<div id="blog-list"></div>

</div>
</section>
<!--add template here-->

</div>
</div>
</div>
</div>
<!-- Partial footer.html Start-->
<div w3-include-html="../subfooter.html"></div>
<!-- Partial footer.html End-->

<a id="back-to-top" href="JavaScript:void(0);" class="btn btn-lg back-to-top" role="button"
aria-label="Back to top"><span class="fa fa-angle-up"></span></a>

<!--create a custom web component-->
<template id="blog-item">
<div class="news row blue-title-columns">
<div class="col-12 blue-text">
<h3 class="mr-xl-5 mb-3">
<slot name="title"></slot>
</h3>
<span class="article-date">
<slot name="date"></slot>
</span>
<br />
<span class="article-blurb">
<slot name="blurb"></slot>
</span>
<br />
<div>
<a href="" name="link" target="_blank" class="link">
<span class="link-content">
Read more
</span>
<span class="link-arrow fa fa-angle-right"></span>
</a>
</div>
</div>
</div>
</template>

</body>

<script src="../js/w3.js"></script>
<script>w3.includeHTML();</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js"
integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.6.2/js/bootstrap.min.js"
integrity="sha512-7rusk8kGPFynZWu26OKbTeI+QPoYchtxsmPeBqkHIEXJxeun4yJ4ISYe7C6sz9wdxeE1Gk3VxsIWgCZTc+vX3g=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="../js/custom.js"></script>
</html>
2 changes: 1 addition & 1 deletion footer.html
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ <h3 class="footer-heading">Follow Us</h3>
<h3 class="footer-heading">Resources</h3>
<ul class="list-unstyled text-small">
<li class="mb-2">
<a target="_blank" href="./blogs.html">
<a target="_blank" href="./blogs">
<span class="link-content">Blogs</span><span class="link-arrow fa fa-angle-right"></span></a>
</li>
<li class="mb-2">
Expand Down
4 changes: 2 additions & 2 deletions header.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<a class="nav-link pr-3" href="./docs">Docs</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="./blogs.html">Blogs</a>
<a class="nav-link pr-3" href="./blogs">Blogs</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="./about.html">About</a>
Expand All @@ -32,7 +32,7 @@
</div>
</li>
<li class="nav-item">
<a class="nav-link pr-3" target="_blank" href="http://github.com/microsoft/onnxruntime">GitHub</a>
<a class="nav-link pr-3" target="_blank" href="https://github.com/microsoft/onnxruntime">GitHub</a>
</li>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions js/custom.js
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ $(document).ready(function () {
$('.nav-tabs').responsiveTabs();

//populate blogs
$.getJSON("js/blogs.json", function (json) {
$.getJSON("../js/blogs.json", function (json) {

var template = document.querySelector('#blog-item');
var blogList = document.querySelector('#blog-list');
Expand Down Expand Up @@ -252,4 +252,4 @@ let copyText = (e) => {
setTimeout(() => {
$(e.target).popover("hide");
}, 1500);
}
}
68 changes: 68 additions & 0 deletions subfooter.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<footer class="border-top footer mt-auto py-4 text-white">
<div class="outer-container mx-auto">
<div class="container-fluid">
<div class="row pb-md-4 pb-0">
<div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
<h3 class="footer-heading">Get Started</h3>
<ul class="list-unstyled text-small">
<li class="mb-2">
<a href="../index.html#getStartedTable">
<span class="link-content">Install</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</li>
<li class="mb-2">
<a href="../pytorch">
<span class="link-content">PyTorch</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
<h3 class="footer-heading">Contribute</h3>
<a class="mr-xl-5" target="_blank" href="https://github.com/microsoft/onnxruntime">
<span class="link-content">Join us on GitHub</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</div>
<div class="col-12 col-sm-6 col-md-3 pr-xl-5 pr-lg-4 mb-md-0 mb-4">
<h3 class="footer-heading">Follow Us</h3>
<ul class="list-unstyled text-small">
<li class="mb-2">
<a target="_blank" href="https://twitter.com/onnxruntime">
<span class="link-content">Twitter</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</li>
<li class="mb-2">
<a target="_blank" href="https://www.linkedin.com/company/onnxruntime">
<span class="link-content">LinkedIn</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</li>
<li class="mb-2">
<a target="_blank" href="https://www.youtube.com/onnxruntime">
<span class="link-content">YouTube</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</li>
</ul>
</div>
<div class="col-6 col-sm-6 col-md-3">
<h3 class="footer-heading">Resources</h3>
<ul class="list-unstyled text-small">
<li class="mb-2">
<a target="_blank" href="../blogs">
<span class="link-content">Blogs</span><span class="link-arrow fa fa-angle-right"></span></a>
</li>
<li class="mb-2">
<a href="../docs/tutorials/">
<span class="link-content">Tutorials</span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</li>
<li class="mb-2">
<a href="../docs/api/">
<span class="link-content"><abbr title="Application Program Interface">APIs</abbr></span><span class="link-arrow fa fa-angle-right fa-xs"></span></a>
</li>
</ul>
</div>

</div>
<div class="row pt-4 pb-4 text-center-sm">
<div class="col-12">
<a href="../index.html"><img class="mb-md-2 mb-0 onnx-footer-logo" src="../images/svg/ONNX-Runtime-logo-white.svg" alt="ONNX Runtime Home"></a>
<p class="text-copyright py-4 ml-md-5">Copyright &copy; Microsoft. All rights reserved.
</p>
</div>
</div>
</div>
</div>
</footer>
Loading
Loading