diff --git a/_drafts/2018-04-21-git-and-github-guide.md b/_drafts/2018-04-21-git-and-github-guide.md deleted file mode 100644 index daabfe9..0000000 --- a/_drafts/2018-04-21-git-and-github-guide.md +++ /dev/null @@ -1,21 +0,0 @@ ---- -title: "How To Start Using Github for Learning Development Technologies" -permalink: "/git-and-github-guide" -description: "I strongly believe that every developer should know Git and Github. Here's why." -keywords: "" -image: "git-github.jpg" -image-attrib: "Photo stock by Tim Gouw from Pexel." ---- - -If there's something that would greatly jumpstart your growth as a developer, I would say that's learning Git and exploring projects on [Github](https://github.com). - -Github hosts [all sorts of projects](https://github.com/explore) from Desktop apps to Web apps, and would most likely have examples for any technology you want to learn. - - -Github is basically a website for opensource communities. It is sort of the place in the Web where developers get together to collaborate on projects. - -It is not just the best place to contribute or start an opensource project, but also a good starting point to see and learn how other developers write their code and communicate with each other to resolve issues. - -To cut the long story short, Github's a good place to start learning how to be a developer... and more. - -Let's go through the steps on creating an account on github and creating your first project repository. \ No newline at end of file diff --git a/_drafts/2018-04-21-reasons-to-join-github.md b/_drafts/2018-04-21-git-how-to.md similarity index 71% rename from _drafts/2018-04-21-reasons-to-join-github.md rename to _drafts/2018-04-21-git-how-to.md index 068d50a..0540e9f 100644 --- a/_drafts/2018-04-21-reasons-to-join-github.md +++ b/_drafts/2018-04-21-git-how-to.md @@ -1,6 +1,6 @@ --- -title: "Reasons to Join Github" -permalink: "/why-join-github" +title: "What Is Git And How To Use It" +permalink: "/git-how-to" description: "Let's talk about some reasons why joining Github is crucial for every developer." keywords: "" image: "git-github.jpg" diff --git a/_drafts/2018-04-21-thoughts-on-building-an-ecommerce-site.md b/_ideas/2018-04-21-thoughts-on-building-an-ecommerce-site.md similarity index 100% rename from _drafts/2018-04-21-thoughts-on-building-an-ecommerce-site.md rename to _ideas/2018-04-21-thoughts-on-building-an-ecommerce-site.md diff --git a/_posts/2018-04-21-git-and-github.md b/_posts/2018-04-21-git-and-github.md new file mode 100644 index 0000000..85bdd2b --- /dev/null +++ b/_posts/2018-04-21-git-and-github.md @@ -0,0 +1,47 @@ +--- +title: "What Is Github and Why Every Developer Needs It" +permalink: "/git-and-github" +description: "I strongly believe that every developer should know Git and Github. Here's why." +keywords: "" +image: "git-github.jpg" +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). + +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. + + +Now, what exactly is Github? + +Github is basically a website for communities of developers working on projects. It is sort of a place on the Web where developers get together to collaborate. + +Github hosts [all sorts of projects](https://github.com/explore) from Desktop apps to Web apps, and would most likely have examples for any technology you want to learn. + +There are other websites that serve this same purpose (like [Bitbucket](https://bitbucket.org) and [Gitlab](https://gitlab.com)) but Github is now the preferred home for most Open Source projects due to it being the oldest and its culture of openness. + +Because of this "openness", Github is not just the best place to start or contribute to an existing project. It is also a good place to see and learn how other developers write their code. You can even observe how collaborators communicate with each other to resolve their issues. + +This way, the things you learn from your observations can be used not just in the way you code but also in the way you communicate with your own colleagues. + +Just beware: you have to know which projects are good for your level of experience because some of them requires more advanced skills before you can contribute or even just understand what is going on. + +In case you don't feel like joining others, you can always use Github to host your projects. Then, you can code at your own pace using your own style and preferred technologies. + +You might even find that it's always a good practice to have a copy of all your code backed up in a Github repository for safekeeping. + +If you don't want to start from scratch, you can just "fork" any interesting project to get a copy in your own account... then you can practically do *anything* you want with it! + +I find this very inspiring, that I can just start using other people's code and hack it up the way I want it. Try searching for one of your favorite apps over at Github, and you just might be surprised that it's open-sourced. + +If it is open-sourced, then you can play with the code yourself... or submit an issue anytime you find a bug or think of a missing feature you want to be added. Submitting issues is the easiest way to contribute to a project even without writing a single line of code. + +Isn't that great? I hope, by now, you see how Github can greatly add to your developer skills. + +To cut the long story short, Github is a good place to start learning how to be a developer, and check out the technologies you will use along the way... + +But before you hurry and join Github, there's another thing we need to talk about. You won't be able to get the most out of it without this... + +Well, you must first learn how to use Git as your Source Control Management. Why don't we talk about that next? + + \ No newline at end of file diff --git a/assets/main.scss b/assets/main.scss index eb62529..cb61ef2 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -216,18 +216,21 @@ article .post-content ol li, margin: 10px 0; } -.post-readmore a:hover { +.post-readmore a:hover, +.up-next:hover { text-decoration: none; } -.post-readmore a { +.post-readmore a, +.up-next { background-color: #ee4a03; - color: #ffffff; + color: #ffffff !important; padding: 15px; display: inline-block; width: calc(100% - 30px); font-size: 16px; font-weight: bold; + font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important; border-radius: 3.2px; border: 1px solid #ee4a03; text-align: center; diff --git a/hacker/_includes.hacker/disqus_comments.html b/hacker/_includes.hacker/disqus_comments.html deleted file mode 100644 index 87fa309..0000000 --- a/hacker/_includes.hacker/disqus_comments.html +++ /dev/null @@ -1,20 +0,0 @@ -{% if page.comments != false and jekyll.environment == "production" %} - -
- - -{% endif %} diff --git a/hacker/_includes.hacker/footer.html b/hacker/_includes.hacker/footer.html deleted file mode 100644 index 885c189..0000000 --- a/hacker/_includes.hacker/footer.html +++ /dev/null @@ -1,48 +0,0 @@ - diff --git a/hacker/_includes.hacker/google-analytics.html b/hacker/_includes.hacker/google-analytics.html deleted file mode 100644 index eb2a692..0000000 --- a/hacker/_includes.hacker/google-analytics.html +++ /dev/null @@ -1,11 +0,0 @@ - - diff --git a/hacker/_includes.hacker/head.html b/hacker/_includes.hacker/head.html deleted file mode 100644 index b8e571b..0000000 --- a/hacker/_includes.hacker/head.html +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - {% if jekyll.environment == 'production' and site.google_analytics %} - {% include google-analytics.html %} - {% endif %} - - - diff --git a/hacker/_includes.hacker/header.html b/hacker/_includes.hacker/header.html deleted file mode 100644 index 8345c74..0000000 --- a/hacker/_includes.hacker/header.html +++ /dev/null @@ -1,49 +0,0 @@ - - diff --git a/hacker/_includes.hacker/icon-github.html b/hacker/_includes.hacker/icon-github.html deleted file mode 100644 index cb01a35..0000000 --- a/hacker/_includes.hacker/icon-github.html +++ /dev/null @@ -1 +0,0 @@ -{% include icon-github.svg %}{{ include.username }} diff --git a/hacker/_includes.hacker/icon-github.svg b/hacker/_includes.hacker/icon-github.svg deleted file mode 100644 index e6c5f6d..0000000 --- a/hacker/_includes.hacker/icon-github.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/hacker/_includes.hacker/icon-twitter.html b/hacker/_includes.hacker/icon-twitter.html deleted file mode 100644 index 8684b6a..0000000 --- a/hacker/_includes.hacker/icon-twitter.html +++ /dev/null @@ -1 +0,0 @@ -{% include icon-twitter.svg %}{{ include.username }} diff --git a/hacker/_includes.hacker/icon-twitter.svg b/hacker/_includes.hacker/icon-twitter.svg deleted file mode 100644 index efc0ecf..0000000 --- a/hacker/_includes.hacker/icon-twitter.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/hacker/_layouts.hacker/default.html b/hacker/_layouts.hacker/default.html deleted file mode 100644 index 2588093..0000000 --- a/hacker/_layouts.hacker/default.html +++ /dev/null @@ -1,26 +0,0 @@ - - - - {% include head.html %} - - - -
- - {% include header.html %} - -
-
-
- {{ content }} -
-
-
- - {% include footer.html %} - -
- - - - diff --git a/hacker/_layouts.hacker/home.html b/hacker/_layouts.hacker/home.html deleted file mode 100644 index 2531362..0000000 --- a/hacker/_layouts.hacker/home.html +++ /dev/null @@ -1,28 +0,0 @@ ---- -layout: default ---- - -
- {% if page.title %} -

{{ page.title }}

- {% endif %} - - {{ content }} - - {% if site.posts.size > 0 %} -

{{ page.list_title }}

- - - {% endif %} - -
diff --git a/hacker/_layouts.hacker/page.html b/hacker/_layouts.hacker/page.html deleted file mode 100644 index 01e4b2a..0000000 --- a/hacker/_layouts.hacker/page.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: default ---- -
- -
-

{{ page.title | escape }}

-
- -
- {{ content }} -
- -
diff --git a/hacker/_layouts.hacker/post.html b/hacker/_layouts.hacker/post.html deleted file mode 100644 index e546380..0000000 --- a/hacker/_layouts.hacker/post.html +++ /dev/null @@ -1,28 +0,0 @@ ---- -layout: default ---- -
- -
-

- - {% if page.author %} - • - {% endif %}

- -

{{ page.title | escape }}

-
- -
- {{ content }} -
- - {% if site.disqus.shortname %} - {% include disqus_comments.html %} - {% endif %} - - -
diff --git a/hacker/assets.hacker/main.scss b/hacker/assets.hacker/main.scss deleted file mode 100644 index 98d645a..0000000 --- a/hacker/assets.hacker/main.scss +++ /dev/null @@ -1,173 +0,0 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- - -@import "minima"; -@import url(type-js.css); -@import url(vim.css); - -html, -body { - font: 300 21px Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; - color: #ddd; - background-color: #333; - -webkit-box-shadow: inset 0 3px 30px rgba(0,0,0,0.3); - -moz-box-shadow: inset 0 3px 30px rgba(0,0,0,0.3); - box-shadow: inset 0 3px 30px rgba(0,0,0,0.3); - text-shadow: 0 1px 3px rgba(0,0,0,0.5); - -webkit-font-feature-settings: "kern" 1; - -moz-font-feature-settings: "kern" 1; - -o-font-feature-settings: "kern" 1; - font-feature-settings: "kern" 1; - font-kerning: normal; - margin: 0; -} - -.site-title { - font-size: 50px; - color: white !important; - text-shadow: 0px 4px 3px rgba(0,0,0,0.4), - 0px 8px 13px rgba(0,0,0,0.1), - 0px 18px 23px rgba(0,0,0,0.1); -} - -.page-content { - background-color: white; - width: 60%; - margin: 30px auto !important; - background-color: #444 !important; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - padding: 30px; - -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); - -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); - box-shadow: 0 3px 10px rgba(0,0,0,0.1); -} - -.page-content .wrapper { - padding: 0px; - margin: 0px auto; -} - -.page-content p { - font-size: 16.96px; - line-height: 26px; -} - -.site-nav .page-link.current { - background-color: #fc0; - color: #222; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 5px rgba(0,0,0,0.5); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),0 1px 5px rgba(0,0,0,0.5); - box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 1px 5px rgba(0,0,0,0.5); - text-shadow: 0 1px 0 rgba(255,255,255,0.3); -} - -a, a:visited, .site-nav .page-link { - color: #fc0; - text-decoration: none; - -webkit-transition: all 0.25s; - -moz-transition: all 0.25s; - -o-transition: all 0.25s; - transition: all 0.25s; -} - -@media screen and (max-width: 600px) { - .site-nav { - background-color: transparent !important; - border: 0px !important; - } -} - -.site-nav .page-link:hover { - color: #fc0; - background-color: #252525; - -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1); - -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.5),0 1px 0 rgba(255,255,255,0.1); - box-shadow: inset 0 1px 3px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.1); - text-shadow: 0 1px 3px rgba(0,0,0,0.5); -} - -.site-nav .page-link { - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - font-weight: 900; - font-size: 0.75em; - padding: 0.5em 1em; - text-shadow: none; - text-transform: uppercase; - -webkit-transition: all 0.25s; - -moz-transition: all 0.25s; - -o-transition: all 0.25s; - transition: all 0.25s; -} - -a.post-link:hover { - color: white; -} -a.post-link, h1.post-title { - color: #ddd; - font-weight: bold; - display: block; - font-size: 2em; - -webkit-margin-after: 0.67em; - -webkit-margin-start: 0px; - -webkit-margin-end: 0px; -} - -h1.post-title { - color: #fff; - font-size: 32px; -} - -a:hover { - color: #f90; - text-decoration: none; -} - -.desc-list, .contact-list, .social-media-list { - list-style: none; - margin-left: 0; -} - -.page-content { -} - -.footer-col-wrapper { - color: #ddd -} - -.site-header, .site-footer { - background: #2b2b2b; - border: 0px; - padding: 15px; -} - -.site-desc { - top: 0px; - color: #efefef; - text-shadow: 0px 4px 3px rgba(0,0,0,0.4), - 0px 8px 13px rgba(0,0,0,0.1), - 0px 18px 23px rgba(0,0,0,0.1); -} - -.site-desc-wrapper { - float:left; - position: relative; - top: 0; - left: 90px; -} - -.site-title-wrapper { - float: left; -} - -.site-title-desc-wrapper { - float: left; - width: 200px; -} - -/**/ - diff --git a/hacker/assets.hacker/type-js.css b/hacker/assets.hacker/type-js.css deleted file mode 100644 index 2d6a885..0000000 --- a/hacker/assets.hacker/type-js.css +++ /dev/null @@ -1,25 +0,0 @@ -/**/ -.text-js{ - opacity: 0; - } - .cursor{ - display: block; - position: absolute; - height: 100%; - top: 0; - right: -5px; - width: 3px; - /* Change colour of Cursor Here */ - background-color: white; - z-index: 1; - animation: flash 0.5s none infinite alternate; - } - @keyframes flash{ - 0%{ - opacity: 1; - } - 100%{ - opacity: 0; - } - } - diff --git a/hacker/assets.hacker/type-js.js b/hacker/assets.hacker/type-js.js deleted file mode 100644 index 268694f..0000000 --- a/hacker/assets.hacker/type-js.js +++ /dev/null @@ -1,43 +0,0 @@ -// DISCLAIMER: This function does require jQuery. I've used it here because the project I'm building this for already uses jQuery, so I thought why not. It can be modified quite simply to be done in raw JavaScript. Just thought I'd let you know. - - - - -// This is the funtion you need to copy -// Copy from line 9 to 34 - -function autoType(elementClass, typingSpeed){ - var thhis = $(elementClass); - thhis.css({ - "position": "relative", - "display": "inline-block" - }); - thhis.prepend('
'); - thhis = thhis.find(".text-js"); - var text = thhis.text().trim().split(''); - var amntOfChars = text.length; - var newString = ""; - thhis.text("|"); - setTimeout(function(){ - thhis.css("opacity",1); - thhis.prev().removeAttr("style"); - thhis.text(""); - for(var i = 0; i < amntOfChars; i++){ - (function(i,char){ - setTimeout(function() { - newString += char; - thhis.text(newString); - },i*typingSpeed); - })(i+1,text[i]); - } - },1500); - } - - $(document).ready(function(){ - // Now to start autoTyping just call the autoType function with the - // class of outer div - // The second paramter is the speed between each letter is typed. - autoType(".type-js",200); - - console.log('dom loaded!'); - }); diff --git a/hacker/assets.hacker/vim.css b/hacker/assets.hacker/vim.css deleted file mode 100644 index 3b5d33e..0000000 --- a/hacker/assets.hacker/vim.css +++ /dev/null @@ -1,78 +0,0 @@ -.highlight .hll { background-color: #222222 } -.highlight { background: #000000; color: #cccccc } -.highlight .c { color: #000080 } /* Comment */ -.highlight .err { color: #cccccc; border: 1px solid #FF0000 } /* Error */ -.highlight .esc { color: #cccccc } /* Escape */ -.highlight .g { color: #cccccc } /* Generic */ -.highlight .k { color: #cdcd00 } /* Keyword */ -.highlight .l { color: #cccccc } /* Literal */ -.highlight .n { color: #cccccc } /* Name */ -.highlight .o { color: #3399cc } /* Operator */ -.highlight .x { color: #cccccc } /* Other */ -.highlight .p { color: #cccccc } /* Punctuation */ -.highlight .ch { color: #000080 } /* Comment.Hashbang */ -.highlight .cm { color: #000080 } /* Comment.Multiline */ -.highlight .cp { color: #000080 } /* Comment.Preproc */ -.highlight .cpf { color: #000080 } /* Comment.PreprocFile */ -.highlight .c1 { color: #000080 } /* Comment.Single */ -.highlight .cs { color: #cd0000; font-weight: bold } /* Comment.Special */ -.highlight .gd { color: #cd0000 } /* Generic.Deleted */ -.highlight .ge { color: #cccccc; font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #FF0000 } /* Generic.Error */ -.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ -.highlight .gi { color: #00cd00 } /* Generic.Inserted */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */ -.highlight .gs { color: #cccccc; font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ -.highlight .gt { color: #0044DD } /* Generic.Traceback */ -.highlight .kc { color: #cdcd00 } /* Keyword.Constant */ -.highlight .kd { color: #00cd00 } /* Keyword.Declaration */ -.highlight .kn { color: #cd00cd } /* Keyword.Namespace */ -.highlight .kp { color: #cdcd00 } /* Keyword.Pseudo */ -.highlight .kr { color: #cdcd00 } /* Keyword.Reserved */ -.highlight .kt { color: #00cd00 } /* Keyword.Type */ -.highlight .ld { color: #cccccc } /* Literal.Date */ -.highlight .m { color: #cd00cd } /* Literal.Number */ -.highlight .s { color: #cd0000 } /* Literal.String */ -.highlight .na { color: #cccccc } /* Name.Attribute */ -.highlight .nb { color: #cd00cd } /* Name.Builtin */ -.highlight .nc { color: #00cdcd } /* Name.Class */ -.highlight .no { color: #cccccc } /* Name.Constant */ -.highlight .nd { color: #cccccc } /* Name.Decorator */ -.highlight .ni { color: #cccccc } /* Name.Entity */ -.highlight .ne { color: #666699; font-weight: bold } /* Name.Exception */ -.highlight .nf { color: #cccccc } /* Name.Function */ -.highlight .nl { color: #cccccc } /* Name.Label */ -.highlight .nn { color: #cccccc } /* Name.Namespace */ -.highlight .nx { color: #cccccc } /* Name.Other */ -.highlight .py { color: #cccccc } /* Name.Property */ -.highlight .nt { color: #cccccc } /* Name.Tag */ -.highlight .nv { color: #00cdcd } /* Name.Variable */ -.highlight .ow { color: #cdcd00 } /* Operator.Word */ -.highlight .w { color: #cccccc } /* Text.Whitespace */ -.highlight .mb { color: #cd00cd } /* Literal.Number.Bin */ -.highlight .mf { color: #cd00cd } /* Literal.Number.Float */ -.highlight .mh { color: #cd00cd } /* Literal.Number.Hex */ -.highlight .mi { color: #cd00cd } /* Literal.Number.Integer */ -.highlight .mo { color: #cd00cd } /* Literal.Number.Oct */ -.highlight .sa { color: #cd0000 } /* Literal.String.Affix */ -.highlight .sb { color: #cd0000 } /* Literal.String.Backtick */ -.highlight .sc { color: #cd0000 } /* Literal.String.Char */ -.highlight .dl { color: #cd0000 } /* Literal.String.Delimiter */ -.highlight .sd { color: #cd0000 } /* Literal.String.Doc */ -.highlight .s2 { color: #cd0000 } /* Literal.String.Double */ -.highlight .se { color: #cd0000 } /* Literal.String.Escape */ -.highlight .sh { color: #cd0000 } /* Literal.String.Heredoc */ -.highlight .si { color: #cd0000 } /* Literal.String.Interpol */ -.highlight .sx { color: #cd0000 } /* Literal.String.Other */ -.highlight .sr { color: #cd0000 } /* Literal.String.Regex */ -.highlight .s1 { color: #cd0000 } /* Literal.String.Single */ -.highlight .ss { color: #cd0000 } /* Literal.String.Symbol */ -.highlight .bp { color: #cd00cd } /* Name.Builtin.Pseudo */ -.highlight .fm { color: #cccccc } /* Name.Function.Magic */ -.highlight .vc { color: #00cdcd } /* Name.Variable.Class */ -.highlight .vg { color: #00cdcd } /* Name.Variable.Global */ -.highlight .vi { color: #00cdcd } /* Name.Variable.Instance */ -.highlight .vm { color: #00cdcd } /* Name.Variable.Magic */ -.highlight .il { color: #cd00cd } /* Literal.Number.Integer.Long */