From e7e68ec132bbf20f866a63717b55487189932420 Mon Sep 17 00:00:00 2001 From: Ayo Date: Thu, 27 Feb 2020 20:20:32 +0800 Subject: [PATCH] new draft, remove span.first-letter usage --- _drafts/2018-01-02-hello-world.md | 2 +- .../2018-03-11-who-we-are-and-our-purpose.md | 2 +- _drafts/2018-09-17-online-privacy.md | 2 +- _drafts/2018-09-24-angular-ghpages.md | 2 +- _drafts/2019-03-21-what-happend.md | 2 +- _drafts/2019-08-18-dailies-1.md | 2 +- .../2019-10-05-google-firebase-pros-cons.md | 2 +- _drafts/2019-11-17-fullhacker-changes-2019.md | 2 +- _drafts/2020-02-27-routines.md | 14 +++++ _posts/2018-04-21-git-and-github.md | 2 +- _posts/2018-06-13-ubuntu-quick-dev-setup.md | 2 +- _posts/2018-09-20-feels-fm.md | 2 +- _posts/2019-10-04-google-firebase-overview.md | 2 +- ...2019-10-14-forcing-javascript-dom-types.md | 2 +- _posts/2020-02-26-start-writing.md | 2 +- assets/main.scss | 51 ++++++++++++++----- 16 files changed, 66 insertions(+), 27 deletions(-) create mode 100644 _drafts/2020-02-27-routines.md diff --git a/_drafts/2018-01-02-hello-world.md b/_drafts/2018-01-02-hello-world.md index 5762268..bbface3 100644 --- a/_drafts/2018-01-02-hello-world.md +++ b/_drafts/2018-01-02-hello-world.md @@ -6,7 +6,7 @@ keywords: "" image: "hello-world" image-attrib: "Photo stock by Lukas from Pexel." --- -It's kind of getting old, I know. +It's kind of getting old, I know. A new blog... *again?* What's this all about? diff --git a/_drafts/2018-03-11-who-we-are-and-our-purpose.md b/_drafts/2018-03-11-who-we-are-and-our-purpose.md index 24e1abb..a668403 100644 --- a/_drafts/2018-03-11-who-we-are-and-our-purpose.md +++ b/_drafts/2018-03-11-who-we-are-and-our-purpose.md @@ -6,7 +6,7 @@ keywords: "" image: "who-we-are" image-attrib: "Photo stock by Lukas from Pexel." --- -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. +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?" diff --git a/_drafts/2018-09-17-online-privacy.md b/_drafts/2018-09-17-online-privacy.md index 08d65dc..cfe486f 100644 --- a/_drafts/2018-09-17-online-privacy.md +++ b/_drafts/2018-09-17-online-privacy.md @@ -7,7 +7,7 @@ image: "ubuntu-dev-setup" image-attrib: "" --- -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. +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. 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. diff --git a/_drafts/2018-09-24-angular-ghpages.md b/_drafts/2018-09-24-angular-ghpages.md index eadf88f..f2cfb03 100644 --- a/_drafts/2018-09-24-angular-ghpages.md +++ b/_drafts/2018-09-24-angular-ghpages.md @@ -7,7 +7,7 @@ image: "ubuntu-dev-setup" image-attrib: "" --- -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. +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. diff --git a/_drafts/2019-03-21-what-happend.md b/_drafts/2019-03-21-what-happend.md index 34e457f..c50178c 100644 --- a/_drafts/2019-03-21-what-happend.md +++ b/_drafts/2019-03-21-what-happend.md @@ -6,7 +6,7 @@ keywords: "" image: "me" image-attrib: "Photo stock by Lukas from Pexel." --- -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. +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. diff --git a/_drafts/2019-08-18-dailies-1.md b/_drafts/2019-08-18-dailies-1.md index 1a52178..ce6dcb2 100644 --- a/_drafts/2019-08-18-dailies-1.md +++ b/_drafts/2019-08-18-dailies-1.md @@ -6,7 +6,7 @@ keywords: "" image: "me" image-attrib: "Photo stock by Lukas from Pexel." --- -Started 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. diff --git a/_drafts/2019-10-05-google-firebase-pros-cons.md b/_drafts/2019-10-05-google-firebase-pros-cons.md index 86bb31e..18b80b6 100644 --- a/_drafts/2019-10-05-google-firebase-pros-cons.md +++ b/_drafts/2019-10-05-google-firebase-pros-cons.md @@ -7,7 +7,7 @@ image: "hello-world" image-attrib: "" --- -In 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. diff --git a/_drafts/2019-11-17-fullhacker-changes-2019.md b/_drafts/2019-11-17-fullhacker-changes-2019.md index f8449a8..6c99b73 100644 --- a/_drafts/2019-11-17-fullhacker-changes-2019.md +++ b/_drafts/2019-11-17-fullhacker-changes-2019.md @@ -7,7 +7,7 @@ image: "hello-world" image-attrib: "" --- -This 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. diff --git a/_drafts/2020-02-27-routines.md b/_drafts/2020-02-27-routines.md new file mode 100644 index 0000000..f8f8b9e --- /dev/null +++ b/_drafts/2020-02-27-routines.md @@ -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. :) + +But first, let's start with why. + +## Why You Need Routines + diff --git a/_posts/2018-04-21-git-and-github.md b/_posts/2018-04-21-git-and-github.md index 74690cc..52a01bb 100644 --- a/_posts/2018-04-21-git-and-github.md +++ b/_posts/2018-04-21-git-and-github.md @@ -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). +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. diff --git a/_posts/2018-06-13-ubuntu-quick-dev-setup.md b/_posts/2018-06-13-ubuntu-quick-dev-setup.md index e37413a..913a66d 100644 --- a/_posts/2018-06-13-ubuntu-quick-dev-setup.md +++ b/_posts/2018-06-13-ubuntu-quick-dev-setup.md @@ -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. +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). diff --git a/_posts/2018-09-20-feels-fm.md b/_posts/2018-09-20-feels-fm.md index 8b6f1db..9e234ec 100644 --- a/_posts/2018-09-20-feels-fm.md +++ b/_posts/2018-09-20-feels-fm.md @@ -7,7 +7,7 @@ image: "feels-fm" image-attrib: "" --- -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? +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. diff --git a/_posts/2019-10-04-google-firebase-overview.md b/_posts/2019-10-04-google-firebase-overview.md index 569b966..b321c63 100644 --- a/_posts/2019-10-04-google-firebase-overview.md +++ b/_posts/2019-10-04-google-firebase-overview.md @@ -7,7 +7,7 @@ image: "drake_firebase" image-attrib: "https://firebase.google.com" --- -Recently, 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. diff --git a/_posts/2019-10-14-forcing-javascript-dom-types.md b/_posts/2019-10-14-forcing-javascript-dom-types.md index 9044adb..546cde8 100644 --- a/_posts/2019-10-14-forcing-javascript-dom-types.md +++ b/_posts/2019-10-14-forcing-javascript-dom-types.md @@ -7,7 +7,7 @@ image: "javascript" image-attrib: "JavaScript using HTMLTableElement instead of HTMLElement, or other specific DOM APIs" --- -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. +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. diff --git a/_posts/2020-02-26-start-writing.md b/_posts/2020-02-26-start-writing.md index e22e88b..76f5ebf 100644 --- a/_posts/2020-02-26-start-writing.md +++ b/_posts/2020-02-26-start-writing.md @@ -7,7 +7,7 @@ image: "random-1" image-attrib: "Random picture of me in the Queen Victoria Building." --- -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. +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. ### What does this mean? diff --git a/assets/main.scss b/assets/main.scss index d3c3541..09ba3ed 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -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;