Skip to content

Commit b153674

Browse files
author
Sophie Shepherd
committed
sidebar layout
1 parent e062f80 commit b153674

File tree

6 files changed

+83
-16
lines changed

6 files changed

+83
-16
lines changed

‎_layouts/sidebar.html‎

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,36 @@
11
{% include header.html %}
22

3-
{{ content }}
3+
{% assign user = site.github.organization_members[0] %}
4+
5+
<div class="d-md-flex">
6+
<div class="flex-self-stretch border-bottom border-md-bottom-0 border-md-right col-md-5 col-lg-4 col-xl-3 px-4 py-6 px-lg-6">
7+
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
8+
<h1 class="mb-2">{{ site.title }}</h1>
9+
<p class="mb-3 f4 text-gray">
10+
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
11+
</p>
12+
<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="mb-3">
20+
{% octicon mail height:20 class:"mr-1 v-align-middle" aria-label:Email %}
21+
<a href="mailto:{{ user.email }}">
22+
{{ site.email }}
23+
</a>
24+
</div>
25+
<div class="">
26+
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
27+
Austin, TX
28+
</div>
29+
</div>
30+
</div>
31+
<div class="px-4 py-6 px-lg-6">
32+
{{ content }}
33+
</div>
34+
</div>
435

536
{% include footer.html %}

‎_layouts/stacked.html‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,28 +8,29 @@ <h1 class="mb-2">{{ site.title }}</h1>
88
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
99
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
1010
</p>
11-
<div class="f4 mb-3">
12-
<div class="d-inline-block mr-3">
11+
<div class="f4 mb-6">
12+
<div class="d-md-inline-block mr-3">
1313
{% octicon mark-github height:20 class:"mr-1 v-align-middle" aria-label:GitHub %}
1414
<a href="https://github.com/{{ user.login }}">
1515
@{{ user.login }}
1616
</a>
1717
</div>
18-
<div class="d-inline-block mr-3">
18+
<div class="d-md-inline-block mr-3">
1919
{% octicon mail height:20 class:"mr-1 v-align-middle" aria-label:Email %}
2020
<a href="mailto:{{ user.email }}">
2121
{{ site.email }}
2222
</a>
2323
</div>
24-
<div class="d-inline-block">
24+
<div class="d-md-inline-block">
2525
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
26-
<a href="https://github.com/{{ user.login }}">
27-
Austin, TX
28-
</a>
26+
Austin, TX
2927
</div>
3028
</div>
29+
30+
{{ content }}
31+
3132
</div>
3233

33-
{{ content }}
34+
3435

3536
{% include footer.html %}

‎_site/layout-sidebar.html‎

Lines changed: 33 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,39 @@
88
<body>
99

1010

11-
11+
12+
13+
<div class="d-md-flex">
14+
<div class="flex-self-stretch border-bottom border-md-bottom-0 border-md-right col-md-5 col-lg-4 col-xl-3 px-4 py-6 px-lg-6">
15+
<img src="https://avatars0.githubusercontent.com/u/11095731?v=4" class="circle mb-3" style="max-width: 150px;">
16+
<h1 class="mb-2">Brandon Rosage</h1>
17+
<p class="mb-3 f4 text-gray">
18+
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
19+
</p>
20+
<div class="f4 mb-6">
21+
<div class="mb-3">
22+
<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>
23+
<a href="https://github.com/BenEmdon">
24+
@BenEmdon
25+
</a>
26+
</div>
27+
<div class="mb-3">
28+
<svg height="20" class="octicon octicon-mail mr-1 v-align-middle" aria-label="Email" viewBox="0 0 14 16" version="1.1" width="17" role="img"><path fill-rule="evenodd" d="M0 4v8c0 .55.45 1 1 1h12c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1H1c-.55 0-1 .45-1 1zm13 0L7 9 1 4h12zM1 5.5l4 3-4 3v-6zM2 12l3.5-3L7 10.5 8.5 9l3.5 3H2zm11-.5l-4-3 4-3v6z"/></svg>
29+
<a href="mailto:">
30+
[email protected]
31+
</a>
32+
</div>
33+
<div class="">
34+
<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>
35+
Austin, TX
36+
</div>
37+
</div>
38+
</div>
39+
<div class="px-4 py-6 px-lg-6">
40+
Hello! This is where the content for the sidebar layout will be.
41+
42+
</div>
43+
</div>
1244

1345
</body>
1446
</html>

‎_site/layout-stacked.html‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ <h1 class="mb-2">Brandon Rosage</h1>
1616
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
1717
Hi! I'm Ben. I love two things: bridges and smiling. I'm an aspiring developer who is learning how to use GitHub to build the stuff I wish existed. I'm looking to meet other developers who can help to contribute to the projects I have started.
1818
</p>
19-
<div class="f4 mb-3">
19+
<div class="f4 mb-6">
2020
<div class="d-inline-block mr-3">
2121
<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>
2222
<a href="https://github.com/BenEmdon">
@@ -31,14 +31,15 @@ <h1 class="mb-2">Brandon Rosage</h1>
3131
</div>
3232
<div class="d-inline-block">
3333
<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>
34-
<a href="https://github.com/BenEmdon">
35-
Austin, TX
36-
</a>
34+
Austin, TX
3735
</div>
3836
</div>
37+
38+
Hello! This is where the content will be.
39+
40+
3941
</div>
4042

41-
Hello
4243

4344

4445
</body>

‎layout-sidebar.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
---
22
layout: sidebar
33
---
4+
5+
Hello! This is where the content for the sidebar layout will be.

‎layout-stacked.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
layout: stacked
33
---
44

5-
Hello
5+
Hello! This is where the content will be.

0 commit comments

Comments
 (0)