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

create first-letter class to make first letter of article drop caps, and bigger

Browse source
This commit is contained in:
Ayo 2018-06-17 13:02:33 +08:00
parent 4af4d81932
commit 5cb48bfd4c
5 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_posts/2018-01-02-hello-world.md
View file

@ -6,7 +6,7 @@ keywords: ""
image: "hello-world" image: "hello-world"
image-attrib: "Photo stock by Lukas from Pexel." image-attrib: "Photo stock by Lukas from Pexel."
--- ---
It's kind of getting old, I know. <span class="first-letter">I</span>t's kind of getting old, I know.
A new blog... *again?* What's this all about? A new blog... *again?* What's this all about?

2
_posts/2018-03-11-who-we-are-and-our-purpose.md
View file

@ -6,7 +6,7 @@ keywords: ""
image: "who-we-are" image: "who-we-are"
image-attrib: "Photo stock by Lukas from Pexel." image-attrib: "Photo stock by Lukas from Pexel."
--- ---
First things first. <span class="first-letter">F</span>irst things first.
Before I write any blog at all, I want to take this time to talk about YOU GUYS! --the people for whom I will be writing and the shared purpose we are going to have here in Full Hacker. Before I write any blog at all, I want to take this time to talk about YOU GUYS! --the people for whom I will be writing and the shared purpose we are going to have here in Full Hacker.

2
_posts/2018-04-21-git-and-github.md
View file

@ -7,7 +7,7 @@ image: "git-github"
image-attrib: "Photo stock by Tim Gouw from Pexel." image-attrib: "Photo stock by Tim Gouw from Pexel."
--- ---
If you ask me for something that would greatly jumpstart your growth as a developer, I would place my bet on learning Git and exploring projects on [Github](https://github.com/explore). <span class="first-letter">I</span>f you ask me for something that would greatly jumpstart your growth as a developer, I would place my bet on learning Git and exploring projects on [Github](https://github.com/explore).
I say this because to be better in writing code, you must first read and use lots and lots of code by more experienced developers... and a good place to start with this is Github. I say this because to be better in writing code, you must first read and use lots and lots of code by more experienced developers... and a good place to start with this is Github.
<!--more--> <!--more-->

2
_posts/2018-06-13-ubuntu-quick-dev-setup.md
View file

@ -7,7 +7,7 @@ image: "ubuntu-dev-setup"
image-attrib: "" image-attrib: ""
--- ---
Whenever I get a new Ubuntu machine I intend to use for development, I go through so many articles around the Web just so I can install everything I need. This is because I work on several projects using different technologies. <span class="first-letter">W</span>henever I get a new Ubuntu machine I intend to use for development, I go through so many articles around the Web just so I can install everything I need. This is because I work on several projects using different technologies.
So I decided to write this article for quickly setting up all I need on a new Ubuntu. Following these steps will enable you to quickly setup Node.js, Python, and Ruby (for Jekyll). <!--more--> So I decided to write this article for quickly setting up all I need on a new Ubuntu. Following these steps will enable you to quickly setup Node.js, Python, and Ruby (for Jekyll). <!--more-->

8
assets/main.scss
View file

@ -328,6 +328,14 @@ nav#side-nav {
background-color: #e4e2dd; background-color: #e4e2dd;
} }
.first-letter {
font-size: 75px;
line-height: 60px;
float: left;
padding: 0px 8px 0 3px;
color: #8A2BE2;
}
@media only screen and (min-width: 0px) and (max-width: 350px) { @media only screen and (min-width: 0px) and (max-width: 350px) {
div.subscription-message-div { div.subscription-message-div {
display: none !important; display: none !important;