blog.trnck.dev
init light/dark theme
+307
-562
+1
-1
Gemfile
+1
-1
Gemfile
···
1
1
source 'https://rubygems.org'
2
2
gem 'github-pages', group: :jekyll_plugins, github: "github/pages-gem", branch: "master"
3
-
gem "jekyll-github-metadata", github: "jekyll/github-metadata", branch: "master"
3
+
gem "jekyll-github-metadata", github: "kenyonj/github-metadata", branch: "jk-add-repo-stars-forks-hireable"
4
4
5
5
gem "jekyll-octicons"
+3
-3
Gemfile.lock
+3
-3
Gemfile.lock
···
50
50
terminal-table (~> 1.4)
51
51
52
52
GIT
53
-
remote: git://github.com/jekyll/github-metadata.git
54
-
revision: 6e08726766e3011a7c22327dfb102a7dc4c523f0
55
-
branch: master
53
+
remote: git://github.com/kenyonj/github-metadata.git
54
+
revision: 6be52b767cb555b07abdd06b2c2c7e185eb9bb51
55
+
branch: jk-add-repo-stars-forks-hireable
56
56
specs:
57
57
jekyll-github-metadata (2.10.0)
58
58
jekyll (~> 3.4)
+9
-2
_config.yml
+9
-2
_config.yml
···
1
1
repository: sophshep/manager-resources
2
2
3
+
style: dark
4
+
3
5
sass:
4
-
sass_dir: node_modules
6
+
load_paths:
7
+
- _sass
8
+
- node_modules
5
9
6
10
plugins:
7
11
- jekyll-octicons
···
9
13
10
14
topics:
11
15
- name: Web design
12
-
github_name: web-design
16
+
13
17
- name: CSS
14
18
github_name: css
19
+
image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/css/css.png
20
+
15
21
- name: Sass
16
22
github_name: sass
23
+
image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/sass/sass.png
+1
-1
_includes/header.html
+1
-1
_includes/header.html
-19
_includes/org-card.html
-19
_includes/org-card.html
···
1
-
<div class="github-component">
2
-
<div class="topic-box position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5">
3
-
<a href="/primer" class="no-underline d-flex flex-column flex-justify-center">
4
-
<img src="https://avatars1.githubusercontent.com/u/7143434?s=200&v=4" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="primer logo">
5
-
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">
6
-
Primer
7
-
</p>
8
-
<p class="f5 text-gray text-center mb-3 mt-1">Components and behaviors for building things on the Web, from GitHub.</p>
9
-
<div class="v-align-middle text-gray">
10
-
{% octicon location height:16 class:"mr-1 v-align-middle" aria-label:location %}
11
-
<span>Planet Earth</span>
12
-
</div>
13
-
<div class="v-align-middle">
14
-
{% octicon link height:16 class:"mr-1 v-align-middle" aria-label:link %}
15
-
<p><a href="http://primer.github.io/">primer.github.io</a></p>
16
-
</div>
17
-
</a>
18
-
</div>
19
-
</div>
+1
-1
_includes/projects.html
+1
-1
_includes/projects.html
···
1
1
<h2>My Projects</h2>
2
-
<p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p>
2
+
<p class="f4 mb-4 text-gray">GitHub repositories that I've built.</p>
3
3
<div class="d-flex flex-wrap gutter-condensed mb-4">
4
4
{% for repository in site.github.public_repositories limit: 4 %}
5
5
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
+6
-2
_includes/repo-card.html
+6
-2
_includes/repo-card.html
···
10
10
</div>
11
11
<div class="text-gray mb-2 ws-normal">{{ repository.description }}</div>
12
12
<div class="d-flex f6">
13
+
{% if repository.stargazers_count %}
13
14
<a href="" class="d-inline-block link-gray mr-4">
14
-
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>130253
15
+
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>{{ repository.stargazers_count }}
15
16
</a>
17
+
{% endif %}
18
+
{% if repository.forks_count %}
16
19
<a href="" class="d-inline-block link-gray mr-4">
17
-
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>63919
20
+
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>{{ repository.forks_count }}
18
21
</a>
22
+
{% endif %}
19
23
</div>
20
24
</div>
+32
-15
_includes/topic-card.html
+32
-15
_includes/topic-card.html
···
1
-
<div class="github-component">
2
-
<div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5">
3
-
{% if topic.github_name %}
4
-
<a href="https://github.com/topics/{{ topic.github_name }}" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
5
-
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/{{ topic.github_name }}/{{ topic.github_name }}.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="{{ topic.name }}">
6
-
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">{{ topic.name }}</p>
7
-
{% if topic.description %}
8
-
<p class="f5 text-gray text-center mb-0 mt-1">{{ topic.description }}</p>
9
-
{% endif %}
10
-
</a>
1
+
{% if topic.github_name %}
2
+
<a href="https://github.com/topics/{{ topic.github_name }}" class="github-component position-relative hover-grow height-full no-underline d-flex flex-column flex-justify-center text-center border border-gray-light rounded-1 bg-white p-5">
3
+
{% if topic.image_url %}
4
+
<img src="{{ topic.image_url }}" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="{{ topic.name }}">
5
+
{% else %}
6
+
<div
7
+
class="bg-blue-light f4 text-gray-light text-bold rounded-1 flex-shrink-0 text-center mx-auto mb-3"
8
+
style="width:64px; height:64px; line-height:64px;"
9
+
>
10
+
#
11
+
</div>
12
+
{% endif %}
13
+
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">{{ topic.name }}</p>
14
+
{% if topic.description %}
15
+
<p class="f5 text-gray text-center mb-0 mt-1">{{ topic.description }}</p>
16
+
{% endif %}
17
+
</a>
18
+
{% else %}
19
+
<div class="github-component position-relative height-full text-center border border-gray-light rounded-1 bg-white p-5">
20
+
{% if topic.image_url %}
21
+
<img src="{{ topic.image_url }}" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="{{ topic.name }}">
11
22
{% else %}
12
-
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">{{ topic.name }}</p>
13
-
{% if topic.description %}
14
-
<p class="f5 text-gray text-center mb-0 mt-1">{{ topic.description }}</p>
15
-
{% endif %}
23
+
<div
24
+
class="bg-blue-light f4 text-gray-light text-bold rounded-1 flex-shrink-0 text-center mx-auto mb-3"
25
+
style="width:64px; height:64px; line-height:64px;"
26
+
>
27
+
#
28
+
</div>
29
+
{% endif %}
30
+
<p class="f3 lh-condensed text-center mb-0 mt-1">{{ topic.name }}</p>
31
+
{% if topic.description %}
32
+
<p class="f5 text-gray text-center mb-0 mt-1">{{ topic.description }}</p>
16
33
{% endif %}
17
34
</div>
18
-
</div>
35
+
{% endif %}
+15
-11
_layouts/stacked.html
+15
-11
_layouts/stacked.html
···
4
4
5
5
<div class="container-lg py-6 p-responsive text-center">
6
6
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
7
-
<h1 class="mb-2 lh-condensed">{{ user.name }}</h1>
7
+
<h1 class="mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
8
8
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
9
9
{{ user.bio }}
10
10
</p>
11
11
<div class="f4 mb-6">
12
-
<div class="d-md-inline-block mr-3">
13
-
{% octicon mark-github height:20 class:"mr-1 v-align-middle" aria-label:GitHub %}
14
-
<a href="https://github.com/{{ user.login }}">
15
-
@{{ user.login }}
16
-
</a>
17
-
</div>
18
-
<div class="d-md-inline-block">
19
-
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
20
-
{{ user.location }}
21
-
</div>
12
+
{% if user.name %}
13
+
<div class="d-md-inline-block mr-3">
14
+
{% octicon mark-github height:20 class:"mr-1 v-align-middle" aria-label:GitHub %}
15
+
<a href="https://github.com/{{ user.login }}">
16
+
@{{ user.login }}
17
+
</a>
18
+
</div>
19
+
{% endif %}
20
+
{% if user.location %}
21
+
<div class="d-md-inline-block">
22
+
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
23
+
{{ user.location }}
24
+
</div>
25
+
{% endif %}
22
26
</div>
23
27
24
28
{{ content }}
_sass/light.scss
_sass/light.scss
This is a binary file and will not be displayed.
+4
_site/assets/styles.css
+4
_site/assets/styles.css
···
3769
3769
.pb-xl-12 { padding-bottom: 128px !important; }
3770
3770
/* Set a 128px padding to the top & bottom at the xl breakpoint */
3771
3771
.py-xl-12 { padding-top: 128px !important; padding-bottom: 128px !important; } }
3772
+
body { color: #ffffff; }
3773
+
3774
+
body { font-family: 'Rubik', sans-serif; }
3775
+
3772
3776
.github-component { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; }
+199
-21
_site/index.html
+199
-21
_site/index.html
···
2
2
<html>
3
3
<head>
4
4
<meta charset="utf-8">
5
-
<title>manager-resources</title>
5
+
<title>Sophie Shepherd</title>
6
6
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
7
7
</head>
8
-
<body>
9
-
<div class="container-lg p-responsive">
10
-
<h1>manager-resources</h1>
11
-
<p></p>
12
-
<p class="text-bold">sophshep</p>
13
-
<img src="https://avatars3.githubusercontent.com/u/527589?v=4">
8
+
<body class="bg-gray-light">
9
+
10
+
11
+
12
+
13
+
<div class="d-md-flex" style="height: 100vh">
14
+
<div class="flex-self-stretch border-bottom border-md-none border-md-right border-gray-light bg-white col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
15
+
<img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;">
16
+
<h1 class="mb-2 lh-condensed">Sophie Shepherd</h1>
17
+
<p class="mb-3 f4 text-gray">
18
+
✏ Design manager at @github
19
+
</p>
20
+
<div class="f4 mb-6">
21
+
22
+
<div class="d-flex flex-items-center mb-3">
23
+
<svg height="20" class="octicon octicon-mark-github mr-2 v-align-middle" aria-label="GitHub" viewBox="0 0 16 16" version="1.1" width="20" role="img"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
24
+
<a href="https://github.com/sophshep">
25
+
@sophshep
26
+
</a>
27
+
</div>
28
+
29
+
30
+
31
+
<div class="d-flex flex-items-center mb-3">
32
+
<svg height="20" class="octicon octicon-location mr-2 v-align-middle" aria-label="Location" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
33
+
Austin TX
34
+
</div>
35
+
36
+
14
37
</div>
38
+
</div>
15
39
16
-
<ul>
40
+
<div class="col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7">
41
+
<div class="mx-auto" style="max-width: 900px;">
42
+
<h2>My Projects</h2>
43
+
<p class="f4 mb-4 text-gray">GitHub repositories that I've built.</p>
44
+
<div class="d-flex flex-wrap gutter-condensed mb-4">
45
+
46
+
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
47
+
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
48
+
<div class="d-flex flex-justify-between flex-items-start mb-1">
49
+
<h1 class="f4 lh-condensed mb-1">
50
+
<a href="https://github.com/sophshep/austin">
51
+
<svg height="20" class="octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
52
+
<span class="text-normal">sophshep /</span>
53
+
austin
54
+
</a>
55
+
</h1>
56
+
</div>
57
+
<div class="text-gray mb-2 ws-normal">Favorite Austin things</div>
58
+
<div class="d-flex f6">
17
59
18
-
<li>[austin](https://github.com/sophshep/austin)</li>
60
+
<a href="" class="d-inline-block link-gray mr-4">
61
+
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>1
62
+
</a>
63
+
64
+
65
+
<a href="" class="d-inline-block link-gray mr-4">
66
+
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>0
67
+
</a>
68
+
69
+
</div>
70
+
</div>
71
+
72
+
</div>
73
+
74
+
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
75
+
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
76
+
<div class="d-flex flex-justify-between flex-items-start mb-1">
77
+
<h1 class="f4 lh-condensed mb-1">
78
+
<a href="https://github.com/sophshep/gdi-intro-to-github">
79
+
<svg height="20" class="octicon octicon-repo octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
80
+
<span class="text-normal">sophshep /</span>
81
+
gdi-intro-to-github
82
+
</a>
83
+
</h1>
84
+
</div>
85
+
<div class="text-gray mb-2 ws-normal">A project that students can collaborate on</div>
86
+
<div class="d-flex f6">
19
87
20
-
<li>[gdi-intro-to-github](https://github.com/sophshep/gdi-intro-to-github)</li>
88
+
<a href="" class="d-inline-block link-gray mr-4">
89
+
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>0
90
+
</a>
21
91
22
-
<li>[github-move](https://github.com/sophshep/github-move)</li>
23
92
24
-
<li>[github-slideshow](https://github.com/sophshep/github-slideshow)</li>
93
+
<a href="" class="d-inline-block link-gray mr-4">
94
+
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>0
95
+
</a>
25
96
26
-
</ul>
97
+
</div>
98
+
</div>
27
99
28
-
<script src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js"
29
-
></script>
30
-
<link rel="stylesheet" href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css" />
100
+
</div>
101
+
102
+
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
103
+
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
104
+
<div class="d-flex flex-justify-between flex-items-start mb-1">
105
+
<h1 class="f4 lh-condensed mb-1">
106
+
<a href="https://github.com/sophshep/github-move">
107
+
<svg height="20" class="octicon octicon-repo octicon octicon-repo octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
108
+
<span class="text-normal">sophshep /</span>
109
+
github-move
110
+
</a>
111
+
</h1>
112
+
</div>
113
+
<div class="text-gray mb-2 ws-normal"></div>
114
+
<div class="d-flex f6">
115
+
116
+
<a href="" class="d-inline-block link-gray mr-4">
117
+
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>0
118
+
</a>
119
+
120
+
121
+
<a href="" class="d-inline-block link-gray mr-4">
122
+
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>0
123
+
</a>
124
+
125
+
</div>
126
+
</div>
31
127
32
-
<div class="container-lg p-responsive">
33
-
<div class="calendar"></div>
128
+
</div>
129
+
130
+
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
131
+
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
132
+
<div class="d-flex flex-justify-between flex-items-start mb-1">
133
+
<h1 class="f4 lh-condensed mb-1">
134
+
<a href="https://github.com/sophshep/github-slideshow">
135
+
<svg height="20" class="octicon octicon-repo octicon octicon-repo octicon octicon-repo octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
136
+
<span class="text-normal">sophshep /</span>
137
+
github-slideshow
138
+
</a>
139
+
</h1>
140
+
</div>
141
+
<div class="text-gray mb-2 ws-normal">A robot powered training repository :robot:</div>
142
+
<div class="d-flex f6">
143
+
144
+
<a href="" class="d-inline-block link-gray mr-4">
145
+
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>0
146
+
</a>
147
+
148
+
149
+
<a href="" class="d-inline-block link-gray mr-4">
150
+
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>0
151
+
</a>
152
+
153
+
</div>
154
+
</div>
155
+
34
156
</div>
35
-
<script>
36
-
GitHubCalendar(".calendar", "sophshep", { responsive: true });
37
-
</script>
157
+
158
+
</div>
159
+
160
+
161
+
<h2>My Interests</h2>
162
+
<p class="f4 mb-4 text-gray">Topics that I want to learn more about.</p>
163
+
<div class="d-flex flex-wrap gutter-condensed mb-4">
164
+
165
+
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
166
+
167
+
<div class="github-component position-relative height-full text-center border border-gray-light rounded-1 bg-white p-5">
168
+
169
+
<div
170
+
class="bg-blue-light f4 text-gray-light text-bold rounded-1 flex-shrink-0 text-center mx-auto mb-3"
171
+
style="width:64px; height:64px; line-height:64px;"
172
+
>
173
+
#
174
+
</div>
175
+
176
+
<p class="f3 lh-condensed text-center mb-0 mt-1">Web design</p>
177
+
178
+
</div>
179
+
180
+
181
+
</div>
182
+
183
+
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
184
+
185
+
<a href="https://github.com/topics/css" class="github-component position-relative hover-grow height-full no-underline d-flex flex-column flex-justify-center text-center border border-gray-light rounded-1 bg-white p-5">
186
+
187
+
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/css/css.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="CSS">
188
+
189
+
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">CSS</p>
190
+
191
+
</a>
192
+
193
+
194
+
</div>
195
+
196
+
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
197
+
198
+
<a href="https://github.com/topics/sass" class="github-component position-relative hover-grow height-full no-underline d-flex flex-column flex-justify-center text-center border border-gray-light rounded-1 bg-white p-5">
199
+
200
+
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/sass/sass.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="Sass">
201
+
202
+
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">Sass</p>
203
+
204
+
</a>
205
+
206
+
207
+
</div>
208
+
209
+
</div>
210
+
211
+
</div>
212
+
</div>
213
+
</div>
214
+
38
215
</body>
39
216
</html>
217
+
-146
_site/layout-stacked.html
-146
_site/layout-stacked.html
···
1
-
<!doctype html>
2
-
<html>
3
-
<head>
4
-
<meta charset="utf-8">
5
-
<title>Sophie Shepherd</title>
6
-
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
7
-
</head>
8
-
<body>
9
-
10
-
11
-
12
-
13
-
<div class="container-lg py-6 p-responsive text-center">
14
-
<img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;">
15
-
<h1 class="mb-2 lh-condensed">Sophie Shepherd</h1>
16
-
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
17
-
✏ Design manager at @github
18
-
</p>
19
-
<div class="f4 mb-6">
20
-
<div class="d-md-inline-block mr-3">
21
-
<svg height="20" class="octicon octicon-mark-github mr-1 v-align-middle" aria-label="GitHub" viewBox="0 0 16 16" version="1.1" width="20" role="img"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
22
-
<a href="https://github.com/sophshep">
23
-
@sophshep
24
-
</a>
25
-
</div>
26
-
<div class="d-md-inline-block">
27
-
<svg height="20" class="octicon octicon-location mr-1 v-align-middle" aria-label="Location" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
28
-
Austin TX
29
-
</div>
30
-
</div>
31
-
32
-
Hello! This is where the content will be.
33
-
34
-
35
-
<div class="my-6">
36
-
<h2>My Projects</h2>
37
-
<p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p>
38
-
<div class="d-flex flex-wrap gutter-condensed mb-4">
39
-
40
-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
41
-
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
42
-
<div class="d-flex flex-justify-between flex-items-start mb-1">
43
-
<h1 class="f4 lh-condensed mb-1">
44
-
<a href="https://github.com/sophshep/austin">
45
-
<svg height="20" class="octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
46
-
<span class="text-normal">sophshep /</span>
47
-
austin
48
-
</a>
49
-
</h1>
50
-
</div>
51
-
<div class="text-gray mb-2 ws-normal">Favorite Austin things</div>
52
-
<div class="d-flex f6">
53
-
<a href="" class="d-inline-block link-gray mr-4">
54
-
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>130253
55
-
</a>
56
-
<a href="" class="d-inline-block link-gray mr-4">
57
-
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>63919
58
-
</a>
59
-
</div>
60
-
</div>
61
-
62
-
</div>
63
-
64
-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
65
-
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
66
-
<div class="d-flex flex-justify-between flex-items-start mb-1">
67
-
<h1 class="f4 lh-condensed mb-1">
68
-
<a href="https://github.com/sophshep/gdi-intro-to-github">
69
-
<svg height="20" class="octicon octicon-repo octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
70
-
<span class="text-normal">sophshep /</span>
71
-
gdi-intro-to-github
72
-
</a>
73
-
</h1>
74
-
</div>
75
-
<div class="text-gray mb-2 ws-normal">A project that students can collaborate on</div>
76
-
<div class="d-flex f6">
77
-
<a href="" class="d-inline-block link-gray mr-4">
78
-
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>130253
79
-
</a>
80
-
<a href="" class="d-inline-block link-gray mr-4">
81
-
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>63919
82
-
</a>
83
-
</div>
84
-
</div>
85
-
86
-
</div>
87
-
88
-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
89
-
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
90
-
<div class="d-flex flex-justify-between flex-items-start mb-1">
91
-
<h1 class="f4 lh-condensed mb-1">
92
-
<a href="https://github.com/sophshep/github-move">
93
-
<svg height="20" class="octicon octicon-repo octicon octicon-repo octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
94
-
<span class="text-normal">sophshep /</span>
95
-
github-move
96
-
</a>
97
-
</h1>
98
-
</div>
99
-
<div class="text-gray mb-2 ws-normal"></div>
100
-
<div class="d-flex f6">
101
-
<a href="" class="d-inline-block link-gray mr-4">
102
-
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>130253
103
-
</a>
104
-
<a href="" class="d-inline-block link-gray mr-4">
105
-
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>63919
106
-
</a>
107
-
</div>
108
-
</div>
109
-
110
-
</div>
111
-
112
-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
113
-
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
114
-
<div class="d-flex flex-justify-between flex-items-start mb-1">
115
-
<h1 class="f4 lh-condensed mb-1">
116
-
<a href="https://github.com/sophshep/github-slideshow">
117
-
<svg height="20" class="octicon octicon-repo octicon octicon-repo octicon octicon-repo octicon octicon-repo mr-1 v-align-middle" fill="#586069" aria-label="repo" viewBox="0 0 12 16" version="1.1" width="15" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
118
-
<span class="text-normal">sophshep /</span>
119
-
github-slideshow
120
-
</a>
121
-
</h1>
122
-
</div>
123
-
<div class="text-gray mb-2 ws-normal">A robot powered training repository :robot:</div>
124
-
<div class="d-flex f6">
125
-
<a href="" class="d-inline-block link-gray mr-4">
126
-
<svg class="octicon octicon-star mr-1" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path></svg>130253
127
-
</a>
128
-
<a href="" class="d-inline-block link-gray mr-4">
129
-
<svg class="octicon octicon-git-branch mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path></svg>63919
130
-
</a>
131
-
</div>
132
-
</div>
133
-
134
-
</div>
135
-
136
-
</div>
137
-
138
-
</div>
139
-
140
-
</div>
141
-
142
-
143
-
144
-
</body>
145
-
</html>
146
-
+2
-1
assets/styles.scss
+2
-1
assets/styles.scss
···
3
3
@import "primer-core/index";
4
4
@import "primer-marketing/index";
5
5
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900');
6
+
@import "{{ site.style }}";
6
7
7
8
body {
8
-
//font-family: 'Rubik', sans-serif;
9
+
font-family: 'Rubik', sans-serif;
9
10
}
10
11
11
12
.github-component {
+1
-33
index.html
+1
-33
index.html
···
1
1
---
2
+
layout: sidebar
2
3
---
3
-
<!doctype html>
4
-
<html>
5
-
<head>
6
-
<meta charset="utf-8">
7
-
<title>{{ site.title }}</title>
8
-
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
9
-
</head>
10
-
<body>
11
-
<div class="container-lg p-responsive">
12
-
<h1>{{ site.title }}</h1>
13
-
<p>{{ site.description }}</p>
14
-
<p class="text-bold">{{ site.github.owner.login }}</p>
15
-
<img src="{{ site.github.owner.avatar_url }}">
16
-
</div>
17
-
18
-
<ul>
19
-
{% for repository in site.github.public_repositories limit: 4 %}
20
-
<li>[{{ repository.name }}]({{ repository.html_url }})</li>
21
-
{% endfor %}
22
-
</ul>
23
-
24
-
<script src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js"
25
-
></script>
26
-
<link rel="stylesheet" href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css" />
27
-
28
-
<div class="container-lg p-responsive">
29
-
<div class="calendar"></div>
30
-
</div>
31
-
<script>
32
-
GitHubCalendar(".calendar", "{{ site.github.owner.login }}", { responsive: true });
33
-
</script>
34
-
</body>
35
-
</html>