Nuke fontawesome, replace with inline SVG

This commit is contained in:
2019-11-14 22:09:48 +00:00
parent cdea7563f4
commit 86a7eb0ea5
21 changed files with 195 additions and 5176 deletions

View File

@ -12,15 +12,21 @@
</header>
<ul class="icons major icons--flex">
<li>
<span class="icon fa-leaf major style1"></span>
<span class="icon icon--diamond icon--style3">
<svg viewBox="0 0 1792 1792"><path d="M1280 704q0-26-19-45t-45-19q-172 0-318 50T639 824t-236 219q-19 21-19 45 0 26 19 45t45 19q24 0 45-19 27-24 74-71t67-66q137-124 269-176t313-52q26 0 45-19t19-45zm512-198q0 95-20 193-46 224-184 383t-358 268q-214 108-438 108-148 0-286-47-15-5-88-42t-96-37q-16 0-39 32t-45 70-53 70-60 32q-43 0-63-17t-46-60l-6-11-5-10-3-9q-2-6-2-14 0-35 31-73t68-66 68-56 31-48q0-4-14-38t-16-44q-9-51-9-104 0-115 44-220t119-184 170-139 204-96q55-18 145-25t180-9 178-6 164-24 113-57l30-29 29-28 27-20 37-16 43-5q39 0 71 46t47 112 24 124 8 96z" /></svg>
</span>
<span class="icons__title">Sustainability</span>
</li>
<li>
<span class="icon fa-eye major style1"></span>
<span class="icon icon--diamond icon--style3">
<svg viewBox="0 100 1792 1692"><path d="M1664 960q-152-236-381-353 61 104 61 225 0 185-131 317t-317 131-316-131-132-317q0-121 61-225-229 117-381 353 133 205 334 327t434 121 435-121 333-327zM944 576q0-20-14-34t-34-14q-125 0-214 90t-90 214q0 20 14 34t34 14 34-14 14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69-140 230-376 369t-500 138-499-139-377-368Q0 994 0 960t20-69q140-229 377-368t499-139 500 139 376 368q20 35 20 69z" /></svg>
</span>
<span class="icons__title">Transparency</span>
</li>
<li>
<span class="icon fa-lock major style1"></span>
<span class="icon icon--diamond icon--style3">
<svg viewBox="0 0 1792 1792"><path d="M640 768h512V576q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28H416q-40 0-68-28t-28-68V864q0-40 28-68t68-28h32V576q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z" /></svg>
</span>
<span class="icons__title">Privacy</span>
</li>
</ul>

View File

@ -1,18 +1,18 @@
<!-- Footer -->
<footer id="footer">
<ul class="icons">
{% if site.twitter_url %}
<li><a rel="noopener" href="{{ site.twitter_url }}" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
{% endif %} {% if site.500px_url %}
<li><a rel="noopener" href="{{ site.500px_url }}" class="icon fa-500px"><span class="label">500px</span></a></li>
{% endif %} {% if site.gitlab_url %}
<li><a rel="noopener" href="{{ site.gitlab_url }}" class="icon fa-gitlab"><span class="label">GitLab</span></a></li>
{% endif %} {% if site.github_url %}
<li><a rel="noopener" href="{{ site.github_url }}" class="icon fa-github"><span class="label">GitHub</span></a></li>
{% endif %}
<li>
<a rel="noopener" href="{{ site.twitter_url }}" style="border-bottom: none">
<svg style="height: 2rem;" viewBox="0 0 1792 1792">
<title>Twitter</title>
<path fill="#fff" d="M1684 408q-67 98-162 167l1 42q0 130-38 260t-115 248-185 211-258 146-323 54q-271 0-496-145 35 4 78 4 225 0 401-138-105-2-188-64t-114-160q33 5 61 5 43 0 85-11-112-23-185-111t-74-206v-4q68 38 146 41-66-44-105-115t-39-154q0-88 44-163 121 149 295 239t371 99q-8-38-8-74 0-134 95-228t228-95q140 0 236 102 109-21 205-78-37 115-142 178 93-10 186-50z"/>
</svg>
</a>
</li>
</ul>
<ul class="copyright">
<li class="icon fa-creative-commons">&nbsp;{{ site.title }}</li>
<svg style="height: 1rem; fill: rgba(255, 255, 255, 0.7); vertical-align: text-bottom;" viewBox="0 0 1792 1792"><path d="M605 1233q153 0 257-104 14-18 3-36l-45-82q-6-13-24-17-16-2-27 11l-4 3-11 10-18 14q-11 8-23 14t-29 13-33 10-38 3q-76 0-125-50t-49-127q0-76 48-125t122-50q37 0 72 14t50 28l16 14q11 11 26 10 16-2 24-14l53-78q13-20-2-39l-11-12q-8-8-30-23t-48-28-68-23-86-10q-148 0-246 97t-98 240q0 146 97 242t247 95zm630 0q153 0 257-104 14-18 4-36l-45-82q-8-14-25-17-16-2-27 11l-4 3-11 10-18 14q-11 8-23 14t-29 13-33 10-38 3q-76 0-125-50t-49-127q0-76 48-125t122-50q37 0 72 14t50 28l16 14q11 11 26 10 16-2 24-14l53-78q13-20-2-39l-11-12q-8-8-30-23t-48-28-68-23-86-10q-147 0-245 97t-99 240q0 146 97 242t247 95zM896 160q-150 0-286 59T376 376 219 610t-59 286 59 286 157 235 234 157 286 58 286-58 235-157 157-235 58-286-58-286-157-234-235-157-286-59zm0-160q182 0 348 71t286 191 191 286 71 348-71 348-191 286-286 191-348 71-348-71-286-191-191-286T0 896t71-348 191-286T548 71 896 0z"/></svg>&nbsp;
{{ site.title }}</li>
</ul>
<address>

