pimhwang
/
owncast
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Add new icons and tweak styles of moderator actions

pull/1531/head
Gabe Kangas 4 years ago
parent
1e1e7f5cf4
commit
5a6a4240ae
10 changed files with 1756 additions and 17 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 252
      webroot/img/ban-user-grey.svg
  2. 308
      webroot/img/ban-user.svg
  3. 273
      webroot/img/hide-message-grey.svg
  4. 319
      webroot/img/hide-message.svg
  5. 275
      webroot/img/moderator-grey.svg
  6. 307
      webroot/img/moderator.svg
  7. 9
      webroot/js/components/chat/message.js
  8. 18
      webroot/js/components/chat/moderator-actions.js
  9. 5
      webroot/js/components/chat/username.js
  10. 7
      webroot/styles/chat.css

252
webroot/img/ban-user-grey.svg
Unescape View File

@ -0,0 +1,252 @@ @@ -0,0 +1,252 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
sodipodi:docname="Ban-grey.svg"
inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
id="svg1314"
version="1.1"
viewBox="0 0 132.29166 132.29167"
height="500"
width="500"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs1308">
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect2100"
effect="fillet_chamfer" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect2018"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<linearGradient
x1="39.48497"
y1="0.047389723"
x2="39.48497"
y2="44.901764"
id="linearGradient2278"
gradientTransform="scale(0.78982873,1.2660973)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#2087e2"
stop-opacity="1"
id="stop2026" />
<stop
offset="1"
stop-color="#b63fff"
stop-opacity="1"
id="stop2028" />
</linearGradient>
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1458"
effect="fillet_chamfer" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<linearGradient
x1="0.83099705"
y1="26.975092"
x2="0.83099705"
y2="42.979877"
id="linearGradient1915"
gradientTransform="scale(0.85532098,1.1691517)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#FFFFFF"
stop-opacity="0.5"
id="stop2071" />
<stop
offset="1"
stop-color="#FFFFFF"
stop-opacity="0.2"
id="stop2073" />
</linearGradient>
<rect
id="rect1590"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect1281"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<linearGradient
inkscape:collect="always"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
id="linearGradient1584-5"
gradientUnits="userSpaceOnUse"
x1="37.088039"
y1="71.171745"
x2="132.77428"
y2="71.171745" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect1590-2" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect2032" />
<rect
id="rect1590-2-9"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect2130"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect1930"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
</defs>
<sodipodi:namedview
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="1280"
inkscape:window-height="1035"
inkscape:window-width="1920"
inkscape:guide-bbox="true"
showguides="false"
units="px"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer3"
inkscape:document-units="mm"
inkscape:cy="275.39497"
inkscape:cx="289.69028"
inkscape:zoom="1.1892011"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
inkscape:pagecheckerboard="0">
<sodipodi:guide
id="guide2200"
orientation="1,0"
position="44.558367,13.027415" />
<sodipodi:guide
id="guide2202"
orientation="1,0"
position="88.02151,12.912128" />
</sodipodi:namedview>
<metadata
id="metadata1311">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
style="display:inline"
inkscape:label="Outline"
id="layer3"
inkscape:groupmode="layer">
<g
id="g1216"
transform="translate(-15.242231,-15.242278)">
<circle
transform="matrix(1.2447727,0,0,1.2447727,-434.04246,-87.066392)"
r="48.794113"
cy="135.32953"
cx="414.07602"
id="path1422"
style="display:inline;fill:none;fill-opacity:1;stroke:#e6e6e6;stroke-width:8.68954;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
<path
transform="matrix(1.3752358,0,0,1.3752357,-488.11656,-103.51362)"
id="path1424"
d="m 450.73455,108.54642 -70.4662,53.38348"
style="display:inline;fill:#000000;stroke:#e6e6e6;stroke-width:7.8652;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.4 KiB

308
webroot/img/ban-user.svg
Unescape View File

