website/_layouts/blog.html

193 lines
8.0 KiB
HTML

---
#empty front matter
---
<!DOCTYPE html>
<html id="blog">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/png" href="/images/favicon.png">
<link rel="stylesheet" type="text/css" href="/css/base_fonts.css">
<link rel="stylesheet" type="text/css" href="/css/jquery-ui.min.css">
<link rel='stylesheet' type='text/css' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'>
<!-- <link rel="stylesheet" type="text/css" href="/css/case_study_styles.css"> -->
<link rel="stylesheet" type="text/css" href="/css/blog.css">
<link rel="stylesheet" type="text/css" href="/css/styles.css">
<!-- <link rel="stylesheet" type="text/css" href="/css/sweetalert.css"> -->
<link rel="stylesheet" type="text/css" href="/css/callouts.css">
<link rel="stylesheet" type="text/css" href="/css/custom-jekyll/tags.css">
{% if page.deprecated %}<link rel="stylesheet" type="text/css" href="/css/deprecation-warning.css">{% endif %}
<link rel="stylesheet" type="text/css" href="/css/gridpage.css">
<link rel="stylesheet" type="text/css" href="/css/blog.css">
{% if page.description %}
<meta name="description" content="{{ page.description }}" />
{% else %}
<meta name="description" content="{{ page.title }}" />
{% endif %}
<script src="/js/jquery-2.2.0.min.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="/js/script.js"></script>
<script src="/js/sweetalert.min.js"></script>
<script src="/js/custom-jekyll/tags.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
{% feed_meta %}
{% seo %}
</head>
<body>
<div id="cellophane" onclick="kub.toggleMenu()"></div>
<header>
<nav class="nav-buttons" data-auto-burger="primary">
<ul class="global-nav">
<li><a href="/docs/home/">Documentation</a></li>
<li><a href="/blog">Blog</a></li>
<li><a href="/partners/">Partners</a></li>
<li><a href="/community/">Community</a></li>
<li><a href="/case-studies/">Case Studies</a></li>
<li>
<a href="#">
{{page.version}} <span class="ui-icon ui-icon-carat-1-s"></span>
</a>
<ul>
{% for version in page.versions %}
{% if page.versionedurl contains version.version %}
<li><a href="{{ version.url }}{{ page.versionedurl[version.version] }}">{{ version.version }}</a></li>
{% else %}
<li><a href="{{ version.url }}{{ page.url }}">{{ version.version }}</a></li>
{% endif %}
{% endfor %}
</ul>
</li>
</li>
</ul>
<a href="/docs/home" class="button" id="viewDocs" data-auto-burger-exclude>View Documentation</a>
<a href="/docs/tutorials/kubernetes-basics/" class="button" id="tryKubernetes" data-auto-burger-exclude>Try Kubernetes</a>
<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
</nav>
</div>
</header>
<div class="container-fluid">
<div id="blog-hero" class="light-text">
<a class= 'logo' href='http://kubernetes.io/'></a>
<div class='blog-title'>
<h1> Kubernetes Blog </h1>
</div>
<div class="clear" style="clear: both"></div>
</div>
<div class="row blog-content" >
<div class="col-xs-10 col-sm-9 col-lg-9 text">
<h4 class="date-header">{{ page.date | date: ' %A, %B %-d, %Y' }} </h4>
<h3 class="post-title entry-title"> {{page.title}} </h3>
{{ content }}
<div class="PageNavigation">
<div class="pagerButton left">
{% if page.next.url %}
<h4><a class=" button" href="{{page.next.url}}"> &laquo; Next </a></h4>
{% endif %}
</div>
<div class="pagerButton right">
{% if page.previous.url %}
<h4><a class=" button" href="{{page.previous.url}}"> Prev &raquo;</a></h4>
{% endif %}
</div>
</div>
</div>
<div class="col-xs-1 col-sm-1 col-sm-3 col-lg-3 text">
<div ="widget-content">
<link href='http://kubernetes.io/feed.xml' rel='alternate' type='application/atom+xml'>
<a class="widget-link" href="https://kubernetes.io/feed.xml"> <i class="fas fa-rss fab-icon"> </i> </a>
<a class="widget-link" href="https://twitter.com/kubernetesio"> <i class="fab fa-twitter-square fab-icon"> </i> @Kubernetesio</a>
<a class="widget-link" href="https://github.com/kubernetes/kubernetes"> <i class="fab fa-github-square fab-icon"></i> View on Github </a>
<a class="widget-link" href="http://slack.k8s.io"><i class="fab fa-slack fab-icon"> </i> #kubernetes-users </a>
<a class="widget-link" href="http://stackoverflow.com/questions/tagged/kubernetes"><i class="fab fa-stack-overflow fab-icon"></i>Stack Overflow</a>
<a class="widget-link" href="http://get.k8s.io/"><i class="fab fa-stack-overflow fab-icon"></i>Download Kubernetes</a>
</div>
<!-- Begin Sidebar Loop -->
{% for post in site.posts %}
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
{% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
{% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
{% if forloop.first %}
<div class="sidebar-current-year">
<h4 id="{{ this_year }}-ref">{{this_year}}</h4>
<!-- Here we open a div and ul that are conditionally closed in the lower blocks -->
<div>
<h4 id="{{ this_year }}-{{ this_month }}-ref">{{ this_month }}</h4>
<ul>
{% endif %}
<li><a href="{{ post.url }}">{{ post.title }}</a></li>
{% if forloop.last %} <!-- This section closes the entire div and ul at the final iteration-->
</ul>
</div>
</div> <!-- end of final conditional -->
{% else %}
{% if this_year != next_year %}
</ul>
<!-- this closes the collapsible year body -->
</div>
<!-- this closes the sidebar-previous-year opened below -->
</div>
<div class="sidebar-previous-year">
<input type="checkbox" id="{{ next_year }}-ref-checkbox" class="heading-year-toggle-checkbox"/>
<label class="collapsible-year-heading-label" for="{{ next_year }}-ref-checkbox">
<span class="collapsible-year-body-caret">&nbsp;</span>
<h4 class="collapsible-year-header" id="{{ next_year }}-ref">{{next_year}}</h4>
</label>
<div class="collapsible-year-body">
<input type="checkbox" id="{{ next_year }}-{{ next_month }}-ref-checkbox" class="heading-month-toggle-checkbox"/>
<label class="collapsible-month-heading-label" for="{{ next_year }}-{{ next_month }}-ref-checkbox">
<span class="collapsible-posts-list-caret">&nbsp;</span>
<h5 class="collapsible-month-header" id="{{ next_year }}-{{ next_month }}-ref">{{ next_month }}</h5>
</label>
<ul class="collapsible-posts-list">
{% else %}
{% if this_month != next_month %}
</ul>
<input type="checkbox" id="{{ this_year }}-{{ next_month }}-ref-checkbox" class="heading-month-toggle-checkbox"/>
<label class="collapsible-month-heading-label" for="{{ this_year }}-{{ next_month }}-ref-checkbox">
<span class="collapsible-posts-list-caret">&nbsp;</span>
<h5 class="collapsible-month-header" id="{{ this_year }}-{{ next_month }}-ref">{{ next_month }}</h5>
</label>
<ul class="collapsible-posts-list">
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</body>
{% include footer.html %}
{% include footer-scripts.html %}
</html>