summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--README.md2
-rw-r--r--web-ui/app/fonts/icomoon.ttfbin0 -> 1272 bytes
-rw-r--r--web-ui/app/fonts/icomoon.woffbin0 -> 1348 bytes
-rw-r--r--web-ui/app/images/fa-sent.svg15
-rw-r--r--web-ui/app/scss/base/_fonts.scss8
-rw-r--r--web-ui/app/scss/style.scss1
-rw-r--r--web-ui/app/scss/vendor/_customfont.scss9
-rw-r--r--web-ui/app/scss/views/_navigation.scss3
8 files changed, 36 insertions, 2 deletions
diff --git a/README.md b/README.md
index a47a235e..eb3c44c1 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@ Pixelated User Agent
The Pixelated User Agent is the mail client of the Pixelated ecosystem. It is composed of two parts, a web interface written in JavaScript ([FlightJS](https://flightjs.github.io/)) and a Python API that interacts with a LEAP Provider, the e-mail platform that Pixelated is built on.
-Here's a [podcast](https://soundcloud.com/thoughtworks/pixelated-why-secure-communication-is-essential) that explains the projectt.
+Here's a [podcast](https://soundcloud.com/thoughtworks/pixelated-why-secure-communication-is-essential) that explains the project.
**Pixelated is still in early development state!**
diff --git a/web-ui/app/fonts/icomoon.ttf b/web-ui/app/fonts/icomoon.ttf
new file mode 100644
index 00000000..61315d04
--- /dev/null
+++ b/web-ui/app/fonts/icomoon.ttf
Binary files differ
diff --git a/web-ui/app/fonts/icomoon.woff b/web-ui/app/fonts/icomoon.woff
new file mode 100644
index 00000000..82f11748
--- /dev/null
+++ b/web-ui/app/fonts/icomoon.woff
Binary files differ
diff --git a/web-ui/app/images/fa-sent.svg b/web-ui/app/images/fa-sent.svg
new file mode 100644
index 00000000..a4b4bea4
--- /dev/null
+++ b/web-ui/app/images/fa-sent.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="435px" height="459px" viewBox="0 0 435 459" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Generator: Sketch 3.8.3 (29802) - http://www.bohemiancoding.com/sketch -->
+ <title>fa-sent</title>
+ <desc>Created with Sketch.</desc>
+ <defs></defs>
+ <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g id="Desktop-HD" transform="translate(-503.000000, -283.000000)" fill="#030404">
+ <g id="fa-sent" transform="translate(503.000000, 283.000000)">
+ <path d="M112.1182,211.1919 L57.1442,291.5079 C56.9542,291.8879 56.7212,292.6389 56.4372,293.7709 C56.1542,294.9019 55.9162,295.6579 55.7302,296.0339 L145.1252,296.0339 L172.0002,350.3489 L262.5252,350.3489 L289.4002,296.0339 L378.7952,296.0339 C378.6052,295.4679 378.3712,294.7169 378.0882,293.7709 C377.8052,292.8289 377.5662,292.0729 377.3812,291.5079 L320.4072,211.1919 L318.6922,170.0329 C318.6922,170.0329 319.1052,162.5819 322.1052,159.7069 C325.3492,156.5979 334.9462,156.8769 334.9462,156.8769 C339.8482,156.8769 344.8002,158.4809 349.7992,161.6859 C354.7942,164.8949 358.2372,168.8549 360.1242,173.5669 L427.4532,269.7249 C432.1652,281.2309 434.5252,292.8289 434.5252,304.5209 L434.5252,440.8759 C434.5252,445.7819 432.7302,450.0259 429.1502,453.6059 C425.5652,457.1909 421.3222,458.9809 416.4202,458.9809 L18.1052,458.9809 C13.1992,458.9809 8.9552,457.1909 5.3752,453.6059 C1.7902,450.0259 0.0002,445.7819 0.0002,440.8759 L0.0002,304.5209 C0.0002,292.8289 2.3562,281.2309 7.0722,269.7249 L74.4012,173.5669 C76.2842,168.8549 79.7272,164.8949 84.7262,161.6859 C89.7222,158.4809 94.6722,156.8769 99.5792,156.8769 C99.5792,156.8769 111.4732,156.0469 113.3482,158.5469 C114.5392,160.1349 114.3902,164.7829 114.3902,164.7829 L112.1182,211.1919 Z" id="Fill-1"></path>
+ <path d="M227.7715,4.3461 C221.9715,-1.4489 212.5765,-1.4489 206.7815,4.3461 L121.0585,90.0691 C115.2595,95.8681 113.0405,111.0631 128.2935,111.0631 L166.8865,111.0731 L166.8865,244.3991 C166.8865,252.7301 173.6405,259.4891 181.9725,259.4891 L252.3855,259.4891 C260.7175,259.4891 267.4765,252.7351 267.4765,244.3991 L267.4765,111.0781 L306.2595,111.0681 C321.4265,111.0681 319.2935,95.8731 313.4945,90.0731 L227.7715,4.3461 Z" id="Fill-4"></path>
+ </g>
+ </g>
+ </g>
+</svg> \ No newline at end of file
diff --git a/web-ui/app/scss/base/_fonts.scss b/web-ui/app/scss/base/_fonts.scss
index ada6a025..dfc56dd8 100644
--- a/web-ui/app/scss/base/_fonts.scss
+++ b/web-ui/app/scss/base/_fonts.scss
@@ -58,3 +58,11 @@
font-weight: 800;
src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url('/assets/fonts/OpenSans-ExtraboldItalic.woff') format('woff');
}
+
+@font-face {
+ font-family: 'icomoon';
+ font-style: normal;
+ font-weight: 400;
+ src: url('/assets/fonts/icomoon.woff') format('woff'), url('/assets/fonts/icomoon.ttf') format('truetype'), ;
+}
+
diff --git a/web-ui/app/scss/style.scss b/web-ui/app/scss/style.scss
index 659a0631..e99ab194 100644
--- a/web-ui/app/scss/style.scss
+++ b/web-ui/app/scss/style.scss
@@ -3,6 +3,7 @@
@import "vendor/scut";
@import "compass/css3";
@import "vendor/foundation";
+@import "vendor/customfont";
// basic configuration
@import "base/fonts";
diff --git a/web-ui/app/scss/vendor/_customfont.scss b/web-ui/app/scss/vendor/_customfont.scss
new file mode 100644
index 00000000..d72cca0f
--- /dev/null
+++ b/web-ui/app/scss/vendor/_customfont.scss
@@ -0,0 +1,9 @@
+[class^="icon-"], [class*=" icon-"] {
+ /* use !important to prevent issues with browser extensions that change fonts */
+ font-family: 'icomoon' !important;
+ line-height: 1;
+}
+
+.icon-px-sent:before {
+ content: "\e900";
+}
diff --git a/web-ui/app/scss/views/_navigation.scss b/web-ui/app/scss/views/_navigation.scss
index 5c8d1bd7..eaf188d6 100644
--- a/web-ui/app/scss/views/_navigation.scss
+++ b/web-ui/app/scss/views/_navigation.scss
@@ -412,7 +412,8 @@ div.side-nav-bottom {
&:nth-child(2) {
&:before {
- content: "\f1d8";
+ font-family: "icomoon";
+ content: "\e900";
margin-left: -5px;
}
}