Add new font set with an icon for converse.js

and one for logging out. Also added a favicon.
This commit is contained in:
JC Brand 2014-09-21 18:42:18 +02:00
parent 7b6dfff99d
commit b241f8c64e
12 changed files with 340 additions and 209 deletions

View File

@ -7,8 +7,8 @@
*/
@font-face {
font-family: 'Converse-js';
src: url('../fonticons/fonts/icomoon.eot?-5hv4s0');
src: url('../fonticons/fonts/icomoon.eot?#iefix-5hv4s0') format('embedded-opentype'), url('../fonticons/fonts/icomoon.woff?-5hv4s0') format('woff'), url('../fonticons/fonts/icomoon.ttf?-5hv4s0') format('truetype'), url('../fonticons/fonts/icomoon.svg?-5hv4s0#icomoon') format('svg');
src: url('../fonticons/fonts/icomoon.eot?-mnoxh0');
src: url('../fonticons/fonts/icomoon.eot?#iefix-mnoxh0') format('embedded-opentype'), url('../fonticons/fonts/icomoon.woff?-mnoxh0') format('woff'), url('../fonticons/fonts/icomoon.ttf?-mnoxh0') format('truetype'), url('../fonticons/fonts/icomoon.svg?-mnoxh0#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -38,6 +38,21 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-conversejs {
font-family: 'Converse-js';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-conversejs:before {
content: "\e600";
}
#conversejs .icon-closed:before {
content: "\25ba";
}
@ -307,6 +322,9 @@
#conversejs .icon-dnd:before {
content: "\e004";
}
#conversejs .icon-exit:before {
content: "\e601";
}
#conversejs .no-text-select {
-webkit-touch-callout: none;
-webkit-user-select: none;

BIN
css/images/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -16,7 +16,6 @@ h4,
h5,
h6 {
margin: 0 0 35px;
text-transform: uppercase;
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 1px;

View File

@ -9,10 +9,23 @@
<link rel="stylesheet" href="style.css"></head>
<body>
<div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;89)</small></h1>
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;91)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn bshadow fgc1">Grid Size: 16</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-conversejs"></span><span class="mls"> icon-conversejs</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e600" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe600;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-closed"></span><span class="mls"> icon-closed</span>
@ -93,7 +106,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-camera2"></span><span class="mls"> icon-camera2</span>
<span class="icon-camera-2"></span><span class="mls"> icon-camera-2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="2616" class="unit size1of2" />
@ -106,7 +119,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-play22"></span><span class="mls"> icon-play22</span>
<span class="icon-play"></span><span class="mls"> icon-play</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="25d9" class="unit size1of2" />
@ -223,7 +236,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-bubble"></span><span class="mls"> icon-bubble</span>
<span class="icon-online"></span><span class="mls"> icon-online</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="25fc" class="unit size1of2" />
@ -236,7 +249,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-bubble2"></span><span class="mls"> icon-bubble2</span>
<span class="icon-away"></span><span class="mls"> icon-away</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="25fb" class="unit size1of2" />
@ -431,7 +444,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-lock2"></span><span class="mls"> icon-lock2</span>
<span class="icon-lock-2"></span><span class="mls"> icon-lock-2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e027" class="unit size1of2" />
@ -457,7 +470,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-key2"></span><span class="mls"> icon-key2</span>
<span class="icon-key-2"></span><span class="mls"> icon-key-2</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e029" class="unit size1of2" />
@ -1107,7 +1120,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-info2"></span><span class="mls"> icon-info2</span>
<span class="icon-room-info"></span><span class="mls"> icon-room-info</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e059" class="unit size1of2" />
@ -1170,6 +1183,19 @@
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-exit"></span><span class="mls"> icon-exit</span>
</div>
<fieldset class="fs0 size1of1 clearfix hidden-false">
<input type="text" readonly value="e601" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix hidden-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
</div>
<!--[if gt IE 8]><!-->

Binary file not shown.

View File

