projects.michaelbateman.ca/index.html at master · michael-bateman/projects.michaelbateman.ca · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
---
layout: default
title: Home
---

<div style="text-align: center;">
  <h1>Michael's Project Website</h1>
  <p>
    <i>
      This website contains Michael's computer projects that are current and from the past
    </i>
  </p>
  <br />
  <div class="card-columns">
    <div class="card">
      <div class="card-block">
        <h3 class="card-title">About Michael</h3>
          <a href="https://github.com/michael-bateman/" class="btn btn-secondary" style="color: inherit;"><span class="fa fa-github fa-lg"></span> @michael-bateman</a>
        <br /><br />
        <p class="card-text">I like computer science, rowing, music, blogging and so much more!  If I am not playing the trombone or rowing, I am trying to make a new project for computers.</p>
        <div>
          <a href="https://blog.michaelbateman.ca" class="btn btn-primary">Blog</a>
          <a href="https://michaelbateman.ca/contact/" class="btn btn-primary" target="_blank">Contact</a>
          <a href="https://michaelbateman.ca" class="btn btn-primary" target="_blank">Website &raquo;</a>
        </div>
      </div>
    </div>
    <div class="card">
      <div class="card-block">
        <h3 class="card-title">Languages</h3>
        <p class="card-text">
          <li>
            HTML
          </li>
          <li>
            CSS
          </li>
          <li>
            Python
          </li>
          <li>
            JavaScript
          </li>
          <li>
            Java
          </li>
          <li>
            AppleScript
          </li>
          <li>
            Command Line (Unix/Linux)
          </li>
        </p>
      </div>
    </div>
  </div>
  <div class="card">
    <div class="card-block">
      <h2 class="card-title">Projects</h2>
      <p class="card-text">
        Click to learn more!
      </p>
      <div id="accordion" role="tablist" aria-multiselectable="true" style="text-align: left;">
        {% for item in site.data.projects %}
          <div class="card">
            <div class="card-header" role="tab" id="heading{{ item[1].name | replace: ' ',''}}">
              <h5 class="mb-0" style="text-align: left;">
                <a data-toggle="collapse" data-parent="#accordion" href="#collapse{{ item[1].name | replace: ' ',''}}" aria-expanded="false" aria-controls="collapse{{ item[1].name | replace: ' ',''}}">
                  {{ item[1].name }}
                </a>
              </h5>
            </div>
            <div id="collapse{{ item[1].name | replace: ' ',''}}" class="collapse" role="tabpanel" aria-labelledby="heading{{ item[1].name | replace: ' ',''}}">
              <div class="card-block" style="color: #000">
                {{ item[1].description }}
                <div style="padding-top: 15px;">
                  {% if item[1].website %}<a href="{{ item[1].website }}" class="btn btn-primary">Website</a>{% endif %}
                  {% if item[1].github %}<a href="https://github.com/{% if item[1].github_username %}{{ item[1].github_username }}{% else %}michael-bateman{% endif %}/{{ item[1].github }}" class="btn btn-primary">GitHub Repository</a>{% endif %}
                  {% if item[1].link %}<a href="{{ site.baseurl }}/{{ item[1].link }}/" class="btn btn-primary">Learn More &raquo;</a>{% endif %}
                </div>
              </div>
            </div>
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>