[doc] Use new self hosted fontawesome

Note: the css class "fa" is deprecated and "fas" should be used
instead. "fab" is for branding icons (like github).
This commit is contained in:
Andreas Dangel
2020-09-18 10:45:00 +02:00
parent e88d38eb5b
commit a62b5a388e
14 changed files with 28 additions and 25 deletions

View File

@@ -1,6 +1,7 @@
<!-- Argument summary: -->
<!-- datagroup -->
<!-- image -->
<!-- fa-style, defaults to "fas" -->
<!-- fa-icon -->
<!-- title -->
<!-- description -->
@@ -9,8 +10,8 @@
<div class="panel panel-default text-center">
<div class="panel-heading">
<span class="fa-stack fa-5x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa {{ include.image }} fa-stack-1x fa-inverse"></i>
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="{{ include.fa-style | default: "fas" }} {{ include.fa-icon }} fa-stack-1x fa-inverse"></i>
</span>
</div>
<div class="panel-body">

View File

@@ -10,7 +10,8 @@
<!-- description: Description of the panel -->
<!-- datagroups: json array containing the data groups for the shuffle logic -->
<!-- image (optional) : Name of the image to use, as a css class, eg "fa-list" -->
<!-- fa-style (optional) : Name of the fontawesome style, e.g. "fas" (for solid), or "fab" (for brands). Default is "fas" -->
<!-- fa-icon (optional) : Name of the fontwaresome icon to use, as a css class, eg. "fa-list" -->
<!-- titlemaker (optional) : name of a variable that's evaluated to determine the displayed title of the page. Default is page.title -->
@@ -25,11 +26,11 @@
<div class="panel panel-default">
{% if include.image != "" and include.image != nil %}
{% if include.fa-icon != "" and include.fa-icon != nil %}
<div class="panel-heading text-center">
<span class="fa-stack fa-5x">
<i class="fa fa-circle fa-stack-2x text-secondary"></i>
<i class="fa {{ include.image }} fa-stack-1x fa-inverse"></i>
<i class="fas fa-circle fa-stack-2x text-secondary"></i>
<i class="{{ include.fa-style | default: "fas" }} {{ include.fa-icon }} fa-stack-1x fa-inverse"></i>
</span>
</div>
{% endif %}

View File

@@ -28,7 +28,7 @@
<td>{{ fun.shortDescription }}</td>
<td>
<button type="button" class="btn btn-link"><i
class="fa fa-ellipsis-h"></i></button>
class="fas fa-ellipsis-h"></i></button>
</td>
</tr>

View File

@@ -8,6 +8,6 @@
{% if site.feedback_link %}
<a class="email" title="Submit feedback" href="{{site.feedback_link}}">{{feedback_text}}</a>
{% else %}
<a class="email" title="Submit feedback" href="#" onclick="javascript:window.location='mailto:{{site.feedback_email}}?subject={{site.feedback_subject_line}} feedback&body=I have some feedback about the {{page.title}} page: ' + window.location.href;"><i class="fa fa-envelope-o"></i> {{feedback_text}}</a>
<a class="email" title="Submit feedback" href="#" onclick="javascript:window.location='mailto:{{site.feedback_email}}?subject={{site.feedback_subject_line}} feedback&body=I have some feedback about the {{page.title}} page: ' + window.location.href;"><i class="fas fa-envelope-o"></i> {{feedback_text}}</a>
{% endif %}
</li>

View File

@@ -7,7 +7,7 @@
<link rel="stylesheet" href="{{ "css/syntax.css" }}">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="assets/fontawesome-free-5.14.0-web/css/all.min.css">
<!--<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">-->
<link rel="stylesheet" href="{{ "css/modern-business.css" }}">
<link rel="stylesheet" href="{{ "css/lavish-bootstrap.css" }}">

View File

@@ -7,7 +7,7 @@
<link rel="stylesheet" href="{{ "/css/syntax.css" | prepend: site.baseurl | prepend: site.url }}">
<link rel="stylesheet" href="{{ "/css/font-awesome.min.css" | prepend: site.baseurl | prepend: site.url }}">
<link rel="stylesheet" href="{{ "/assets/fontawesome-free-5.14.0-web/css/all.min.css" | prepend: site.baseurl | prepend.site.url }}">
<link rel="stylesheet" href="{{ "/css/bootstrap.min.css" | prepend: site.baseurl | prepend: site.url }}">
<link rel="stylesheet" href="{{ "/css/modern-business.css" | prepend: site.baseurl | prepend: site.url }}">
<link rel="stylesheet" href="{{ "/css/lavish-bootstrap.css" | prepend: site.baseurl | prepend: site.url }}">

View File

@@ -1 +1 @@
<div markdown="span" class="alert alert-warning" role="alert"><i class="fa fa-warning"></i> <b>Important:</b> {{include.content}}</div>
<div markdown="span" class="alert alert-warning" role="alert"><i class="fas fa-warning"></i> <b>Important:</b> {{include.content}}</div>

View File

@@ -1 +1 @@
<div markdown="span" class="alert alert-info" role="alert"><i class="fa fa-info-circle"></i> <b>Note:</b> {{include.content}}</div>
<div markdown="span" class="alert alert-info" role="alert"><i class="fas fa-info-circle"></i> <b>Note:</b> {{include.content}}</div>

View File

@@ -1 +1 @@
<div markdown="span" class="alert alert-success" role="alert"><i class="fa fa-check-square-o"></i> <b>Tip:</b> {{include.content}}</div>
<div markdown="span" class="alert alert-success" role="alert"><i class="fas fa-check-square-o"></i> <b>Tip:</b> {{include.content}}</div>

View File

@@ -8,12 +8,12 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="fa fa-home fa-lg navbar-brand" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
<a class="fas fa-home fa-lg navbar-brand" href="index.html">&nbsp;<span class="projectTitle"> {{site.topnav_title}}</span></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<!-- toggle sidebar button -->
<li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fa fa-toggle-on"></i> Nav</a></li>
<li><a id="tg-sb-link" href="#"><i id="tg-sb-icon" class="fas fa-toggle-on"></i> Nav</a></li>
<!-- entries without drop-downs appear here -->
{% for entry in site.data.topnav.topnav %}
{% for item in entry.items %}

View File

@@ -1 +1 @@
<div markdown="span" class="alert alert-danger" role="alert"><i class="fa fa-exclamation-circle"></i> <b>Warning:</b> {{include.content}}</div>
<div markdown="span" class="alert alert-danger" role="alert"><i class="fas fa-exclamation-circle"></i> <b>Warning:</b> {{include.content}}</div>