Adjust sidebar layout for maximum happiness.

This commit is contained in:
Jeff Geerling
2021-01-04 21:19:56 -06:00
parent 22d65d3b6d
commit 52b1e1870a
5 changed files with 24 additions and 3 deletions
-1
View File
@@ -23,7 +23,6 @@ youtube:
channel_url: https://www.youtube.com/c/JeffGeerling
github:
is_project_page: true
repository_url: https://github.com/geerlingguy/kubernetes-101
repository_name: Kubernetes 101
owner_url: https://github.com/geerlingguy
+4
View File
@@ -1,4 +1,8 @@
<aside id="sidebar">
<h2><a href="{% post_url 2020-11-12-kubernetes-101-episode-list %}">Episode List</a></h2>
<h2><a href="{{ site.github.repository_url }}">GitHub Repository</a></h2>
{% if site.youtube.show_subscribe %}
<a href="{{ site.youtube.channel_url }}"><img src="/assets/images/subscribe-youtube.png" class="youtube-subscribe" width="100%" height="auto"></a>
<p>Subscribe to <a href="{{ site.youtube.channel_url }}">Jeff Geerling's YouTube channel</a> so you don't miss an episode!</p>
+1 -1
View File
@@ -5,7 +5,7 @@
<body>
<header>
<div class="inner">
<a href="{{ '/' | absolute_url }}">
<a href="{{ '/' | absolute_url }}" class="title-link">
{% if page.id == 'index' %}
<h1 class="site-title">{{ site.title | default: site.github.repository_name }}</h1>
{% else %}
+1 -1
View File
@@ -5,7 +5,7 @@
<body>
<header>
<div class="inner">
<a href="{{ '/' | absolute_url }}">
<a href="{{ '/' | absolute_url }}" class="title-link">
<div class="site-title">{{ site.title | default: site.github.repository_name }}</div>
</a>
<h2>{{ site.description | default: site.github.project_tagline }}</h2>
+18
View File
@@ -7,6 +7,10 @@ body {
color: #222;
}
a:hover {
text-decoration: underline;
}
table {
border: none;
margin-bottom: 1em;
@@ -16,6 +20,10 @@ td, th {
padding: 1px 5px;
}
.title-link:hover {
text-decoration: none;
}
header .site-title {
font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, serif;
font-weight: bold;
@@ -143,12 +151,22 @@ ul.post-list {
}
}
.youtube-subscribe {
margin-top: 10px;
}
.youtube-subscribe,
.book-cover {
max-width: 225px;
}
aside#sidebar {
font-size: 14px;
p {
margin: 0 0 40px;
}
p.repo-owner,
p.repo-owner a {
font-weight: normal;