ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move message to side panel

Browse source
This commit is contained in:
Ayo 2023-05-22 22:49:02 +02:00
parent b79f29401f
commit 35fe27f8ce
4 changed files with 15 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_includes/message.html
View file

@ -5,6 +5,7 @@
border-radius: 5px;
border: 3px dotted rgba(141, 191, 66, 1);
padding: 1em;
font-size: small;
"
>
<h2 style="font-weight: bold">Hello there, fellow human!</h2>

4
_includes/post-item.html
View file

@ -32,6 +32,8 @@
{% endif %} {{ post.excerpt }}
</div>
<div class="blog-home__list-items__item__readmore">
<a href="{{ post.url | relative_url }}" class="button">Continue Reading</a>
<a href="{{ post.url | relative_url }}" class="button"
>Continue Reading &raquo;</a
>
</div>
</li>

3
_layouts/default.html
View file

@ -32,6 +32,9 @@
</script>
</div>
</div>
<div>
{% include message.html %}
</div>
</nav>
<div class="clear-both"></div>
</div>

28
assets/main.scss
View file

@ -242,10 +242,10 @@ main.page-content {
nav#side-nav {
width: calc(30% - 10px);
margin: 1em 0;
box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
position: sticky;
position: -webkit-sticky;
top: 1em;
// box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
// position: sticky;
// position: -webkit-sticky;
// top: 1em;
}
.side-panel-top {
@ -499,27 +499,15 @@ table.image caption {
}
&__readmore {
margin-top: 15px;
margin-top: 1em;
a:hover {
color: #ee4a03;
border: 1px solid #ee4a03;
}
a {
color: #bb4a03;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px 15px;
width: calc(100% - 1em);
text-align: center;
display: inline-block;
font-size: 18px;
font-weight: bold;
font-family: medium-content-sans-serif-font, -apple-system,
BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
"Open Sans", "Helvetica Neue", sans-serif !important;
}
}
}
@ -594,11 +582,11 @@ table.image caption {
nav#side-nav {
width: 100%;
margin: 0 0 1em;
box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
padding: 0 1em;
}
.side-panel {
width: calc(100%-1em) !important;
margin: 0 15px;
width: 100%; // calc(100%-1em) !important;
// margin: 0 15px;
}
.jumbotron {