onnxruntime/blogs.html
Cassie Breviu dcedd00362
Update news section to be called blogs, remove twitter link from header, json source for blogs page (#15291)
### Description
This PR is to simplify our blog updating process in order to make sure
it stays up to date. I have added a tempalte and a json source where
blogs can be easily added. I have removed the images from the blogs, and
deleted the old images. Additionally we decided to remove twitter from
the header.

https://cassiebreviu.github.io/onnxruntime/blogs.html



### Motivation and Context
<!-- - Why is this change required? What problem does it solve?
- If it fixes an open issue, please link to the issue here. -->
2023-03-31 17:26:18 -05:00

93 lines
3.1 KiB
HTML

<!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>
<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>
<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://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<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>
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script>w3.includeHTML();</script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="./js/custom.js"></script>
<!--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>
</html>