socialnerds/website
socialnerds/website
1
0
Fork 0
Code Issues Pull Requests Activity

back from vacation

Browse Source
This commit is contained in:
Micah Cowell 2016-04-08 23:23:47 -07:00
commit 0d5310633b
25 changed files with 542 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.gitignore vendored Normal file
View File

@ -0,0 +1,7 @@
.jekyll-metadata
.htaccess
.DS_Store
.sass-cache
Gemfile.lock
_site/
_drafts/

6
404.html Normal file
View File

@ -0,0 +1,6 @@
---
layout: default
title: Page Does Not Exist...
permalink: /404.html
---
<p>Sorry this page does not exist</p>

1
CNAME Normal file
View File

@ -0,0 +1 @@
micahcowell.com

3
Gemfile Normal file
View File

@ -0,0 +1,3 @@
source 'https://rubygems.org'
gem 'jekyll'
gem 'jekyll-sitemap'

8
LICENSE Normal file
View File

@ -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.

5
README.md Normal file
View File

@ -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)

24
_config.yml Normal file
View File

@ -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

14
_data/navigation.yml Normal file
View File

@ -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

7
_data/projects.yml Normal file
View File

@ -0,0 +1,7 @@
- name: Fatso
category: theme
url: https://github.com/getmicah/fatso
- name: Beam
category: theme
url: https://github.com/getmicah/beam

8
_data/websites.yml Normal file
View File

@ -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

11
_includes/header.html Normal file
View File

@ -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>

13
_layouts/about.html Normal file
View File

@ -0,0 +1,13 @@
---
layout: default
---
<div class="about">
<a class="about__back" href="/">&lt;-- back</a>
<h1 class="about__title">About Me:</h1>
<div class="about__content">
{{ content }}
</div>
</div>

44
_layouts/default.html Normal file
View File

@ -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>

12
_layouts/post.html Normal file
View File

@ -0,0 +1,12 @@
---
layout: default
---
<div class="post">
<a class="post__back" href="/">&lt;-- 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>

32
_posts/2016-03-10-ghost-to-jekyll.md Normal file
View File

@ -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 &#95;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/).

21
_posts/2016-03-17-web-dev-tips.md Normal file
View File

@ -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.

45
_posts/2016-03-26-arch-linux.md Normal file
View File

@ -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!

11
_sass/_config.scss Normal file
View File

@ -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;

37
_sass/_reset.scss Normal file
View File

@ -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 */

188
assets/css/main.scss Normal file
View File

@ -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;
}
}
}

BIN
assets/img/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
assets/img/new-blog-who-dis.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
assets/img/new-blog-who-dis.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 200 KiB

28
index.html Normal file
View File

@ -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>

17
me/index.md Normal file
View File

@ -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.