added about page
This commit is contained in:
parent
7b264b6a51
commit
d2525e19ef
|
@ -1,20 +0,0 @@
|
||||||
|
|
||||||
<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">
|
|
|
@ -1,5 +1,5 @@
|
||||||
|
|
||||||
<div class="main">
|
<div class="header">
|
||||||
<h1>{{ site.name }}</h1>
|
<h1>{{ site.name }}</h1>
|
||||||
<ul>
|
<ul>
|
||||||
{% for item in site.data.navigation %}
|
{% for item in site.data.navigation %}
|
|
@ -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>
|
|
@ -2,7 +2,25 @@
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
{% include head.html %}
|
<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">
|
||||||
|
|
||||||
{% if jekyll.environment == 'production' and site.google_verification%}
|
{% if jekyll.environment == 'production' and site.google_verification%}
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -19,9 +19,6 @@ time, mark, audio, video {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -11,9 +11,13 @@ body {
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
h1, h2 {
|
h1 {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
p {
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 150%;
|
||||||
|
}
|
||||||
a {
|
a {
|
||||||
color: $color-link;
|
color: $color-link;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -31,9 +35,13 @@ a {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ul {
|
ul {
|
||||||
margin-top: 5px;
|
list-style: none;
|
||||||
li {
|
li {
|
||||||
margin-top: 5px;
|
padding: 5px;
|
||||||
|
padding-left: 10px;
|
||||||
|
@media screen and (max-width: 570px) {
|
||||||
|
padding: 10px 0 10px 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -41,15 +49,14 @@ ul {
|
||||||
.wrapper {
|
.wrapper {
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 30px;
|
padding: 60px 30px 60px 30px;
|
||||||
padding-top: 60px;
|
|
||||||
@media screen and (max-width: 570px) {
|
@media screen and (max-width: 570px) {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.main {
|
.header {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
|
@ -65,7 +72,8 @@ ul {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
li {
|
li {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-right: 5px;
|
padding: 0;
|
||||||
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -93,7 +101,7 @@ ul {
|
||||||
.post {
|
.post {
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
&__title {
|
&__title {
|
||||||
font-size: 1.4em;
|
font-size: 1.6em;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
@ -121,6 +129,9 @@ ul {
|
||||||
em {
|
em {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
ul {
|
||||||
|
list-style: circle;
|
||||||
|
}
|
||||||
img {
|
img {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
|
@ -132,7 +143,25 @@ ul {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.about {
|
.about {
|
||||||
padding-bottom: 30px;
|
&__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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
layout: default
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
{% include main.html %}
|
{% include header.html %}
|
||||||
|
|
||||||
<div class="portfolio">
|
<div class="portfolio">
|
||||||
<h1>Web Design:</h1>
|
<h1>Web Design:</h1>
|
||||||
|
|
|
@ -1,9 +0,0 @@
|
||||||
---
|
|
||||||
layout: default
|
|
||||||
---
|
|
||||||
|
|
||||||
{% include main.html %}
|
|
||||||
|
|
||||||
<div class="about">
|
|
||||||
|
|
||||||
</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