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