cards - add years to albums + minor tweaks

- adjust styling of the play button - adjust text size on library cards

cards - add years to albums + minor tweaks
- adjust styling of the play button - adjust text size on library cards
33fa4a8f · Mathieu Jourdan · b246631f · b246631f · 33fa4a8f · b246631f
Commit 33fa4a8f authored Mar 24, 2021 by Mathieu Jourdan
--- a/browser/cards-libraries-2.png
+++ b/browser/cards-libraries-2.png
--- a/browser/cards.png
+++ b/browser/cards.png
--- a/src/cards.svg
+++ b/src/cards.svg
@@ -14,7 +14,7 @@
   viewBox="0 0 210 297"
   version="1.1"
   id="svg8"
-   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
   sodipodi:docname="cards.svg"
   inkscape:export-filename="/home/thamieu/git/funkwhale-design/browser/cards.png"
   inkscape:export-xdpi="90"
@@ -169,32 +169,6 @@
         stdDeviation="0.79028439"
         id="feGaussianBlur1793" />
    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter1795"
-       x="-0.108"
-       width="1.216"
-       y="-0.108"
-       height="1.216">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.32004002"
-         id="feGaussianBlur1797" />
-    </filter>
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter1799"
-       x="-0.108"
-       width="1.216"
-       y="-0.108"
-       height="1.216">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="0.52387499"
-         id="feGaussianBlur1801" />
-    </filter>
    <mask
       maskUnits="userSpaceOnUse"
       id="mask2727-0">
@@ -1872,17 +1846,17 @@
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
-     inkscape:zoom="1.2703904"
-     inkscape:cx="276.91342"
-     inkscape:cy="3471.3"
+     inkscape:zoom="0.45742512"
+     inkscape:cx="-75.876702"
+     inkscape:cy="-416.11524"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
-     inkscape:window-width="1767"
-     inkscape:window-height="974"
-     inkscape:window-x="26"
-     inkscape:window-y="23"
-     inkscape:window-maximized="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
     showguides="false"
     inkscape:document-rotation="0" />
  <metadata
@@ -2014,7 +1988,7 @@
         id="tspan853-7"
         x="67.014725"
         y="130.87045"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.58611px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#999999;stroke-width:0.264583">13 tracks</tspan></text>
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.58611px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#999999;stroke-width:0.264583">2008 ⋅ 13 tracks </tspan></text>
    <circle
       style="opacity:1;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.29710501;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
       id="path901"
@@ -4707,9 +4681,9 @@
         id="text1148-5"
         y="921.75806"
         x="19.840639"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055557px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
         xml:space="preserve"><tspan
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583;font-size:3.88055557px;"
           y="921.75806"
           x="19.840639"
           id="tspan1146-6"
@@ -4746,10 +4720,10 @@
       id="text6807-7"
       y="927.80591"
       x="65.971901"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.8805556px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;"
       xml:space="preserve"
       transform="scale(1.0065449,0.99349764)"><tspan
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;text-anchor:middle;fill:#ffffff;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;text-anchor:middle;fill:#ffffff;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;font-size:3.8805556px;"
         y="927.80591"
         x="65.971901"
         id="tspan6805-9"
@@ -4798,7 +4772,7 @@
         cy="907.91986"
         cx="85.338974"
         id="circle6855-2"
-         style="fill:none;fill-opacity:1;stroke:#cccccc;stroke-width:0.264583;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+         style="fill:#cccccc;fill-opacity:1;stroke:#cccccc;stroke-width:0.264583;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;opacity:0.50145702" />
      <image
         style="fill:#ffffff;filter:url(#filter2269)"
         id="image6604"
@@ -5478,7 +5452,7 @@
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke-width:0.264583">Demo Library</tspan></text>
    <text
       xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055557px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
       x="10.95566"
       y="899.44373"
       id="text3117-1-6"
@@ -5487,9 +5461,12 @@
       inkscape:export-ydpi="90"
       transform="translate(-1e-6,197.6505)"><tspan
         x="10.95566"
-         y="899.44373"><tspan>Concision is better, so it is possible </tspan></tspan><tspan
+         y="899.44373"><tspan
+           style="font-size:3.88056px">Concision is better, so it is possible </tspan><tspan
+           style="font-size:3.88056px">to </tspan></tspan><tspan
         x="10.95566"
-         y="905.79368"><tspan>to show up to 2 lines of description</tspan></tspan></text>
+         y="905.26458"><tspan
+           style="font-size:3.88056px">show up to 2 lines of description</tspan></tspan></text>
    <path
       style="fill:none;stroke:#cccccc;stroke-width:0.249623;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 6.637398,1109.3993 c 85.725011,0 85.725011,0 85.725011,0"
