icons, copy tweaks

src/_includes/section-three.html

@@ -9,26 +9,26 @@ applications we have deployed for our clients.</p>
     </header>
     <ul class="features">
       <li class="icon fa-paper-plane-o">
-        <h3>Encrypted Email Server</h3>
+        <h3>Encrypted Email</h3>
         <p>Secure your email communications with state of the art mailbox storage and transport encryption.</p>
       </li>
-      <li class="icon fa-laptop">
+      <li class="icon fa-rocket2">
-        <h3>Rocket.Chat</h3>
+        <h3>Text and Video Chat</h3>
-        <p>Mobile friendly multi-channel team chat with no artificial limits on features. Vital for remote project coordination.</p>
+        <p>Mobile friendly multi-channel team chat using <a href="https://rocket.chat/">Rocket.Chat</a>, with no artificial limits on features. Vital for remote project coordination.</p>
       </li>
-      <li class="icon fa-code">
+      <li class="icon fa-cloud-o">
-        <h3>Sandstorm</h3>
+        <h3>Cloud Storage and Docs</h3>
-        <p>A personal "cloud in a box" designed with the upmost security in mind. File-storage, collaborative document editing, calendars and much more.</p>
+        <p>A personal "cloud in a box" built on <a href="https://sandstorm.io/">Sandstorm</a>, designed with the upmost security in mind. File-storage, collaborative document editing, calendars and much more.</p>
       </li>
       <li class="icon fa-headphones">
         <h3>Mumble Voice Chat</h3>
         <p>Stable and low latency voice communications. Perfect for meetings, even with large groups or low bandwidth.</p>
       </li>
-      <li class="icon fa-heart-o">
+      <li class="icon fa-comments-o">
-        <h3>Discourse Forum</h3>
+        <h3>Forum and Mailing Lists</h3>
-        <p>Build your online community with a modern and responsive forum. A great accessible replacement for traditional mailing lists.</p>
+        <p>Build your online community with a modern and responsive forum with <a href="https://www.discourse.org/">Discourse</a>. A great accessible replacement for traditional mailing lists.</p>
       </li>
-      <li class="icon fa-flag-o">
+      <li class="icon fa-map-o">
         <h3>Interactive Mapping</h3>
         <p>Need something mapping? We can provide data visualisations using Leaflet and Open Street Maps.</p>
       </li>

src/assets/fonts/fa-selection.json

