Skip to content

C
converse.js
Commit c32f4bb1 authored by JC Brand's avatar JC Brand
Browse files
Options

Replace fonticons. Tweaked offline and busy fonts

parent ae96dc1e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 74 additions and 259 deletions
converse.css
View file @ c32f4bb1
......@@ -361,8 +361,8 @@ form.search-xmpp-contact input {
a.configure-chatroom-button,
a.close-chatbox-button {
font-size: 12px;
padding: 2px 2px 1px 2px;
font-size: 10px;
padding: 3px 3px 2px 3px;
margin-right: 3px;
cursor: pointer;
float: right;
......
fonticons/index.html
View file @ c32f4bb1
......@@ -96,10 +96,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#x270e;"></div>
<input type="text" readonly="readonly" value="&amp;#x270e;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2b14;"></div>
<input type="text" readonly="readonly" value="&amp;#x2b14;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe003;"></div>
<input type="text" readonly="readonly" value="&amp;#xe003;" />
......@@ -108,10 +104,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#x2616;"></div>
<input type="text" readonly="readonly" value="&amp;#x2616;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2617;"></div>
<input type="text" readonly="readonly" value="&amp;#x2617;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x25d9;"></div>
<input type="text" readonly="readonly" value="&amp;#x25d9;" />
......@@ -140,22 +132,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#x2710;"></div>
<input type="text" readonly="readonly" value="&amp;#x2710;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2b13;"></div>
<input type="text" readonly="readonly" value="&amp;#x2b13;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe00e;"></div>
<input type="text" readonly="readonly" value="&amp;#xe00e;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe00f;"></div>
<input type="text" readonly="readonly" value="&amp;#xe00f;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe010;"></div>
<input type="text" readonly="readonly" value="&amp;#xe010;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2709;"></div>
<input type="text" readonly="readonly" value="&amp;#x2709;" />
......@@ -200,14 +176,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#x231b;"></div>
<input type="text" readonly="readonly" value="&amp;#x231b;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x263c;"></div>
<input type="text" readonly="readonly" value="&amp;#x263c;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2746;"></div>
<input type="text" readonly="readonly" value="&amp;#x2746;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe021;"></div>
<input type="text" readonly="readonly" value="&amp;#xe021;" />
......@@ -216,10 +184,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#xe022;"></div>
<input type="text" readonly="readonly" value="&amp;#xe022;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2738;"></div>
<input type="text" readonly="readonly" value="&amp;#x2738;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe024;"></div>
<input type="text" readonly="readonly" value="&amp;#xe024;" />
......@@ -264,10 +228,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#xe02e;"></div>
<input type="text" readonly="readonly" value="&amp;#xe02e;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2687;"></div>
<input type="text" readonly="readonly" value="&amp;#x2687;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe030;"></div>
<input type="text" readonly="readonly" value="&amp;#xe030;" />
......@@ -400,14 +360,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#xe050;"></div>
<input type="text" readonly="readonly" value="&amp;#xe050;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x276d;"></div>
<input type="text" readonly="readonly" value="&amp;#x276d;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x276c;"></div>
<input type="text" readonly="readonly" value="&amp;#x276c;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe053;"></div>
<input type="text" readonly="readonly" value="&amp;#xe053;" />
......@@ -428,10 +380,6 @@
<div class="fs1" aria-hidden="true" data-icon="&#xe058;"></div>
<input type="text" readonly="readonly" value="&amp;#xe058;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe059;"></div>
<input type="text" readonly="readonly" value="&amp;#xe059;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe05a;"></div>
<input type="text" readonly="readonly" value="&amp;#xe05a;" />
......@@ -461,12 +409,24 @@
<input type="text" readonly="readonly" value="&amp;#x2b25;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe061;"></div>
<input type="text" readonly="readonly" value="&amp;#xe061;" />
<div class="fs1" aria-hidden="true" data-icon="&#xe059;"></div>
<input type="text" readonly="readonly" value="&amp;#xe059;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe001;"></div>
<input type="text" readonly="readonly" value="&amp;#xe001;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#x2b14;"></div>
<input type="text" readonly="readonly" value="&amp;#x2b14;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe062;"></div>
<input type="text" readonly="readonly" value="&amp;#xe062;" />
<div class="fs1" aria-hidden="true" data-icon="&#xe002;"></div>
<input type="text" readonly="readonly" value="&amp;#xe002;" />
</div>
<div class="glyph">
<div class="fs1" aria-hidden="true" data-icon="&#xe004;"></div>
<input type="text" readonly="readonly" value="&amp;#xe004;" />
</div>
</section>
<div class="clear"></div>
......@@ -482,10 +442,6 @@
<span aria-hidden="true" class="icon-pencil"></span>
&nbsp;icon-pencil
</span>
<span class="box1">
<span aria-hidden="true" class="icon-image"></span>
&nbsp;icon-image
</span>
<span class="box1">
<span aria-hidden="true" class="icon-camera"></span>
&nbsp;icon-camera
......@@ -494,10 +450,6 @@
<span aria-hidden="true" class="icon-camera-2"></span>
&nbsp;icon-camera-2
</span>
<span class="box1">
<span aria-hidden="true" class="icon-film"></span>
&nbsp;icon-film
</span>
<span class="box1">
<span aria-hidden="true" class="icon-play"></span>
&nbsp;icon-play
......@@ -526,22 +478,6 @@
<span aria-hidden="true" class="icon-notebook"></span>
&nbsp;icon-notebook
</span>
<span class="box1">
<span aria-hidden="true" class="icon-image-2"></span>
&nbsp;icon-image-2
</span>
<span class="box1">
<span aria-hidden="true" class="icon-images"></span>
&nbsp;icon-images
</span>
<span class="box1">
<span aria-hidden="true" class="icon-home-2"></span>
&nbsp;icon-home-2
</span>
<span class="box1">
<span aria-hidden="true" class="icon-home-3"></span>
&nbsp;icon-home-3
</span>
<span class="box1">
<span aria-hidden="true" class="icon-envelop"></span>
&nbsp;icon-envelop
......@@ -586,14 +522,6 @@
<span aria-hidden="true" class="icon-spinner"></span>
&nbsp;icon-spinner
</span>
<span class="box1">
<span aria-hidden="true" class="icon-spinner-2"></span>
&nbsp;icon-spinner-2
</span>
<span class="box1">
<span aria-hidden="true" class="icon-spinner-3"></span>
&nbsp;icon-spinner-3
</span>
<span class="box1">
<span aria-hidden="true" class="icon-search"></span>
&nbsp;icon-search
......@@ -602,10 +530,6 @@
<span aria-hidden="true" class="icon-cogs"></span>
&nbsp;icon-cogs
</span>
<span class="box1">
<span aria-hidden="true" class="icon-cog"></span>
&nbsp;icon-cog
</span>
<span class="box1">
<span aria-hidden="true" class="icon-wrench"></span>
&nbsp;icon-wrench
......@@ -639,8 +563,8 @@
&nbsp;icon-zoom-in
</span>
<span class="box1">
<span aria-hidden="true" class="icon-cog-2"></span>
&nbsp;icon-cog-2
<span aria-hidden="true" class="icon-cog"></span>
&nbsp;icon-cog
</span>
<span class="box1">
<span aria-hidden="true" class="icon-remove"></span>
......@@ -654,10 +578,6 @@
<span aria-hidden="true" class="icon-eye"></span>
&nbsp;icon-eye
</span>
<span class="box1">
<span aria-hidden="true" class="icon-eye-2"></span>
&nbsp;icon-eye-2
</span>
<span class="box1">
<span aria-hidden="true" class="icon-eye-blocked"></span>
&nbsp;icon-eye-blocked
......@@ -786,14 +706,6 @@
<span aria-hidden="true" class="icon-strikethrough"></span>
&nbsp;icon-strikethrough
</span>
<span class="box1">
<span aria-hidden="true" class="icon-code"></span>
&nbsp;icon-code
</span>
<span class="box1">
<span aria-hidden="true" class="icon-embed"></span>
&nbsp;icon-embed
</span>
<span class="box1">
<span aria-hidden="true" class="icon-new-tab"></span>
&nbsp;icon-new-tab
......@@ -814,10 +726,6 @@
<span aria-hidden="true" class="icon-cancel-circle"></span>
&nbsp;icon-cancel-circle
</span>
<span class="box1">
<span aria-hidden="true" class="icon-info-2"></span>
&nbsp;icon-info-2
</span>
<span class="box1">
<span aria-hidden="true" class="icon-minus"></span>
&nbsp;icon-minus
......@@ -847,13 +755,25 @@
&nbsp;icon-radio-unchecked
</span>
<span class="box1">
<span aria-hidden="true" class="icon-busy"></span>
&nbsp;icon-busy
<span aria-hidden="true" class="icon-info-2"></span>
&nbsp;icon-info-2
</span>
<span class="box1">
<span aria-hidden="true" class="icon-newspaper"></span>
&nbsp;icon-newspaper
</span>
<span class="box1">
<span aria-hidden="true" class="icon-image"></span>
&nbsp;icon-image
</span>
<span class="box1">
<span aria-hidden="true" class="icon-offline"></span>
&nbsp;icon-offline
</span>
<span class="box1">
<span aria-hidden="true" class="icon-busy"></span>
&nbsp;icon-busy
</span>
</section>
<footer>
<p>Generated by <a href="http://icomoon.io">IcoMoon.io</a></p>
......
fonticons/lte-ie7.js
View file @ c32f4bb1
......@@ -8,10 +8,8 @@ window.onload = function() {
var icons = {
'icon-home' : '&#xe000;',
'icon-pencil' : '&#x270e;',
'icon-image' : '&#x2b14;',
'icon-camera' : '&#xe003;',
'icon-camera-2' : '&#x2616;',
'icon-film' : '&#x2617;',
'icon-play' : '&#x25d9;',
'icon-music' : '&#x266b;',
'icon-headphones' : '&#x266c;',
......@@ -19,10 +17,6 @@ window.onload = function() {
'icon-phone-hang-up' : '&#x260e;',
'icon-address-book' : '&#x270f;',
'icon-notebook' : '&#x2710;',
'icon-image-2' : '&#x2b13;',
'icon-images' : '&#xe00e;',
'icon-home-2' : '&#xe00f;',
'icon-home-3' : '&#xe010;',
'icon-envelop' : '&#x2709;',
'icon-pushpin' : '&#xe012;',
'icon-bubble' : '&#x25fc;',
......@@ -34,11 +28,8 @@ window.onload = function() {
'icon-users' : '&#xe01b;',
'icon-quotes-left' : '&#xe01d;',
'icon-spinner' : '&#x231b;',
'icon-spinner-2' : '&#x263c;',
'icon-spinner-3' : '&#x2746;',
'icon-search' : '&#xe021;',
'icon-cogs' : '&#xe022;',
'icon-cog' : '&#x2738;',
'icon-wrench' : '&#xe024;',
'icon-unlocked' : '&#xe025;',
'icon-lock' : '&#xe026;',
......@@ -47,11 +38,10 @@ window.onload = function() {
'icon-key-2' : '&#xe029;',
'icon-zoom-out' : '&#xe02a;',
'icon-zoom-in' : '&#xe02b;',
'icon-cog-2' : '&#xe02f;',
'icon-cog' : '&#xe02f;',
'icon-remove' : '&#xe02d;',
'icon-remove-2' : '&#xe02e;',
'icon-eye' : '&#x2687;',
'icon-eye-2' : '&#xe030;',
'icon-eye' : '&#xe030;',
'icon-eye-blocked' : '&#xe031;',
'icon-attachment' : '&#xe032;',
'icon-globe' : '&#xe033;',
......@@ -84,14 +74,11 @@ window.onload = function() {
'icon-underline' : '&#xe04e;',
'icon-italic' : '&#xe04f;',
'icon-strikethrough' : '&#xe050;',
'icon-code' : '&#x276d;',
'icon-embed' : '&#x276c;',
'icon-new-tab' : '&#xe053;',
'icon-youtube' : '&#xe055;',
'icon-close' : '&#x2715;',
'icon-blocked' : '&#x2718;',
'icon-cancel-circle' : '&#xe058;',
'icon-info-2' : '&#xe059;',
'icon-minus' : '&#xe05a;',
'icon-plus' : '&#x271a;',
'icon-checkbox-checked' : '&#x2611;',
......@@ -99,8 +86,11 @@ window.onload = function() {
'icon-checkbox-partial' : '&#x2b28;',
'icon-radio-checked' : '&#x2b26;',
'icon-radio-unchecked' : '&#x2b25;',
'icon-busy' : '&#xe061;',
'icon-offline' : '&#xe062;'
'icon-info-2' : '&#xe059;',
'icon-newspaper' : '&#xe001;',
'icon-image' : '&#x2b14;',
'icon-offline' : '&#xe002;',
'icon-busy' : '&#xe004;'
},
els = document.getElementsByTagName('*'),
i, attr, html, c, el;
......
fonticons/style.css
View file @ c32f4bb1
This diff is collapsed.
mockup.html
View file @ c32f4bb1
......@@ -11,13 +11,13 @@
</head>
<body>
<!-- HEADER -->
<div id="header_wrap" class="outer">
<!-- HEADER -->
<div id="header_wrap" class="outer">
<header class="inner">
<h1 id="project_title"><a href="http://conversejs.org">Converse.js</a></h1>
<h2 id="project_tagline">Static Mockup</h2>
</header>
</div>
</div>
<div id="chatpanel" style="width: 100%;">
<div id="collective-xmpp-chat-data">
......@@ -311,4 +311,5 @@ $(document).ready(function () {
}
});
</script>
<script src="http://devbox:9001/socket.js" type="text/javascript" charset="utf-8"></script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7