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

new draft, remove span.first-letter usage

Browse source
This commit is contained in:
Ayo 2020-02-27 20:20:32 +08:00
parent 76c7edc94e
commit e7e68ec132
16 changed files with 66 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_drafts/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."
--- ---
<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? A new blog... *again?* What's this all about?

2
_drafts/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."
--- ---
<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?" You may be asking, "is this really going to be helpful for me?"

2
_drafts/2018-09-17-online-privacy.md
View file

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

2
_drafts/2018-09-24-angular-ghpages.md
View file

@ -7,7 +7,7 @@ image: "ubuntu-dev-setup"
image-attrib: "" 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--> Yep, this is free.<!--more-->

2
_drafts/2019-03-21-what-happend.md
View file

@ -6,7 +6,7 @@ keywords: ""
image: "me" image: "me"
image-attrib: "Photo stock by Lukas from Pexel." 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--> 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-->

2
_drafts/2019-08-18-dailies-1.md
View file

@ -6,7 +6,7 @@ keywords: ""
image: "me" image: "me"
image-attrib: "Photo stock by Lukas from Pexel." 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--> Here I write the process and considerations I have when choosing the technologies I used.<!--more-->

2
_drafts/2019-10-05-google-firebase-pros-cons.md
View file

@ -7,7 +7,7 @@ image: "hello-world"
image-attrib: "" 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. I then gave an overview of Google Firebase by listing the features it has has to offer for my considerations.

2
_drafts/2019-11-17-fullhacker-changes-2019.md
View file

@ -7,7 +7,7 @@ image: "hello-world"
image-attrib: "" 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--> 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
View 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

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."
--- ---
<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. 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: ""
--- ---
<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--> 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-->

2
_posts/2018-09-20-feels-fm.md
View file

@ -7,7 +7,7 @@ image: "feels-fm"
image-attrib: "" 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--> Here's a tool that just might help when you don't feel like going out or doing anything at all.<!--more-->

2
_posts/2019-10-04-google-firebase-overview.md
View file

@ -7,7 +7,7 @@ image: "drake_firebase"
image-attrib: "https://firebase.google.com" 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. I didn't really expect it to be so hard but, to my surprise, the sheer number of available options can really be overwhelming.

2
_posts/2019-10-14-forcing-javascript-dom-types.md
View file

@ -7,7 +7,7 @@ image: "javascript"
image-attrib: "JavaScript using HTMLTableElement instead of HTMLElement, or other specific DOM APIs" 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. Yeah, I know this works like magic in TypeScript.

2
_posts/2020-02-26-start-writing.md
View file

@ -7,7 +7,7 @@ image: "random-1"
image-attrib: "Random picture of me in the Queen Victoria Building." 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? ### What does this mean?

37
assets/main.scss
View file

@ -153,20 +153,33 @@ caption {
font-weight: bold; font-weight: bold;
} }
.post-list li h3 a:hover { .post-list {
text-decoration: none; li {
color: #bb4a03 !important; background-color: #fff;
div.post-excerpt::first-letter {
font-size: 75px;
line-height: 60px;
float: left;
padding: 0px 8px 0 3px;
color: #8A2BE2;
} }
.post-list li h3 a { h3 {
a {
color: #222 !important; color: #222 !important;
font-weight: bold; font-weight: bold;
font-size: 36px; font-size: 36px;
} }
.post-list li { a:hover {
background-color: #fff; text-decoration: none;
color: #bb4a03 !important;
} }
}
}
}
.categories { .categories {
width: 100%; width: 100%;
@ -400,6 +413,18 @@ caption {
main.page-content { main.page-content {
width: calc(70% - 20px); 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 { nav#side-nav {