new draft, remove span.first-letter usage
This commit is contained in:
Ayo
parent
76c7edc94e
commit
e7e68ec132
16 changed files with 66 additions and 27 deletions
|
|
@ -6,7 +6,7 @@ keywords: ""
|
|||
image: "hello-world"
|
||||
image-attrib: "Photo stock by Lukas from Pexel."
|
||||
---
|
||||
<span class="first-letter">I</span>t's kind of getting old, I know.
|
||||
It's kind of getting old, I know.
|
||||
|
||||
A new blog... *again?* What's this all about?
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ keywords: ""
|
|||
image: "who-we-are"
|
||||
image-attrib: "Photo stock by Lukas from Pexel."
|
||||
---
|
||||
<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.
|
||||
First 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.
|
||||
|
||||
You may be asking, "is this really going to be helpful for me?"
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "ubuntu-dev-setup"
|
|||
image-attrib: ""
|
||||
---
|
||||
|
||||
<span class="first-letter">I</span>f you are like me, there often comes a time when you are out and paranoia hits, and you begin to wonder whether you forgot to lock the doors of your house or car. <!--more-->
|
||||
If you are like me, there often comes a time when you are out and paranoia hits, and you begin to wonder whether you forgot to lock the doors of your house or car. <!--more-->
|
||||
|
||||
Fortunately, in the physical world it is easy to check whether your valuable stuff are secure, right? Just don't forget to lock the doors, set up some CCTV cameras, chain 'em, cage 'em, and lock 'em up.
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "ubuntu-dev-setup"
|
|||
image-attrib: ""
|
||||
---
|
||||
|
||||
<span class="first-letter">T</span>oday, as a learning exercise, I deployed a very simple [Angular app on the Web](https://fullhacker.com/cartph). This setup is perfect for when you just want to deploy your web app in a production environment but does not want to invest in a full-blown paid hosting service.
|
||||
Today, as a learning exercise, I deployed a very simple [Angular app on the Web](https://fullhacker.com/cartph). This setup is perfect for when you just want to deploy your web app in a production environment but does not want to invest in a full-blown paid hosting service.
|
||||
|
||||
Yep, this is free.<!--more-->
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ keywords: ""
|
|||
image: "me"
|
||||
image-attrib: "Photo stock by Lukas from Pexel."
|
||||
---
|
||||
<span class="first-letter">S</span>ooooo. I started this blog, because I wanted to have a place to record my journey into learning new Technologies; primarily related to the Web.
|
||||
Sooooo. I started this blog, because I wanted to have a place to record my journey into learning new Technologies; primarily related to the Web.
|
||||
|
||||
But months went by and I stopped/slowed down in this journey. It turned out, it is not something that excites me as much as it did when I was a bit younger. <!--more-->
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ keywords: ""
|
|||
image: "me"
|
||||
image-attrib: "Photo stock by Lukas from Pexel."
|
||||
---
|
||||
<span class="first-letter">S</span>tarted working on a productivity app that fits how I see tasks that build habits (i.e., repetitive and quantifiable)
|
||||
Started working on a productivity app that fits how I see tasks that build habits (i.e., repetitive and quantifiable)
|
||||
|
||||
Here I write the process and considerations I have when choosing the technologies I used.<!--more-->
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "hello-world"
|
|||
image-attrib: ""
|
||||
---
|
||||
|
||||
<span class="first-letter">I</span>n my [last post](google-firebase-overview), I went through some of my considerations for choosing the backend tech for my projects.
|
||||
In my [last post](google-firebase-overview), I went through some of my considerations for choosing the backend tech for my projects.
|
||||
|
||||
I then gave an overview of Google Firebase by listing the features it has has to offer for my considerations.
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "hello-world"
|
|||
image-attrib: ""
|
||||
---
|
||||
|
||||
<span class="first-letter">T</span>his started as a blog where I can talk about things I learn as a software developer.
|
||||
This started as a blog where I can talk about things I learn as a software developer.
|
||||
|
||||
But lately I realized that learning software development does not work just by reading books or articles and then writing blogs about them.<!--more-->
|
||||
|
||||
|
|
|
|||
14
_drafts/2020-02-27-routines.md
Normal file
14
_drafts/2020-02-27-routines.md
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
---
|
||||
title: "Routines"
|
||||
permalink: "/routines"
|
||||
description: "Let's try to remove t"
|
||||
keywords: ""
|
||||
image: "hello-world"
|
||||
image-attrib: ""
|
||||
---
|
||||
Today I will be sharing the routines I *try* to observe, and the benefits I find when I do actually do them. :)<!--more-->
|
||||
|
||||
But first, let's start with why.
|
||||
|
||||
## Why You Need Routines
|
||||
|
||||
|
|
@ -7,7 +7,7 @@ image: "git-github"
|
|||
image-attrib: "Photo stock by Tim Gouw from Pexel."
|
||||
---
|
||||
|
||||
<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).
|
||||
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).
|
||||
|
||||
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-->
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "ubuntu-dev-setup"
|
|||
image-attrib: ""
|
||||
---
|
||||
|
||||
<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.
|
||||
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.
|
||||
|
||||
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-->
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "feels-fm"
|
|||
image-attrib: ""
|
||||
---
|
||||
|
||||
<span class="first-letter">T</span>here's nothing worse for your productivity than an anxiety or depression attack. What if, just for the mean time, you don't have to talk to anyone to get your mood up?
|
||||
There's nothing worse for your productivity than an anxiety or depression attack. What if, just for the mean time, you don't have to talk to anyone to get your mood up?
|
||||
|
||||
Here's a tool that just might help when you don't feel like going out or doing anything at all.<!--more-->
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "drake_firebase"
|
|||
image-attrib: "https://firebase.google.com"
|
||||
---
|
||||
|
||||
<span class="first-letter">R</span>ecently, I've been looking into some of the latest ways we can quickly spin up a backend system for an app prototype.
|
||||
Recently, I've been looking into some of the latest ways we can quickly spin up a backend system for an app prototype.
|
||||
|
||||
I didn't really expect it to be so hard but, to my surprise, the sheer number of available options can really be overwhelming.
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "javascript"
|
|||
image-attrib: "JavaScript using HTMLTableElement instead of HTMLElement, or other specific DOM APIs"
|
||||
---
|
||||
|
||||
<span class="first-letter">T</span>o take advantage of JavaScript *intellisense* and code completion when using a certain *awesome* text editor *\*ehem\** [VS Code](https://code.visualstudio.com/) *\*ehem\**, you need to be able to declare the correct interfaces for variables containing DOM elements.
|
||||
To take advantage of JavaScript *intellisense* and code completion when using a certain *awesome* text editor *\*ehem\** [VS Code](https://code.visualstudio.com/) *\*ehem\**, you need to be able to declare the correct interfaces for variables containing DOM elements.
|
||||
|
||||
Yeah, I know this works like magic in TypeScript.
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ image: "random-1"
|
|||
image-attrib: "Random picture of me in the Queen Victoria Building."
|
||||
---
|
||||
|
||||
<span class="first-letter">H</span>ey reader! I'm going to start writing regularly. At first, I plan to do them quick and short just to establish the routine. But as I go, I expect to have better quality content that I think you will love. <!--more-->
|
||||
Hey reader! I'm going to start writing regularly. At first, I plan to do them quick and short just to establish the routine. But as I go, I expect to have better quality content that I think you will love. <!--more-->
|
||||
|
||||
### What does this mean?
|
||||
|
||||
|
|
|
|||
|
|
@ -153,20 +153,33 @@ caption {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
.post-list li h3 a:hover {
|
||||
text-decoration: none;
|
||||
color: #bb4a03 !important;
|
||||
.post-list {
|
||||
li {
|
||||
background-color: #fff;
|
||||
|
||||
div.post-excerpt::first-letter {
|
||||
font-size: 75px;
|
||||
line-height: 60px;
|
||||
float: left;
|
||||
padding: 0px 8px 0 3px;
|
||||
color: #8A2BE2;
|
||||
}
|
||||
|
||||
h3 {
|
||||
a {
|
||||
color: #222 !important;
|
||||
font-weight: bold;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: #bb4a03 !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-list li h3 a {
|
||||
color: #222 !important;
|
||||
font-weight: bold;
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.post-list li {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.categories {
|
||||
width: 100%;
|
||||
|
|
@ -400,6 +413,18 @@ caption {
|
|||
|
||||
main.page-content {
|
||||
width: calc(70% - 20px);
|
||||
|
||||
div.wrapper {
|
||||
article {
|
||||
div.post-content p:first-of-type::first-letter {
|
||||
font-size: 75px;
|
||||
line-height: 60px;
|
||||
float: left;
|
||||
padding: 0px 8px 0 3px;
|
||||
color: #8A2BE2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
nav#side-nav {
|
||||
|
|
@ -409,7 +434,7 @@ nav#side-nav {
|
|||
position: sticky;
|
||||
position: -webkit-sticky;
|
||||
top: 30px
|
||||
}
|
||||
}
|
||||
|
||||
.side-panel {
|
||||
background-color: rgba(141, 191, 66, 0.97) !important;
|
||||
|
|
|
|||
Loading…
Reference in a new issue