diff --git a/source/_assets/base_style.scss b/source/_assets/base_style.scss
index 4287257..f726c0e 100644
--- a/source/_assets/base_style.scss
+++ b/source/_assets/base_style.scss
@@ -4,6 +4,7 @@ html,
body {
font-size: $base-font-size;
font-family: $base-font-family;
+ color: $base-font-color;
padding: 0;
margin: 0;
@@ -20,3 +21,26 @@ h5,
h6 {
font-weight: normal;
}
+
+%external-link-icon {
+ display: inline-block;
+ margin-left: 0.6em;
+ color: $base-font-color;
+ font-size: $base-font-size - 4px;
+
+ @media (max-width: $first-media-step) {
+ font-size: $base-font-size - 2px;
+ }
+}
+
+a[href*="//github.com"]:after {
+ @extend %external-link-icon;
+ font-family: 'Font Awesome 5 Brands', serif;
+ content: '\f09b';
+}
+
+a[target="_blank"]:not([href*="//github.com"]):after {
+ @extend %external-link-icon;
+ font-family: 'Font Awesome 5 Free', serif;
+ content: '\f35d';
+}
diff --git a/source/_assets/vars.scss b/source/_assets/vars.scss
index 49c5fab..d1d501a 100644
--- a/source/_assets/vars.scss
+++ b/source/_assets/vars.scss
@@ -2,6 +2,7 @@ $base-font-family: 'PT Serif', serif;
// Базовый размер шрифта
$base-font-size: 20px;
+$base-font-color: #333;
// Ширина страницы
$preferred-width: 700px;
diff --git a/source/_includes/font-awesome.twig b/source/_includes/font-awesome.twig
new file mode 100644
index 0000000..2c434c6
--- /dev/null
+++ b/source/_includes/font-awesome.twig
@@ -0,0 +1,3 @@
+
+
+
diff --git a/source/_layouts/default.html.twig b/source/_layouts/default.html.twig
index 0592829..207677a 100644
--- a/source/_layouts/default.html.twig
+++ b/source/_layouts/default.html.twig
@@ -2,8 +2,9 @@
{% include 'head.twig' %}
-
+
{% block css %}{% endblock %}
+
@@ -14,5 +15,7 @@
{% block js %}{% endblock %}
+
+ {% include 'font-awesome.twig' %}