@ -0,0 +1,308 @@ @@ -0,0 +1,308 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
sodipodi:docname="Ban.svg"
inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
id="svg1314"
version="1.1"
viewBox="0 0 132.29166 132.29167"
height="500"
width="500"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs1308">
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect2100"
effect="fillet_chamfer" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect2018"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<linearGradient
x1="39.48497"
y1="0.047389723"
x2="39.48497"
y2="44.901764"
id="linearGradient2278"
gradientTransform="scale(0.78982873,1.2660973)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#2087e2"
stop-opacity="1"
id="stop2026" />
<stop
offset="1"
stop-color="#b63fff"
stop-opacity="1"
id="stop2028" />
</linearGradient>
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1458"
effect="fillet_chamfer" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<linearGradient
x1="0.83099705"
y1="26.975092"
x2="0.83099705"
y2="42.979877"
id="linearGradient1915"
gradientTransform="scale(0.85532098,1.1691517)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#FFFFFF"
stop-opacity="0.5"
id="stop2071" />
<stop
offset="1"
stop-color="#FFFFFF"
stop-opacity="0.2"
id="stop2073" />
</linearGradient>
<rect
id="rect1590"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect1281"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<linearGradient
inkscape:collect="always"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
id="linearGradient1584-5"
gradientUnits="userSpaceOnUse"
x1="37.088039"
y1="71.171745"
x2="132.77428"
y2="71.171745" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect1590-2" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect2032" />
<rect
id="rect1590-2-9"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect2130"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect1930"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2278"
id="linearGradient1932"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(155.92963)"
x1="276.92184"
y1="49.976803"
x2="308.71417"
y2="49.976803" />
</defs>
<sodipodi:namedview
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="1280"
inkscape:window-height="1035"
inkscape:window-width="1920"
inkscape:guide-bbox="true"
showguides="false"
units="px"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer6"
inkscape:document-units="mm"
inkscape:cy="275.39497"
inkscape:cx="289.69028"
inkscape:zoom="1.1892011"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
inkscape:pagecheckerboard="0">
<sodipodi:guide
id="guide2200"
orientation="1,0"
position="44.558367,13.027415" />
<sodipodi:guide
id="guide2202"
orientation="1,0"
position="88.02151,12.912128" />
</sodipodi:namedview>
<metadata
id="metadata1311">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
style="display:inline"
inkscape:label="Background"
id="layer2"
inkscape:groupmode="layer">
<path
sodipodi:type="rect"
y="34.080635"
x="432.85147"
height="31.792337"
width="31.792337"
id="path992"
style="display:inline;fill:url(#linearGradient1932);fill-opacity:1;stroke:none;stroke-width:0.207662;stroke-opacity:1"
inkscape:path-effect="#path-effect1930"
transform="matrix(4.161118,0,0,4.1611094,-1801.1461,-141.81324)"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64"
d="m 438.6723,34.080635 h 20.15068 a 5.8208333,5.8208333 45 0 1 5.82083,5.820833 v 20.150671 a 5.8208333,5.8208333 135 0 1 -5.82083,5.820833 H 438.6723 a 5.8208333,5.8208333 45 0 1 -5.82083,-5.820833 V 39.901468 a 5.8208333,5.8208333 135 0 1 5.82083,-5.820833 z" />
</g>
<g
style="display:inline"
inkscape:label="Shadow"
id="layer6"
inkscape:groupmode="layer">
<path
id="path1488"
style="display:inline;opacity:0.85;fill:#843ed0;fill-opacity:1;stroke:none;stroke-width:0.816478;stroke-opacity:1"
d="m 448.73438,100.54688 7.4375,31.60156 -10.98243,26.77344 -25.40039,15.10351 -35.29492,-4.46289 38.44727,23.38867 h 28.78711 c 12.63935,-7.7e-4 22.88508,-10.24737 22.88476,-22.88672 v -49.27148 z"
sodipodi:nodetypes="cccccccccc"
transform="matrix(1.0583333,0,0,1.0583314,-370.00839,-71.914616)"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
</g>
<g
style="display:inline"
inkscape:label="Person"
id="layer5"
inkscape:groupmode="layer">
<path
sodipodi:nodetypes="cccccsssss"
transform="matrix(1.2820503,0,0,1.0118231,-461.37839,-63.87931)"
d="m 412.11328,104.68945 c -5.59189,5.7e-4 -8.47384,6.41613 -8.474,14.33008 -6e-4,7.91471 2.88157,16.42339 8.474,16.42396 5.59319,9.5e-4 8.47655,-8.50817 8.47595,-16.42396 -1.6e-4,-7.91502 -2.8833,-14.33103 -8.47595,-14.33008 z m 0,35.15639 c -10.37146,-2.76591 -20.59375,7.08913 -20.59375,18.41588 0,11.32675 9.21961,14.50976 20.59375,14.50976 11.37414,0 22.98331,-3.59449 20.5957,-14.50976 -1.95927,-8.95706 -13.93751,-16.64025 -20.5957,-18.41588 z"
style="display:inline;fill:#8e9cf1;fill-opacity:1;stroke:#8f9cf0;stroke-width:7.8652;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path1477"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
</g>
<g
style="display:inline"
inkscape:label="Outline"
id="layer3"
inkscape:groupmode="layer">
<circle
transform="matrix(0.95793351,0,0,0.95793182,-330.51153,-63.490751)"
r="48.794113"
cy="135.32953"
cx="414.07602"
id="path1422"
style="display:inline;fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8.68954;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
<path
transform="matrix(1.0583333,0,0,1.0583314,-372.12506,-76.147936)"
id="path1424"
d="m 450.73455,108.54642 -70.4662,53.38348"
style="display:inline;fill:#000000;stroke:#ffffff;stroke-width:7.8652;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