@@ -1,6 +1,36 @@
 {
   "IcoMoonType": "selection",
   "icons": [
+    {
+      "icon": {
+        "paths": [
+          "M448.125 67.121c-169.365 0-307.383 137.798-307.821 307.063-80.116 47.78-133.973 135.461-133.973 235.174 0 150.922 123.457 274.379 274.379 274.379h569.205c132.546 0 240.897-108.347 240.897-240.893 0-97.049-57.971-180.75-141.107-218.911 4.622-15.559 7.174-31.991 7.174-48.951 0-95.516-78.413-173.933-173.929-173.933-25.181 0-49.273 5.5-71.040 15.317-54.074-89.56-152.138-149.246-263.786-149.246zM448.125 147.121c95.633 0 176.699 58.317 210.991 141.598l21.42 52.018 42.103-37.317c15.803-14.008 36.413-22.371 60.313-22.371 52.017 0 93.929 41.916 93.929 93.933 0 18.838-5.356 35.581-14.987 50.397l-31.009 47.705 55.384 13.031c71.27 16.769 124.545 80.12 124.545 156.728 0 89.276-71.621 160.893-160.897 160.893h-569.205c-107.521 0-194.379-86.858-194.379-194.379 0-77.855 46.149-144.923 111.906-175.638l24.933-11.647-1.964-27.446c-0.514-7.189-0.942-14.223-0.942-19.643 0-126.478 101.384-227.862 227.862-227.862z"
+        ],
+        "attrs": [
+          {}
+        ],
+        "width": 1097,
+        "grid": 0,
+        "tags": [
+          "cloud"
+        ],
+        "isMulticolor": false,
+        "isMulticolor2": false
+      },
+      "attrs": [
+        {}
+      ],
+      "properties": {
+        "order": 678,
+        "id": 1,
+        "name": "cloud-o",
+        "prevSize": 32,
+        "code": 59648
+      },
+      "setIdx": 0,
+      "setId": 1,
+      "iconIdx": 0
+    },
     {
       "icon": {
         "paths": [
@@ -25,7 +55,7 @@
       },
       "setIdx": 0,
       "setId": 1,
-      "iconIdx": 0
+      "iconIdx": 1
     },
     {
       "icon": {
@@ -18396,7 +18426,8 @@
       "png": true,
       "useClassSelector": true,
       "color": 0,
-      "bgColor": 16777215
+      "bgColor": 16777215,
+      "classSelector": ".icon"
     },
     "historySize": 50,
     "gridSize": 16,

src/assets/fonts/font-awesome.svg

@@ -7,6 +7,7 @@
 <font-face units-per-em="1024" ascent="960" descent="-64" />
 <missing-glyph horiz-adv-x="1024" />
 <glyph unicode="&#x20;" horiz-adv-x="512" d="" />
+<glyph unicode="&#xe900;" glyph-name="cloud-o" horiz-adv-x="1097" d="M448.125 892.879c-169.365 0-307.383-137.798-307.821-307.063-80.116-47.78-133.973-135.461-133.973-235.174 0-150.922 123.457-274.379 274.379-274.379h569.205c132.546 0 240.897 108.347 240.897 240.893 0 97.049-57.971 180.75-141.107 218.911 4.622 15.559 7.174 31.991 7.174 48.951 0 95.516-78.413 173.933-173.929 173.933-25.181 0-49.273-5.5-71.040-15.317-54.074 89.56-152.138 149.246-263.786 149.246zM448.125 812.879c95.633 0 176.699-58.317 210.991-141.598l21.42-52.018 42.103 37.317c15.803 14.008 36.413 22.371 60.313 22.371 52.017 0 93.929-41.916 93.929-93.933 0-18.838-5.356-35.581-14.987-50.397l-31.009-47.705 55.384-13.031c71.27-16.769 124.545-80.12 124.545-156.728 0-89.276-71.621-160.893-160.897-160.893h-569.205c-107.521 0-194.379 86.858-194.379 194.379 0 77.855 46.149 144.923 111.906 175.638l24.933 11.647-1.964 27.446c-0.514 7.189-0.942 14.223-0.942 19.643 0 126.478 101.384 227.862 227.862 227.862z" />
 <glyph unicode="&#xe905;" glyph-name="rocket2" d="M1018.188 449.396c0 50.774-15.188 99.461-45.157 144.718-26.904 40.631-64.599 76.597-112.035 106.896-91.58 58.5-211.943 90.72-338.912 90.72-42.407 0-84.208-3.584-124.753-10.684-25.156 23.543-54.601 44.728-85.762 61.485-166.473 80.676-304.524 1.896-304.524 1.896s128.354-105.44 107.482-197.868c-57.422-56.962-88.545-125.646-88.545-197.16 0-0.228 0.010-0.456 0.012-0.684-0.002-0.228-0.012-0.456-0.012-0.684 0-71.516 31.123-140.2 88.545-197.162 20.87-92.422-107.482-197.868-107.482-197.868s138.054-78.778 304.524 1.898c31.159 16.752 60.606 37.94 85.762 61.487 40.55-7.104 82.346-10.684 124.753-10.684 126.967 0 247.332 32.217 338.912 90.715 47.436 30.299 85.129 66.265 112.035 106.89 29.969 45.263 45.157 93.95 45.157 144.724 0 0.226-0.012 0.456-0.012 0.684s0.012 0.456 0.012 0.684zM522.283 170.434c-53.437 0-104.612 6.176-151.897 17.446-48.050-57.811-153.762-138.182-256.456-112.196 33.403 35.877 82.898 96.501 72.297 196.344-61.55 47.9-98.501 109.187-98.501 175.983 0 153.307 194.56 277.578 434.557 277.578s434.557-124.271 434.557-277.578c0-153.299-194.56-277.58-434.557-277.58zM580.007 448.018c0-31.877-25.848-57.725-57.719-57.725-31.882 0-57.723 25.85-57.723 57.725s25.844 57.721 57.723 57.721c31.873 0 57.719-25.844 57.719-57.721zM722.997 505.742c-31.877 0-57.719-25.844-57.719-57.721s25.844-57.725 57.719-57.725c31.882 0 57.717 25.85 57.717 57.725s-25.838 57.721-57.717 57.721zM321.569 505.742c-31.877 0-57.719-25.844-57.719-57.721s25.844-57.725 57.719-57.725c31.882 0 57.721 25.85 57.721 57.725s-25.842 57.721-57.721 57.721z" />
 <glyph unicode="&#xf000;" glyph-name="glass" d="M970.857 844.571c0-16.571-13.143-33.143-24.571-44.571l-361.143-361.143v-438.857h182.857c20 0 36.571-16.571 36.571-36.571s-16.571-36.571-36.571-36.571h-512c-20 0-36.571 16.571-36.571 36.571s16.571 36.571 36.571 36.571h182.857v438.857l-361.143 361.143c-11.429 11.429-24.571 28-24.571 44.571 0 28 35.429 33.143 56.571 33.143h804.571c21.143 0 56.571-5.143 56.571-33.143z" />
 <glyph unicode="&#xf001;" glyph-name="music" horiz-adv-x="878" d="M877.714 822.857v-640c0-80.571-120.571-109.714-182.857-109.714s-182.857 29.143-182.857 109.714 120.571 109.714 182.857 109.714c37.714 0 75.429-6.857 109.714-22.286v306.857l-438.857-135.429v-405.143c0-80.571-120.571-109.714-182.857-109.714s-182.857 29.143-182.857 109.714 120.571 109.714 182.857 109.714c37.714 0 75.429-6.857 109.714-22.286v552.571c0 24 16 45.143 38.857 52.571l475.429 146.286c5.143 1.714 10.286 2.286 16 2.286 30.286 0 54.857-24.571 54.857-54.857z" />

src/assets/styles/libs/_font-awesome/_icons.scss

@@ -1,3 +1,9 @@
+
+.#{$fa-css-prefix}-cloud-o {
+	&:before {
+		content: $fa-var-cloud-o;
+	}
+}
 .#{$fa-css-prefix}-rocket2 {
 	&:before {
 		content: $fa-var-rocket2;

src/assets/styles/libs/_font-awesome/_variables.scss

@@ -11,7 +11,7 @@ $fa-border-color:     #eee !default;
 $fa-inverse:          #fff !default;
 $fa-li-width:         (30em / 14) !default;
 
-
+$fa-var-cloud-o: "\e900";
 $fa-var-rocket2: "\e905";
 $fa-var-asterisk: "\f069";
 $fa-var-plus: "\f067";