smithtimmytim/brightlycolored.org

<svg
    class="star__rating"
    viewBox="0 0 128 24"
    width="100%" 
    height="100%">
{% if include.rating == 1 %}
  <title>1/5 stars</title>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--empty" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--empty" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--empty" d="M101.87,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.51,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.87,9.86Z"></path>
  <path class="star--empty" d="M127.86,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56A.48.48,0,0,1,104.5,9h7.67L115.53.34a.5.5,0,0,1,.94,0L119.83,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.86,9.86Z"></path>
{% elsif include.rating == 1.5 %}
  <title>1.5/5 stars</title>
  <path class="star--filled" d="M37.54.34,34.18,9H26.51a.48.48,0,0,0-.47.31.5.5,0,0,0,.11.56L32,15.66l-1.47,7.75a.51.51,0,0,0,.78.5L38,19.58V0A.48.48,0,0,0,37.54.34Z"></path>
  <path class="star--empty" d="M45,24a.51.51,0,0,0,.5-.58L44,15.66l5.83-5.8A.5.5,0,0,0,50,9.31.48.48,0,0,0,49.51,9H41.85L38.48.34A.48.48,0,0,0,38,0V19.58l6.72,4.33A.45.45,0,0,0,45,24Z"></path>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--empty" d="M101.86,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.5,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.83,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.86,9.86Z"></path>
  <path class="star--empty" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--empty" d="M127.87,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56.48.48,0,0,1,.47-.31h7.67L115.53.34a.5.5,0,0,1,.94,0L119.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.87,9.86Z"></path>
{% elsif include.rating == 2 %}
  <title>2/5 stars</title>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--filled" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--empty" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--empty" d="M101.87,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.51,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.87,9.86Z"></path>
  <path class="star--empty" d="M127.86,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56A.48.48,0,0,1,104.5,9h7.67L115.53.34a.5.5,0,0,1,.94,0L119.83,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.86,9.86Z"></path>
{% elsif include.rating == 2.5 %}
  <title>2.5/5 stars</title>
  <path class="star--filled" d="M63.54.34,60.18,9H52.51a.48.48,0,0,0-.47.31.5.5,0,0,0,.11.56L58,15.66l-1.47,7.75a.51.51,0,0,0,.78.5L64,19.58V0A.48.48,0,0,0,63.54.34Z"></path>
  <path class="star--empty" d="M71,24a.51.51,0,0,0,.5-.58L70,15.66l5.83-5.8A.5.5,0,0,0,76,9.31.48.48,0,0,0,75.51,9H67.84L64.48.34A.48.48,0,0,0,64,0V19.58l6.72,4.33A.45.45,0,0,0,71,24Z"></path>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--filled" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--empty" d="M101.86,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.5,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.83,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.86,9.86Z"></path>
  <path class="star--empty" d="M127.87,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56.48.48,0,0,1,.47-.31h7.67L115.53.34a.5.5,0,0,1,.94,0L119.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.87,9.86Z"></path>
{% elsif include.rating == 3 %}
  <title>3/5 stars</title>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--filled" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--filled" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--empty" d="M101.87,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.51,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.87,9.86Z"></path>
  <path class="star--empty" d="M127.86,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56A.48.48,0,0,1,104.5,9h7.67L115.53.34a.5.5,0,0,1,.94,0L119.83,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.86,9.86Z"></path>
{% elsif include.rating == 3.5 %}
  <title>3.5/5 stars</title>
  <path class="star--filled" d="M89.53.34,86.17,9H78.5a.48.48,0,0,0-.47.31.5.5,0,0,0,.11.56L84,15.66,82.5,23.41a.51.51,0,0,0,.78.5L90,19.58V0A.48.48,0,0,0,89.53.34Z"></path>
  <path class="star--empty" d="M97,24a.51.51,0,0,0,.5-.58L96,15.66l5.83-5.8a.5.5,0,0,0,.11-.56A.48.48,0,0,0,101.5,9H93.83L90.47.34A.48.48,0,0,0,90,0V19.58l6.72,4.33A.45.45,0,0,0,97,24Z"></path>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--filled" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--filled" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--empty" d="M127.87,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56.48.48,0,0,1,.47-.31h7.67L115.53.34a.5.5,0,0,1,.94,0L119.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.87,9.86Z"></path>
{% elsif include.rating == 4 %}
  <title>4/5 stars</title>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--filled" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--filled" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--filled" d="M101.87,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.51,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.87,9.86Z"></path>
  <path class="star--empty" d="M127.86,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56A.48.48,0,0,1,104.5,9h7.67L115.53.34a.5.5,0,0,1,.94,0L119.83,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.86,9.86Z"></path>
{% elsif include.rating == 4.5 %}
  <title>4.5/5 stars</title>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--filled" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--filled" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--filled" d="M101.87,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.51,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.87,9.86Z"></path>
  <path class="star--filled" d="M115.53.34,112.17,9H104.5a.48.48,0,0,0-.47.31.5.5,0,0,0,.11.56l5.83,5.8-1.47,7.75a.51.51,0,0,0,.78.5L116,19.58V0A.48.48,0,0,0,115.53.34Z"></path>
  <path class="star--empty" d="M123,24a.51.51,0,0,0,.5-.58L122,15.66l5.83-5.8a.5.5,0,0,0,.11-.56A.48.48,0,0,0,127.5,9h-7.67L116.47.34A.48.48,0,0,0,116,0V19.58l6.72,4.33A.45.45,0,0,0,123,24Z"></path>
{% elsif include.rating == 5 %}
  <title>5/5 stars</title>
  <path class="star--filled" d="M23.88,9.86,18,15.66l1.47,7.75a.51.51,0,0,1-.78.5L12,19.58,5.3,23.91a.45.45,0,0,1-.56,0,.45.45,0,0,1-.22-.5L6,15.66.16,9.86A.5.5,0,0,1,0,9.31.48.48,0,0,1,.52,9H8.18L11.54.34a.5.5,0,0,1,.94,0L15.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,23.88,9.86Z"></path>
  <path class="star--filled" d="M49.87,9.86,44,15.66l1.47,7.75a.51.51,0,0,1-.78.5L38,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L32,15.66l-5.83-5.8A.5.5,0,0,1,26,9.31.48.48,0,0,1,26.51,9h7.67L37.54.34a.5.5,0,0,1,.94,0L41.85,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,49.87,9.86Z"></path>
  <path class="star--filled" d="M75.87,9.86,70,15.66l1.47,7.75a.51.51,0,0,1-.78.5L64,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L58,15.66l-5.83-5.8A.5.5,0,0,1,52,9.31.48.48,0,0,1,52.51,9h7.67L63.54.34a.5.5,0,0,1,.94,0L67.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,75.87,9.86Z"></path>
  <path class="star--filled" d="M101.87,9.86,96,15.66l1.47,7.75a.51.51,0,0,1-.78.5L90,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L84,15.66l-5.83-5.8A.5.5,0,0,1,78,9.31.48.48,0,0,1,78.51,9h7.67L89.53.34a.5.5,0,0,1,.94,0L93.84,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,101.87,9.86Z"></path>
  <path class="star--filled" d="M127.86,9.86,122,15.66l1.47,7.75a.51.51,0,0,1-.78.5L116,19.58l-6.72,4.33a.51.51,0,0,1-.78-.5L110,15.66l-5.83-5.8a.5.5,0,0,1-.11-.56A.48.48,0,0,1,104.5,9h7.67L115.53.34a.5.5,0,0,1,.94,0L119.83,9h7.67a.48.48,0,0,1,.47.31A.5.5,0,0,1,127.86,9.86Z"></path>
{% endif %}
</svg>