39e0e0dda1
* Install liquidjs, uninstall liquid * Comment a bunch of stuff out to get going * Fix invalid includes * Fix all includes (path => 'path') * Get the homepage to render * Do link-in-list kinda * Revert "Fix all includes (path => 'path')" This reverts commit d6fead646353aa5041d9229470a62a1d487456b9. * Support non-dynamic partials * Extract getTemplate helper * Do remaining custom Liquid tags * Fix some custom tag bugs * Moar bugs * Re-add link tag * Cleaner diff * Actually fix extended markdown tags * Fully comment out version matchers * Smaller diff * Rely only on Liquid internals for conditionals * Use new operators option in Liquid engine * Fix link.js * Don't need options * Updoot to the right doot * Fix some bugs * Fix another bug * Pass a test * Fix the translate bits * Adjust a test * Fix another invalid Liquid bug * Two more borked translations * Found some more * Don't need this change * Revert "Don't need this change" This reverts commit a916d619747f0492865a69c3e237c97c4d4e7fad. * This should fix the broken links * Missed one * Revert "This should fix the broken links" This reverts commit e6c2cc0d9055d958706260d57edbe293281c150e. * Revert "Missed one" This reverts commit bbe1f23baf16e020f6f7931589decb1afc75dfbd. * Updoot liquidjs
141 lines
5.9 KiB
HTML
141 lines
5.9 KiB
HTML
<!doctype html>
|
|
<html lang="{{currentLanguage}}">
|
|
{% include head %}
|
|
|
|
<body class="d-lg-flex">
|
|
{% include sidebar %}
|
|
|
|
<main class="width-full">
|
|
{% include header %}
|
|
|
|
<div class="container-xl px-3 px-md-6 pt-3 pb-2">
|
|
<header class="d-lg-flex gutter-lg mb-6">
|
|
<div class="col-12 col-lg-6 mb-3 mb-lg-0">
|
|
<span class="text-mono text-gray">Product</span>
|
|
<h1 class="mb-3 font-mktg">
|
|
{{ page.shortTitle }}
|
|
|
|
{% if page.beta_product %}
|
|
<span class="Label Label--green v-align-middle">Beta</span>
|
|
{% endif %}
|
|
</h1>
|
|
<div class="lead-mktg text-gray">{{ page.intro }}</div>
|
|
|
|
<a href="{{ page.introLinks.quickstart }}" class="btn-mktg btn-large f4 mt-3 mr-3">
|
|
{% data ui.product_landing.quick_start %}
|
|
</a>
|
|
|
|
{% if page.introLinks.reference %}
|
|
<a href="{{ page.introLinks.reference }}" class="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3">
|
|
{% data ui.product_landing.reference_guides %}
|
|
</a>
|
|
{% endif %}
|
|
|
|
{% if page.introLinks.overview %}
|
|
<a href="{{ page.introLinks.overview }}" class="btn-mktg btn-outline-mktg btn-large f4 mt-3 mr-3">
|
|
{% data ui.product_landing.overview %}
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{% if page.product_video %}
|
|
<div class="col-12 col-lg-6">
|
|
<div class="position-relative" style="padding-bottom:56.25%;">
|
|
<iframe
|
|
title="{{ page.shortTitle }} Video"
|
|
class="top-0 left-0 position-absolute box-shadow-large rounded-1 width-full height-full"
|
|
src="{{ page.product_video }}"
|
|
frameborder="0"
|
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
|
|
></iframe>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</header>
|
|
|
|
<!-- Article links -->
|
|
<div class="d-lg-flex gutter my-6 py-6">
|
|
<div class="col-12 col-lg-{% if page.changelog %}4{% else %}6{% endif %} mb-4 mb-lg-0">
|
|
<div class="featured-links-heading mb-4 d-flex flex-items-baseline">
|
|
<h3 class="f4 text-normal text-mono text-uppercase color-gray-5">{% data ui.toc.guides %}</h3>
|
|
<a href="{{ currentPath }}/guides" class="ml-4">View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</a>
|
|
</div>
|
|
<ul class="list-style-none">
|
|
{% for link in featuredLinks.guides %}
|
|
<li class="border-top">
|
|
<a class="link-with-intro Bump-link--hover no-underline d-block py-3" href="{{ link.href }}">
|
|
<h4 class="link-with-intro-title mb-1">{{ link.title }}<span class="Bump-link-symbol">→</span></h4>
|
|
<p class="link-with-intro-intro color-gray-5 mb-0">{{ link.intro | truncatewords: 12 }}</p>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-12 col-lg-{% if page.changelog %}4{% else %}6{% endif %} mb-4 mb-lg-0">
|
|
<div class="featured-links-heading mb-4 d-flex flex-items-baseline">
|
|
<h3 class="f4 text-normal text-mono text-uppercase color-gray-5">{% data ui.toc.popular_articles %}</h3>
|
|
</div>
|
|
<ul class="list-style-none">
|
|
{% for link in featuredLinks.popular %}
|
|
<li class="border-top">
|
|
<a class="link-with-intro Bump-link--hover no-underline d-block py-3" href="{{ link.href }}">
|
|
<h2 class="link-with-intro-title f5">{{ link.title }}<span class="Bump-link-symbol">→</span></h2>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
{% if page.changelog %}
|
|
<div class="col-12 col-lg-4 mb-4 mb-lg-0">
|
|
<div class="featured-links-heading mb-4 d-flex flex-items-baseline">
|
|
<h3 class="f4 text-normal text-mono text-uppercase color-gray-5">{% data ui.toc.whats_new %}</h3>
|
|
<a href="https://github.blog/changelog/" class="ml-4">View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</a>
|
|
</div>
|
|
<ul class="list-style-none">
|
|
{% for link in page.changelog %}
|
|
<li class="border-top">
|
|
<a href="{{ link.href }}" class="d-block text-gray-dark Bump-link--hover py-3 no-underline">
|
|
<h4>{{ link.title }} <span class="Bump-link-symbol">→</span></h4>
|
|
<time
|
|
class="tooltipped tooltipped-n text-gray-light text-mono mt-1"
|
|
aria-label="{{ link.date | date: '%B %d, %Y' }}"
|
|
>{{ link.date | date: "%B %d" }}</time>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
|
|
{{ renderedPage }}
|
|
</div>
|
|
|
|
{% if featuredLinks.guideCards %}
|
|
<div class="bg-guides-gradient py-6">
|
|
<div class="container-xl px-3 px-md-6 my-6">
|
|
<h2 class="font-mktg h1 mb-2">Guides</h2>
|
|
|
|
<div class="d-lg-flex gutter-lg flex-items-stretch">
|
|
{% assign guideCards = featuredLinks.guideCards %}
|
|
{% render guide-card for guideCards as guide %}
|
|
</div>
|
|
|
|
<a href="{{ currentPath }}/guides" class="btn btn-outline float-right">Explore guides {% octicon "arrow-right" %}</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="container-xl px-3 px-md-6 mt-6">
|
|
{% include all-articles %}
|
|
</div>
|
|
|
|
<div class="border-top">
|
|
{% include small-footer %}
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|