cms系统的站点模板库
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
cms_templates/kinvolk.io/details.html

137 lines
5.4 KiB

<!DOCTYPE html>
<html>
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8" />
<title>{{.Title}}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="referrer" content="unsafe-url">
<meta name="keywords" content="{{.Keywords}}">
<meta name="description" content="{{.Description}}">
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/bootstrap.min.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/common.css"}}" />
<link type="text/css" rel="stylesheet" href="{{staticFile "/css/allindex.css"}}" />
<link rel="shortcut icon" type="image/png" href="{{replaceImage .Favicon}}" />
</head>
<body class="blog section">
<header class="header ">
<div class="container">
<div class="row">
<!-- top-logo -->
<nav class="w-100 p-0 navbar navbar-expand-md justify-content-md-between ">
<a href="{{.IndexUrl}}" class="navbar-brand"><img src="{{replaceImage .Logo}}" alt="logo" /></a>
<div id="navbarToggler" class="collapse navbar-collapse justify-content-end header__navigation">
<ul class="navbar-nav align-items-center">
<li class="nav-item">
<a href="{{.IndexUrl}}" class="nav-link">{{ lang "home"}}<span class="navbar__link-underline"></span>
</a>
</li>
<li class="nav-item">
<a href="{{.AboutUrl}}" class="nav-link">{{ lang "about"}}<span class="navbar__link-underline"></span>
</a>
</li>
<li class="nav-item">
<a href="{{.ContactUrl}}" class="nav-link">{{ lang "contact"}}<span
class="navbar__link-underline"></span>
</a>
</li>
<li class="nav-item">
<a href="{{.PolicyUrl}}" class="nav-link">{{ lang "policy"}}<span class="navbar__link-underline"></span>
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</header>
<main class="main" id="content" role="main">
<article class="article header-bg-stripes">
<div class="container">
<div class="article-main mx-auto">
<div class="row align-items-center justify-content-center ">
<div class="col-12 p-0 align-items-center text-center">
<h2 id="blogtitle" class="section-title">{{.Title}}</h2>
<p class="authors">
<time datetime="2022-10-21"><span class="post__date">{{timeFormat .PublishTime}}</span></time>
</p>
</div>
</div>
<div class="row article__hero-image" role="presentation">
<img src="{{getCover .Article.Pictures}}" alt="article image">
</div>
<div class="row flex-wrap-reverse article__wrap">
<div class="col-12">
<div class="article-content mx-auto" aria-describedby="blogtitle">
<p>{{.Article.Summary}}
</p>
{{range .Article.Topics}}
<h2 id="using-top-ebpf-without-kubernetes-local-gadget">{{.Topic}}
</h2>
<p>{{.Content}}</p>
{{end}}
</div>
<div class="article__author p-0 my-7 mx-auto text-center">
<p class="authors">
<time datetime="2022-10-21"><span class="post__date">{{timeFormat .PublishTime}}</span></time>
</p>
</div>
</div>
</div>
</div>
</div>
</article>
</main>
<footer class="footer">
<div class="container">
<div class="container footer__navigation mb-3">
<div class="row justify-content-between d-flex flex-wrap w-100 px-3">
<div class="col-12 col-sm-6 col-md-3 mb-3 md-md-2">
<div class="footer-column__title">
{{lang "related"}}
</div>
<ul class="no-gutters footer-menu__list list-unstyled">
<li class="footer-menu__item">
<a href="{{.IndexUrl}}" class="footer-menu__link">{{lang "home"}}</a>
</li>
<li class="footer-menu__item">
<a href="{{.AboutUrl}}" class="footer-menu__link">{{lang "about"}}</a>
</li>
<li class="footer-menu__item">
<a href="{{.ContactUrl}}" class="footer-menu__link">{{lang "contact"}}</a>
</li>
<li class="footer-menu__item">
<a href="{{.PolicyUrl}}" class="footer-menu__link">{{lang "policy"}}</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer__copy row container p-0">
<div class="col-12 col-md-6 p-0">
<div class="row align-items-center footer__brand">
<div class="logo footer__logo col-auto col-md-3">
<a href="{{.IndexUrl}}">
<img src="{{replaceImage .Logo}}" alt="Kinvolk">
</a>
</div>
</div>
</div>
<div class="footer__copyright col-12 col-md-6 p-0 pt-4">
<p>{{.Copyright}}</p>
</div>
</div>
</div>
</footer>
<script src="{{staticFile " /js/jquery-3.6.0.slim.min.js"}}"></script>
<script src="{{staticFile " /js/bootstrap.bundle.min.js"}}"></script>
<script src="{{staticFile " /js/index.js"}}"></script>
</body>
</html>