1
0
mirror of synced 2025-12-23 21:07:12 -05:00

Merge branch 'main' of github.com:github/docs-internal into update-new-site-tree-deps

This commit is contained in:
Sarah Schneider
2021-04-15 14:46:27 -04:00
123 changed files with 2103 additions and 3156 deletions

View File

@@ -3,7 +3,7 @@
<summary class="f4 h5-mktg btn-outline-mktg btn-mktg p-2">
<!-- GitHub.com, Enterprise Server 2.16, etc -->
<span class="d-md-none d-xl-inline-block">{% data ui.pages.article_version %}</span> {{ allVersions[currentVersion].versionTitle }}
<svg class="arrow ml-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="#1277eb"><path d="M1,1l6.2,6L13,1"></path></svg>
<svg class="arrow ml-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="currentColor"><path d="M1,1l6.2,6L13,1"></path></svg>
</summary>
<div class="nav-dropdown position-absolute color-bg-primary rounded-1 px-4 py-3 top-7 color-shadow-large" style="z-index: 6; width: 210px;">

View File

@@ -0,0 +1,20 @@
<div class="my-6 pt-6">
<h2 class="mb-2 font-mktg h1">{% data ui.product_landing.code_examples %}</h2>
<div class="pr-lg-3 mb-5 mt-3">
<input class="js-filter-card-filter input-lg py-2 px-3 col-12 col-lg-8 form-control" placeholder="{% data ui.product_landing.search_code_examples %}" type="search" autocomplete="off" aria-label="Search code examples"/>
</div>
<div class="d-flex flex-wrap gutter">
{% render code-example-card for productCodeExamples as example %}
</div>
<button class="js-filter-card-show-more btn btn-outline float-right" data-js-filter-card-max="6">{% data ui.product_landing.show_more %} {% octicon "arrow-right" %}</button>
<div class="js-filter-card-no-results d-none py-4 text-center color-text-secondary font-mktg">
<div class="mb-3">{% octicon "search" width="24" %}</div>
<h3 class="text-normal">{% data ui.product_landing.sorry %} <strong class="js-filter-card-value"></strong></h3>
<p class="my-3 f4">{% data ui.product_landing.no_result %}<br>{% data ui.product_landing.try_another %}</p>
<a href="https://github.com/github/docs/blob/main/data/variables/actions_code_examples.yml">{% data ui.product_landing.learn %} {% octicon "arrow-right" %}</a>
</div>
</div>

View File

@@ -0,0 +1,16 @@
<div class="my-6 pt-6">
<h2 class="mb-2 font-mktg h1">{% data ui.product_landing.communities_using_discussions %}</h2>
<div class="d-flex flex-wrap gutter">
{% render discussions-community-card for productCommunityExamples as example %}
</div>
{% if productCommunityExamples.length > 6 %}
<button class="js-filter-card-show-more btn btn-outline float-right" data-js-filter-card-max="6">{% data ui.product_landing.show_more %} {% octicon "arrow-right" %}</button>
{% endif %}
<div class="js-filter-card-no-results d-none py-4 text-center color-text-secondary font-mktg">
<div class="mb-3">{% octicon "search" width="24" %}</div>
<h3 class="text-normal">{% data ui.product_landing.sorry %} <strong class="js-filter-card-value"></strong></h3>
<p class="my-3 f4">{% data ui.product_landing.no_example %} <br>{% data ui.product_landing.try_another %}</p>
<a href="https://github.com/github/docs/blob/main/data/variables/discussions_community_examples.yml">{% data ui.product_landing.add_your_community %} {% octicon "arrow-right" %}</a>
</div>
</div>

View File

