back from vacation
This commit is contained in:
Micah Cowell
commit
0d5310633b
|
|
@ -0,0 +1,7 @@
|
|||
.jekyll-metadata
|
||||
.htaccess
|
||||
.DS_Store
|
||||
.sass-cache
|
||||
Gemfile.lock
|
||||
_site/
|
||||
_drafts/
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
layout: default
|
||||
title: Page Does Not Exist...
|
||||
permalink: /404.html
|
||||
---
|
||||
<p>Sorry this page does not exist</p>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
source 'https://rubygems.org'
|
||||
gem 'jekyll'
|
||||
gem 'jekyll-sitemap'
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
The MIT License (MIT)
|
||||
Copyright (c) 2016 Micah Cowell
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
# getmicah.github.io
|
||||
My blog made with [jekyll](http://jekyllrb.com) and hosted with Github Pages.
|
||||
|
||||
### License
|
||||
All this stuff is under the [MIT License](https://raw.githubusercontent.com/getmicah/getmicah.github.io/master/LICENSE)
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
# My variables
|
||||
name: Micah Cowell
|
||||
description: cool web design
|
||||
google_analytics: UA-39119359-12
|
||||
google_verification: null
|
||||
|
||||
|
||||
# File management
|
||||
include: [".htaccess"]
|
||||
exclude: ["README.md", "LICENSE"]
|
||||
|
||||
|
||||
# Sass
|
||||
sass:
|
||||
style: :compressed
|
||||
sass_dir: _sass
|
||||
|
||||
|
||||
# Markdown
|
||||
markdown: kramdown
|
||||
kramdown:
|
||||
input: GFM
|
||||
hard_wrap: false
|
||||
highlighter: rouge
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
- title: home
|
||||
url: /
|
||||
|
||||
- title: about
|
||||
url: /me
|
||||
|
||||
- title: contact
|
||||
url: mailto:micahcowell99@gmail.com
|
||||
|
||||
- title: github
|
||||
url: https://github.com/getmicah
|
||||
|
||||
- title: twitter
|
||||
url: https://twitter.com/getmicah
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
- name: Fatso
|
||||
category: theme
|
||||
url: https://github.com/getmicah/fatso
|
||||
|
||||
- name: Beam
|
||||
category: theme
|
||||
url: https://github.com/getmicah/beam
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
- name: Gif-Giving
|
||||
url: http://gif-giving.com
|
||||
|
||||
- name: Sheri Koetting
|
||||
url: http://sherikoetting.com
|
||||
|
||||
- name: GetPeppers
|
||||
url: http://getpeppers.com
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
|
||||
<div class="header">
|
||||
<h1>{{ site.name }}</h1>
|
||||
<ul>
|
||||
{% for item in site.data.navigation %}
|
||||
<li>
|
||||
<a href="{{ item.url }}">{{ item.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
|
||||
|
||||
<div class="about">
|
||||
<a class="about__back" href="/"><-- back</a>
|
||||
<h1 class="about__title">About Me:</h1>
|
||||
<div class="about__content">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
|
||||
{% if page.title %}
|
||||
<title>{{ page.title }}</title>
|
||||
{% else %}
|
||||
<title>{{ site.name }}</title>
|
||||
{% endif %}
|
||||
|
||||
<meta name="description" content="{{ site.description }}">
|
||||
|
||||
{% if site.google_verification %}
|
||||
<meta name="google-site-verification" content="{{ site.google_verify }}">
|
||||
{% endif %}
|
||||
|
||||
<link rel="icon" href="/assets/img/favicon.png">
|
||||
<link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
|
||||
<link rel="stylesheet" type="text/css" href="/assets/css/main.css">
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', '{{ site.google_verification }}', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="wrapper">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
<div class="post">
|
||||
<a class="post__back" href="/"><-- back</a>
|
||||
<h1 class="post__title">{{ page.title }}</h1>
|
||||
<p class="post__date">{{ page.date | date: '%B %-d, %Y' }}</p>
|
||||
<div class="post__content"?>
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
---
|
||||
layout: post
|
||||
title: Why I Switched from Ghost to Jekyll
|
||||
---
|
||||
|
||||
**TL;DR** Use [Jekyll and Github Pages](https://help.github.com/articles/about-github-pages-and-jekyll/) for a cheap and maintainable blog.
|
||||
|
||||
I made a new blog! For the past few months I had been content with [Ghost](https://ghost.org), the publishing platform for professional bloggers. I enjoyed its simplicity and even made a couple themes for it (check them out on my [Github](https://github.com/getmicah)), but as time went on I got tired of paying for server time every month. With all the buzz about "static blogs" I decided to give it a try. Inevitably, I came across Github Pages and Jekyll. Free hosting and a static site blog? Yes, Please.
|
||||
|
||||
It wasn't like there was anything wrong with Ghost. I was just tired of paying to host it on a server. Also, there were quite a few things that I didn't even realize I'd like before using Jekyll.
|
||||
|
||||
# Static Site
|
||||
One of those being the idea of a static website being generated and no need for a backend. This just makes sense and everything is very fast. Jekyll also automatically generates your Sass files into css which is very handy (no need setting up gulp every project).
|
||||
|
||||
# Local Posts
|
||||
Another thing I especially appreciate about Jekyll is how all your posts are stored locally. You just type out your post in markdown in your editor and push to Github to post. Also, its implementation of drafts is extremely useful because you can see how they look locally before making them a post.
|
||||
|
||||
# Variables
|
||||
The use of variables has to be my favorite feature. It splits variables up between site and page variables. Site variables would include the name of your blog and the description while page variables would be the name of the post or the date. You can include your own site variables inside the _config.yml file, such as a Google Analytics code or something of the nature.
|
||||
|
||||
# Data Files
|
||||
Another way to access info in your blog is through data files. Instead of just variables, data files allow you to create a YAML, JSON, or CSV file to put data into. For example on this site I have /data/websites.yml file where I store the websites I've made, the fields being the name and url, and then loop them into a list inside my html.
|
||||
|
||||
# Maintainable
|
||||
Everything is through Github, which is where I would be putting my code anyways, so it makes sense that it would also be where I host my website. Making changes to my blog is painless. All I have to do is push the code to Github whenever I make changes (though all changes should be tested locally).
|
||||
|
||||
# Conclusion
|
||||
So why did I switch to Jekyll? Simply the speed and price. The free hosting, static site generation, and complete control make it, in my opinion, the best option for any web developer desiring a blog. With Github Pages there's no need to check on your server nor do you have to worry about having the latest software, Github just does it for you.
|
||||
|
||||
<br>
|
||||
|
||||
For more information about Jekyll, check out the [Docs](https://jekyllrb.com/docs/home/).
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
layout: post
|
||||
title: Web Development Tips for Beginners
|
||||
---
|
||||
|
||||
In this post I'm going to tell you all the things I wish I would have known when I first got into making websites. The sort of things that won't make you a better coder but instead save you time and sanity.
|
||||
|
||||
# Use Github Pages
|
||||
Hopefully you are already using Github, if not go sign up and start using version control on your projects. With Github Pages you get a free domain (username.github.io) and free hosting. I explain this in more detail in this [post](/2016/03/10/ghost-to-jekyll.html).
|
||||
|
||||
# Backup Everything
|
||||
Every website you make should be kept safe somewhere, especially if it is for a client. Ideally you would keep it on Github and implement version control in your project. Dropbox and external hard drives are good too, just make sure it won't accidentally get deleted.
|
||||
|
||||
# Hate Bootstrap
|
||||
Seriously, don't use it. It makes you dumb and doesn't force you to come up with solutions on your own. Copying and pasting someone's css is better than blindly assigning HTML classes for Bootstrap. This applies for any css framework.
|
||||
|
||||
# Style with Sass
|
||||
I have no idea why anyone would prefer normal css over [Sass](http://sass-lang.com/). It makes for cleaner code and has tons of features. Installing Sass is easy and so is using it. It really is CSS with superpowers.
|
||||
|
||||
# Use a Build System
|
||||
This is what really got me coding much faster. A build system is something that automates tasks that you repeatedly do every time you update code (i.e. sass, lint, etc). [Gulp](http://gulpjs.com/) is my recommendation in this field though there is alternatives such as the popular Grunt.
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
---
|
||||
layout: post
|
||||
title: Arch Linux is Cool
|
||||
---
|
||||
|
||||
|
||||
For most my computer life I have either used Windows 7 or Linux. Windows was great but once I finally decided to try Ubuntu I never went back. I tried out all sorts of Linux distros (ie. Elementary OS, Crunchbang, Linux Mint) but none of them seemed right for me. After doing some searching around and I came to the conclusion that I had to attempt the unthinkable, Arch Linux.
|
||||
|
||||
# About My Computer
|
||||
*Hardware*: The PC I mainly use is a desktop that I built a few years back with a Intel Core i5, Nvidia GTX 650ti, and 8 GB of RAM.
|
||||
|
||||
*Usage*: On my computer I mainly write code using a basic text-editor (i.e. atom and sublime text) and browse the web. I sometime play video games on Steam, which include Civ5 and Besiege.
|
||||
|
||||
|
||||
# The Dreaded Installation
|
||||
Getting Arch Linux really isn't that bad. Arch has great [documentation](https://www.archlinux.org/) and the [beginner's guide](https://wiki.archlinux.org/index.php/beginners'_guide) makes everything very straight forward. It still took me a couple of tries to get a stable desktop environment (graphic drivers were tricky) but once I got all the basic stuff taken care of I was finally able to begin making the operating system I really wanted.
|
||||
|
||||
|
||||
# So Why use Arch?
|
||||
I'd be lying if I said I didn't use Arch because it makes me feel like a hacker elitist. Also seeing all the beautiful desktops on [/r/unixporn](https://www.reddit.com/r/unixporn) also influenced my decision in using Arch. But, there are some legitimate reasons on why I prefer Arch over other Linux distros or any operating system for that matter:
|
||||
|
||||
* The best performance
|
||||
* I choose what's installed
|
||||
* Always the latest software
|
||||
* Installing software is easy with pacman
|
||||
* Very intelligent community
|
||||
* Teaches you about how Linux works
|
||||
|
||||
|
||||
# Conclusion
|
||||
I really do see myself sticking with Arch for quite some time. With its rolling releases there will be no need to ever have to install any major updates and I have everything I really need in a computer. Though some things aren't perfect (ie. Steam isn't great yet) it's worth it for the gains in performance
|
||||
|
||||
|
||||
# What's on my PC
|
||||
Here's a short list of things I have installed on my main Arch Linux computer.
|
||||
|
||||
* Gnome 3 with [arc-theme](https://github.com/horst3180/arc-theme) and the [Paper icons](https://snwh.org/paper/icons/)
|
||||
* bspwm (if I'm feeling extra hackerish)
|
||||
* [mpv](https://mpv.io/) for all forms of media (ie. music and movies)
|
||||
* Google's open source browser [chromium](https://wiki.archlinux.org/index.php/chromium)
|
||||
* [atom-editor](https://aur.archlinux.org/packages/atom-editor-bin/) for coding (should probably learn vim better)
|
||||
|
||||
<br>
|
||||
|
||||
*Update:* I changed some of the "What's on my PC" entries due to the input on [reddit](https://www.reddit.com/r/archlinux/comments/4c4mmh/blog_post_arch_linux_is_cool/). Thanks!
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
// COLORS
|
||||
$color-primary: #272727;
|
||||
$color-background: #FFFFFF;
|
||||
$color-link: #1A0DAB;
|
||||
|
||||
// FONT
|
||||
$font-url: "https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic";
|
||||
$font-family: "'Ubuntu Mono', ";
|
||||
|
||||
// BREAKPOINTS
|
||||
$br: 600px;
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
/* http://meyerweb.com/eric/tools/css/reset/ */
|
||||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 1em;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
// HTML5 display-role reset for older browsers
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
/* END RESET */
|
||||
|
|
@ -0,0 +1,188 @@
|
|||
---
|
||||
---
|
||||
|
||||
@import "reset";
|
||||
@import "config";
|
||||
|
||||
body {
|
||||
color: $color-primary;
|
||||
background: $color-background;
|
||||
font-family: 'Inconsolata', ;
|
||||
font-size: 100%;
|
||||
font-weight: 400;
|
||||
}
|
||||
h1 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
line-height: 150%;
|
||||
}
|
||||
a {
|
||||
color: $color-link;
|
||||
text-decoration: none;
|
||||
&:visited {
|
||||
color: $color-link;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:hover {
|
||||
color: $color-link;
|
||||
text-decoration: underline;
|
||||
}
|
||||
&:active {
|
||||
color: $color-link;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
li {
|
||||
padding: 5px;
|
||||
padding-left: 10px;
|
||||
@media screen and (max-width: $br) {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.wrapper {
|
||||
max-width: 600px;
|
||||
margin: auto;
|
||||
padding: 60px 30px 60px 30px;
|
||||
@media screen and (max-width: $br) {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: baseline;
|
||||
padding-bottom: 50px;
|
||||
@media screen and (max-width: $br) {
|
||||
display: block;
|
||||
}
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
ul {
|
||||
margin-top: 10px;
|
||||
li {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.portfolio {
|
||||
padding-bottom: 30px;
|
||||
h1 {
|
||||
font-size: 1.4em;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.blog {
|
||||
padding-bottom: 30px;
|
||||
h1 {
|
||||
font-size: 1.4em;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.post {
|
||||
padding-bottom: 30px;
|
||||
&__title {
|
||||
font-size: 1.6em;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
&__date {
|
||||
font-size: 1em;
|
||||
font-style: italic;
|
||||
}
|
||||
&__content {
|
||||
padding-top: 40px;
|
||||
h1 {
|
||||
font-size: 1.2em;
|
||||
font-weight: 700;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
line-height: 150%;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
a {
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
strong {
|
||||
font-weight: 700;
|
||||
}
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
ul {
|
||||
font-size: 1em;
|
||||
list-style: circle;
|
||||
margin-left: 30px;
|
||||
margin-top: -5px;
|
||||
margin-bottom: 5px;
|
||||
li {
|
||||
padding: 5px;
|
||||
padding-left: 5px;
|
||||
@media screen and (max-width: $br) {
|
||||
padding: 10px 0 10px 0;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: $br) {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
img {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
@media screen and (max-width: $br) {
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.about {
|
||||
&__title {
|
||||
font-size: 1.6em;
|
||||
font-weight: 700;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
&__content {
|
||||
margin-top: 20px;
|
||||
h1 {
|
||||
font-size: 1.2em;
|
||||
font-style: italic;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
p {
|
||||
font-size: 1em;
|
||||
line-height: 150%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 200 KiB |
|
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% include header.html %}
|
||||
|
||||
<div class="portfolio">
|
||||
<h1>Web Design:</h1>
|
||||
<ul>
|
||||
{% for websites in site.data.websites %}
|
||||
<li>
|
||||
<a href="{{ websites.url }}">{{ websites.url }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="blog">
|
||||
<h1>Blog Posts:</h1>
|
||||
<ul>
|
||||
{% for post in site.posts %}
|
||||
<li>
|
||||
<span class="date">{{ post.date | date: '%Y %b %d' }}</span> - <a href="{{ post.url }}">{{ post.title }}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
---
|
||||
layout: about
|
||||
---
|
||||
|
||||
Hello, my name is Micah Cowell. I'm 17 years old living in Washington state. I like the internet, hip hop, and over-priced yo-yos. I make websites in the way I see most appealing and write code to put on Github.
|
||||
|
||||
# What is with the website url?
|
||||
The url hac.im is just my name backwards. I'm also hipster af.
|
||||
|
||||
# Who are your favorite artists?
|
||||
I currently like Oshi, Anderson Paak, and Common.
|
||||
|
||||
# What programming languages do you use?
|
||||
Javascript is my favorite but I do like Sass. I'm taking a Java class at my school right now (AP Computer Science) which is pretty fun.
|
||||
|
||||
# Which sports teams do you follow?
|
||||
I like following the Mariners but hate watching baseball. University of Washington football and basketball. Waiting for the Supersonics.
|
||||
Loading…
Reference in New Issue