273
webroot/img/hide-message-grey.svg
Unescape View File

@ -0,0 +1,273 @@ @@ -0,0 +1,273 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
sodipodi:docname="Hide_Msgs.svg"
inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
id="svg1314"
version="1.1"
viewBox="0 0 132.29166 132.29167"
height="500"
width="500"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs1308">
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect2100"
effect="fillet_chamfer" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect2018"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<linearGradient
x1="39.48497"
y1="0.047389723"
x2="39.48497"
y2="44.901764"
id="linearGradient2278"
gradientTransform="scale(0.78982873,1.2660973)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#2087e2"
stop-opacity="1"
id="stop2026" />
<stop
offset="1"
stop-color="#b63fff"
stop-opacity="1"
id="stop2028" />
</linearGradient>
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1458"
effect="fillet_chamfer" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<linearGradient
x1="0.83099705"
y1="26.975092"
x2="0.83099705"
y2="42.979877"
id="linearGradient1915"
gradientTransform="scale(0.85532098,1.1691517)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#FFFFFF"
stop-opacity="0.5"
id="stop2071" />
<stop
offset="1"
stop-color="#FFFFFF"
stop-opacity="0.2"
id="stop2073" />
</linearGradient>
<rect
id="rect1590"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect1281"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<linearGradient
inkscape:collect="always"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
id="linearGradient1584-5"
gradientUnits="userSpaceOnUse"
x1="37.088039"
y1="71.171745"
x2="132.77428"
y2="71.171745" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect1590-2" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect2032" />
<rect
id="rect1590-2-9"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect2130"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1989"
effect="fillet_chamfer" />
</defs>
<sodipodi:namedview
inkscape:window-maximized="0"
inkscape:window-y="260"
inkscape:window-x="1429"
inkscape:window-height="1035"
inkscape:window-width="1920"
inkscape:guide-bbox="true"
showguides="false"
units="px"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer5"
inkscape:document-units="mm"
inkscape:cy="282.7381"
inkscape:cx="270.83333"
inkscape:zoom="0.84"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
inkscape:pagecheckerboard="0">
<sodipodi:guide
id="guide2200"
orientation="1,0"
position="44.558367,13.027415" />
<sodipodi:guide
id="guide2202"
orientation="1,0"
position="88.02151,12.912128" />
<sodipodi:guide
position="18.426338,65.043404"
orientation="1,0"
id="guide1402" />
<sodipodi:guide
position="113.86532,65.515875"
orientation="1,0"
id="guide1404" />
<sodipodi:guide
position="67.720731,93.076639"
orientation="0,-1"
id="guide1444" />
<sodipodi:guide
position="99.061259,39.057539"
orientation="0,-1"
id="guide1484" />
</sodipodi:namedview>
<metadata
id="metadata1311">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
style="display:inline"
inkscape:label="Outline"
id="layer5"
inkscape:groupmode="layer">
<g
id="g1666"
transform="translate(-18.426265,-17.809596)">
<path
id="circle1996"
style="display:inline;fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:32.109;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 250.125,148.51758 c -99.67805,0 -148.51199,56.23859 -180.482422,102.47656 33.653142,54.00312 80.804372,101.38672 180.482422,101.38672 99.67805,0 180.23242,-101.38672 180.23242,-101.38672 0,0 -80.55437,-102.47656 -180.23242,-102.47656 z m -6.48242,21.29101 a 78.14637,75.308415 0 0 1 78.14648,75.3086 78.14637,75.308415 0 0 1 -78.14648,75.30859 78.14637,75.308415 0 0 1 -78.14649,-75.30859 78.14637,75.308415 0 0 1 78.14649,-75.3086 z m 107.27734,57.14258 37.80469,25.54297 c 0,0 -53.13198,55.17634 -41.89258,31.67578 11.23944,-23.50056 4.08789,-57.21875 4.08789,-57.21875 z"
transform="matrix(0.36674861,0,0,0.36674861,-7.1150534,-7.7315462)" />
<path
style="display:inline;fill:#e6e6e6;stroke:#e6e6e6;stroke-width:9.44882;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 222.69944,167.95841 298.63138,90.245746"
id="path2010"
transform="matrix(1.4669944,0,0,1.4669918,-297.82268,-105.43626)"
sodipodi:nodetypes="cc"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
<path
id="circle2016"
style="display:inline;fill:#e6e6e6;fill-opacity:1;stroke:none;stroke-width:7.31287;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.65402167,0,0,0.63027026,-89.816503,-1.6690616)"
d="m 282.05473,127.48237 c -5.64672,8.95232 -9.87316,8.19182 -22.84059,22.84059 -8.53359,9.64005 -22.84059,-10.22608 -22.84059,-22.84059 0,-12.61451 10.22608,-22.84059 22.84059,-22.84059 12.61451,0 22.84059,10.22608 22.84059,22.84059"
sodipodi:nodetypes="csssc"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

