diff --git a/.gitignore b/.gitignore
index b4efe3a..f298c32 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,6 @@
_site
+vendor
+.bundle
.sass-cache
.jekyll-metadata
*~
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..4d8bf05
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\bash.exe",
+}
\ No newline at end of file
diff --git a/Gemfile b/Gemfile
index 7410638..60e58c3 100644
--- a/Gemfile
+++ b/Gemfile
@@ -28,3 +28,4 @@ end
# Windows does not include zoneinfo files, so bundle the tzinfo-data gem
gem "tzinfo-data", platforms: [:mingw, :mswin, :x64_mingw, :jruby]
+gem 'jemoji'
\ No newline at end of file
diff --git a/Gemfile.lock b/Gemfile.lock
index 721c885..e0595a4 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,6 +1,11 @@
GEM
remote: https://rubygems.org/
specs:
+ activesupport (5.2.1)
+ concurrent-ruby (~> 1.0, >= 1.0.2)
+ i18n (>= 0.7, < 2)
+ minitest (~> 5.1)
+ tzinfo (~> 1.1)
addressable (2.5.2)
public_suffix (>= 2.0.2, < 4.0)
colorator (1.1.0)
@@ -8,13 +13,17 @@ GEM
em-websocket (0.5.1)
eventmachine (>= 0.12.9)
http_parser.rb (~> 0.6.0)
- eventmachine (1.2.5)
- ffi (1.9.18)
+ eventmachine (1.2.7)
+ ffi (1.9.25)
forwardable-extended (2.6.0)
+ gemoji (3.0.0)
+ html-pipeline (2.8.4)
+ activesupport (>= 2)
+ nokogiri (>= 1.4)
http_parser.rb (0.6.0)
- i18n (0.9.1)
+ i18n (0.9.5)
concurrent-ruby (~> 1.0)
- jekyll (3.7.0)
+ jekyll (3.7.4)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
@@ -27,35 +36,50 @@ GEM
pathutil (~> 0.9)
rouge (>= 1.7, < 4)
safe_yaml (~> 1.0)
- jekyll-feed (0.9.2)
+ jekyll-feed (0.11.0)
jekyll (~> 3.3)
- jekyll-sass-converter (1.5.1)
+ jekyll-sass-converter (1.5.2)
sass (~> 3.4)
+ jekyll-seo-tag (2.5.0)
+ jekyll (~> 3.3)
jekyll-watch (2.0.0)
listen (~> 3.0)
- kramdown (1.16.2)
+ jemoji (0.10.1)
+ gemoji (~> 3.0)
+ html-pipeline (~> 2.2)
+ jekyll (~> 3.0)
+ kramdown (1.17.0)
liquid (4.0.0)
listen (3.1.5)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
ruby_dep (~> 1.2)
mercenary (0.3.6)
- minima (2.1.1)
- jekyll (~> 3.3)
+ mini_portile2 (2.3.0)
+ minima (2.5.0)
+ jekyll (~> 3.5)
+ jekyll-feed (~> 0.9)
+ jekyll-seo-tag (~> 2.1)
+ minitest (5.11.3)
+ nokogiri (1.8.4)
+ mini_portile2 (~> 2.3.0)
pathutil (0.16.1)
forwardable-extended (~> 2.6)
- public_suffix (3.0.1)
- rb-fsevent (0.10.2)
+ public_suffix (3.0.3)
+ rb-fsevent (0.10.3)
rb-inotify (0.9.10)
ffi (>= 0.5.0, < 2)
- rouge (3.1.0)
+ rouge (3.2.1)
ruby_dep (1.5.0)
safe_yaml (1.0.4)
- sass (3.5.5)
+ sass (3.5.7)
sass-listen (~> 4.0.0)
sass-listen (4.0.0)
rb-fsevent (~> 0.9, >= 0.9.4)
rb-inotify (~> 0.9, >= 0.9.7)
+ thread_safe (0.3.6)
+ tzinfo (1.2.5)
+ thread_safe (~> 0.1)
PLATFORMS
ruby
@@ -63,9 +87,10 @@ PLATFORMS
DEPENDENCIES
jekyll (~> 3.7.0)
jekyll-feed (~> 0.6)
+ jemoji
minima (~> 2.0)
rouge
tzinfo-data
BUNDLED WITH
- 1.16.0
+ 1.16.4
diff --git a/README.md b/README.md
index e3bdda8..221ae33 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,5 @@
-This blog is build with Jekyll on top of the default [Minima theme](https://github.com/jekyll/minima).
+This blog is built with Jekyll on top of the default [Minima theme](https://github.com/jekyll/minima).
+
+## Some things that will be included in this readme in the future:
+1. Generating thumbnails and optimizing images
+
diff --git a/_config.yml b/_config.yml
index 763613a..028469f 100644
--- a/_config.yml
+++ b/_config.yml
@@ -34,7 +34,8 @@ markdown: kramdown
theme: minima
highighter: rouge
plugins:
- - jekyll-feed
+ - jekyll-feed
+ - jemoji
defaults:
-
diff --git a/_drafts/2018-09-17-online-privacy.md b/_drafts/2018-09-17-online-privacy.md
new file mode 100644
index 0000000..08d65dc
--- /dev/null
+++ b/_drafts/2018-09-17-online-privacy.md
@@ -0,0 +1,27 @@
+---
+title: "How To Take Back Your Online Privacy"
+permalink: "/online-privacy"
+description: "Information technology has boomed in recent history allowing humans interact and conduct businesses online, but what does this mean for our privacy?"
+keywords: ""
+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.
+
+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.
+
+These measures exist because we want our valuables to be protected from others.
+
+Why then should our digital world be different?
+
+How can we make sure that our valuable personal information are secure and private when we upload them online?
+
+
+
diff --git a/_drafts/2018-09-24-angular-ghpages.md b/_drafts/2018-09-24-angular-ghpages.md
new file mode 100644
index 0000000..eadf88f
--- /dev/null
+++ b/_drafts/2018-09-24-angular-ghpages.md
@@ -0,0 +1,111 @@
+---
+title: "For Developers: How To Deploy Your Angular App on the Web for Free Using Github Pages"
+permalink: "/deploy-angular-ghpages"
+description: "Did you know you can host your Angular App on Github Pages for free? Perfect for deploying prototypes and simple web apps"
+keywords: ""
+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.
+
+Yep, this is free.
+
+This is how it works:
+- All the code for the app is stored in a [Github repository](https://github.com/ayoayco/myapp) which has a dedicated branch for the production build of the app.
+- The web app is automatically deployed and hosted by [Github Pages](https://pages.github.com) who listens to any changes made in this dedicated production branch.
+
+That's it!
+
+Here are the steps to setup an Angular project that you will deploy in Github Pages.
+
+## Create a new Angular project on your computer
+
+Before you can dream of having an Angular app deployed on the web, you first need to create it on your local machine. Angular CLI is the perfect tool to do this, as it automatically scaffolds a very basic Angular project which you can then hack to your heart's content.
+
+Here's how you do that:
+
+If you don't have Node.js and NPM yet, install them first.
+
+After installing Node.js with NPM, we need to install Angular CLI globally. Open a terminal and type in:
+```bash
+npm i -g @angular/cli
+```
+
+Next, we use Angular CLI to generate a new project, and then navigate inside the directory:
+```bash
+ng new myapp
+cd myapp
+```
+
+Then, install all necessary node modules for the project. Make sure you are inside the project directory before typing in this command:
+```bash
+npm i
+```
+
+After installing the required node modules, you now have a fully working Angular app on your machin. To debug and see it on your browser, just run the angular-cli local server:
+```bash
+ng serve
+```
+After this, you may browse to [http://localhost:4200](http://localhost:4200) to see the basic Angular app that angular-cli scaffolded for you.
+
+
+{% include image.html url="assets/images/screenshots/github/HelloMyApp.png" description="A very basic Angular app build with Angular CLI" %}
+
+For more information on Angular CLI and how it works, read up on the documentations in [their website](https://cli.angular.io).
+
+## Create a new repository at Github
+
+Now that you have a working Angular project on your local machine, you need to create a new Github repository that will hold all your project's files. This repository will contain the *production branch* which will contain the build files for your deployed production app.
+
+Here's what you need to do.
+
+If you don't have a Github account yet, head [over there](https://github.com) and create one now. Here's a previous post on [why every developer needs to do this anyway](/git-and-github).
+{% include image.html url="assets/images/screenshots/github/Home.png" description="Github is built for developers. It's the world's leading software development platform." %}
+
+Next, create the repository for your Angular project.
+
+Just click the plus icon "+" in your Github dashboard, then click the "New repository" in the menu that pops up.
+{% include image.html url="assets/images/screenshots/github/NewRepo.png" description="Your personal Github dashboard shows general information on your Github activities" %}
+
+This will then lead you to a page where you need to input the details for your new Github repository.
+{% include image.html url="assets/images/screenshots/github/NewRepoDetails.png" description="The creation of a new Github repository" %}
+
+Put the repository name you want and an optional description for the project.
+
+Then, just leave the checkbox "Initialize this repository with a README" unchecked.
+
+When you are satisfied with the details, click the "Create repository" button.
+
+Now that you have created a new Github repository, we can now upload your Angular project.
+
+Just make sure your computer is authorized to do so. :smile:
+
+This only needs to be done once for every computer so if your Github account is not new and you already authorized your computer to push codes to your Github account, you don't need to do this now.
+
+Here's a good [document](https://help.github.com/articles/adding-a-new-ssh-key-to-your-github-account/) on how to authorize your computer to upload to your Github account's repositories.
+
+## Upload your Angular project to your new Github repository
+
+Right after you create the Github repository, a page will detail some options on how to fill up the new repository with files:
+
+{% include image.html url="assets/images/screenshots/github/UploadToRepo.png" %}
+
+We will do the steps under the third option: **push an existing repository from the command line**
+
+In your terminal, inside the project directory, type in the commands under the third option. It should be something like:
+```bash
+git remote add origin git@github.com:/.git
+git push -u master
+```
+
+After doing the commands, you may now refresh the Github repository page and find your files listed there.
+
+{% include image.html url="assets/images/screenshots/github/RepoFiles.png" %}
+
+With your files now up in your repository, it's now time to setup your project's Github Pages.
+
+## Setup Github Pages for your Angular project
+
+
+
diff --git a/_includes/head.html b/_includes/head.html
index 7b02072..32b8c23 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -8,31 +8,53 @@
gtag('config', 'UA-113797180-1');
-
-
-
+ {{page.title}} | Web Technologies and Productivity Hacks | {{site.title}}
+
+
+
+
-
-
- {% if page.type == "post" %}{% else %}{% endif %}
-
-
-
-
+
+
+
+
- Web Development and Productivity Hacks | {{site.title}}
+
+
+
+
+
+
+
+
-
-
-
- {% if jekyll.environment == 'production' and site.google_analytics %}
+
+
+ {% if page.type == "post" %}
+ {% else %}{% endif %}
+
+
+
+
+
+
+
+
+
+
+
+
+ {% if jekyll.environment == 'production' and site.google_analytics %}
{% include google-analytics.html %}
- {% endif %}
-
-
+ {% endif %}
-
+
+
+
diff --git a/_includes/image.html b/_includes/image.html
new file mode 100644
index 0000000..9170dce
--- /dev/null
+++ b/_includes/image.html
@@ -0,0 +1,4 @@
+
+
{{ include.description }}
+
+
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 46bbbc5..6c1f383 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -1,5 +1,5 @@
-
+
{% include head.html %}
@@ -19,13 +19,8 @@
{% include header.html %} {% if page.type == "home" %}
-
+
-
-
-
-
+
{% endif %}
@@ -65,8 +59,8 @@
-
Hi! I'm Ayo!
-
Thanks for dropping by! I started this website with the hope of having a place to share things I think will be helpful to developers such as myself. I hope you come by more often and find some interesting stuff!
+
Web Technologies and Productivity Hacks
+
Learn how to use the best and latest web applications and technologies to boost your productivity.