@ -96,4 +96,6 @@
<glyph unicode="&#xe058;" d="M256 480c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM384 306.745l-82.744-82.745 82.744-82.744v-45.256h-45.256l-82.744 82.744-82.745-82.744h-45.255v45.256l82.745 82.744-82.745 82.745v45.255h45.255l82.745-82.745 82.744 82.745h45.256v-45.255z" />
<glyph unicode="&#xe059;" d="M256 480c-141.385 0-256-114.615-256-256s114.615-256 256-256 256 114.615 256 256-114.615 256-256 256zM224 384h64v-64h-64v64zM320 64h-128v32h32v128h-32v32h96v-160h32v-32z" />
<glyph unicode="&#xe05a;" d="M0 272v-96c0-8.836 7.164-16 16-16h480c8.836 0 16 7.164 16 16v96c0 8.836-7.164 16-16 16h-480c-8.836 0-16-7.164-16-16z" />
<glyph unicode="&#xe600;" d="M39.349 399.017c-17.206 0-31.051-13.844-31.051-31.051v-361.923c0-17.207 13.845-31.068 31.051-31.068h323.589c17.207 0 31.068 13.861 31.068 31.068v361.923c0 17.207-13.861 31.051-31.068 31.051h-323.589zM46.803 392.288h309.317c16.698 0 30.151-13.454 30.151-30.151v-118.928l-46.498-52.778h-269.841l-5.207-4.325-47.364-54.733-0.761 83.5 0.242 2.526c-0.109 1.043-0.173 2.092-0.173 3.166v141.571c0 16.698 13.437 30.152 30.134 30.152zM274.731 341.379c-27.38 0-49.578-22.182-49.578-49.561s22.198-49.578 49.578-49.578c27.38 0 49.578 22.198 49.578 49.578s-22.199 49.561-49.578 49.561zM125.65 133.691c0.425 0.010 0.853 0 1.28 0 27.38 0 49.56-22.181 49.56-49.56s-22.181-49.578-49.56-49.578c-27.38 0-49.578 22.199-49.578 49.578 0 26.952 21.51 48.882 48.298 49.56z" horiz-adv-x="410" />
<glyph unicode="&#xe601;" d="M384 160v64h-160v64h160v64l96-96zM352 192v-128h-160v-96l-192 96v416h352v-160h-32v128h-256l128-64v-288h128v96z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 53 KiB

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Binary file not shown.

View File