319
webroot/img/hide-message.svg
Unescape View File

@ -0,0 +1,319 @@ @@ -0,0 +1,319 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
sodipodi:docname="Hide_Msgs.svg.2021_11_13_09_01_55.0.svg"
inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
id="svg1314"
version="1.1"
viewBox="0 0 132.29166 132.29167"
height="500"
width="500"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs1308">
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect2100"
effect="fillet_chamfer" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect2018"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<linearGradient
x1="39.48497"
y1="0.047389723"
x2="39.48497"
y2="44.901764"
id="linearGradient2278"
gradientTransform="scale(0.78982873,1.2660973)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#2087e2"
stop-opacity="1"
id="stop2026" />
<stop
offset="1"
stop-color="#b63fff"
stop-opacity="1"
id="stop2028" />
</linearGradient>
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1458"
effect="fillet_chamfer" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<linearGradient
x1="0.83099705"
y1="26.975092"
x2="0.83099705"
y2="42.979877"
id="linearGradient1915"
gradientTransform="scale(0.85532098,1.1691517)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#FFFFFF"
stop-opacity="0.5"
id="stop2071" />
<stop
offset="1"
stop-color="#FFFFFF"
stop-opacity="0.2"
id="stop2073" />
</linearGradient>
<rect
id="rect1590"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect1281"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<linearGradient
inkscape:collect="always"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
id="linearGradient1584-5"
gradientUnits="userSpaceOnUse"
x1="37.088039"
y1="71.171745"
x2="132.77428"
y2="71.171745" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect1590-2" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect2032" />
<rect
id="rect1590-2-9"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect2130"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1989"
effect="fillet_chamfer" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2278"
id="linearGradient1991"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(155.92963)"
x1="276.92184"
y1="49.976803"
x2="308.71417"
y2="49.976803" />
</defs>
<sodipodi:namedview
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="1280"
inkscape:window-height="1035"
inkscape:window-width="1920"
inkscape:guide-bbox="true"
showguides="false"
units="px"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="svg1314"
inkscape:document-units="mm"
inkscape:cy="393.03494"
inkscape:cx="289.5734"
inkscape:zoom="0.84089216"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
inkscape:pagecheckerboard="0">
<sodipodi:guide
id="guide2200"
orientation="1,0"
position="44.558367,13.027415" />
<sodipodi:guide
id="guide2202"
orientation="1,0"
position="88.02151,12.912128" />
</sodipodi:namedview>
<metadata
id="metadata1311">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
style="display:inline"
inkscape:label="Background"
id="layer2"
inkscape:groupmode="layer">
<path
transform="matrix(4.161118,0,0,4.1611094,-1801.146,-141.81325)"
inkscape:path-effect="#path-effect1989"
style="display:inline;fill:url(#linearGradient1991);fill-opacity:1;stroke:none;stroke-width:0.207662;stroke-opacity:1"
id="path889"
width="31.792337"
height="31.792337"
x="432.85147"
y="34.080635"
sodipodi:type="rect"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64"
d="m 438.6723,34.080635 h 20.15068 a 5.8208333,5.8208333 45 0 1 5.82083,5.820833 v 20.150671 a 5.8208333,5.8208333 135 0 1 -5.82083,5.820833 H 438.6723 a 5.8208333,5.8208333 45 0 1 -5.82083,-5.820833 V 39.901468 a 5.8208333,5.8208333 135 0 1 5.82083,-5.820833 z" />
</g>
<g
style="display:inline"
inkscape:label="Shadow"
id="layer6"
inkscape:groupmode="layer">
<path
id="path2022"
style="display:inline;opacity:0.65;fill:#7d3cc8;fill-opacity:1;stroke:none;stroke-width:0.816478;stroke-opacity:1"
d="m 297.76562,87.59375 -20.95898,23.66211 21.25195,19.31641 -23.47851,18.95703 -32.93164,0.88867 -23.81446,22.88867 24.39063,19.64453 h 55.1875 a 22.886149,22.886142 0 0 0 22.88672,-22.88672 v -63.98242 z"
transform="matrix(1.0583333,0,0,1.0583314,-206.69154,-71.914617)"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
</g>
<g
style="display:inline"
inkscape:label="Outline"
id="layer5"
inkscape:groupmode="layer">
<path
id="circle1996"
style="display:inline;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:5.40707;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(1.8667252,0,0,1.0583314,-417.70604,-68.772898)"
d="m 259.21414,150.32296 c -12.61451,0 -18.5817,-10.61763 -22.84059,-22.71855 4.04594,-10.36092 10.22608,-22.96263 22.84059,-22.96263 12.61451,0 22.80872,22.9626 22.80872,22.9626 0,0 -10.19421,22.71858 -22.80872,22.71858 z"
sodipodi:nodetypes="scscs"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
<circle
transform="matrix(0.90524051,0,0,0.87236589,-170.18748,-46.357422)"
r="22.84059"
cy="127.48237"
cx="259.21414"
id="circle2000"
style="display:inline;fill:#8840d6;fill-opacity:1;stroke:none;stroke-width:7.31287;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
<path
style="display:inline;fill:#ffffff;stroke:#ffffff;stroke-width:9.44882;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="M 222.69944,167.95841 298.63138,90.245746"
id="path2010"
transform="matrix(1.0583333,0,0,1.0583314,-209.72511,-70.487083)"
sodipodi:nodetypes="cc"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
<path
id="circle2016"
style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:7.31287;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.47183064,0,0,0.45469567,-59.66328,4.3736563)"
d="m 282.05473,127.48237 c -5.64672,8.95232 -9.87316,8.19182 -22.84059,22.84059 -8.53359,9.64005 -22.84059,-10.22608 -22.84059,-22.84059 0,-12.61451 10.22608,-22.84059 22.84059,-22.84059 12.61451,0 22.84059,10.22608 22.84059,22.84059"
sodipodi:nodetypes="csssc"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
<path
style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 283.02902,259.27297 c 0,0 1.78809,8.42957 -1.02177,14.30472 -2.80985,5.87515 10.4731,-7.91868 10.4731,-7.91868 z"
id="path2487"
transform="matrix(1.0583333,0,0,1.0583314,-206.69154,-214.34943)"
inkscape:export-filename="/Users/don/Desktop/Draft-01.png"
inkscape:export-xdpi="115.64"
inkscape:export-ydpi="115.64" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

