Skip to content

Commit 9d192eb

Browse files
author
Sophie Shepherd
authored
Merge pull request github#1 from github/static-layout
Layouts
2 parents a7899d8 + b153674 commit 9d192eb

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

87 files changed

+2804
-3
lines changed

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
/_site

‎Gemfile‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
source 'https://rubygems.org'
22
gem 'github-pages', group: :jekyll_plugins
3+
gem 'jekyll-octicons'

‎Gemfile.lock‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,6 +125,9 @@ GEM
125125
activesupport (~> 4.0)
126126
html-pipeline (~> 2.3)
127127
jekyll (~> 3.0)
128+
jekyll-octicons (8.0.0)
129+
jekyll (~> 3.1)
130+
octicons (= 8.0.0)
128131
jekyll-optional-front-matter (0.3.0)
129132
jekyll (~> 3.0)
130133
jekyll-paginate (1.1.0)
@@ -209,6 +212,8 @@ GEM
209212
multipart-post (2.0.0)
210213
nokogiri (1.9.1)
211214
mini_portile2 (~> 2.4.0)
215+
octicons (8.0.0)
216+
nokogiri (>= 1.6.3.1)
212217
octokit (4.13.0)
213218
sawyer (~> 0.8.0, >= 0.5.3)
214219
pathutil (0.16.2)
@@ -245,6 +250,7 @@ PLATFORMS
245250

246251
DEPENDENCIES
247252
github-pages
253+
jekyll-octicons
248254

249255
BUNDLED WITH
250-
1.16.1
256+
2.0.1

‎_config.yml‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,9 @@
11
title: Brandon Rosage
22
description: description XYZ
3+
email: [email protected]
34

45
sass:
56
sass_dir: node_modules
7+
8+
gems:
9+
- jekyll-octicons

‎_includes/footer.html‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
</body>
2+
</html>

‎_includes/header.html‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>{{ site.github.project_title }}</title>
6+
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
7+
</head>
8+
<body>

‎_layouts/sidebar.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
{% include header.html %}
2+
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>
35+
36+
{% include footer.html %}

‎_layouts/stacked.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
{% include header.html %}
2+
3+
{% assign user = site.github.organization_members[0] %}
4+
5+
<div class="container-lg py-6 p-responsive text-center">
6+
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
7+
<h1 class="mb-2">{{ site.title }}</h1>
8+
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
9+
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.
10+
</p>
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 mr-3">
19+
{% octicon mail height:20 class:"mr-1 v-align-middle" aria-label:Email %}
20+
<a href="mailto:{{ user.email }}">
21+
{{ site.email }}
22+
</a>
23+
</div>
24+
<div class="d-md-inline-block">
25+
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
26+
Austin, TX
27+
</div>
28+
</div>
29+
30+
{{ content }}
31+
32+
</div>
33+
34+
35+
36+
{% include footer.html %}

‎_site/assets/styles.css‎

Lines changed: 527 additions & 0 deletions
Large diffs are not rendered by default.

‎_site/layout-sidebar.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>profile-generator</title>
6+
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
7+
</head>
8+
<body>
9+
10+
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>
44+
45+
</body>
46+
</html>
47+

0 commit comments

Comments
 (0)