@ -1,6 +1,40 @@
{
"IcoMoonType": "selection",
"icons": [
{
"icon": {
"paths": [
"M78.697 161.965c-34.413 0-62.102 27.689-62.102 62.102v723.845c0 34.413 27.689 62.137 62.102 62.137h647.178c34.413 0 62.137-27.723 62.137-62.137v-723.845c0-34.413-27.723-62.102-62.137-62.102h-647.178zM93.606 175.423h618.635c33.396 0 60.303 26.908 60.303 60.303v237.857l-92.997 105.556h-539.683l-10.414 8.65-94.727 109.466-1.522-167.001 0.484-5.052c-0.218-2.087-0.346-4.185-0.346-6.332v-283.143c0-33.396 26.874-60.303 60.268-60.303zM549.461 277.243c-54.759 0-99.156 44.363-99.156 99.121s44.397 99.156 99.156 99.156c54.759 0 99.156-44.397 99.156-99.156s-44.397-99.121-99.156-99.121zM251.301 692.618c0.85-0.021 1.705 0 2.56 0 54.759 0 99.121 44.363 99.121 99.121s-44.363 99.156-99.121 99.156c-54.759 0-99.156-44.397-99.156-99.156 0-53.903 43.020-97.763 96.596-99.121z"
],
"attrs": [
{
"opacity": 1,
"visibility": false
}
],
"width": 820,
"grid": 16,
"tags": [
"conversejs"
]
},
"attrs": [
{
"opacity": 1,
"visibility": false
}
],
"properties": {
"order": 93,
"id": 455,
"prevSize": 32,
"code": 58880,
"name": "conversejs",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 0
},
{
"icon": {
"paths": [
@ -22,7 +56,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 0
"iconIdx": 1
},
{
"icon": {
@ -43,7 +77,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 1
"iconIdx": 2
},
{
"icon": {
@ -68,7 +102,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 2
"iconIdx": 3
},
{
"icon": {
@ -92,7 +126,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 3
"iconIdx": 4
},
{
"icon": {
@ -118,7 +152,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 4
"iconIdx": 5
},
{
"icon": {
@ -143,7 +177,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 5
"iconIdx": 6
},
{
"icon": {
@ -165,11 +199,11 @@
"order": 5,
"prevSize": 32,
"code": 9750,
"name": "camera2",
"name": "camera-2",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 6
"iconIdx": 7
},
{
"icon": {
@ -189,11 +223,11 @@
"order": 6,
"prevSize": 32,
"code": 9689,
"name": "play22",
"name": "play",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 7
"iconIdx": 8
},
{
"icon": {
@ -218,7 +252,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 8
"iconIdx": 9
},
{
"icon": {
@ -244,7 +278,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 9
"iconIdx": 10
},
{
"icon": {
@ -270,7 +304,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 10
"iconIdx": 11
},
{
"icon": {
@ -296,7 +330,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 11
"iconIdx": 12
},
{
"icon": {
@ -320,7 +354,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 12
"iconIdx": 13
},
{
"icon": {
@ -345,7 +379,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 13
"iconIdx": 14
},
{
"icon": {
@ -371,7 +405,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 14
"iconIdx": 15
},
{
"icon": {
@ -394,7 +428,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 15
"iconIdx": 16
},
{
"icon": {
@ -415,11 +449,11 @@
"order": 15,
"prevSize": 32,
"code": 9724,
"name": "bubble",
"name": "online",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 16
"iconIdx": 17
},
{
"icon": {
@ -440,11 +474,11 @@
"order": 16,
"prevSize": 32,
"code": 9723,
"name": "bubble2",
"name": "away",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 17
"iconIdx": 18
},
{
"icon": {
@ -470,7 +504,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 18
"iconIdx": 19
},
{
"icon": {
@ -496,7 +530,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 19
"iconIdx": 20
},
{
"icon": {
@ -522,7 +556,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 20
"iconIdx": 21
},
{
"icon": {
@ -549,7 +583,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 21
"iconIdx": 22
},
{
"icon": {
@ -577,7 +611,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 22
"iconIdx": 23
},
{
"icon": {
@ -605,7 +639,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 23
"iconIdx": 24
},
{
"icon": {
@ -632,7 +666,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 24
"iconIdx": 25
},
{
"icon": {
@ -655,7 +689,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 25
"iconIdx": 26
},
{
"icon": {
@ -681,7 +715,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 26
"iconIdx": 27
},
{
"icon": {
@ -706,7 +740,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 27
"iconIdx": 28
},
{
"icon": {
@ -733,7 +767,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 28
"iconIdx": 29
},
{
"icon": {
@ -761,7 +795,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 29
"iconIdx": 30
},
{
"icon": {
@ -784,7 +818,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 30
"iconIdx": 31
},
{
"icon": {
@ -809,7 +843,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 31
"iconIdx": 32
},
{
"icon": {
@ -830,11 +864,11 @@
"order": 29,
"prevSize": 32,
"code": 57383,
"name": "lock2",
"name": "lock-2",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 32
"iconIdx": 33
},
{
"icon": {
@ -861,7 +895,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 33
"iconIdx": 34
},
{
"icon": {
@ -884,11 +918,11 @@
"order": 31,
"prevSize": 32,
"code": 57385,
"name": "key2",
"name": "key-2",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 34
"iconIdx": 35
},
{
"icon": {
@ -913,7 +947,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 35
"iconIdx": 36
},
{
"icon": {
@ -937,7 +971,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 36
"iconIdx": 37
},
{
"icon": {
@ -965,7 +999,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 37
"iconIdx": 38
},
{
"icon": {
@ -992,7 +1026,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 38
"iconIdx": 39
},
{
"icon": {
@ -1017,7 +1051,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 39
"iconIdx": 40
},
{
"icon": {
@ -1046,7 +1080,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 40
"iconIdx": 41
},
{
"icon": {
@ -1069,7 +1103,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 41
"iconIdx": 42
},
{
"icon": {
@ -1095,7 +1129,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 42
"iconIdx": 43
},
{
"icon": {
@ -1120,7 +1154,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 43
"iconIdx": 44
},
{
"icon": {
@ -1145,7 +1179,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 44
"iconIdx": 45
},
{
"icon": {
@ -1171,7 +1205,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 45
"iconIdx": 46
},
{
"icon": {
@ -1195,7 +1229,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 46
"iconIdx": 47
},
{
"icon": {
@ -1220,7 +1254,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 47
"iconIdx": 48
},
{
"icon": {
@ -1245,7 +1279,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 48
"iconIdx": 49
},
{
"icon": {
@ -1270,7 +1304,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 49
"iconIdx": 50
},
{
"icon": {
@ -1296,7 +1330,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 50
"iconIdx": 51
},
{
"icon": {
@ -1322,7 +1356,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 51
"iconIdx": 52
},
{
"icon": {
@ -1347,7 +1381,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 52
"iconIdx": 53
},
{
"icon": {
@ -1372,7 +1406,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 53
"iconIdx": 54
},
{
"icon": {
@ -1398,7 +1432,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 54
"iconIdx": 55
},
{
"icon": {
@ -1423,7 +1457,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 55
"iconIdx": 56
},
{
"icon": {
@ -1448,7 +1482,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 56
"iconIdx": 57
},
{
"icon": {
@ -1471,7 +1505,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 57
"iconIdx": 58
},
{
"icon": {
@ -1497,7 +1531,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 58
"iconIdx": 59
},
{
"icon": {
@ -1520,7 +1554,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 59
"iconIdx": 60
},
{
"icon": {
@ -1543,7 +1577,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 60
"iconIdx": 61
},
{
"icon": {
@ -1569,7 +1603,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 61
"iconIdx": 62
},
{
"icon": {
@ -1594,7 +1628,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 62
"iconIdx": 63
},
{
"icon": {
@ -1619,7 +1653,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 63
"iconIdx": 64
},
{
"icon": {
@ -1645,7 +1679,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 64
"iconIdx": 65
},
{
"icon": {
@ -1671,7 +1705,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 65
"iconIdx": 66
},
{
"icon": {
@ -1696,7 +1730,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 66
"iconIdx": 67
},
{
"icon": {
@ -1721,7 +1755,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 67
"iconIdx": 68
},
{
"icon": {
@ -1744,7 +1778,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 68
"iconIdx": 69
},
{
"icon": {
@ -1767,7 +1801,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 69
"iconIdx": 70
},
{
"icon": {
@ -1790,7 +1824,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 70
"iconIdx": 71
},
{
"icon": {
@ -1813,7 +1847,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 71
"iconIdx": 72
},
{
"icon": {
@ -1840,7 +1874,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 72
"iconIdx": 73
},
{
"icon": {
@ -1863,7 +1897,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 73
"iconIdx": 74
},
{
"icon": {
@ -1889,7 +1923,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 74
"iconIdx": 75
},
{
"icon": {
@ -1916,7 +1950,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 75
"iconIdx": 76
},
{
"icon": {
@ -1941,7 +1975,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 76
"iconIdx": 77
},
{
"icon": {
@ -1965,7 +1999,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 77
"iconIdx": 78
},
{
"icon": {
@ -1989,7 +2023,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 78
"iconIdx": 79
},
{
"icon": {
@ -2014,7 +2048,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 79
"iconIdx": 80
},
{
"icon": {
@ -2038,7 +2072,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 80
"iconIdx": 81
},
{
"icon": {
@ -2061,7 +2095,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 81
"iconIdx": 82
},
{
"icon": {
@ -2083,7 +2117,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 82
"iconIdx": 83
},
{
"icon": {
@ -2106,7 +2140,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 83
"iconIdx": 84
},
{
"icon": {
@ -2125,11 +2159,11 @@
"order": 82,
"prevSize": 32,
"code": 57433,
"name": "info2",
"name": "room-info",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 84
"iconIdx": 85
},
{
"icon": {
@ -2152,7 +2186,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 85
"iconIdx": 86
},
{
"icon": {
@ -2177,7 +2211,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 86
"iconIdx": 87
},
{
"icon": {
@ -2199,7 +2233,7 @@
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 87
"iconIdx": 88
},
{
"icon": {
@ -2213,15 +2247,41 @@
"grid": 16
},
"properties": {
"id": 84,
"order": 86,
"order": 94,
"id": 454,
"prevSize": 32,
"code": 57348,
"name": "busy",
"ligatures": ""
},
"setIdx": 0,
"iconIdx": 88
"iconIdx": 89
},
{
"icon": {
"paths": [
"M768 640v-128h-320v-128h320v-128l192 192zM704 576v256h-320v192l-384-192v-832h704v320h-64v-256h-512l256 128v576h256v-192z"
],
"tags": [
"exit",
"sign out",
"log out",
"quit",
"close",
"logout"
],
"grid": 16
},
"properties": {
"id": 260,
"order": 95,
"prevSize": 32,
"code": 58881,
"name": "exit",
"ligatures": ""
},
"setIdx": 2,
"iconIdx": 260
}
],
"height": 1024,

View File

@ -1,10 +1,10 @@
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?-5hv4s0');
src:url('fonts/icomoon.eot?#iefix-5hv4s0') format('embedded-opentype'),
url('fonts/icomoon.woff?-5hv4s0') format('woff'),
url('fonts/icomoon.ttf?-5hv4s0') format('truetype'),
url('fonts/icomoon.svg?-5hv4s0#icomoon') format('svg');
src:url('fonts/icomoon.eot?-mnoxh0');
src:url('fonts/icomoon.eot?#iefix-mnoxh0') format('embedded-opentype'),
url('fonts/icomoon.woff?-mnoxh0') format('woff'),
url('fonts/icomoon.ttf?-mnoxh0') format('truetype'),
url('fonts/icomoon.svg?-mnoxh0#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -23,270 +23,276 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-closed:before {
#conversejs .icon-conversejs:before {
content: "\e600";
}
#conversejs .icon-closed:before {
content: "\25ba";
}
.icon-opened:before {
#conversejs .icon-opened:before {
content: "\25bc";
}
.icon-checkmark:before {
#conversejs .icon-checkmark:before {
content: "\2713";
}
.icon-home:before {
#conversejs .icon-home:before {
content: "\e000";
}
.icon-pencil:before {
#conversejs .icon-pencil:before {
content: "\270e";
}
.icon-camera:before {
#conversejs .icon-camera:before {
content: "\e003";
}
.icon-camera2:before {
#conversejs .icon-camera-2:before {
content: "\2616";
}
.icon-play22:before {
#conversejs .icon-play:before {
content: "\25d9";
}
.icon-music:before {
#conversejs .icon-music:before {
content: "\266b";
}
.icon-headphones:before {
#conversejs .icon-headphones:before {
content: "\266c";
}
.icon-phone:before {
#conversejs .icon-phone:before {
content: "\260f";
}
.icon-phone-hang-up:before {
#conversejs .icon-phone-hang-up:before {
content: "\260e";
}
.icon-address-book:before {
#conversejs .icon-address-book:before {
content: "\270f";
}
.icon-notebook:before {
#conversejs .icon-notebook:before {
content: "\2710";
}
.icon-envelop:before {
#conversejs .icon-envelop:before {
content: "\2709";
}
.icon-pushpin:before {
#conversejs .icon-pushpin:before {
content: "\e012";
}
.icon-bubble:before {
#conversejs .icon-online:before {
content: "\25fc";
}
.icon-bubble2:before {
#conversejs .icon-away:before {
content: "\25fb";
}
.icon-bubbles:before {
#conversejs .icon-bubbles:before {
content: "\e015";
}
.icon-bubbles2:before {
#conversejs .icon-bubbles2:before {
content: "\e016";
}
.icon-bubbles3:before {
#conversejs .icon-bubbles3:before {
content: "\e017";
}
.icon-user:before {
#conversejs .icon-user:before {
content: "\e01a";
}
.icon-hide-users:before {
#conversejs .icon-hide-users:before {
content: "\e01c";
}
.icon-show-users:before {
#conversejs .icon-show-users:before {
content: "\e01e";
}
.icon-users:before {
#conversejs .icon-users:before {
content: "\e01b";
}
.icon-quotes-left:before {
#conversejs .icon-quotes-left:before {
content: "\e01d";
}
.icon-spinner:before {
#conversejs .icon-spinner:before {
content: "\231b";
}
.icon-search:before {
#conversejs .icon-search:before {
content: "\e021";
}
.icon-cogs:before {
#conversejs .icon-cogs:before {
content: "\e022";
}
.icon-wrench:before {
#conversejs .icon-wrench:before {
content: "\e024";
}
.icon-unlocked:before {
#conversejs .icon-unlocked:before {
content: "\e025";
}
.icon-lock:before {
#conversejs .icon-lock:before {
content: "\e026";
}
.icon-lock2:before {
#conversejs .icon-lock-2:before {
content: "\e027";
}
.icon-key:before {
#conversejs .icon-key:before {
content: "\e028";
}
.icon-key2:before {
#conversejs .icon-key-2:before {
content: "\e029";
}
.icon-zoomout:before {
#conversejs .icon-zoomout:before {
content: "\e02a";
}
.icon-zoomin:before {
#conversejs .icon-zoomin:before {
content: "\e02b";
}
.icon-cog:before {
#conversejs .icon-cog:before {
content: "\e02f";
}
.icon-remove:before {
#conversejs .icon-remove:before {
content: "\e02d";
}
.icon-eye:before {
#conversejs .icon-eye:before {
content: "\e030";
}
.icon-eye-blocked:before {
#conversejs .icon-eye-blocked:before {
content: "\e031";
}
.icon-attachment:before {
#conversejs .icon-attachment:before {
content: "\e032";
}
.icon-globe:before {
#conversejs .icon-globe:before {
content: "\e033";
}
.icon-heart:before {
#conversejs .icon-heart:before {
content: "\2764";
}
.icon-happy:before {
#conversejs .icon-happy:before {
content: "\263b";
}
.icon-thumbs-up:before {
#conversejs .icon-thumbs-up:before {
content: "\261d";
}
.icon-smiley:before {
#conversejs .icon-smiley:before {
content: "\263a";
}
.icon-tongue:before {
#conversejs .icon-tongue:before {
content: "\e038";
}
.icon-sad:before {
#conversejs .icon-sad:before {
content: "\2639";
}
.icon-wink:before {
#conversejs .icon-wink:before {
content: "\e03a";
}
.icon-wondering:before {
#conversejs .icon-wondering:before {
content: "\2369";
}
.icon-confused:before {
#conversejs .icon-confused:before {
content: "\2368";
}
.icon-shocked:before {
#conversejs .icon-shocked:before {
content: "\2364";
}
.icon-evil:before {
#conversejs .icon-evil:before {
content: "\261f";
}
.icon-angry:before {
#conversejs .icon-angry:before {
content: "\e03f";
}
.icon-cool:before {
#conversejs .icon-cool:before {
content: "\e040";
}
.icon-grin:before {
#conversejs .icon-grin:before {
content: "\e041";
}
.icon-info:before {
#conversejs .icon-info:before {
content: "\2360";
}
.icon-notification:before {
#conversejs .icon-notification:before {
content: "\e01f";
}
.icon-warning:before {
#conversejs .icon-warning:before {
content: "\26a0";
}
.icon-spell-check:before {
#conversejs .icon-spell-check:before {
content: "\e045";
}
.icon-volume-high:before {
#conversejs .icon-volume-high:before {
content: "\e046";
}
.icon-volume-medium:before {
#conversejs .icon-volume-medium:before {
content: "\e047";
}
.icon-volume-low:before {
#conversejs .icon-volume-low:before {
content: "\e048";
}
.icon-volume-mute:before {
#conversejs .icon-volume-mute:before {
content: "\e049";
}
.icon-volume-mute2:before {
#conversejs .icon-volume-mute2:before {
content: "\e04a";
}
.icon-volume-decrease:before {
#conversejs .icon-volume-decrease:before {
content: "\e04b";
}
.icon-volume-increase:before {
#conversejs .icon-volume-increase:before {
content: "\e04c";
}
.icon-bold:before {
#conversejs .icon-bold:before {
content: "\e04d";
}
.icon-underline:before {
#conversejs .icon-underline:before {
content: "\e04e";
}
.icon-italic:before {
#conversejs .icon-italic:before {
content: "\e04f";
}
.icon-strikethrough:before {
#conversejs .icon-strikethrough:before {
content: "\e050";
}
.icon-newtab:before {
#conversejs .icon-newtab:before {
content: "\e053";
}
.icon-youtube:before {
#conversejs .icon-youtube:before {
content: "\e055";
}
.icon-close:before {
#conversejs .icon-close:before {
content: "\2715";
}
.icon-blocked:before {
#conversejs .icon-blocked:before {
content: "\2718";
}
.icon-cancel-circle:before {
#conversejs .icon-cancel-circle:before {
content: "\e058";
}
.icon-minus:before {
#conversejs .icon-minus:before {
content: "\e05a";
}
.icon-plus:before {
#conversejs .icon-plus:before {
content: "\271a";
}
.icon-checkbox-checked:before {
#conversejs .icon-checkbox-checked:before {
content: "\2611";
}
.icon-checkbox-unchecked:before {
#conversejs .icon-checkbox-unchecked:before {
content: "\2b27";
}
.icon-checkbox-partial:before {
#conversejs .icon-checkbox-partial:before {
content: "\2b28";
}
.icon-radio-checked:before {
#conversejs .icon-radio-checked:before {
content: "\2b26";
}
.icon-radio-unchecked:before {
#conversejs .icon-radio-unchecked:before {
content: "\2b25";
}
.icon-info2:before {
#conversejs .icon-room-info:before {
content: "\e059";
}
.icon-newspaper:before {
#conversejs .icon-newspaper:before {
content: "\e001";
}
.icon-image:before {
#conversejs .icon-image:before {
content: "\2b14";
}
.icon-offline:before {
#conversejs .icon-offline:before {
content: "\e002";
}
.icon-busy:before {
#conversejs .icon-busy:before {
content: "\e004";
}
#conversejs .icon-exit:before {
content: "\e601";
}

View File

@ -13,6 +13,7 @@
<link type="text/css" rel="stylesheet" media="screen" href="css/theme.css" />
<link type="text/css" rel="stylesheet" media="screen" href="css/converse.css" />
<script src="components/requirejs/require.js"></script>
<link rel="shortcut icon" type="image/ico" href="css/images/favicon.ico"/>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
@ -67,7 +68,7 @@
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="brand-heading">Converse.js</h1>
<h1 class="brand-heading"><i class="icon-conversejs"></i>Converse.js</h1>
<p class="intro-text">A free and open-source XMPP chat client for your website</p>
<div class="page-scroll">
<a href="#about" class="btn btn-default btn-lg">Learn More</a>

View File

@ -10,11 +10,11 @@
@font-face {
font-family: 'Converse-js';
src:url('../fonticons/fonts/icomoon.eot?-5hv4s0');
src:url('../fonticons/fonts/icomoon.eot?#iefix-5hv4s0') format('embedded-opentype'),
url('../fonticons/fonts/icomoon.woff?-5hv4s0') format('woff'),
url('../fonticons/fonts/icomoon.ttf?-5hv4s0') format('truetype'),
url('../fonticons/fonts/icomoon.svg?-5hv4s0#icomoon') format('svg');
src:url('../fonticons/fonts/icomoon.eot?-mnoxh0');
src:url('../fonticons/fonts/icomoon.eot?#iefix-mnoxh0') format('embedded-opentype'),
url('../fonticons/fonts/icomoon.woff?-mnoxh0') format('woff'),
url('../fonticons/fonts/icomoon.ttf?-mnoxh0') format('truetype'),
url('../fonticons/fonts/icomoon.svg?-mnoxh0#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@ -46,6 +46,22 @@
-moz-osx-font-smoothing: grayscale;
}
.icon-conversejs {
font-family: 'Converse-js';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-conversejs:before {
content: "\e600";
}
#conversejs .icon-closed:before {
content: "\25ba";
}
@ -315,6 +331,9 @@
#conversejs .icon-dnd:before {
content: "\e004";
}
#conversejs .icon-exit:before {
content: "\e601";
}
#conversejs .no-text-select {
-webkit-touch-callout: none;