Skip to content

Commit 956ff4b

Browse files
brandonrosagebrandonrosage
committed
init light/dark theme
1 parent c630308 commit 956ff4b

20 files changed

+307
-562
lines changed

‎Gemfile‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
source 'https://rubygems.org'
22
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"
44

55
gem "jekyll-octicons"

‎Gemfile.lock‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,9 @@ GIT
5050
terminal-table (~> 1.4)
5151

5252
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
5656
specs:
5757
jekyll-github-metadata (2.10.0)
5858
jekyll (~> 3.4)

‎_config.yml‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,23 @@
11
repository: sophshep/manager-resources
22

3+
style: dark
4+
35
sass:
4-
sass_dir: node_modules
6+
load_paths:
7+
- _sass
8+
- node_modules
59

610
plugins:
711
- jekyll-octicons
812
- jekyll-github-metadata
913

1014
topics:
1115
- name: Web design
12-
github_name: web-design
16+
1317
- name: CSS
1418
github_name: css
19+
image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/css/css.png
20+
1521
- name: Sass
1622
github_name: sass
23+
image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/sass/sass.png

‎_includes/header.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@
55
<title>{{ site.github.owner.name }}</title>
66
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
77
</head>
8-
<body>
8+
<body class="bg-gray-light">

‎_includes/org-card.html‎

Lines changed: 0 additions & 19 deletions
This file was deleted.

‎_includes/projects.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<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>
33
<div class="d-flex flex-wrap gutter-condensed mb-4">
44
{% for repository in site.github.public_repositories limit: 4 %}
55
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">

‎_includes/repo-card.html‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,15 @@ <h1 class="f4 lh-condensed mb-1">
1010
</div>
1111
<div class="text-gray mb-2 ws-normal">{{ repository.description }}</div>
1212
<div class="d-flex f6">
13+
{% if repository.stargazers_count %}
1314
<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 }}
1516
</a>
17+
{% endif %}
18+
{% if repository.forks_count %}
1619
<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 }}
1821
</a>
22+
{% endif %}
1923
</div>
2024
</div>

‎_includes/topic-card.html‎

Lines changed: 32 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,35 @@
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 }}">
115
{% 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 %}
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 }}">
22+
{% else %}
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>
1633
{% endif %}
1734
</div>
18-
</div>
35+
{% endif %}

‎_layouts/sidebar.html‎

Lines changed: 30 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -2,33 +2,48 @@
22

33
{% assign user = site.github.owner %}
44

5-
<div class="d-md-flex">
6-
<div class="flex-self-stretch border-bottom border-md-none border-md-right border-gray-light col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
5+
<div class="d-md-flex" style="height: 100vh">
6+
<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">
77
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
8-
<h1 class="mb-2 lh-condensed">{{ user.name }}</h1>
8+
<h1 class="mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
99
<p class="mb-3 f4 text-gray">
1010
{{ user.bio }}
1111
</p>
1212
<div class="f4 mb-6">
13-
<div class="mb-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-
<div class="">
20-
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
21-
{{ user.location }}
22-
</div>
13+
{% if user.name %}
14+
<div class="d-flex flex-items-center mb-3">
15+
{% octicon mark-github height:20 class:"mr-2 v-align-middle" aria-label:GitHub %}
16+
<a href="https://github.com/{{ user.login }}">
17+
@{{ user.login }}
18+
</a>
19+
</div>
20+
{% endif %}
21+
{% if user.email %}
22+
<div class="d-flex flex-items-center mb-3">
23+
{% octicon mail height:20 class:"mr-2 v-align-middle" aria-label:email %}
24+
<a href="mailto:{{ user.email }}">
25+
{{ user.email }}
26+
</a>
27+
</div>
28+
{% endif %}
29+
{% if user.location %}
30+
<div class="d-flex flex-items-center mb-3">
31+
{% octicon location height:20 class:"mr-2 v-align-middle" aria-label:Location %}
32+
{{ user.location }}
33+
</div>
34+
{% endif %}
35+
{% if user.hireable %}
36+
<span title="Hire me" class="d-inline-block f5 rounded-2 text-white bg-green py-1 px-2">Available for hire</span>
37+
{% endif %}
2338
</div>
2439
</div>
2540

26-
<div class="bg-gray-light col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7">
41+
<div class="col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7">
2742
<div class="mx-auto" style="max-width: 900px;">
2843
{% include projects.html %}
2944

3045
<h2>My Interests</h2>
31-
<p class="f4 mb-4 text-gray">Topics that I want to learn more about</p>
46+
<p class="f4 mb-4 text-gray">Topics that I want to learn more about.</p>
3247
<div class="d-flex flex-wrap gutter-condensed mb-4">
3348
{% for topic in site.topics limit: 4 %}
3449
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
@@ -37,20 +52,6 @@ <h2>My Interests</h2>
3752
{% endfor %}
3853
</div>
3954

40-
<h2>My Organizations</h2>
41-
<p class="f4 mb-4 text-gray">Teams I belong to</p>
42-
<div class="d-flex flex-wrap gutter-condensed mb-4">
43-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
44-
{% include org-card.html %}
45-
</div>
46-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
47-
{% include org-card.html %}
48-
</div>
49-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
50-
{% include org-card.html %}
51-
</div>
52-
</div>
53-
5455
</div>
5556
</div>
5657
</div>

‎_layouts/stacked.html‎

Lines changed: 15 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,21 +4,25 @@
44

55
<div class="container-lg py-6 p-responsive text-center">
66
<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>
88
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
99
{{ user.bio }}
1010
</p>
1111
<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 %}
2226
</div>
2327

2428
{{ content }}

0 commit comments

Comments
 (0)