View File

@ -8,80 +8,110 @@
</p>
</header>
<ul class="features">
<li class="icon fa-wordpress">
<h3>Wordpress websites</h3>
<p>
We will build and host your website, using Wordpress, which is free software and very user-friendly so you can add and edit your own content if you want to.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 1792 1792"><path d="M127 896q0-163 67-313l367 1005q-196-95-315-281T127 896zm1288-39l-2 39q-2 20-10 49t-12 44-17 59-18 58l-76 256-278-826q46-3 88-8 19-2 26-18t-2-31-29-14l-205 10q-75-1-202-10-12-1-20 5t-12 15-1 19 9 16 19 8l80 8 120 328-168 504-280-832q46-3 88-8 19-2 26-18t-2-31-29-14l-205 10h-23l-26-1q105-160 275-253t367-94q147 0 281 53t238 149h-10q-55 0-92 41t-37 95l2 24 4 22q2 10 8 23t9 21 12 22 13 21 14 24 14 23q63 107 63 212zM909 963l237 647q1 6 5 11-126 44-255 44-112 0-217-32zm661-436q95 174 95 369 0 209-104 386t-279 278l235-678q59-169 59-276 0-42-6-79zM896 0q182 0 348 71t286 191 191 286 71 348-71 348-191 286-286 191-348 71-348-71-286-191-191-286T0 896t71-348 191-286T548 71 896 0zm0 1751q173 0 332-68t273-182 182-273 68-332-68-331-182-273-273-183-332-68-331 68-273 183-183 273-68 331 68 332 183 273 273 182 331 68z"/></svg>
<div>
<h3>Wordpress websites</h3>
<p>
We will build and host your website, using Wordpress, which is free software and very user-friendly so you can add and edit your own content if you want to.
</p>
</div>
</li>
<li class="icon fa-book">
<h3>CRM and Case Management</h3>
<p>
For case work (e.g. housing or asylum support) we offer our own system, OpenCase. It's simple and user-friendly, perfect for small, volunteer-led groups. We will also consider CiviCRM depending on requirements.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 1792 1792"><path d="M1703 478q40 57 18 129l-275 906q-19 64-76 108t-123 43H324q-77 0-148-53T76 1479q-24-67-2-127l3-27 4-37q1-8-3-21t-3-20q2-11 8-21t17-23 16-24q23-38 45-91t30-92q3-10 1-30t-1-28q3-11 17-28t17-23q21-36 42-92t25-90q1-9-2-32t0-28q4-13 22-30t22-23q19-26 43-84t27-97q1-8-3-25t-2-27q2-8 9-18t18-23 17-21q8-12 17-30t15-35 16-36 19-32 27-24 36-11 47 5l-1 3q38-9 51-9h761q74 0 114 56t18 130l-274 906q-36 119-71 154t-129 34H220q-27 0-38 15-11 16-1 43 24 70 144 70h923q29 0 56-15t35-42l300-987q7-22 5-57 38 15 59 43zm-1064 2q-4 13 2 23t20 9h608q13 0 26-9t16-23l21-64q4-13-2-22t-20-10H702q-13 0-25 10t-17 22zm-83 256q-4 13 2 23t20 9h608q13 0 26-9t16-23l21-64q4-13-2-22t-20-10H619q-13 0-25 10t-17 22z"/></svg>
<div>
<h3>CRM and Case Management</h3>
<p>
For case work (e.g. housing or asylum support) we offer our own system, OpenCase. It's simple and user-friendly, perfect for small, volunteer-led groups. We will also consider CiviCRM depending on requirements.
</p>
</div>
</li>
<li class="icon fa-paper-plane-o">
<h3>Encrypted Email</h3>
<p>
Secure your email communications with state of the art transport
encryption and <a href="https://0xacab.org/riseuplabs/trees">TREES</a>
encrypted mailbox storage.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 1792 1792"><path d="M1764 11q33 24 27 64l-256 1536q-5 29-32 45-14 8-31 8-11 0-24-5l-527-215-298 327q-18 21-47 21-14 0-23-4-19-7-30-23t-11-37v-452L40 1083q-37-14-40-55-3-39 32-59L1696 9q35-21 68 2zm-342 1499l221-1323-1434 827 336 137 863-639-478 797z"/></svg>
<div>
<h3>Encrypted Email</h3>
<p>
Secure your email communications with state of the art transport
encryption and <a href="https://0xacab.org/riseuplabs/trees">TREES</a>
encrypted mailbox storage.
</p>
</div>
</li>
<li class="icon fa-rocket2">
<h3>Text and Video Chat</h3>
<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 class="features-item">
<svg class="features-icon" viewBox="0 0 1024 901"><g fill-rule="nonzero"><path d="M898 350zM308 38c32 18 62 40 87 64 41-7 84-11 127-11 128 0 250 34 343 95 48 32 86 70 113 112a279 279 0 010 305c-27 42-65 80-113 111-93 62-215 95-343 95-43 0-86-3-127-11-25 25-55 47-87 65-168 84-308 2-308 2s130-111 109-208c-58-59-90-131-90-207 0-75 32-147 90-207C130 146 0 36 0 36s140-82 308 2zM208 618c16 52 6 111-29 176l-5 10c30-3 61-11 92-27 24-13 46-30 65-48l36-34c48 13 101 20 157 20 225 0 408-118 408-265 0-146-183-264-408-264-226 0-409 118-409 264 0 64 35 123 93 168z"/><path d="M328 509a60 60 0 110-120 60 60 0 010 120zm194 0a60 60 0 110-120 60 60 0 010 120zm194 0a60 60 0 11-1-120 60 60 0 011 120z"/></g></svg>
<div>
<h3>Text and Video Chat</h3>
<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>
</div>
</li>
<li class="icon fa-cloud-o">
<h3>Cloud Storage and Collaboration</h3>
<p>
<a href="https://cloudron.io/">Cloudron</a> is a personal "cloud
in a box" , designed with the utmost security in mind. It allows you to
deploy apps for file-storage, collaborative document editing,
calendars, to-do lists and much more.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 2048 1792"><path d="M1984 1152q0 159-112 272t-272 112H512q-185 0-316-131T64 1088q0-132 71-241t187-164l-2-43q0-212 150-362t362-150q158 0 287 88t187 230q70-62 166-62 106 0 181 75t75 181q0 75-41 138 129 30 213 135t84 239z"/></svg>
<div>
<h3>Cloud Storage and Collaboration</h3>
<p>
<a href="https://cloudron.io/">Cloudron</a> is a personal "cloud
in a box" , designed with the utmost security in mind. It allows you to
deploy apps for file-storage, collaborative document editing,
calendars, to-do lists and much more.
</p>
</div>
</li>
<li class="icon fa-headphones">
<h3>Voice Conferencing</h3>
<p>
Stable and low latency voice communications using <a href="https://wiki.mumble.info/wiki/Main_Page">Mumble</a>.
Perfect for meetings, even with large groups, on mobile, or with low bandwidth.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 1792 1792"><path d="M1728 886q0 166-60 314l-20 49-185 33q-22 83-90 137t-157 53v32q0 14-9 23t-23 9h-64q-14 0-23-9t-9-23V928q0-14 9-23t23-9h64q14 0 23 9t9 23v32q71 0 130 36t93 95l68-12q29-95 29-193 0-148-88-279t-236-209-316-78-315 78-237 209-88 279q0 98 29 193l68 12q34-60 93-95t130-36v-32q0-14 9-23t23-9h64q14 0 23 9t9 23v576q0 14-9 23t-23 9h-64q-14 0-23-9t-9-23v-32q-88 0-156-53t-91-137l-185-33-20-49q-60-148-60-314 0-151 67-291t179-242 266-164 320-61 320 61 266 164 179 242 67 291z"/></svg>
<div>
<h3>Voice Conferencing</h3>
<p>
Stable and low latency voice communications using <a href="https://wiki.mumble.info/wiki/Main_Page">Mumble</a>.
Perfect for meetings, even with large groups, on mobile, or with low bandwidth.
</p>
</div>
</li>
<li class="icon fa-comments-o">
<h3>Forum and Mailing Lists</h3>
<p>
Build your online community with a modern and responsive forum with
<a href="https://www.discourse.org/">Discourse</a>. An accessible
replacement for traditional mailing lists.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 1792 1792"><path d="M704 384q-153 0-286 52T207 577t-79 191q0 82 53 158t149 132l97 56-35 84q34-20 62-39l44-31 53 10q78 14 153 14 153 0 286-52t212-141 78-191-78-191-212-141-286-52zm0-128q191 0 354 69t256 186 94 257-94 257-256 187-354 68q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20-8t-12-21l-1-6 1-7 2-6 2-5 4-5 4-5 4-5 4-5 23-25 26-29 23-29q15-19 25-39t20-44q-124-72-195-177T0 768q0-139 94-257t257-186 353-69zm822 1169q10 24 21 44t25 39 22 29 26 29 23 25l4 5 5 5 4 5 3 5 3 5 2 6v7l-1 6q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230q0 120-71 225t-195 176z"/></svg>
<div>
<h3>Forum and Mailing Lists</h3>
<p>
Build your online community with a modern and responsive forum with
<a href="https://www.discourse.org/">Discourse</a>. An accessible
replacement for traditional mailing lists.
</p>
</div>
</li>
<li class="icon fa-map-o">
<h3>Interactive Data and Mapping</h3>
<p>
Got some data? We can provide a variety of interactive data
visualisations, including mapping using <a href="https://www.openstreetmap.org">OpenStreetMap</a>,
and charts using <a href="https://d3js.org/">D3.js</a>. Get the most out of your
data by presenting it in a bespoke web app.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 2048 1792"><path d="M2020 11q28 20 28 53v1408q0 20-11 36t-29 23l-640 256q-24 11-48 0l-616-246-616 246q-10 5-24 5-19 0-36-11-28-20-28-53V320q0-20 11-36t29-23L680 5q24-11 48 0l616 246L1960 5q32-13 60 6zM736 146v1270l576 230V376zM128 363v1270l544-217V146zm1792 1066V159l-544 217v1270z"/></svg>
<div>
<h3>Interactive Data and Mapping</h3>
<p>
Got some data? We can provide a variety of interactive data
visualisations, including mapping using <a href="https://www.openstreetmap.org">OpenStreetMap</a>,
and charts using <a href="https://d3js.org/">D3.js</a>. Get the most out of your
data by presenting it in a bespoke web app.
</p>
</div>
</li>
<li class="icon fa-code">
<h3>Bespoke Development</h3>
<p>
For some problems, there may not be a pre-existing free software solution. Let
us guide you through the full development cycle to deliver your bespoke solution.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 2048 1792"><path d="M681 1399l-50 50q-10 10-23 10t-23-10L119 983q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23t-10 23L288 960l393 393q10 10 10 23t-10 23zm591-1067L899 1623q-4 13-15 20t-24 2l-62-17q-13-4-19-15t-3-25l373-1291q4-13 16-19t23-3l62 17q13 4 20 16t2 24zm657 651l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23t-10 23z"/></svg>
<div>
<h3>Bespoke Development</h3>
<p>
For some problems, there may not be a pre-existing free software solution. Let
us guide you through the full development cycle to deliver your bespoke solution.
</p>
</div>
</li>
<li class="icon fa-lock">
<h3>Cybersecurity Training</h3>
<p>
A grounded and principled understanding of the cybersecurity domain can ensure
your organisation is not liable to any unwanted security threats. We provide
structured training tailored to your threat model.
</p>
<li class="features-item">
<svg class="features-icon" viewBox="0 0 1792 1792"><path d="M640 768h512V576q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28H416q-40 0-68-28t-28-68V864q0-40 28-68t68-28h32V576q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z"/></svg>
<div>
<h3>Cybersecurity Training</h3>
<p>
A grounded and principled understanding of the cybersecurity domain can ensure
your organisation is not liable to any unwanted security threats. We provide
structured training tailored to your threat model.
</p>
</div>
</li>
</ul>
</div>