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

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

View file

@ -6,7 +6,7 @@ keywords: ""
image: "hello-world"
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?

View file

@ -6,7 +6,7 @@ keywords: ""
image: "who-we-are"
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.

View file

@ -7,7 +7,7 @@ image: "git-github"
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.
<!--more-->

View file

@ -7,7 +7,7 @@ image: "ubuntu-dev-setup"
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-->

View file

@ -328,6 +328,14 @@ nav#side-nav {
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) {
div.subscription-message-div {
display: none !important;