Add documentation icons

This commit is contained in:
Jeremy Thomas
2018-04-10 22:38:00 +01:00
parent 999c284dcc
commit a88b024dcc
14 changed files with 139 additions and 60 deletions

View File

@@ -15,7 +15,15 @@
{% endif %}
<a class="bd-link" href="{{ site.url }}{{ link.path }}">
<h2 class="bd-link-name">
<span class="bd-link-counter"></span>
<figure class="bd-link-figure">
{% if include.icons %}
<span class="bd-link-icon has-text-{{ link.color }}">
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
</span>
{% else %}
<span class="bd-link-counter"></span>
{% endif %}
</figure>
{{ link.name }}
</h2>
<p class="bd-link-subtitle">

View File

@@ -43,39 +43,38 @@
{% endfor %}
<div class="navbar-item has-dropdown is-hoverable">
<div class="navbar-link">
More
</div>
<div id="moreDropdown" class="navbar-dropdown {% if include.boxed %}is-boxed{% endif %}">
{% for item in site.data.global.more_items %}
<a class="navbar-item {% if page.route == item.id %}is-active{% endif %}" href="{{ site.url }}/{{ item.id }}/">
<div class="media">
<div class="media-left">
<span class="icon is-large has-text-{{ item.color }}">
<i class="{{ item.fa_type }} {{ item.fa_icon }} fa-2x"></i>
</span>
</div>
<div class="media-content">
<p>
<strong>{{ item.title }}</strong>
<br>
<small>{{ item.description }}</small>
</p>
</div>
</div>
{% assign link = site.data.links.by_id['more'] %}
<a class="navbar-link" href="{{ site.url }}{{ link.path }}">
{{ link.name }}
</a>
<div id="moreDropdown" class="navbar-dropdown is-boxed">
{% for link_id in site.data.links.more %}
{% assign link = site.data.links.by_id[link_id] %}
<a class="navbar-item {% if page.route == link_id %}is-active{% endif %}" href="{{ site.url }}/{{ link.path }}">
<span>
<span class="icon has-text-{{ link.color }}">
<i class="{% if link.icon_brand %}fab{% elsif link.icon_regular %}far{% else %}fas{% endif %} fa-{{ link.icon }}"></i>
</span>
<strong>{{ link.name }}</strong>
<br>
{{ link.subtitle }}
</span>
</a>
{% unless forloop.last %}
<hr class="navbar-divider">
{% endunless %}
{% endfor %}
</div>
</div>
</div>
<div class="navbar-end">
<a class="navbar-item is-hidden-desktop-only" href="{{ site.data.meta.github }}" target="_blank">
<a class="navbar-item is-hidden-mobile" href="{{ site.data.meta.github }}" target="_blank">
<span class="icon" style="color: #333;">
<i class="fab fa-lg fa-github-alt"></i>
</span>
</a>
<a class="navbar-item is-hidden-desktop-only" href="{{ site.data.meta.twitter }}" target="_blank">
<a class="navbar-item is-hidden-mobile" href="{{ site.data.meta.twitter }}" target="_blank">
<span class="icon" style="color: #55acee;">
<i class="fab fa-lg fa-twitter"></i>
</span>

View File

@@ -1,4 +1,4 @@
{% assign docs_link = site.data.links.by_id['documentation'] %}
{% assign docs_link = site.data.links.by_id['overview-start'] %}
{% assign docs_url = site.url | append: docs_link.path %}
<section class="section is-large">
@@ -6,9 +6,12 @@
<header class="bd-index-header">
<h3 class="title is-3">
<a href="{{ docs_url }}">
And <strong>much more!</strong>
And so <strong>much more</strong>
</a>
</h3>
<h4 class="subtitle is-4">
Join more than <strong>100,000</strong> developers
</h4>
</header>
<div class="hero-buttons">