kmmathis.github.io/index.html at master · kmmathis/kmmathis.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
---
layout: default
---

<div class="site-header">
  <div class="cover py4">
    <div class="cover-text">
      <h1 class="slideInLeft animated cover-heading p1 pl3 yellow mb1 mt0"><span class="cover-heading-cap">K</span>ory <span class="cover-heading-cap">M</span>athis</h1>
      <h2 class="slideInLeft animated cover-heading py1 pl3 h1 cover-heading blue mt0 mb1"><span class="cover-heading-cap">W</span>eb <span class="cover-heading-cap">D</span>eveloper</h2>
      <h2 class="slideInLeft animated cover-heading p1 pl3 h1 cover-heading red mt0 mb0"><span class="cover-heading-cap">M</span>usic <span class="cover-heading-cap">M</span>aker</h2>
    </div>
    <img src="/assets/img/me.png" class="cover-image animated slideInRight">
  </div>
</div>

<div class="site-content">

  <section class="section py2">
    <h3 class="cover-heading p1 pl3 black"><span class="cover-heading-cap">W</span>eb <span class="cover-heading-cap">P</span>rojects</h3>
    <div class="container px1 clearfix">

      <div class="flex flex-wrap">
        {% for post in site.posts %}
          <div class="col-12 sm-col-6 md-col-4 lg-col-3">
            <a href="{{ post.url | prepend: site.baseurl }}" class="project-preview px2 py1 my1 tdn">
              <h2 class="m0 p0 h3">{{ post.title | escape }}</h2>
              <p class="m0 p0">{{ post.description }}</p>
            </a>
          </div>
        {% endfor %}
      </div>
    </div>
  </section>

  <section class="section py2">
    <h3 class="cover-heading p1 pl3 black"><span class="cover-heading-cap">M</span>usic</h3>
    <div class="container px1 clearfix">
      <div class="flex flex-wrap">

        <div class="col-12 sm-col-6 md-col-4 lg-col-3">
          <a href="https://soundcloud.com/sir-mt-abel" class="project-preview px2 py1 my1 tdn">
            <h2 class="m0 p0 h3">SoundCloud</h2>
            <p class="m0 p0">Random songs that I record can be found here</p>
          </a>
        </div>

        <div class="col-12 sm-col-6 md-col-4 lg-col-3">
          <a href="http://reallyoldairplanes.bandcamp.com/album/forgotten-sadly-and-broken-ends" class="project-preview px2 py1 my1 tdn">
            <h2 class="m0 p0 h3">Forgotten Sadly, and Broken Ends</h2>
            <p class="m0 p0">An album I wrote and recorded with my band Really Old Airplanes in 2011</p>
          </a>
        </div>

        <div class="col-12 sm-col-6 md-col-4 lg-col-3">
          <a href="http://reallyoldairplanes.bandcamp.com/album/mischievist-ep" class="project-preview px2 py1 my1 tdn">
            <h2 class="m0 p0 h3">Mischievist EP</h2>
            <p class="m0 p0">The first release by my band Really Old Airplanes in 2010</p>
          </a>
        </div>

      </div>
    </div>
  </section>

  <div class="container px2 py4">
    {% include copyright.html %}
  </div>

</div>