mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Render identicons in notifications

Browse source 
Render an svg, then canvas, then data url.

Fixes #325

// FREEBIE
This commit is contained in:
lilia 2015-09-10 00:46:50 -07:00
parent 3bd9108f6e
commit 0ebdf08ceb
4 changed files with 90 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

13
background.html
View file

@ -87,9 +87,17 @@
<div class='scrollable'></div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='identicon-svg'>
<svg xmlns="http://www.w3.org/2000/svg" width="44" height="44">
<circle cx="22" cy="22" r="22" fill="{{ color }}" />
<text text-anchor="middle" fill="white" font-size="14px" x="22" y="22" baseline-shift="-4px">
{{ content }}
</text>
</svg>
</script>
<script type='text/x-tmpl-mustache' id='avatar'>
<span class='avatar {{#avatar.color }} color{{avatar.color}} {{/avatar.color}}'
style='background-image: url("{{ avatar.url }}");'>
<span class='avatar'
style='background-image: url("{{ avatar.url }}"); background-color: {{ avatar.color }}'>
{{ avatar.content }}
</span>
</script>
@ -286,6 +294,7 @@
<script type="text/javascript" src="js/views/window_controls_view.js"></script>
<script type="text/javascript" src="js/views/inbox_view.js"></script>
<script type="text/javascript" src="js/views/confirmation_dialog_view.js"></script>
<script type="text/javascript" src="js/views/identicon_svg_view.js"></script>
<script type="text/javascript" src="js/background.js"></script>
</head>