@@ -5528,9 +5505,9 @@
       id="text1148-5-3"
       y="1116.2335"
       x="18.782513"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055557px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
       xml:space="preserve"><tspan
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583;font-size:3.88055557px;"
         y="1116.2335"
         x="18.782513"
         id="tspan1146-6-9"
@@ -5550,7 +5527,7 @@
    <text
       transform="scale(1.0065449,0.99349765)"
       xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055558px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;"
       x="66.179329"
       y="1123.5543"
       id="text6807-7-1"
@@ -5561,7 +5538,7 @@
         id="tspan6805-9-2"
         x="66.179329"
         y="1123.5543"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;text-anchor:middle;fill:#ffffff;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">Cancel</tspan></text>
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:center;text-anchor:middle;fill:#ffffff;stroke:none;stroke-width:0.258657;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;font-size:3.88055558px;">Cancel</tspan></text>
    <g
       transform="translate(-1.058334,194.47548)"
       id="g6637-9">
@@ -5615,14 +5592,15 @@
       id="text35025"
       y="899.44373"
       x="10.95566"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055557px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
       xml:space="preserve"><tspan
         x="10.95566"
         y="899.44373"><tspan
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333px;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke-width:0.264583">Concision is better, so it is possible </tspan></tspan><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88056px;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke-width:0.264583">Concision is better, so it is possible </tspan><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88056px;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke-width:0.264583">to </tspan></tspan><tspan
         x="10.95566"
-         y="905.79368"><tspan
-           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333px;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke-width:0.264583">to show up to 2 lines of description</tspan></tspan></text>
+         y="905.26458"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88056px;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke-width:0.264583">show up to 2 lines of description</tspan></tspan></text>
    <path
       inkscape:export-ydpi="90"
       inkscape:export-xdpi="90"
@@ -5656,7 +5634,7 @@
    </g>
    <text
       xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055557px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
       x="18.782513"
       y="1166.5051"
       id="text35037"
@@ -5667,7 +5645,7 @@
         id="tspan35035"
         x="18.782513"
         y="1166.5051"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583">Something went wrong</tspan></text>
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583;font-size:3.88055557px;">Something went wrong</tspan></text>
    <g
       id="g35049"
       transform="translate(-1.058334,244.74663)">
@@ -5790,7 +5768,7 @@
         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:5.64444px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';text-align:start;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke-width:0.264583">All Electric Six</tspan></text>
    <text
       xml:space="preserve"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333334px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
       x="10.95566"
       y="899.44373"
       id="text3117-1-5"
@@ -5799,10 +5777,12 @@
       inkscape:export-ydpi="90"
       transform="translate(0,324.92948)"><tspan
         x="10.95566"
-         y="899.44373"><tspan>Fire in the disco!
+         y="899.44373"><tspan
+           style="font-size:4.23333px">Fire in the disco!
 </tspan></tspan><tspan
         x="10.95566"
-         y="905.79368"><tspan>Fire in the… Taco Bell!</tspan></tspan></text>
+         y="905.79368"><tspan
+           style="font-size:4.23333px">Fire in the… Taco Bell!</tspan></tspan></text>
    <path
       style="fill:none;stroke:#cccccc;stroke-width:0.249623;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="m 6.637398,1236.6773 c 85.725009,0 85.725009,0 85.725009,0"
@@ -5841,9 +5821,9 @@
       id="text1148-5-4"
       y="1243.5123"
       x="18.782513"
-       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055557px;line-height:1.25;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
       xml:space="preserve"><tspan
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.70417px;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-family:'Nimbus Sans';-inkscape-font-specification:'Nimbus Sans';fill:#ffffff;stroke-width:0.264583;font-size:3.88055557px;"
         y="1243.5123"
         x="18.782513"
         id="tspan1146-6-8"
@@ -6409,7 +6389,7 @@
       x="125.6711"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93889px;line-height:1.25;font-family:'Liberation Serif';-inkscape-font-specification:'Liberation Serif';letter-spacing:0px;word-spacing:0px;white-space:pre;inline-size:74.0461;fill:#4183c4;fill-opacity:1;stroke:none;stroke-width:0.264583"
       xml:space="preserve"
-       transform="translate(0,10.67153)"><tspan
+       transform="translate(0,0.08819576)"><tspan
         x="125.6711"
         y="196.57428"><tspan
           style="fill:#4183c4;fill-opacity:1;stroke-width:0.264583">mosaic of album arts, using different </tspan></tspan><tspan
@@ -6447,15 +6427,6 @@
       width="55.298546"
       id="rect29-2"
       style="fill:#ffffff;fill-opacity:1;stroke:#cccccc;stroke-width:0.263955;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
