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

update side panel content; add some styles

Browse source
This commit is contained in:
Ayo 2018-09-20 16:07:57 +08:00
parent 423dfd9d2f
commit 2a7698cfeb
2 changed files with 26 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_layouts/default.html
View file

@ -59,8 +59,8 @@
<div class="ayo-thumb"> <div class="ayo-thumb">
<img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" /> <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
</div> </div>
<h2 style="font-weight: bold; text-align: center">Hi! I'm Ayo!</h2> <h2 style="font-weight: bold; text-align: center">Web Technologies and Productivity Hacks</h2>
<p>Thanks for dropping by! I started this website with the hope of having a place to share things I think will be helpful to technology and productivity enthusiasts such as myself. I hope you come by more often and find some interesting stuff!</p> <p>Learn how to use the best and latest web applications and technologies to boost your productivity.</p>
<div class="post-readmore"><a class="button" href="/about/">About The Author</a></div> <div class="post-readmore"><a class="button" href="/about/">About The Author</a></div>
</div> </div>
{% endif %} {% endif %}

25
assets/main.scss
View file

@ -187,11 +187,34 @@ caption {
width: 100%; width: 100%;
} }
#side-nav > * {
font-size: 14px;
}
#about-me { #about-me {
padding: 30px 15px 15px; padding: 1rem 1rem 1.25rem;
position: relative;
text-align: center;
}
#about-me::after {
content: "";
margin-left: -8px;
display: block;
width: 0;
height: 0;
position: absolute;
bottom: -8px;
left: 50%;
border-bottom: 0 inset transparent;
border-left: 8px inset transparent;
border-right: 8px inset transparent;
border-top: 8px solid #8dbf42;
} }
#donate-form { #donate-form {
background-color: #80ae3c !important;
height: 50px; height: 50px;
padding: 30px 0; padding: 30px 0;
} }