dynamic 'user' content in custom layouts

This commit is contained in:
Brandon Rosage 2019-01-28 16:23:48 -06:00
parent 9d3b467220
commit c630308f61
13 changed files with 393 additions and 323 deletions

1
.ruby-version Normal file
View file

@ -0,0 +1 @@
2.5.1

View file

@ -1,4 +1,5 @@
source 'https://rubygems.org'
gem 'github-pages', group: :jekyll_plugins
gem "jekyll-github-metadata"
gem 'github-pages', group: :jekyll_plugins, github: "github/pages-gem", branch: "master"
gem "jekyll-github-metadata", github: "jekyll/github-metadata", branch: "master"
gem "jekyll-octicons"

View file

@ -1,3 +1,63 @@
GIT
remote: git://github.com/github/pages-gem.git
revision: 06ff297fa077969851f9fd6f00ec5da8d1c33a60
branch: master
specs:
github-pages (193)
activesupport (= 4.2.10)
github-pages-health-check (= 1.8.1)
jekyll (= 3.7.4)
jekyll-avatar (= 0.6.0)
jekyll-coffeescript (= 1.1.1)
jekyll-commonmark-ghpages (= 0.1.5)
jekyll-default-layout (= 0.1.4)
jekyll-feed (= 0.11.0)
jekyll-gist (= 1.5.0)
jekyll-github-metadata (= 2.10.0)
jekyll-mentions (= 1.4.1)
jekyll-optional-front-matter (= 0.3.0)
jekyll-paginate (= 1.1.0)
jekyll-readme-index (= 0.2.0)
jekyll-redirect-from (= 0.14.0)
jekyll-relative-links (= 0.5.3)
jekyll-remote-theme (= 0.3.1)
jekyll-sass-converter (= 1.5.2)
jekyll-seo-tag (= 2.5.0)
jekyll-sitemap (= 1.2.0)
jekyll-swiss (= 0.4.0)
jekyll-theme-architect (= 0.1.1)
jekyll-theme-cayman (= 0.1.1)
jekyll-theme-dinky (= 0.1.1)
jekyll-theme-hacker (= 0.1.1)
jekyll-theme-leap-day (= 0.1.1)
jekyll-theme-merlot (= 0.1.1)
jekyll-theme-midnight (= 0.1.1)
jekyll-theme-minimal (= 0.1.1)
jekyll-theme-modernist (= 0.1.1)
jekyll-theme-primer (= 0.5.3)
jekyll-theme-slate (= 0.1.1)
jekyll-theme-tactile (= 0.1.1)
jekyll-theme-time-machine (= 0.1.1)
jekyll-titles-from-headings (= 0.5.1)
jemoji (= 0.10.1)
kramdown (= 1.17.0)
liquid (= 4.0.0)
listen (= 3.1.5)
mercenary (~> 0.3)
minima (= 2.5.0)
nokogiri (>= 1.8.2, < 2.0)
rouge (= 2.2.1)
terminal-table (~> 1.4)
GIT
remote: git://github.com/jekyll/github-metadata.git
revision: 6e08726766e3011a7c22327dfb102a7dc4c523f0
branch: master
specs:
jekyll-github-metadata (2.10.0)
jekyll (~> 3.4)
octokit (~> 4.0, != 4.4.0)
GEM
remote: https://rubygems.org/
specs:
@ -30,51 +90,6 @@ GEM
ffi (1.10.0)
forwardable-extended (2.6.0)
gemoji (3.0.0)
github-pages (186)
activesupport (= 4.2.10)
github-pages-health-check (= 1.8.1)
jekyll (= 3.7.3)
jekyll-avatar (= 0.5.0)
jekyll-coffeescript (= 1.1.1)
jekyll-commonmark-ghpages (= 0.1.5)
jekyll-default-layout (= 0.1.4)
jekyll-feed (= 0.9.3)
jekyll-gist (= 1.5.0)
jekyll-github-metadata (= 2.9.4)
jekyll-mentions (= 1.3.0)
jekyll-optional-front-matter (= 0.3.0)
jekyll-paginate (= 1.1.0)
jekyll-readme-index (= 0.2.0)
jekyll-redirect-from (= 0.13.0)
jekyll-relative-links (= 0.5.3)
jekyll-remote-theme (= 0.3.1)
jekyll-sass-converter (= 1.5.2)
jekyll-seo-tag (= 2.4.0)
jekyll-sitemap (= 1.2.0)
jekyll-swiss (= 0.4.0)
jekyll-theme-architect (= 0.1.1)
jekyll-theme-cayman (= 0.1.1)
jekyll-theme-dinky (= 0.1.1)
jekyll-theme-hacker (= 0.1.1)
jekyll-theme-leap-day (= 0.1.1)
jekyll-theme-merlot (= 0.1.1)
jekyll-theme-midnight (= 0.1.1)
jekyll-theme-minimal (= 0.1.1)
jekyll-theme-modernist (= 0.1.1)
jekyll-theme-primer (= 0.5.3)
jekyll-theme-slate (= 0.1.1)
jekyll-theme-tactile (= 0.1.1)
jekyll-theme-time-machine (= 0.1.1)
jekyll-titles-from-headings (= 0.5.1)
jemoji (= 0.9.0)
kramdown (= 1.16.2)
liquid (= 4.0.0)
listen (= 3.1.5)
mercenary (~> 0.3)
minima (= 2.4.1)
nokogiri (>= 1.8.2, < 2.0)
rouge (= 2.2.1)
terminal-table (~> 1.4)
github-pages-health-check (1.8.1)
addressable (~> 2.3)
dnsruby (~> 1.60)
@ -87,7 +102,7 @@ GEM
http_parser.rb (0.6.0)
i18n (0.9.5)
concurrent-ruby (~> 1.0)
jekyll (3.7.3)
jekyll (3.7.4)
addressable (~> 2.4)
colorator (~> 1.0)
em-websocket (~> 0.5)
@ -100,7 +115,7 @@ GEM
pathutil (~> 0.9)
rouge (>= 1.7, < 4)
safe_yaml (~> 1.0)
jekyll-avatar (0.5.0)
jekyll-avatar (0.6.0)
jekyll (~> 3.0)
jekyll-coffeescript (1.1.1)
coffee-script (~> 2.2)
@ -114,15 +129,11 @@ GEM
rouge (~> 2)
jekyll-default-layout (0.1.4)
jekyll (~> 3.0)
jekyll-feed (0.9.3)
jekyll-feed (0.11.0)
jekyll (~> 3.3)
jekyll-gist (1.5.0)
octokit (~> 4.2)
jekyll-github-metadata (2.9.4)
jekyll (~> 3.1)
octokit (~> 4.0, != 4.4.0)
jekyll-mentions (1.3.0)
activesupport (~> 4.0)
jekyll-mentions (1.4.1)
html-pipeline (~> 2.3)
jekyll (~> 3.0)
jekyll-octicons (8.3.0)
@ -133,7 +144,7 @@ GEM
jekyll-paginate (1.1.0)
jekyll-readme-index (0.2.0)
jekyll (~> 3.0)
jekyll-redirect-from (0.13.0)
jekyll-redirect-from (0.14.0)
jekyll (~> 3.3)
jekyll-relative-links (0.5.3)
jekyll (~> 3.3)
@ -142,7 +153,7 @@ GEM
rubyzip (>= 1.2.1, < 3.0)
jekyll-sass-converter (1.5.2)
sass (~> 3.4)
jekyll-seo-tag (2.4.0)
jekyll-seo-tag (2.5.0)
jekyll (~> 3.3)
jekyll-sitemap (1.2.0)
jekyll (~> 3.3)
@ -189,14 +200,13 @@ GEM
jekyll-seo-tag (~> 2.0)
jekyll-titles-from-headings (0.5.1)
jekyll (~> 3.3)
jekyll-watch (2.0.0)
jekyll-watch (2.1.2)
listen (~> 3.0)
jemoji (0.9.0)
activesupport (~> 4.0, >= 4.2.9)
jemoji (0.10.1)
gemoji (~> 3.0)
html-pipeline (~> 2.2)
jekyll (~> 3.0)
kramdown (1.16.2)
kramdown (1.17.0)
liquid (4.0.0)
listen (3.1.5)
rb-fsevent (~> 0.9, >= 0.9.4)
@ -204,13 +214,13 @@ GEM
ruby_dep (~> 1.2)
mercenary (0.3.6)
mini_portile2 (2.4.0)
minima (2.4.1)
minima (2.5.0)
jekyll (~> 3.5)
jekyll-feed (~> 0.9)
jekyll-seo-tag (~> 2.1)
minitest (5.11.3)
multipart-post (2.0.0)
nokogiri (1.9.1)
nokogiri (1.10.1)
mini_portile2 (~> 2.4.0)
octicons (8.3.0)
nokogiri (>= 1.6.3.1)
@ -249,9 +259,9 @@ PLATFORMS
ruby
DEPENDENCIES
github-pages
jekyll-github-metadata
github-pages!
jekyll-github-metadata!
jekyll-octicons
BUNDLED WITH
1.16.1
2.0.1