275
webroot/img/moderator-grey.svg
Unescape View File

@ -0,0 +1,275 @@ @@ -0,0 +1,275 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
sodipodi:docname="Moderator-grey.svg"
inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
id="svg1314"
version="1.1"
viewBox="0 0 132.29166 132.29167"
height="500"
width="500"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs1308">
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect2100"
effect="fillet_chamfer" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect2018"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<linearGradient
x1="39.48497"
y1="0.047389723"
x2="39.48497"
y2="44.901764"
id="linearGradient2278"
gradientTransform="scale(0.78982873,1.2660973)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#2087e2"
stop-opacity="1"
id="stop2026" />
<stop
offset="1"
stop-color="#b63fff"
stop-opacity="1"
id="stop2028" />
</linearGradient>
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1458"
effect="fillet_chamfer" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<linearGradient
x1="0.83099705"
y1="26.975092"
x2="0.83099705"
y2="42.979877"
id="linearGradient1915"
gradientTransform="scale(0.85532098,1.1691517)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#FFFFFF"
stop-opacity="0.5"
id="stop2071" />
<stop
offset="1"
stop-color="#FFFFFF"
stop-opacity="0.2"
id="stop2073" />
</linearGradient>
<rect
id="rect1590"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect1281"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<linearGradient
inkscape:collect="always"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
id="linearGradient1584-5"
gradientUnits="userSpaceOnUse"
x1="37.088039"
y1="71.171745"
x2="132.77428"
y2="71.171745" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect1590-2" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect2032" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584-5-0"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<rect
id="rect1590-2-9"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect2130"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
</defs>
<sodipodi:namedview
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="1280"
inkscape:window-height="1035"
inkscape:window-width="1920"
inkscape:guide-bbox="true"
showguides="false"
units="px"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer3"
inkscape:document-units="mm"
inkscape:cy="275.39497"
inkscape:cx="289.69028"
inkscape:zoom="1.1892011"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
inkscape:pagecheckerboard="0">
<sodipodi:guide
id="guide2200"
orientation="1,0"
position="44.558367,13.027415" />
<sodipodi:guide
id="guide2202"
orientation="1,0"
position="88.02151,12.912128" />
</sodipodi:namedview>
<metadata
id="metadata1311">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
style="display:inline"
inkscape:label="Background"
id="layer2"
inkscape:groupmode="layer" />
<g
style="display:inline"
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Icon">
<g
style="display:inline"
inkscape:label="Shadow"
id="layer6"
inkscape:groupmode="layer" />
<g
style="display:inline"
inkscape:label="Reflection"
id="layer5"
inkscape:groupmode="layer" />
<g
style="display:inline"
inkscape:label="Outline"
id="layer3"
inkscape:groupmode="layer">
<g
id="g1202"
transform="translate(-8.919721,-9.0956968)">
<path
transform="matrix(4.8097053,0,0,4.8221773,-2083.2783,-165.78787)"
style="display:inline;fill:none;stroke:#e6e6e6;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 435.99505,42.07222 c 6.79702,0.447172 12.75258,-4.805738 12.75258,-4.805738 0,0 5.95556,5.25291 12.75258,4.805738 -0.58133,12.744387 -7.49513,20.585687 -12.75258,20.62813 -5.1879,0.04188 -12.17125,-7.883743 -12.75258,-20.62813 z"
id="path1464"
sodipodi:nodetypes="cccsc" />
</g>
</g>
<g
style="display:none"
inkscape:label="O"
id="layer4"
inkscape:groupmode="layer">
<g
transform="matrix(0.59723708,0,0,0.61952611,17.932625,20.682283)"
is="lm-picture"
id="g1552"
style="display:inline;fill:url(#linearGradient1584-5-0);fill-opacity:1">
<text
transform="translate(-7.9417588,-12.479981)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:108.382px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;white-space:pre;shape-inside:url(#rect1590-2-9);fill:url(#linearGradient1584-5-0)"
id="text1588"
xml:space="preserve"><tspan
x="44.191406"
y="127.54917"
id="tspan1242"><tspan
style="font-weight:bold;font-family:Lato;-inkscape-font-specification:'Lato Bold'"
id="tspan1240">O</tspan></tspan></text>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

