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

4
_includes/post-item.html
View file

@ -32,6 +32,8 @@
{% endif %} {{ post.excerpt }} {% endif %} {{ post.excerpt }}
</div> </div>
<div class="blog-home__list-items__item__readmore"> <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> </div>
</li> </li>

3
_layouts/default.html
View file

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

28
assets/main.scss
View file

@ -242,10 +242,10 @@ main.page-content {
nav#side-nav { nav#side-nav {
width: calc(30% - 10px); width: calc(30% - 10px);
margin: 1em 0; margin: 1em 0;
box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25); // box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
position: sticky; // position: sticky;
position: -webkit-sticky; // position: -webkit-sticky;
top: 1em; // top: 1em;
} }
.side-panel-top { .side-panel-top {
@ -499,27 +499,15 @@ table.image caption {
} }
&__readmore { &__readmore {
margin-top: 15px; margin-top: 1em;
a:hover { a:hover {
color: #ee4a03; color: #ee4a03;
border: 1px solid #ee4a03;
} }
a { a {
color: #bb4a03; 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-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 { nav#side-nav {
width: 100%; width: 100%;
margin: 0 0 1em; margin: 0 0 1em;
box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25); padding: 0 1em;
} }
.side-panel { .side-panel {
width: calc(100%-1em) !important; width: 100%; // calc(100%-1em) !important;
margin: 0 15px; // margin: 0 15px;
} }
.jumbotron { .jumbotron {