View file

@ -1,4 +1,4 @@
repository: primer/primer
repository: sophshep/manager-resources
sass:
sass_dir: node_modules
@ -6,3 +6,11 @@ sass:
plugins:
- jekyll-octicons
- jekyll-github-metadata
topics:
- name: Web design
github_name: web-design
- name: CSS
github_name: css
- name: Sass
github_name: sass

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>{{ site.github.project_title }}</title>
<title>{{ site.github.owner.name }}</title>
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
</head>
<body>

9
_includes/projects.html Normal file
View file

@ -0,0 +1,9 @@
<h2>My Projects</h2>
<p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p>
<div class="d-flex flex-wrap gutter-condensed mb-4">
{% for repository in site.github.public_repositories limit: 4 %}
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include repo-card.html %}
</div>
{% endfor %}
</div>

View file

@ -1,24 +1,20 @@
<div class="github-component">
<div class="height-full border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="/twbs" class="d-inline-block v-align-top mr-1" data-ga-click="Repository, go to repository owner, location:topic row">
<img src="https://avatars2.githubusercontent.com/u/2918581?s=96&amp;v=4" class="avatar rounded-1" width="20" height="20" alt="@twbs">
</a>
<a href="/twbs/bootstrap" data-ga-click="Repository, go to repository, location:topic row">
<span class="text-normal">twbs /</span>
bootstrap
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.</div>
<div class="d-flex f6">
<a href="/twbs/bootstrap/stargazers" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository stargazers, location:topic row">
<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
</a>
<a href="/twbs/bootstrap/network" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository forks, location:topic row">
<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
</a>
</div>
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="{{ repository.html_url }}">
{% octicon repo height:20 class:"mr-1 v-align-middle" fill:"#586069" aria-label:repo %}
<span class="text-normal">{{ repository.owner.login }} /</span>
{{ repository.name }}
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">{{ repository.description }}</div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>