-    <circle
-       inkscape:export-ydpi="90"
-       inkscape:export-xdpi="90"
-       inkscape:export-filename="/home/thamieu/git/funkwhale-design/browser/cards.png"
-       r="3.5560002"
-       cy="267.09955"
-       cx="111.62857"
-       id="circle1745"
-       style="opacity:0.5;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter1795)" />
    <path
       inkscape:export-ydpi="90"
       inkscape:export-xdpi="90"
@@ -6543,23 +6514,14 @@
         y="215.52518" />
    </g>
    <circle
-       inkscape:export-ydpi="90"
-       inkscape:export-xdpi="90"
-       inkscape:export-filename="/home/thamieu/git/funkwhale-design/browser/cards.png"
-       r="5.8208332"
-       cy="235.94464"
-       cx="111.62857"
-       id="path901-3-5-6"
-       style="opacity:0.5;fill:#4d4d4d;fill-opacity:1;stroke:none;stroke-width:0.297105;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;filter:url(#filter1799)" />
-    <circle
-       style="fill:#ffffff;fill-opacity:1;stroke:#999999;stroke-width:0.297105;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+       style="opacity:0.8;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.297105;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
       id="path901-3-5"
       cx="111.62857"
       cy="235.41548"
-       r="5.8208332"
       inkscape:export-filename="/home/thamieu/git/funkwhale-design/browser/cards.png"
       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
+       inkscape:export-ydpi="90"
+       r="5.8208332" />
    <image
       style="filter:url(#filter2519)"
       id="image2455"
@@ -6571,16 +6533,8 @@
       y="232.24048" />
    <g
       transform="translate(-190.86597,-0.48471069)"
-       id="g2753">
-      <circle
-         inkscape:export-ydpi="90"
-         inkscape:export-xdpi="90"
-         inkscape:export-filename="/home/thamieu/git/funkwhale-design/browser/cards.png"
-         r="3.5560002"
-         cy="267.05508"
-         cx="302.49454"
-         id="circle2749"
-         style="fill:#ffffff;fill-opacity:1;stroke:#999999;stroke-width:0.264583;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+       id="g2753"
+       style="opacity:0.85863308">
      <image
         transform="rotate(90)"
         y="-304.61121"
@@ -6631,7 +6585,7 @@
         sodipodi:role="line"
         id="tspan2072">208 px</tspan></text>
    <text
-       transform="translate(0,66.145871)"
+       transform="translate(0,37.041686)"
       xml:space="preserve"
       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.93889px;line-height:1.25;font-family:'Liberation Serif';-inkscape-font-specification:'Liberation Serif';letter-spacing:0px;word-spacing:0px;white-space:pre;inline-size:74.0461;fill:#4183c4;fill-opacity:1;stroke:none;stroke-width:0.264583"
       x="125.6711"
@@ -6641,18 +6595,15 @@
       inkscape:export-xdpi="90"
       inkscape:export-ydpi="90"><tspan
         x="125.6711"
-         y="196.57428"><tspan>icons are placed in round buttons </tspan></tspan><tspan
-         x="125.6711"
-         y="202.74789"><tspan>with a shadow, for a slight elevation
-</tspan></tspan><tspan
+         y="196.57428"><tspan>button background is white at 80% </tspan></tspan><tspan
         x="125.6711"
-         y="208.92151"><tspan>effect.</tspan></tspan></text>
+         y="202.74789"><tspan>of opacity</tspan></tspan></text>
    <g
       transform="translate(57.679197,-3.2699564)"
       id="g2345">
      <text
         xml:space="preserve"
-         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:4.23333px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:3.88055557px;line-height:1.5;font-family:Lato;-inkscape-font-specification:Lato;text-align:start;letter-spacing:0px;word-spacing:0px;text-anchor:start;white-space:pre;inline-size:64.7105;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.264583;"
         x="10.95566"
         y="899.44373"
         id="text3117-1-6-6"
@@ -6661,96 +6612,18 @@
         inkscape:export-ydpi="90"
         transform="translate(-57.712482,6.4352955)"><tspan
           x="10.95566"
-           y="899.44373"><tspan>Concision is better, so it is possible </tspan></tspan><tspan
+           y="899.44373"><tspan
+             style="font-size:3.88056px">Concision is better, so it is possible #fbutton background
+</tspan><tspan
+             style="font-size:3.88056px">to </tspan></tspan><tspan
           x="10.95566"
-           y="905.79368"><tspan>to show up to 2 lines of description</tspan></tspan></text>
+           y="905.26458"><tspan
+             style="font-size:3.88056px">show up to 2 lines of description</tspan></tspan></text>
    </g>
    <image
       style="mix-blend-mode:overlay;stroke-width:1.00013;stroke-miterlimit:4;stroke-dasharray:none"
       id="image2469"
-       xlink:href="data:image/png;base64,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
-"
+       xlink:href="data:image/png;base64,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 "
       preserveAspectRatio="none"
       height="16.933332"
       width="14.816668"