Skip to content

Commit 844baaa

Browse files
brandonrosagebrandonrosage
committed
stable "style" site variable
1 parent 956ff4b commit 844baaa

File tree

13 files changed

+94
-65
lines changed

13 files changed

+94
-65
lines changed

‎_config.yml‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,7 @@
11
repository: sophshep/manager-resources
22

3-
style: dark
4-
53
sass:
64
load_paths:
7-
- _sass
85
- node_modules
96

107
plugins:

‎_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 class="bg-gray-light">
8+
<body class="bg-gray-light" {% if site.style == 'dark' %}style="background-color: #2f363d !important"{% endif %}>

‎_includes/interests.html‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<h2 {% if site.style == 'dark' %}class="text-white"{% endif %}>My Interests</h2>
2+
<p class="f4 mb-4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">Topics that I want to learn more about.</p>
3+
<div class="d-flex flex-wrap gutter-condensed mb-4">
4+
{% for topic in site.topics limit: 4 %}
5+
<div class="col-6 col-md-12 col-lg-6 col-xl-4 mb-3">
6+
{% include topic-card.html %}
7+
</div>
8+
{% endfor %}
9+
</div>

‎_includes/projects.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
<h2>My Projects</h2>
2-
<p class="f4 mb-4 text-gray">GitHub repositories that I've built.</p>
3-
<div class="d-flex flex-wrap gutter-condensed mb-4">
1+
<h2 {% if site.style == 'dark' %}class="text-white"{% endif %}>My Projects</h2>
2+
<p class="f4 mb-4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">GitHub repositories that I've built.</p>
3+
<div class="d-sm-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">
66
{% include repo-card.html %}

‎_includes/repo-card.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
1+
<div class="github-component height-full text-left {% if site.style == 'dark' %}box-shadow{% else %}border border-gray-light{% endif %} bg-white rounded-1 p-3">
22
<div class="d-flex flex-justify-between flex-items-start mb-1">
33
<h1 class="f4 lh-condensed mb-1">
44
<a href="{{ repository.html_url }}">

‎_layouts/sidebar.html‎

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,40 @@
11
{% include header.html %}
22

3+
{% if site.style == 'dark' %}
4+
{% assign icon_color = "#ffffff" %}
5+
{% else %}
6+
{% assign icon_color = "#24292e" %}
7+
{% endif %}
8+
39
{% assign user = site.github.owner %}
410

511
<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">
12+
<div class="flex-self-stretch {% if site.style == 'dark' %}bg-gray-dark{% else %}border-bottom border-md-none border-md-right border-gray-light bg-white{% endif %} col-md-5 col-lg-4 col-xl-3 px-4 px-md-6 px-lg-7 py-6">
713
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
8-
<h1 class="mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
9-
<p class="mb-3 f4 text-gray">
14+
<h1 class="{% if site.style == 'dark' %}text-white{% endif %} mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
15+
<p class="mb-3 f4 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">
1016
{{ user.bio }}
1117
</p>
1218
<div class="f4 mb-6">
1319
{% if user.name %}
1420
<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 }}">
21+
{% octicon mark-github height:20 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:GitHub %}
22+
<a href="https://github.com/{{ user.login }}" {% if site.style == 'dark' %}class="text-white"{% endif %}>
1723
@{{ user.login }}
1824
</a>
1925
</div>
2026
{% endif %}
2127
{% if user.email %}
2228
<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 }}">
29+
{% octicon mail height:20 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:email %}
30+
<a href="mailto:{{ user.email }}" {% if site.style == 'dark' %}class="text-white"{% endif %}>
2531
{{ user.email }}
2632
</a>
2733
</div>
2834
{% endif %}
2935
{% 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 %}
36+
<div class="d-flex flex-items-center {% if site.style == 'dark' %}text-white{% endif %} mb-3">
37+
{% octicon location height:20 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:Location %}
3238
{{ user.location }}
3339
</div>
3440
{% endif %}
@@ -40,18 +46,13 @@ <h1 class="mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user
4046

