* WIP * fixing layouts and assets updating Gemfile.lock with bundle install (rvm use ruby-2.2.9) Updated links in header and footer switch to paginate v2 gem comment sidebar logic fixing css regression retry paginate updated local ruby version reverting to original pagination gem remove text, make heading roboto, next/prev as buttons * reintoduce dir tree changes format checking new posts shrink fab-icons down to 33px * reintoduce dir tree changes format checking new posts shrink fab-icons down to 33px * next/prev buttons on posts and index * Change "latest" to v1.10 * rename .md to match old blog and added explict permalinks for urls * replacing a link to old blog
This commit is contained in:
tehut
@@ -0,0 +1,193 @@
|
||||
---
|
||||
#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="https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic">
|
||||
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto+Mono">
|
||||
<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}}"> « Next </a></h4>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="pagerButton right">
|
||||
{% if page.previous.url %}
|
||||
<h4><a class=" button" href="{{page.previous.url}}"> Prev »</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">► </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">► </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">► </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>
|
||||
Reference in New Issue
Block a user