307
webroot/img/moderator.svg
Unescape View File

@ -0,0 +1,307 @@ @@ -0,0 +1,307 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
sodipodi:docname="Moderator.svg"
inkscape:version="1.1.1 (c3084ef, 2021-09-22)"
id="svg1314"
version="1.1"
viewBox="0 0 132.29166 132.29167"
height="500"
width="500"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs1308">
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect2100"
effect="fillet_chamfer" />
<inkscape:path-effect
effect="fillet_chamfer"
id="path-effect2018"
is_visible="true"
lpeversion="1"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
unit="px"
method="auto"
mode="F"
radius="22"
chamfer_steps="1"
flexible="false"
use_knot_distance="true"
apply_no_radius="true"
apply_with_radius="true"
only_selected="false"
hide_knots="false" />
<linearGradient
x1="39.48497"
y1="0.047389723"
x2="39.48497"
y2="44.901764"
id="linearGradient2278"
gradientTransform="scale(0.78982873,1.2660973)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#2087e2"
stop-opacity="1"
id="stop2026" />
<stop
offset="1"
stop-color="#b63fff"
stop-opacity="1"
id="stop2028" />
</linearGradient>
<inkscape:path-effect
hide_knots="false"
only_selected="false"
apply_with_radius="true"
apply_no_radius="true"
use_knot_distance="true"
flexible="false"
chamfer_steps="1"
radius="22"
mode="F"
method="auto"
unit="px"
satellites_param="F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1 @ F,0,0,1,0,5.8208333,0,1"
lpeversion="1"
is_visible="true"
id="path-effect1458"
effect="fillet_chamfer" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<linearGradient
x1="0.83099705"
y1="26.975092"
x2="0.83099705"
y2="42.979877"
id="linearGradient1915"
gradientTransform="scale(0.85532098,1.1691517)"
gradientUnits="userSpaceOnUse">
<stop
offset="0"
stop-color="#FFFFFF"
stop-opacity="0.5"
id="stop2071" />
<stop
offset="1"
stop-color="#FFFFFF"
stop-opacity="0.2"
id="stop2073" />
</linearGradient>
<rect
id="rect1590"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect1281"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<linearGradient
inkscape:collect="always"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
id="linearGradient1584-5"
gradientUnits="userSpaceOnUse"
x1="37.088039"
y1="71.171745"
x2="132.77428"
y2="71.171745" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect1590-2" />
<rect
x="44.191872"
y="26.752991"
width="136.01654"
height="155.13683"
id="rect2032" />
<linearGradient
y2="49.976803"
x2="308.71417"
y1="49.976803"
x1="276.92184"
gradientTransform="translate(155.92963)"
gradientUnits="userSpaceOnUse"
id="linearGradient1586"
xlink:href="#linearGradient2278"
inkscape:collect="always" />
<linearGradient
y2="71.171745"
x2="132.77428"
y1="71.171745"
x1="37.088039"
gradientUnits="userSpaceOnUse"
id="linearGradient1584-5-0"
xlink:href="#RESERVED_FOR_INKSCAPE_DUPLICATE_DEF_000000000"
inkscape:collect="always" />
<rect
id="rect1590-2-9"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
<rect
id="rect2130"
height="155.13683"
width="136.01654"
y="26.752991"
x="44.191872" />
</defs>
<sodipodi:namedview
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="1280"
inkscape:window-height="1035"
inkscape:window-width="1920"
inkscape:guide-bbox="true"
showguides="false"
units="px"
showgrid="false"
inkscape:document-rotation="0"
inkscape:current-layer="layer5"
inkscape:document-units="mm"
inkscape:cy="275.39496"
inkscape:cx="289.69027"
inkscape:zoom="1.1892011"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base"
inkscape:pagecheckerboard="0">
<sodipodi:guide
id="guide2200"
orientation="1,0"
position="44.558367,13.027415" />
<sodipodi:guide
id="guide2202"
orientation="1,0"
position="88.02151,12.912128" />
</sodipodi:namedview>
<metadata
id="metadata1311">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
style="display:inline"
inkscape:label="Background"
id="layer2"
inkscape:groupmode="layer">
<path
d="m 438.6723,34.080635 h 20.15068 a 5.8208333,5.8208333 45 0 1 5.82083,5.820833 v 20.150671 a 5.8208333,5.8208333 135 0 1 -5.82083,5.820833 H 438.6723 a 5.8208333,5.8208333 45 0 1 -5.82083,-5.820833 V 39.901468 a 5.8208333,5.8208333 135 0 1 5.82083,-5.820833 z"
transform="matrix(4.161118,0,0,4.1611169,-1801.146,-141.81351)"
inkscape:path-effect="#path-effect2100"
style="display:inline;fill:url(#linearGradient1586);fill-opacity:1;stroke:none;stroke-width:0.207662;stroke-opacity:1"
id="path1456"
width="31.792337"
height="31.792337"
x="432.85147"
y="34.080635"
sodipodi:type="rect" />
</g>
<g
style="display:inline"
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Icon">
<g
style="display:inline"
inkscape:label="Shadow"
id="layer6"
inkscape:groupmode="layer">
<path
transform="matrix(4.161118,0,0,4.1611169,-1801.146,-141.81351)"
sodipodi:nodetypes="cccsscc"
d="m 461.95662,41.182335 c -1.66521,11.401742 -7.22749,25.141864 -18.65902,19.147316 l 6.20739,5.54333 h 9.31778 c 3.21477,0 5.82083,-2.606077 5.82083,-5.820833 V 43.901195 Z"
style="display:inline;fill:#1d1535;fill-opacity:0.334677;stroke:none;stroke-width:0.207662;stroke-opacity:1"
id="path1460" />
</g>
<g
style="display:inline"
inkscape:label="Reflection"
id="layer5"
inkscape:groupmode="layer">
<path
transform="matrix(4.161118,0,0,4.1611169,-1801.146,-141.81351)"
sodipodi:nodetypes="cszc"
id="path1462"
d="m 448.89883,37.266483 c 0,0 -1.71315,13.938348 -0.15119,23.866856 1.57746,10.027015 -19.60255,-17.878401 -11.92465,-19.034107 7.67789,-1.155706 12.07584,-4.832749 12.07584,-4.832749 z"
style="display:inline;fill:#e2e8f0;fill-opacity:0.306452;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
<g
style="display:inline"
inkscape:label="Outline"
id="layer3"
inkscape:groupmode="layer">
<path
transform="matrix(4.161118,0,0,4.1611169,-1801.146,-141.81351)"
style="display:inline;fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 435.99505,42.07222 c 6.79702,0.447172 12.75258,-4.805738 12.75258,-4.805738 0,0 5.95556,5.25291 12.75258,4.805738 -0.58133,12.744387 -7.49513,20.585687 -12.75258,20.62813 -5.1879,0.04188 -12.17125,-7.883743 -12.75258,-20.62813 z"
id="path1464"
sodipodi:nodetypes="cccsc" />
</g>
<g
style="display:none"
inkscape:label="O"
id="layer4"
inkscape:groupmode="layer">
<g
transform="matrix(0.59723708,0,0,0.61952611,17.932625,20.682283)"
is="lm-picture"
id="g1552"
style="display:inline;fill:url(#linearGradient1584-5-0);fill-opacity:1">
<text
transform="translate(-7.9417588,-12.479981)"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:108.382px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:sans-serif;white-space:pre;shape-inside:url(#rect1590-2-9);fill:url(#linearGradient1584-5-0)"
id="text1588"
xml:space="preserve"><tspan
x="44.191406"
y="127.54917"
id="tspan91"><tspan
style="font-weight:bold;font-family:Lato;-inkscape-font-specification:'Lato Bold'"
id="tspan89">O</tspan></tspan></text>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

9
webroot/js/components/chat/message.js
Unescape View File

@ -17,7 +17,7 @@ function SystemMessage(props) { @@ -17,7 +17,7 @@ function SystemMessage(props) {
class="message-content flex flex-row items-center justify-center text-sm w-full"
>
<div
class="text-white text-center opacity-50 overflow-hidden break-words"
class="text-gray-300 text-center opacity-90 overflow-hidden break-words"
>
${contents}
</div>
@ -57,9 +57,10 @@ export default function Message(props) { @@ -57,9 +57,10 @@ export default function Message(props) {
// moderator message
const isModerator = checkIsModerator(message);
if (isModerator) {
const contents = html`<span class="font-bold moderator-flag"
>You are now a moderator.</span
>`;
const contents = html`<div class="rounded-lg bg-gray-700 p-3">
<img src="/img/moderator.svg" class="moderator-flag" />You are now a
moderator.
</div>`;
return html`<${SystemMessage} contents=${contents} />`;
}
} else {

18
webroot/js/components/chat/moderator-actions.js
Unescape View File

@ -5,10 +5,10 @@ import { URL_BAN_USER, URL_HIDE_MESSAGE } from '../../utils/constants.js'; @@ -5,10 +5,10 @@ import { URL_BAN_USER, URL_HIDE_MESSAGE } from '../../utils/constants.js';
const html = htm.bind(h);
const HIDE_MESSAGE_ICON = '🐵';
const HIDE_MESSAGE_ICON_HOVER = '🙈';
const BAN_USER_ICON = '👤';
const BAN_USER_ICON_HOVER = '🚫';
const HIDE_MESSAGE_ICON = `/img/hide-message-grey.svg`;
const HIDE_MESSAGE_ICON_HOVER = '/img/hide-message.svg';
const BAN_USER_ICON = '/img/ban-user-grey.svg';
const BAN_USER_ICON_HOVER = '/img/ban-user.svg';
export default class ModeratorActions extends Component {
constructor(props) {
@ -190,7 +190,7 @@ class ModeratorMenu extends Component { @@ -190,7 +190,7 @@ class ModeratorMenu extends Component {
</li>
<li>
<${ModeratorMenuItem}
icon=${html`<img src="/img/menu.svg" alt="" />`}
icon="/img/menu.svg"
label="More Info"
onClick=${this.handleToggleMoreInfo}
/>
@ -218,12 +218,12 @@ function ModeratorMenuItem({ icon, hoverIcon, label, onClick }) { @@ -218,12 +218,12 @@ function ModeratorMenuItem({ icon, hoverIcon, label, onClick }) {
${icon &&
html`<span
className="moderator-menu-icon menu-icon-base inline-block align-bottom mr-4"
>${icon}</span
>`}
><img src="${icon}"
/></span>`}
<span
className="moderator-menu-icon menu-icon-hover inline-block align-bottom mr-4"
>${hoverIcon || icon}</span
>
><img src="${hoverIcon || icon}"
/></span>
${label}
</button>
`;

5
webroot/js/components/chat/username.js
Unescape View File

@ -105,7 +105,10 @@ export default class UsernameForm extends Component { @@ -105,7 +105,10 @@ export default class UsernameForm extends Component {
id="username-display"
class="text-indigo-600 text-xs font-semibold truncate overflow-hidden whitespace-no-wrap ${isModerator &&
'moderator-flag'}"
>${username}</span
><img
src="/img/moderator.svg"
class="moderator-flag rounded-lg"
/>${username}</span
>
</div>

7
webroot/styles/chat.css
Unescape View File

@ -194,11 +194,12 @@ @@ -194,11 +194,12 @@
/* MODERATOR STYLES */
/* MODERATOR STYLES */
.moderator-flag:before {
content: '👑'; /* this can be a path to an svg */
.moderator-flag {
display: inline-block;
margin-right: .5rem;
vertical-align: bottom;
margin-top: -1px;
vertical-align: middle;
height: 1.5rem;
}
.moderator-actions-group {

Write Preview
Loading…
Cancel
Save