View file

@ -1,9 +1,18 @@
<div class="github-component">
<div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5">
<a href="/topics/sql" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/react/react.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="react logo">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">React</p>
<p class="f5 text-gray text-center mb-0 mt-1">React (also known as React.js or ReactJS) is a JavaScript library that makes developing interactive user interfaces simple.</p>
</a>
{% if topic.github_name %}
<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">
<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 }}">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">{{ topic.name }}</p>
{% if topic.description %}
<p class="f5 text-gray text-center mb-0 mt-1">{{ topic.description }}</p>
{% endif %}
</a>
{% else %}
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">{{ topic.name }}</p>
{% if topic.description %}
<p class="f5 text-gray text-center mb-0 mt-1">{{ topic.description }}</p>
{% endif %}
{% endif %}
</div>
</div>

View file

@ -1,13 +1,13 @@
{% include header.html %}
{% assign user = site.github.organization_members[0] %}
{% assign user = site.github.owner %}
<div class="d-md-flex">
<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">
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
<h1 class="mb-2 lh-condensed">{{ site.title }}</h1>
<h1 class="mb-2 lh-condensed">{{ user.name }}</h1>
<p class="mb-3 f4 text-gray">
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.
{{ user.bio }}
</p>
<div class="f4 mb-6">
<div class="mb-3">
@ -16,53 +16,25 @@
@{{ user.login }}
</a>
</div>
<div class="mb-3">
{% octicon mail height:20 class:"mr-1 v-align-middle" aria-label:Email %}
<a href="mailto:{{ user.email }}">
{{ site.email }}
</a>
</div>
<div class="">
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
Austin, TX
{{ user.location }}
</div>
</div>
</div>
<div class="bg-gray-light col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7">
<div class="mx-auto" style="max-width: 900px;">
<h2>My Projects</h2>
<p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p>
<div class="d-flex flex-wrap gutter-condensed mb-4">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include repo-card.html %}
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include repo-card.html %}
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include repo-card.html %}
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include repo-card.html %}
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include repo-card.html %}
</div>
</div>
{% include projects.html %}
<h2>My Interests</h2>
<p class="f4 mb-4 text-gray">Topics that I want to learn more about</p>
<div class="d-flex flex-wrap gutter-condensed mb-4">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include topic-card.html %}
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include topic-card.html %}
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include topic-card.html %}
</div>
{% for topic in site.topics limit: 4 %}
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
{% include topic-card.html %}
</div>
{% endfor %}
</div>
<h2>My Organizations</h2>