4147
<div class="col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7">
4248
<div class="mx-auto" style="max-width: 900px;">
43-
{% include projects.html %}
44-
45-
<h2>My Interests</h2>
46-
<p class="f4 mb-4 text-gray">Topics that I want to learn more about.</p>
47-
<div class="d-flex flex-wrap gutter-condensed mb-4">
48-
{% for topic in site.topics limit: 4 %}
49-
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
50-
{% include topic-card.html %}
51-
</div>
52-
{% endfor %}
49+
<div class="{% if site.style == 'dark' %}text-white{% endif %} mb-6">
50+
{{ content }}
5351
</div>
5452

53+
{% include projects.html %}
54+
55+
{% include interests.html %}
5556
</div>
5657
</div>
5758
</div>

‎_layouts/stacked.html‎

Lines changed: 27 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,36 +1,56 @@
11
{% include header.html %}
22

3+
{% if site.style == 'dark' %}
4+
{% assign icon_color = "#ffffff" %}
5+
{% else %}
6+
{% assign icon_color = "#24292e" %}
7+
{% endif %}
8+
39
{% assign user = site.github.owner %}
410

511
<div class="container-lg py-6 p-responsive text-center">
612
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
7-
<h1 class="mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
8-
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
13+
<h1 class="{% if site.style == 'dark' %}text-white{% endif %} mb-2 lh-condensed">{% if user.name %}{{ user.name }}{% else %}{{ user.login }}{% endif %}</h1>
14+
<p class="col-lg-8 mx-auto mb-3 f3 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}">
915
{{ user.bio }}
1016
</p>
1117
<div class="f4 mb-6">
1218
{% if user.name %}
1319
<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 }}">
20+
{% octicon mark-github height:20 class:"mr-1 v-align-middle" fill:{{ icon_color }} aria-label:GitHub %}
21+
<a href="https://github.com/{{ user.login }}" {% if site.style == 'dark' %}class="text-white"{% endif %}>
1622
@{{ user.login }}
1723
</a>
1824
</div>
1925
{% endif %}
26+
{% if user.email %}
27+
<div class="d-md-inline-block mr-3">
28+
{% octicon mail height:20 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:email %}
29+
<a href="mailto:{{ user.email }}" {% if site.style == 'dark' %}class="text-white"{% endif %}>
30+
{{ user.email }}
31+
</a>
32+
</div>
33+
{% endif %}
2034
{% if user.location %}
21-
<div class="d-md-inline-block">
22-
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
35+
<div class="d-md-inline-block {% if site.style == 'dark' %}text-white{% endif %}">
36+
{% octicon location height:20 class:"mr-1 v-align-middle" fill:{{ icon_color }} aria-label:Location %}
2337
{{ user.location }}
2438
</div>
2539
{% endif %}
2640
</div>
2741

28-
{{ content }}
42+
<div {% if site.style == 'dark' %}class="text-white"{% endif %}>
43+
{{ content }}
44+
</div>
2945

3046
<div class="my-6">
3147
{% include projects.html %}
3248
</div>
3349

50+
<div class="my-6">
51+
{% include interests.html %}
52+
</div>
53+
3454
</div>
3555

3656

‎_sass/dark.scss‎

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

‎_sass/light.scss‎

Whitespace-only changes.

‎_site/assets/styles.css‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3769,8 +3769,6 @@ a.tabnav-extra:hover { color: #0366d6; text-decoration: none; }
37693769
.pb-xl-12 { padding-bottom: 128px !important; }
37703770
/* Set a 128px padding to the top & bottom at the xl breakpoint */
37713771
.py-xl-12 { padding-top: 128px !important; padding-bottom: 128px !important; } }
3772-
body { color: #ffffff; }
3773-
37743772
body { font-family: 'Rubik', sans-serif; }
37753773

37763774
.github-component { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; }

0 commit comments

Comments
 (0)