blog.trnck.dev

init light/dark theme

+307 -562
+1 -1
Gemfile
··· 1 1 source 'https://rubygems.org' 2 2 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" 4 4 5 5 gem "jekyll-octicons"
+3 -3
Gemfile.lock
··· 50 50 terminal-table (~> 1.4) 51 51 52 52 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 56 56 specs: 57 57 jekyll-github-metadata (2.10.0) 58 58 jekyll (~> 3.4)
+9 -2
_config.yml
··· 1 1 repository: sophshep/manager-resources 2 2 3 + style: dark 4 + 3 5 sass: 4 - sass_dir: node_modules 6 + load_paths: 7 + - _sass 8 + - node_modules 5 9 6 10 plugins: 7 11 - jekyll-octicons ··· 9 13 10 14 topics: 11 15 - name: Web design 12 - github_name: web-design 16 + 13 17 - name: CSS 14 18 github_name: css 19 + image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/css/css.png 20 + 15 21 - name: Sass 16 22 github_name: sass 23 + image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/sass/sass.png
+1 -1
_includes/header.html
··· 5 5 <title>{{ site.github.owner.name }}</title> 6 6 <link href="/assets/styles.css" rel="stylesheet" type="text/css"> 7 7 </head> 8 - <body> 8 + <body class="bg-gray-light">
-19
_includes/org-card.html
··· 1 - <div class="github-component"> 2 - <div class="topic-box position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5"> 3 - <a href="/primer" class="no-underline d-flex flex-column flex-justify-center"> 4 - <img src="https://avatars1.githubusercontent.com/u/7143434?s=200&amp;v=4" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="primer logo"> 5 - <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1"> 6 - Primer 7 - </p> 8 - <p class="f5 text-gray text-center mb-3 mt-1">Components and behaviors for building things on the Web, from GitHub.</p> 9 - <div class="v-align-middle text-gray"> 10 - {% octicon location height:16 class:"mr-1 v-align-middle" aria-label:location %} 11 - <span>Planet Earth</span> 12 - </div> 13 - <div class="v-align-middle"> 14 - {% octicon link height:16 class:"mr-1 v-align-middle" aria-label:link %} 15 - <p><a href="http://primer.github.io/">primer.github.io</a></p> 16 - </div> 17 - </a> 18 - </div> 19 - </div>
+1 -1
_includes/projects.html
··· 1 1 <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> 3 3 <div class="d-flex flex-wrap gutter-condensed mb-4"> 4 4 {% for repository in site.github.public_repositories limit: 4 %} 5 5 <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3">
+6 -2
_includes/repo-card.html
··· 10 10 </div> 11 11 <div class="text-gray mb-2 ws-normal">{{ repository.description }}</div> 12 12 <div class="d-flex f6"> 13 + {% if repository.stargazers_count %} 13 14 <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 }} 15 16 </a> 17 + {% endif %} 18 + {% if repository.forks_count %} 16 19 <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 }} 18 21 </a> 22 + {% endif %} 19 23 </div> 20 24 </div>
+32 -15
_includes/topic-card.html
··· 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 }}"> 5 + {% else %} 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 }}"> 11 22 {% 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 %} 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> 16 33 {% endif %} 17 34 </div> 18 - </div> 35 + {% endif %}
+30 -29
_layouts/sidebar.html
··· 2 2 3 3 {% assign user = site.github.owner %} 4 4 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"> 7 7 <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> 9 9 <p class="mb-3 f4 text-gray"> 10 10 {{ user.bio }} 11 11 </p> 12 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=""> 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 %} 23 38 </div> 24 39 </div> 25 40 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"> 27 42 <div class="mx-auto" style="max-width: 900px;"> 28 43 {% include projects.html %} 29 44 30 45 <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> 32 47 <div class="d-flex flex-wrap gutter-condensed mb-4"> 33 48 {% for topic in site.topics limit: 4 %} 34 49 <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 35 50 {% include topic-card.html %} 36 51 </div> 37 52 {% endfor %} 38 - </div> 39 - 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 53 </div> 53 54 54 55 </div>
+15 -11
_layouts/stacked.html
··· 4 4 5 5 <div class="container-lg py-6 p-responsive text-center"> 6 6 <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> 8 8 <p class="col-lg-8 mx-auto mb-3 f3 text-gray"> 9 9 {{ user.bio }} 10 10 </p> 11 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"> 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 %} 22 26 </div> 23 27 24 28 {{ content }}
+3
_sass/dark.scss
··· 1 + body { 2 + color: #ffffff; 3 + }
_sass/light.scss

This is a binary file and will not be displayed.

+4
_site/assets/styles.css
··· 3769 3769 .pb-xl-12 { padding-bottom: 128px !important; } 3770 3770 /* Set a 128px padding to the top & bottom at the xl breakpoint */ 3771 3771 .py-xl-12 { padding-top: 128px !important; padding-bottom: 128px !important; } } 3772 + body { color: #ffffff; } 3773 + 3774 + body { font-family: 'Rubik', sans-serif; } 3775 + 3772 3776 .github-component { font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; }
+199 -21
_site/index.html
··· 2 2 <html> 3 3 <head> 4 4 <meta charset="utf-8"> 5 - <title>manager-resources</title> 5 + <title>Sophie Shepherd</title> 6 6 <link href="/assets/styles.css" rel="stylesheet" type="text/css"> 7 7 </head> 8 - <body> 9 - <div class="container-lg p-responsive"> 10 - <h1>manager-resources</h1> 11 - <p></p> 12 - <p class="text-bold">sophshep</p> 13 - <img src="https://avatars3.githubusercontent.com/u/527589?v=4"> 8 + <body class="bg-gray-light"> 9 + 10 + 11 + 12 + 13 + <div class="d-md-flex" style="height: 100vh"> 14 + <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"> 15 + <img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;"> 16 + <h1 class="mb-2 lh-condensed">Sophie Shepherd</h1> 17 + <p class="mb-3 f4 text-gray"> 18 + ✏ Design manager at @github 19 + </p> 20 + <div class="f4 mb-6"> 21 + 22 + <div class="d-flex flex-items-center mb-3"> 23 + <svg height="20" class="octicon octicon-mark-github mr-2 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> 24 + <a href="https://github.com/sophshep"> 25 + @sophshep 26 + </a> 27 + </div> 28 + 29 + 30 + 31 + <div class="d-flex flex-items-center mb-3"> 32 + <svg height="20" class="octicon octicon-location mr-2 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> 33 + Austin TX 34 + </div> 35 + 36 + 14 37 </div> 38 + </div> 15 39 16 - <ul> 40 + <div class="col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7"> 41 + <div class="mx-auto" style="max-width: 900px;"> 42 + <h2>My Projects</h2> 43 + <p class="f4 mb-4 text-gray">GitHub repositories that I've built.</p> 44 + <div class="d-flex flex-wrap gutter-condensed mb-4"> 45 + 46 + <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 47 + <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 48 + <div class="d-flex flex-justify-between flex-items-start mb-1"> 49 + <h1 class="f4 lh-condensed mb-1"> 50 + <a href="https://github.com/sophshep/austin"> 51 + <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> 52 + <span class="text-normal">sophshep /</span> 53 + austin 54 + </a> 55 + </h1> 56 + </div> 57 + <div class="text-gray mb-2 ws-normal">Favorite Austin things</div> 58 + <div class="d-flex f6"> 17 59 18 - <li>[austin](https://github.com/sophshep/austin)</li> 60 + <a href="" class="d-inline-block link-gray mr-4"> 61 + <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>1 62 + </a> 63 + 64 + 65 + <a href="" class="d-inline-block link-gray mr-4"> 66 + <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>0 67 + </a> 68 + 69 + </div> 70 + </div> 71 + 72 + </div> 73 + 74 + <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 75 + <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 76 + <div class="d-flex flex-justify-between flex-items-start mb-1"> 77 + <h1 class="f4 lh-condensed mb-1"> 78 + <a href="https://github.com/sophshep/gdi-intro-to-github"> 79 + <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> 80 + <span class="text-normal">sophshep /</span> 81 + gdi-intro-to-github 82 + </a> 83 + </h1> 84 + </div> 85 + <div class="text-gray mb-2 ws-normal">A project that students can collaborate on</div> 86 + <div class="d-flex f6"> 19 87 20 - <li>[gdi-intro-to-github](https://github.com/sophshep/gdi-intro-to-github)</li> 88 + <a href="" class="d-inline-block link-gray mr-4"> 89 + <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>0 90 + </a> 21 91 22 - <li>[github-move](https://github.com/sophshep/github-move)</li> 23 92 24 - <li>[github-slideshow](https://github.com/sophshep/github-slideshow)</li> 93 + <a href="" class="d-inline-block link-gray mr-4"> 94 + <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>0 95 + </a> 25 96 26 - </ul> 97 + </div> 98 + </div> 27 99 28 - <script src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js" 29 - ></script> 30 - <link rel="stylesheet" href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css" /> 100 + </div> 101 + 102 + <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 103 + <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 104 + <div class="d-flex flex-justify-between flex-items-start mb-1"> 105 + <h1 class="f4 lh-condensed mb-1"> 106 + <a href="https://github.com/sophshep/github-move"> 107 + <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> 108 + <span class="text-normal">sophshep /</span> 109 + github-move 110 + </a> 111 + </h1> 112 + </div> 113 + <div class="text-gray mb-2 ws-normal"></div> 114 + <div class="d-flex f6"> 115 + 116 + <a href="" class="d-inline-block link-gray mr-4"> 117 + <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>0 118 + </a> 119 + 120 + 121 + <a href="" class="d-inline-block link-gray mr-4"> 122 + <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>0 123 + </a> 124 + 125 + </div> 126 + </div> 31 127 32 - <div class="container-lg p-responsive"> 33 - <div class="calendar"></div> 128 + </div> 129 + 130 + <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 131 + <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 132 + <div class="d-flex flex-justify-between flex-items-start mb-1"> 133 + <h1 class="f4 lh-condensed mb-1"> 134 + <a href="https://github.com/sophshep/github-slideshow"> 135 + <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> 136 + <span class="text-normal">sophshep /</span> 137 + github-slideshow 138 + </a> 139 + </h1> 140 + </div> 141 + <div class="text-gray mb-2 ws-normal">A robot powered training repository :robot:</div> 142 + <div class="d-flex f6"> 143 + 144 + <a href="" class="d-inline-block link-gray mr-4"> 145 + <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>0 146 + </a> 147 + 148 + 149 + <a href="" class="d-inline-block link-gray mr-4"> 150 + <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>0 151 + </a> 152 + 153 + </div> 154 + </div> 155 + 34 156 </div> 35 - <script> 36 - GitHubCalendar(".calendar", "sophshep", { responsive: true }); 37 - </script> 157 + 158 + </div> 159 + 160 + 161 + <h2>My Interests</h2> 162 + <p class="f4 mb-4 text-gray">Topics that I want to learn more about.</p> 163 + <div class="d-flex flex-wrap gutter-condensed mb-4"> 164 + 165 + <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 166 + 167 + <div class="github-component position-relative height-full text-center border border-gray-light rounded-1 bg-white p-5"> 168 + 169 + <div 170 + class="bg-blue-light f4 text-gray-light text-bold rounded-1 flex-shrink-0 text-center mx-auto mb-3" 171 + style="width:64px; height:64px; line-height:64px;" 172 + > 173 + # 174 + </div> 175 + 176 + <p class="f3 lh-condensed text-center mb-0 mt-1">Web design</p> 177 + 178 + </div> 179 + 180 + 181 + </div> 182 + 183 + <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 184 + 185 + <a href="https://github.com/topics/css" 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"> 186 + 187 + <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"> 188 + 189 + <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">CSS</p> 190 + 191 + </a> 192 + 193 + 194 + </div> 195 + 196 + <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 197 + 198 + <a href="https://github.com/topics/sass" 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"> 199 + 200 + <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"> 201 + 202 + <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">Sass</p> 203 + 204 + </a> 205 + 206 + 207 + </div> 208 + 209 + </div> 210 + 211 + </div> 212 + </div> 213 + </div> 214 + 38 215 </body> 39 216 </html> 217 +
-267
_site/layout-sidebar.html
··· 1 - <!doctype html> 2 - <html> 3 - <head> 4 - <meta charset="utf-8"> 5 - <title>Sophie Shepherd</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-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"> 15 - <img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;"> 16 - <h1 class="mb-2 lh-condensed">Sophie Shepherd</h1> 17 - <p class="mb-3 f4 text-gray"> 18 - ✏ Design manager at @github 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/sophshep"> 24 - @sophshep 25 - </a> 26 - </div> 27 - <div class=""> 28 - <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> 29 - Austin TX 30 - </div> 31 - </div> 32 - </div> 33 - 34 - <div class="bg-gray-light col-md-7 col-lg-8 col-xl-9 px-4 py-6 px-lg-7"> 35 - <div class="mx-auto" style="max-width: 900px;"> 36 - <h2>My Projects</h2> 37 - <p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p> 38 - <div class="d-flex flex-wrap gutter-condensed mb-4"> 39 - 40 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 41 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 42 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 43 - <h1 class="f4 lh-condensed mb-1"> 44 - <a href="https://github.com/sophshep/austin"> 45 - <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> 46 - <span class="text-normal">sophshep /</span> 47 - austin 48 - </a> 49 - </h1> 50 - </div> 51 - <div class="text-gray mb-2 ws-normal">Favorite Austin things</div> 52 - <div class="d-flex f6"> 53 - <a href="" class="d-inline-block link-gray mr-4"> 54 - <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 55 - </a> 56 - <a href="" class="d-inline-block link-gray mr-4"> 57 - <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 58 - </a> 59 - </div> 60 - </div> 61 - 62 - </div> 63 - 64 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 65 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 66 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 67 - <h1 class="f4 lh-condensed mb-1"> 68 - <a href="https://github.com/sophshep/gdi-intro-to-github"> 69 - <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> 70 - <span class="text-normal">sophshep /</span> 71 - gdi-intro-to-github 72 - </a> 73 - </h1> 74 - </div> 75 - <div class="text-gray mb-2 ws-normal">A project that students can collaborate on</div> 76 - <div class="d-flex f6"> 77 - <a href="" class="d-inline-block link-gray mr-4"> 78 - <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 79 - </a> 80 - <a href="" class="d-inline-block link-gray mr-4"> 81 - <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 82 - </a> 83 - </div> 84 - </div> 85 - 86 - </div> 87 - 88 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 89 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 90 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 91 - <h1 class="f4 lh-condensed mb-1"> 92 - <a href="https://github.com/sophshep/github-move"> 93 - <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> 94 - <span class="text-normal">sophshep /</span> 95 - github-move 96 - </a> 97 - </h1> 98 - </div> 99 - <div class="text-gray mb-2 ws-normal"></div> 100 - <div class="d-flex f6"> 101 - <a href="" class="d-inline-block link-gray mr-4"> 102 - <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 103 - </a> 104 - <a href="" class="d-inline-block link-gray mr-4"> 105 - <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 106 - </a> 107 - </div> 108 - </div> 109 - 110 - </div> 111 - 112 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 113 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 114 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 115 - <h1 class="f4 lh-condensed mb-1"> 116 - <a href="https://github.com/sophshep/github-slideshow"> 117 - <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> 118 - <span class="text-normal">sophshep /</span> 119 - github-slideshow 120 - </a> 121 - </h1> 122 - </div> 123 - <div class="text-gray mb-2 ws-normal">A robot powered training repository :robot:</div> 124 - <div class="d-flex f6"> 125 - <a href="" class="d-inline-block link-gray mr-4"> 126 - <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 127 - </a> 128 - <a href="" class="d-inline-block link-gray mr-4"> 129 - <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 130 - </a> 131 - </div> 132 - </div> 133 - 134 - </div> 135 - 136 - </div> 137 - 138 - 139 - <h2>My Interests</h2> 140 - <p class="f4 mb-4 text-gray">Topics that I want to learn more about</p> 141 - <div class="d-flex flex-wrap gutter-condensed mb-4"> 142 - 143 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 144 - <div class="github-component"> 145 - <div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5"> 146 - 147 - <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"> 148 - <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"> 149 - <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">Web design</p> 150 - 151 - </a> 152 - 153 - </div> 154 - </div> 155 - 156 - </div> 157 - 158 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 159 - <div class="github-component"> 160 - <div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5"> 161 - 162 - <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"> 163 - <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"> 164 - <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">CSS</p> 165 - 166 - </a> 167 - 168 - </div> 169 - </div> 170 - 171 - </div> 172 - 173 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 174 - <div class="github-component"> 175 - <div class="position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5"> 176 - 177 - <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"> 178 - <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"> 179 - <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1">Sass</p> 180 - 181 - </a> 182 - 183 - </div> 184 - </div> 185 - 186 - </div> 187 - 188 - </div> 189 - 190 - <h2>My Organizations</h2> 191 - <p class="f4 mb-4 text-gray">Teams I belong to</p> 192 - <div class="d-flex flex-wrap gutter-condensed mb-4"> 193 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 194 - <div class="github-component"> 195 - <div class="topic-box position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5"> 196 - <a href="/primer" class="no-underline d-flex flex-column flex-justify-center"> 197 - <img src="https://avatars1.githubusercontent.com/u/7143434?s=200&amp;v=4" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="primer logo"> 198 - <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1"> 199 - Primer 200 - </p> 201 - <p class="f5 text-gray text-center mb-3 mt-1">Components and behaviors for building things on the Web, from GitHub.</p> 202 - <div class="v-align-middle text-gray"> 203 - <svg height="16" class="octicon octicon-location mr-1 v-align-middle" aria-label="location" viewBox="0 0 12 16" version="1.1" width="12" 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> 204 - <span>Planet Earth</span> 205 - </div> 206 - <div class="v-align-middle"> 207 - <svg height="16" class="octicon octicon-link mr-1 v-align-middle" aria-label="link" viewBox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg> 208 - <p><a href="http://primer.github.io/">primer.github.io</a></p> 209 - </div> 210 - </a> 211 - </div> 212 - </div> 213 - 214 - </div> 215 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 216 - <div class="github-component"> 217 - <div class="topic-box position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5"> 218 - <a href="/primer" class="no-underline d-flex flex-column flex-justify-center"> 219 - <img src="https://avatars1.githubusercontent.com/u/7143434?s=200&amp;v=4" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="primer logo"> 220 - <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1"> 221 - Primer 222 - </p> 223 - <p class="f5 text-gray text-center mb-3 mt-1">Components and behaviors for building things on the Web, from GitHub.</p> 224 - <div class="v-align-middle text-gray"> 225 - <svg height="16" class="octicon octicon-location octicon octicon-location mr-1 v-align-middle" aria-label="location" viewBox="0 0 12 16" version="1.1" width="12" 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> 226 - <span>Planet Earth</span> 227 - </div> 228 - <div class="v-align-middle"> 229 - <svg height="16" class="octicon octicon-link octicon octicon-link mr-1 v-align-middle" aria-label="link" viewBox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg> 230 - <p><a href="http://primer.github.io/">primer.github.io</a></p> 231 - </div> 232 - </a> 233 - </div> 234 - </div> 235 - 236 - </div> 237 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 238 - <div class="github-component"> 239 - <div class="topic-box position-relative hover-grow height-full text-center border border-gray-light rounded-1 bg-white p-5"> 240 - <a href="/primer" class="no-underline d-flex flex-column flex-justify-center"> 241 - <img src="https://avatars1.githubusercontent.com/u/7143434?s=200&amp;v=4" width="64" height="64" class="mx-auto rounded-1 mb-3" alt="primer logo"> 242 - <p class="f3 lh-condensed text-center link-gray-dark mb-0 mt-1"> 243 - Primer 244 - </p> 245 - <p class="f5 text-gray text-center mb-3 mt-1">Components and behaviors for building things on the Web, from GitHub.</p> 246 - <div class="v-align-middle text-gray"> 247 - <svg height="16" class="octicon octicon-location octicon octicon-location octicon octicon-location mr-1 v-align-middle" aria-label="location" viewBox="0 0 12 16" version="1.1" width="12" 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> 248 - <span>Planet Earth</span> 249 - </div> 250 - <div class="v-align-middle"> 251 - <svg height="16" class="octicon octicon-link octicon octicon-link octicon octicon-link mr-1 v-align-middle" aria-label="link" viewBox="0 0 16 16" version="1.1" width="16" role="img"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg> 252 - <p><a href="http://primer.github.io/">primer.github.io</a></p> 253 - </div> 254 - </a> 255 - </div> 256 - </div> 257 - 258 - </div> 259 - </div> 260 - 261 - </div> 262 - </div> 263 - </div> 264 - 265 - </body> 266 - </html> 267 -
-146
_site/layout-stacked.html
··· 1 - <!doctype html> 2 - <html> 3 - <head> 4 - <meta charset="utf-8"> 5 - <title>Sophie Shepherd</title> 6 - <link href="/assets/styles.css" rel="stylesheet" type="text/css"> 7 - </head> 8 - <body> 9 - 10 - 11 - 12 - 13 - <div class="container-lg py-6 p-responsive text-center"> 14 - <img src="https://avatars3.githubusercontent.com/u/527589?v=4" class="circle mb-3" style="max-width: 150px;"> 15 - <h1 class="mb-2 lh-condensed">Sophie Shepherd</h1> 16 - <p class="col-lg-8 mx-auto mb-3 f3 text-gray"> 17 - ✏ Design manager at @github 18 - </p> 19 - <div class="f4 mb-6"> 20 - <div class="d-md-inline-block mr-3"> 21 - <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> 22 - <a href="https://github.com/sophshep"> 23 - @sophshep 24 - </a> 25 - </div> 26 - <div class="d-md-inline-block"> 27 - <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> 28 - Austin TX 29 - </div> 30 - </div> 31 - 32 - Hello! This is where the content will be. 33 - 34 - 35 - <div class="my-6"> 36 - <h2>My Projects</h2> 37 - <p class="f4 mb-4 text-gray">GitHub repositories that I've contributed to</p> 38 - <div class="d-flex flex-wrap gutter-condensed mb-4"> 39 - 40 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 41 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 42 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 43 - <h1 class="f4 lh-condensed mb-1"> 44 - <a href="https://github.com/sophshep/austin"> 45 - <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> 46 - <span class="text-normal">sophshep /</span> 47 - austin 48 - </a> 49 - </h1> 50 - </div> 51 - <div class="text-gray mb-2 ws-normal">Favorite Austin things</div> 52 - <div class="d-flex f6"> 53 - <a href="" class="d-inline-block link-gray mr-4"> 54 - <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 55 - </a> 56 - <a href="" class="d-inline-block link-gray mr-4"> 57 - <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 58 - </a> 59 - </div> 60 - </div> 61 - 62 - </div> 63 - 64 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 65 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 66 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 67 - <h1 class="f4 lh-condensed mb-1"> 68 - <a href="https://github.com/sophshep/gdi-intro-to-github"> 69 - <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> 70 - <span class="text-normal">sophshep /</span> 71 - gdi-intro-to-github 72 - </a> 73 - </h1> 74 - </div> 75 - <div class="text-gray mb-2 ws-normal">A project that students can collaborate on</div> 76 - <div class="d-flex f6"> 77 - <a href="" class="d-inline-block link-gray mr-4"> 78 - <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 79 - </a> 80 - <a href="" class="d-inline-block link-gray mr-4"> 81 - <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 82 - </a> 83 - </div> 84 - </div> 85 - 86 - </div> 87 - 88 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 89 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 90 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 91 - <h1 class="f4 lh-condensed mb-1"> 92 - <a href="https://github.com/sophshep/github-move"> 93 - <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> 94 - <span class="text-normal">sophshep /</span> 95 - github-move 96 - </a> 97 - </h1> 98 - </div> 99 - <div class="text-gray mb-2 ws-normal"></div> 100 - <div class="d-flex f6"> 101 - <a href="" class="d-inline-block link-gray mr-4"> 102 - <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 103 - </a> 104 - <a href="" class="d-inline-block link-gray mr-4"> 105 - <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 106 - </a> 107 - </div> 108 - </div> 109 - 110 - </div> 111 - 112 - <div class="col-sm-6 col-md-12 col-lg-6 col-xl-4 mb-3"> 113 - <div class="github-component height-full text-left border border-gray-light bg-white rounded-1 p-3"> 114 - <div class="d-flex flex-justify-between flex-items-start mb-1"> 115 - <h1 class="f4 lh-condensed mb-1"> 116 - <a href="https://github.com/sophshep/github-slideshow"> 117 - <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> 118 - <span class="text-normal">sophshep /</span> 119 - github-slideshow 120 - </a> 121 - </h1> 122 - </div> 123 - <div class="text-gray mb-2 ws-normal">A robot powered training repository :robot:</div> 124 - <div class="d-flex f6"> 125 - <a href="" class="d-inline-block link-gray mr-4"> 126 - <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 127 - </a> 128 - <a href="" class="d-inline-block link-gray mr-4"> 129 - <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 130 - </a> 131 - </div> 132 - </div> 133 - 134 - </div> 135 - 136 - </div> 137 - 138 - </div> 139 - 140 - </div> 141 - 142 - 143 - 144 - </body> 145 - </html> 146 -
+2 -1
assets/styles.scss
··· 3 3 @import "primer-core/index"; 4 4 @import "primer-marketing/index"; 5 5 @import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900'); 6 + @import "{{ site.style }}"; 6 7 7 8 body { 8 - //font-family: 'Rubik', sans-serif; 9 + font-family: 'Rubik', sans-serif; 9 10 } 10 11 11 12 .github-component {
+1 -33
index.html
··· 1 1 --- 2 + layout: sidebar 2 3 --- 3 - <!doctype html> 4 - <html> 5 - <head> 6 - <meta charset="utf-8"> 7 - <title>{{ site.title }}</title> 8 - <link href="/assets/styles.css" rel="stylesheet" type="text/css"> 9 - </head> 10 - <body> 11 - <div class="container-lg p-responsive"> 12 - <h1>{{ site.title }}</h1> 13 - <p>{{ site.description }}</p> 14 - <p class="text-bold">{{ site.github.owner.login }}</p> 15 - <img src="{{ site.github.owner.avatar_url }}"> 16 - </div> 17 - 18 - <ul> 19 - {% for repository in site.github.public_repositories limit: 4 %} 20 - <li>[{{ repository.name }}]({{ repository.html_url }})</li> 21 - {% endfor %} 22 - </ul> 23 - 24 - <script src="https://unpkg.com/github-calendar@latest/dist/github-calendar.min.js" 25 - ></script> 26 - <link rel="stylesheet" href="https://unpkg.com/github-calendar@latest/dist/github-calendar-responsive.css" /> 27 - 28 - <div class="container-lg p-responsive"> 29 - <div class="calendar"></div> 30 - </div> 31 - <script> 32 - GitHubCalendar(".calendar", "{{ site.github.owner.login }}", { responsive: true }); 33 - </script> 34 - </body> 35 - </html>
-5
layout-sidebar.html
··· 1 - --- 2 - layout: sidebar 3 - --- 4 - 5 - Hello! This is where the content for the sidebar layout will be.
-5
layout-stacked.html
··· 1 - --- 2 - layout: stacked 3 - --- 4 - 5 - Hello! This is where the content will be.