View file

@ -1,12 +1,12 @@
{% include header.html %}
{% assign user = site.github.organization_members[0] %}
{% assign user = site.github.owner %}
<div class="container-lg py-6 p-responsive text-center">
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 150px;">
<h1 class="mb-2 lh-condensed">{{ site.title }}</h1>
<h1 class="mb-2 lh-condensed">{{ user.name }}</h1>
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
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.
{{ user.bio }}
</p>
<div class="f4 mb-6">
<div class="d-md-inline-block mr-3">
@ -15,20 +15,18 @@
@{{ user.login }}
</a>
</div>
<div class="d-md-inline-block mr-3">
{% octicon mail height:20 class:"mr-1 v-align-middle" aria-label:Email %}
<a href="mailto:{{ user.email }}">
{{ site.email }}
</a>
</div>
<div class="d-md-inline-block">
{% octicon location height:20 class:"mr-1 v-align-middle" aria-label:Location %}
Austin, TX
{{ user.location }}
</div>
</div>
{{ content }}
<div class="my-6">
{% include projects.html %}
</div>
</div>

View file

@ -2,26 +2,26 @@
<html>
<head>
<meta charset="utf-8">
<title>primer</title>
<title>manager-resources</title>
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container-lg p-responsive">
<h1>primer</h1>
<p>The CSS design system that powers GitHub</p>
<p class="text-bold"></p>
<img src="">
<h1>manager-resources</h1>
<p></p>
<p class="text-bold">sophshep</p>
<img src="https://avatars3.githubusercontent.com/u/527589?v=4">
</div>
<ul>
<li>[atom-packages](https://github.com/primer/atom-packages)</li>
<li>[austin](https://github.com/sophshep/austin)</li>
<li>[autocomplete-primer](https://github.com/primer/autocomplete-primer)</li>
<li>[gdi-intro-to-github](https://github.com/sophshep/gdi-intro-to-github)</li>
<li>[codemirror-github-dark](https://github.com/primer/codemirror-github-dark)</li>
<li>[github-move](https://github.com/sophshep/github-move)</li>
<li>[codemirror-github-light](https://github.com/primer/codemirror-github-light)</li>
<li>[github-slideshow](https://github.com/sophshep/github-slideshow)</li>
</ul>
@ -33,7 +33,7 @@
<div class="calendar"></div>
</div>
<script>
GitHubCalendar(".calendar", "", { responsive: true });
GitHubCalendar(".calendar", "sophshep", { responsive: true });
</script>
</body>
</html>

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>primer</title>
<title>Sophie Shepherd</title>
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
@ -12,27 +12,21 @@
<div class="d-md-flex">
<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">
<img src="https://avatars0.githubusercontent.com/u/334891?v=4" class="circle mb-3" style="max-width: 150px;">
<h1 class="mb-2 lh-condensed">primer</h1>
<img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;">
<h1 class="mb-2 lh-condensed">Sophie Shepherd</h1>
<p class="mb-3 f4 text-gray">
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.
✏ Design manager at @github
</p>
<div class="f4 mb-6">
<div class="mb-3">
<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>
<a href="https://github.com/broccolini">
@broccolini
</a>
</div>
<div class="mb-3">
<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>
<a href="mailto:">
<a href="https://github.com/sophshep">
@sophshep
</a>
</div>
<div class="">
<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>
Austin, TX
Austin TX
</div>
</div>
</div>
@ -40,184 +34,157 @@
<div class="bg-gray-light col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7">
<div class="mx-auto" style="max-width: 900px;">
<h2>My Projects</h2>
<p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p>
<div class="d-flex flex-wrap gutter-condensed mb-4">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="height-full border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="/twbs" class="d-inline-block v-align-top mr-1" data-ga-click="Repository, go to repository owner, location:topic row">
<img src="https://avatars2.githubusercontent.com/u/2918581?s=96&amp;v=4" class="avatar rounded-1" width="20" height="20" alt="@twbs">
</a>
<a href="/twbs/bootstrap" data-ga-click="Repository, go to repository, location:topic row">
<span class="text-normal">twbs /</span>
bootstrap
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.</div>
<div class="d-flex f6">
<a href="/twbs/bootstrap/stargazers" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository stargazers, location:topic row">
<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
</a>
<a href="/twbs/bootstrap/network" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository forks, location:topic row">
<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
</a>
</div>
<p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p>
<div class="d-flex flex-wrap gutter-condensed mb-4">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/austin">
<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>
<span class="text-normal">sophshep /</span>
austin
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">Favorite Austin things</div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="height-full border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="/twbs" class="d-inline-block v-align-top mr-1" data-ga-click="Repository, go to repository owner, location:topic row">
<img src="https://avatars2.githubusercontent.com/u/2918581?s=96&amp;v=4" class="avatar rounded-1" width="20" height="20" alt="@twbs">
</a>
<a href="/twbs/bootstrap" data-ga-click="Repository, go to repository, location:topic row">
<span class="text-normal">twbs /</span>
bootstrap
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.</div>
<div class="d-flex f6">
<a href="/twbs/bootstrap/stargazers" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository stargazers, location:topic row">
<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
</a>
<a href="/twbs/bootstrap/network" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository forks, location:topic row">
<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
</a>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/gdi-intro-to-github">
<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>
<span class="text-normal">sophshep /</span>
gdi-intro-to-github
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">A project that students can collaborate on</div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="height-full border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="/twbs" class="d-inline-block v-align-top mr-1" data-ga-click="Repository, go to repository owner, location:topic row">
<img src="https://avatars2.githubusercontent.com/u/2918581?s=96&amp;v=4" class="avatar rounded-1" width="20" height="20" alt="@twbs">
</a>
<a href="/twbs/bootstrap" data-ga-click="Repository, go to repository, location:topic row">
<span class="text-normal">twbs /</span>
bootstrap
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.</div>
<div class="d-flex f6">
<a href="/twbs/bootstrap/stargazers" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository stargazers, location:topic row">
<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
</a>
<a href="/twbs/bootstrap/network" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository forks, location:topic row">
<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
</a>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/github-move">
<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>
<span class="text-normal">sophshep /</span>
github-move
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal"></div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="height-full border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="/twbs" class="d-inline-block v-align-top mr-1" data-ga-click="Repository, go to repository owner, location:topic row">
<img src="https://avatars2.githubusercontent.com/u/2918581?s=96&amp;v=4" class="avatar rounded-1" width="20" height="20" alt="@twbs">
</a>
<a href="/twbs/bootstrap" data-ga-click="Repository, go to repository, location:topic row">
<span class="text-normal">twbs /</span>
bootstrap
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.</div>
<div class="d-flex f6">
<a href="/twbs/bootstrap/stargazers" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository stargazers, location:topic row">
<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
</a>
<a href="/twbs/bootstrap/network" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository forks, location:topic row">
<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
</a>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/github-slideshow">
<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>
<span class="text-normal">sophshep /</span>
github-slideshow
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">A robot powered training repository :robot:</div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="height-full border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="/twbs" class="d-inline-block v-align-top mr-1" data-ga-click="Repository, go to repository owner, location:topic row">
<img src="https://avatars2.githubusercontent.com/u/2918581?s=96&amp;v=4" class="avatar rounded-1" width="20" height="20" alt="@twbs">
</a>
<a href="/twbs/bootstrap" data-ga-click="Repository, go to repository, location:topic row">
<span class="text-normal">twbs /</span>
bootstrap
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.</div>
<div class="d-flex f6">
<a href="/twbs/bootstrap/stargazers" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository stargazers, location:topic row">
<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
</a>
<a href="/twbs/bootstrap/network" class="d-inline-block link-gray mr-4" data-ga-click="Repository, go to repository forks, location:topic row">
<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
</a>
</div>
</div>
</div>
</div>
</div>
<h2>My Interests</h2>
<p class="f4 mb-4 text-gray">Topics that I want to learn more about</p>
<div class="d-flex flex-wrap gutter-condensed mb-4">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5">
<a href="/topics/sql" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/react/react.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="react logo">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">React</p>
<p class="f5 text-gray text-center mb-0 mt-1">React (also known as React.js or ReactJS) is a JavaScript library that makes developing interactive user interfaces simple.</p>
</a>
<a href="https://github.com/topics/web-design" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/web-design/web-design.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="Web design">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">Web design</p>
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5">
<a href="/topics/sql" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/react/react.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="react logo">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">React</p>
<p class="f5 text-gray text-center mb-0 mt-1">React (also known as React.js or ReactJS) is a JavaScript library that makes developing interactive user interfaces simple.</p>
</a>
<a href="https://github.com/topics/css" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
<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">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">CSS</p>
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component">
<div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5">
<a href="/topics/sql" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
<img src="https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/react/react.png" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="react logo">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">React</p>
<p class="f5 text-gray text-center mb-0 mt-1">React (also known as React.js or ReactJS) is a JavaScript library that makes developing interactive user interfaces simple.</p>
</a>
<a href="https://github.com/topics/sass" class="no-underline d-flex flex-column flex-justify-center" data-ga-click="Topics, go to sql, location:boxes">
<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">
<p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">Sass</p>
</a>
</div>
</div>
</div>
</div>
</div>
<h2>My Organizations</h2>

View file

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>primer</title>
<title>Sophie Shepherd</title>
<link href="/assets/styles.css" rel="stylesheet" type="text/css">
</head>
<body>
@ -11,33 +11,132 @@
<div class="container-lg py-6 p-responsive text-center">
<img src="https://avatars0.githubusercontent.com/u/334891?v=4" class="circle mb-3" style="max-width: 150px;">
<h1 class="mb-2 lh-condensed">primer</h1>
<img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;">
<h1 class="mb-2 lh-condensed">Sophie Shepherd</h1>
<p class="col-lg-8 mx-auto mb-3 f3 text-gray">
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.
✏ Design manager at @github
</p>
<div class="f4 mb-6">
<div class="d-md-inline-block mr-3">
<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>
<a href="https://github.com/broccolini">
@broccolini
</a>
</div>
<div class="d-md-inline-block mr-3">
<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>
<a href="mailto:">
<a href="https://github.com/sophshep">
@sophshep
</a>
</div>
<div class="d-md-inline-block">
<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>
Austin, TX
Austin TX
</div>
</div>
Hello! This is where the content will be.
<div class="my-6">
<h2>My Projects</h2>
<p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p>
<div class="d-flex flex-wrap gutter-condensed mb-4">
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/austin">
<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>
<span class="text-normal">sophshep /</span>
austin
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">Favorite Austin things</div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/gdi-intro-to-github">
<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>
<span class="text-normal">sophshep /</span>
gdi-intro-to-github
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">A project that students can collaborate on</div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/github-move">
<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>
<span class="text-normal">sophshep /</span>
github-move
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal"></div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
<div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3">
<div class="d-flex flex-justify-between flex-items-start mb-1">
<h1 class="f4 lh-condensed mb-1">
<a href="https://github.com/sophshep/github-slideshow">
<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>
<span class="text-normal">sophshep /</span>
github-slideshow
</a>
</h1>
</div>
<div class="text-gray mb-2 ws-normal">A robot powered training repository :robot:</div>
<div class="d-flex f6">
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
<a href="" class="d-inline-block link-gray mr-4">
<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
</a>
</div>
</div>
</div>
</div>
</div>
</div>