kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

adjust and center Blog links (#15541)

This commit is contained in:
mohamed chiheb ben jemaa 2019-08-16 04:28:33 +01:00 committed by Kubernetes Prow Robot
parent 559e25d941
commit 73ef2c557b
2 changed files with 21 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
layouts/blog/baseof.html
View File

@ -20,15 +20,15 @@
<div class="widget-content"> <div class="widget-content">
{{ with site.Home.OutputFormats.Get "rss" -}} {{ with site.Home.OutputFormats.Get "rss" -}}
<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}" title="{{ site.Title }}"> <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}" title="{{ site.Title }}">
<a class="widget-link" href="{{ .Permalink | safeURL }}"> <i class="fas fa-rss fab-icon"> </i> RSS Feed </a> <a class="widget-link" href="{{ .Permalink | safeURL }}"><div> <i class="fas fa-rss fab-icon"> </i> <div class="widget-link-text">RSS Feed</div></div> </a>
{{ end -}} {{ end -}}
<a class="widget-link" href="https://kubernetes.io/docs/contribute/start/#write-a-blog-post"><i class="fa fa-edit fab-icon"></i> Submit a Post</a> <a class="widget-link" href="https://kubernetes.io/docs/contribute/start/#write-a-blog-post"><div> <i class="fa fa-edit fab-icon"></i> <div class="widget-link-text">Submit a Post</div></div></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://twitter.com/kubernetesio"><div> <i class="fab fa-twitter-square fab-icon"> </i> <div class="widget-link-text"> @Kubernetesio</div></div></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="https://github.com/kubernetes/kubernetes"><div> <i class="fab fa-github-square fab-icon"></i> <div class="widget-link-text"> on GitHub </div></div></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://slack.k8s.io"><div><i class="fab fa-slack fab-icon"> </i> <div class="widget-link-text">#kubernetes-users </div></div></a>
<a class="widget-link" href="https://stackoverflow.com/questions/tagged/kubernetes"><i class="fab fa-stack-overflow fab-icon"></i> Stack Overflow</a> <a class="widget-link" href="https://stackoverflow.com/questions/tagged/kubernetes"><div><i class="fab fa-stack-overflow fab-icon"></i> <div class="widget-link-text"> Overflow</div></div></a>
<a class="widget-link" href="https://discuss.kubernetes.io"><i class="fab fa-discourse fab-icon"></i>Forum</a> <a class="widget-link" href="https://discuss.kubernetes.io"><div> <i class="fab fa-discourse fab-icon"></i><div class="widget-link-text"> Forum </div></div></a>
<a class="widget-link" href="https://kubernetes.io/docs/setup"><i class="fa fa-download fab-icon"></i> Download Kubernetes</a> <a class="widget-link" href="https://kubernetes.io/docs/setup"><div><i class="fa fa-download fab-icon"></i> <div class="widget-link-text"> Kubernetes</div></div></a>
</div> </div>
{{ partialCached "blog/archive.html" . }} {{ partialCached "blog/archive.html" . }}
</div> </div>

15
static/css/blog.css
View File

@ -271,7 +271,7 @@ h3.post-title{
box-sizing: border-box; box-sizing: border-box;
padding: 0 0 0 15px; padding: 0 0 0 15px;
margin: 10px 0; margin: 10px 0;
line-height: 40px; line-height: 50px;
white-space: nowrap; white-space: nowrap;
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
} }
@ -401,10 +401,21 @@ ul {
/* Sidebar Icon Styles */ /* Sidebar Icon Styles */
.widget-link svg { .widget-link svg {
font-size: 48px; font-size: 40px;
color:#326DE6; color:#326DE6;
vertical-align: middle;
width: 40px !important;
} }
.widget-link div {
display: flex;
}
.widget-link .widget-link-text {
margin-left: 6px;
}
/* SideNavigation Styles */ /* SideNavigation Styles */
.heading-year-toggle-checkbox, .heading-year-toggle-checkbox,
.heading-month-toggle-checkbox{ .heading-month-toggle-checkbox{