@@ -1,90 +0,0 @@
<div class="footer mt-6 no-print">
<div class="container-xl px-3 px-md-6">
<div class="d-flex flex-wrap py-5 mb-5">
<div class="col-12 col-lg-4 mb-5">
<a href="https://github.com/" class="color-text-primary" aria-label="Go to GitHub homepage">
{% octicon "logo-github" height="30" %}
</a>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4">
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.product.heading %}</h4>
<ul class="list-style-none color-text-secondary f5">
<li class="lh-condensed mb-3"><a href="https://github.com/features" class="Link--secondary">{% data ui.footer.product.links.features %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.com/security" class="Link--secondary">{% data ui.footer.product.links.security %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.com/enterprise" class="Link--secondary">{% data ui.footer.product.links.enterprise %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.com/customer-stories?type=enterprise" class="Link--secondary">{% data ui.footer.product.links.case_studies %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.com/pricing" class="Link--secondary">{% data ui.footer.product.links.pricing %}</a></li>
<li class="lh-condensed mb-3"><a href="https://resources.github.com" class="Link--secondary">{% data ui.footer.product.links.resources %}</a></li>
</ul>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.platform.heading %}</h4>
<ul class="list-style-none f5">
<li class="lh-condensed mb-3"><a href="/developers" class="Link--secondary">{% data ui.footer.platform.links.developer_api %}</a></li>
<li class="lh-condensed mb-3"><a href="https://partner.github.com/" class="Link--secondary">{% data ui.footer.platform.links.partners %}</a></li>
<li class="lh-condensed mb-3"><a href="https://atom.io" class="Link--secondary">{% data ui.footer.platform.links.atom %}</a></li>
<li class="lh-condensed mb-3"><a href="https://www.electronjs.org/" class="Link--secondary">{% data ui.footer.platform.links.electron %}</a></li>
<li class="lh-condensed mb-3"><a href="https://desktop.github.com/" class="Link--secondary">{% data ui.footer.platform.links.github_desktop %}</a></li>
</ul>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.support.heading %}</h4>
<ul class="list-style-none f5">
<li class="lh-condensed mb-3"><a href="/" class="Link--secondary">{% data ui.footer.support.links.help %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.community" class="Link--secondary">{% data ui.footer.support.links.community_forum %}</a></li>
<li class="lh-condensed mb-3"><a href="https://services.github.com/" class="Link--secondary">{% data ui.footer.support.links.training %}</a></li>
<li class="lh-condensed mb-3"><a href="https://www.githubstatus.com/" class="Link--secondary">{% data ui.footer.support.links.status %}</a></li>
<li class="lh-condensed mb-3"><a href="https://support.github.com/" class="Link--secondary">{% data ui.footer.support.links.contact_github %}</a></li>
</ul>
</div>
<div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4">
<h4 class="mb-3 text-mono color-text-tertiary text-normal">{% data ui.footer.company.heading %}</h4>
<ul class="list-style-none f5">
<li class="lh-condensed mb-3"><a href="https://github.com/about" class="Link--secondary">{% data ui.footer.company.links.about %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.blog/" class="Link--secondary">{% data ui.footer.company.links.blog %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.com/about/careers" class="Link--secondary">{% data ui.footer.company.links.careers %}</a></li>
<li class="lh-condensed mb-3"><a href="https://github.com/about/press" class="Link--secondary">{% data ui.footer.company.links.press %}</a></li>
<li class="lh-condensed mb-3"><a href="https://shop.github.com" class="Link--secondary">{% data ui.footer.company.links.shop %}</a></li>
</ul>
</div>
</div>
</div>
<div class="color-bg-secondary">
<div class="container-xl px-3 px-md-6 f6 py-4 d-sm-flex flex-justify-between flex-row-reverse flex-items-center">
<ul class="list-style-none d-flex flex-items-center mb-3 mb-sm-0 lh-condensed-ultra">
<li class="mr-3">
<a href="https://twitter.com/github" title="GitHub on Twitter" style="color: #959da5;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 273.5 222.3" class="d-block" height="18"><path d="M273.5 26.3a109.77 109.77 0 0 1-32.2 8.8 56.07 56.07 0 0 0 24.7-31 113.39 113.39 0 0 1-35.7 13.6 56.1 56.1 0 0 0-97 38.4 54 54 0 0 0 1.5 12.8A159.68 159.68 0 0 1 19.1 10.3a56.12 56.12 0 0 0 17.4 74.9 56.06 56.06 0 0 1-25.4-7v.7a56.11 56.11 0 0 0 45 55 55.65 55.65 0 0 1-14.8 2 62.39 62.39 0 0 1-10.6-1 56.24 56.24 0 0 0 52.4 39 112.87 112.87 0 0 1-69.7 24 119 119 0 0 1-13.4-.8 158.83 158.83 0 0 0 86 25.2c103.2 0 159.6-85.5 159.6-159.6 0-2.4-.1-4.9-.2-7.3a114.25 114.25 0 0 0 28.1-29.1" fill="currentColor"></path></svg>
</a>
</li>
<li class="mr-3">
<a href="https://www.facebook.com/GitHub" title="GitHub on Facebook" style="color: #959da5;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15.3 15.4" class="d-block" height="18"><path d="M14.5 0H.8a.88.88 0 0 0-.8.9v13.6a.88.88 0 0 0 .8.9h7.3v-6h-2V7.1h2V5.4a2.87 2.87 0 0 1 2.5-3.1h.5a10.87 10.87 0 0 1 1.8.1v2.1h-1.3c-1 0-1.1.5-1.1 1.1v1.5h2.3l-.3 2.3h-2v5.9h3.9a.88.88 0 0 0 .9-.8V.8a.86.86 0 0 0-.8-.8z" fill="currentColor"></path></svg>
</a>
</li>
<li class="mr-3">
<a href="https://www.youtube.com/github" title="GitHub on YouTube" style="color: #959da5;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19.17 13.6" class="d-block" height="16"><path d="M18.77 2.13A2.4 2.4 0 0 0 17.09.42C15.59 0 9.58 0 9.58 0a57.55 57.55 0 0 0-7.5.4A2.49 2.49 0 0 0 .39 2.13 26.27 26.27 0 0 0 0 6.8a26.15 26.15 0 0 0 .39 4.67 2.43 2.43 0 0 0 1.69 1.71c1.52.42 7.5.42 7.5.42a57.69 57.69 0 0 0 7.51-.4 2.4 2.4 0 0 0 1.68-1.71 25.63 25.63 0 0 0 .4-4.67 24 24 0 0 0-.4-4.69zM7.67 9.71V3.89l5 2.91z" fill="currentColor"></path></svg>
</a>
</li>
<li class="mr-3 flex-self-start">
<a href="https://www.linkedin.com/company/github" title="GitHub on Linkedin" style="color: #959da5;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 18" class="d-block" height="18"><path d="M3.94 2A2 2 0 1 1 2 0a2 2 0 0 1 1.94 2zM4 5.48H0V18h4zm6.32 0H6.34V18h3.94v-6.57c0-3.66 4.77-4 4.77 0V18H19v-7.93c0-6.17-7.06-5.94-8.72-2.91z" fill="currentColor"></path></svg>
</a>
</li>
<li>
<a href="https://github.com/github" title="GitHub's organization" style="color: #959da5;">
{% octicon "mark-github" height="20" %}
</a>
</li>
</ul>
<ul class="list-style-none d-flex color-text-secondary">
<li class="mr-3">&copy; {{ "now" | date: "%Y" }} GitHub, Inc.</li>
<li class="mr-3"><a href="/articles/github-terms-of-service/" class="Link--secondary">{% data ui.footer.terms %} </a></li>
<li><a href="/articles/github-privacy-statement/" class="Link--secondary">{% data ui.footer.privacy %} </a></li>
</ul>
</div>
</div>
</div>
{% include scripts %}

View File

@@ -45,7 +45,7 @@
{% endif %}
{% if release_notification_type %}
<div class="header-notifications text-center f5 color-bg-info-inverse color-text-primary py-4 px-6 release_notice{% if early_access_notification_type %} border-bottom color-border-tertiary{% endif %}">
<div class="header-notifications text-center f5 color-bg-info color-text-primary py-4 px-6 release_notice{% if early_access_notification_type %} border-bottom color-border-tertiary{% endif %}">
{{ release_notification }}
</div>
{% endif %}

View File

@@ -27,7 +27,7 @@
<!-- Product switcher - GitHub.com, Enterprise Server, etc -->
<!-- 404 and 500 error layouts are not real pages so we need to hardcode the name for those -->
{{ productMap[currentProduct].name }}
<svg class="arrow ml-md-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="#1277eb"><path d="M1,1l6.2,6L13,1"></path></svg>
<svg class="arrow ml-md-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="currentColor"><path d="M1,1l6.2,6L13,1"></path></svg>
</div>
</summary>
<!-- Mobile-only product dropdown -->
@@ -38,7 +38,7 @@
{% if product.id == currentProduct %}color-text-link-mktg text-underline active{% elsif product.id == currentProduct.id %}color-text-link-mktg text-underline active{% else %}Link--primary no-underline{% endif %}">
{{ product.name }}
{% if product.external %}
<span class="ml-1"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="#24292e" d="M.646 8.789l8-8M8.5 9V1M1 .643h8"/></svg></span>
<span class="ml-1"><svg width="9" height="10" viewBox="0 0 9 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" d="M.646 8.789l8-8M8.5 9V1M1 .643h8"/></svg></span>
{% endif %}
</a>
{% endfor %}
@@ -52,7 +52,7 @@
<div class="d-md-inline-block">
<!-- Language picker - 'English', 'Japanese', etc -->
{% unless error == '404' or !page.hidden %}
{% if page.languageVariants.length > 0 and error != '404' and !page.hidden %}
<div class="border-top border-md-top-0 py-2 py-md-0 d-md-inline-block">
<details class="dropdown-withArrow position-relative details details-reset mr-md-3 close-when-clicked-outside">
<summary class="py-2 color-text-primary" role="button" aria-label="Toggle languages list">
@@ -62,7 +62,7 @@
{% else %}
{{ languages[page.languageCode].name }}
{% endif %}
<svg class="arrow ml-md-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="#1B1F23"><path d="M1,1l6.2,6L13,1"></path></svg>
<svg class="arrow ml-md-1" width="14px" height="8px" viewBox="0 0 14 8" xml:space="preserve" fill="none" stroke="currentColor"><path d="M1,1l6.2,6L13,1"></path></svg>
</div>
</summary>
<div id="languages-selector" class="position-md-absolute nav-desktop-langDropdown p-md-4 right-md-n4 top-md-6" style="z-index: 6;">
@@ -84,7 +84,7 @@
</div>
</details>
</div>
{% endunless %}
{% endif %}
<!-- GitHub.com homepage and 404 page has a stylized search; Enterprise homepages do not -->
{% if page.relativePath != 'index.md' and error != '404' %}

View File

@@ -19,13 +19,14 @@
{% capture fullPathToCategory %}{{category[1].href}}{% endcapture %}
<li class="sidebar-category py-1 {% if breadcrumbs.category.href == category[1].href %}active {% if currentPath == fullPathToCategory %}is-current-page {% endif %}{% endif %}{% if category[1].standalone %}standalone-category{% endif %}">
{% if category[1].shortTitle %}{% assign categoryTitle = category[1].shortTitle %}{% else %}{% assign categoryTitle = category[1].title %}{% endif %}
{% if category[1].standalone %}
<a href="{{fullPathToCategory}}" class="pl-4 pr-2 py-2 f6 text-uppercase d-block flex-auto mr-3">{{ category[1].title }}</a>
<a href="{{fullPathToCategory}}" class="pl-4 pr-2 py-2 f6 text-uppercase d-block flex-auto mr-3">{{ categoryTitle }}</a>
{% else %}
<details class="dropdown-withArrow details details-reset" {% if breadcrumbs.category.href == category[1].href or forloop.index < 4 %}open{% endif %}>
<summary>
<div class="d-flex flex-justify-between">
<a href="{{fullPathToCategory}}" class="pl-4 pr-2 py-2 f6 text-uppercase d-block flex-auto mr-3">{{ category[1].title }}</a>
<a href="{{fullPathToCategory}}" class="pl-4 pr-2 py-2 f6 text-uppercase d-block flex-auto mr-3">{{ categoryTitle }}</a>
{% if breadcrumbs.category.href == category[1].href or forloop.index < 4 %}
<svg xmlns="http://www.w3.org/2000/svg" class="octicon flex-shrink-0 arrow mr-3" style="margin-top:7px" viewBox="0 0 16 16" width="16" height="16"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7803 6.21967C13.0732 6.51256 13.0732 6.98744 12.7803 7.28033L8.53033 11.5303C8.23744 11.8232 7.76256 11.8232 7.46967 11.5303L3.21967 7.28033C2.92678 6.98744 2.92678 6.51256 3.21967 6.21967C3.51256 5.92678 3.98744 5.92678 4.28033 6.21967L8 9.93934L11.7197 6.21967C12.0126 5.92678 12.4874 5.92678 12.7803 6.21967Z"></path></svg>
{% endif %}
@@ -39,16 +40,18 @@
{% for maptopic in category[1].maptopics %}
{% unless maptopic[1].hidden %}
{% capture fullPathToMaptopic %}{{maptopic[1].href}}{% endcapture %}
{% if maptopic[1].shortTitle %}{% assign maptopicTitle = maptopic[1].shortTitle %}{% else %}{% assign maptopicTitle = maptopic[1].title %}{% endif %}
<li class="sidebar-maptopic {% if breadcrumbs.maptopic.href == maptopic[1].href %}active {% if currentPath == fullPathToMaptopic %}is-current-page{% endif %}{% endif %}">
<a href="{{fullPathToMaptopic}}" class="pl-4 pr-5 py-2">{{ maptopic[1].title }}</a>
<a href="{{fullPathToMaptopic}}" class="pl-4 pr-5 py-2">{{ maptopicTitle }}</a>
<ul class="sidebar-articles my-2">
{% for article in maptopic[1].articles %}
{% unless article[1].hidden %}
{% capture fullPathToArticle %}{{article[1].href}}{% endcapture %}
{% if article[1].shortTitle %}{% assign articleTitle = article[1].shortTitle %}{% else %}{% assign articleTitle = article[1].title %}{% endif %}
<li class="sidebar-article {% if breadcrumbs.article.href == article[1].href %}active {% if currentPath == fullPathToArticle %}is-current-page{% endif %}{% endif %}">
<a href="{{fullPathToArticle}}" class="pl-6 pr-5 py-1{% if forloop.last %} pb-2{% endif %}">{{ article[1].title }}</a>
<a href="{{fullPathToArticle}}" class="pl-6 pr-5 py-1{% if forloop.last %} pb-2{% endif %}">{{ articleTitle }}</a>
</li>
{% endunless %}
{% endfor %}
@@ -63,8 +66,9 @@
{% for article in category[1].articles %}
{% unless article[1].hidden %}
{% capture fullPathToArticle %}{{article[1].href}}{% endcapture %}
{% if article[1].shortTitle %}{% assign articleTitle = article[1].shortTitle %}{% else %}{% assign articleTitle = article[1].title %}{% endif %}
<li class="sidebar-article {% if breadcrumbs.article.href == article[1].href %}active {% if currentPath == fullPathToArticle %}is-current-page{% endif %}{% endif %}">
<a href="{{fullPathToArticle}}" class="pl-4 pr-5 py-1{% if forloop.last %} pb-2{% endif %}">{{ article[1].title }}</a>
<a href="{{fullPathToArticle}}" class="pl-4 pr-5 py-1{% if forloop.last %} pb-2{% endif %}">{{ articleTitle }}</a>
</li>
{% endunless %}
{% endfor %}