@baravak/risloo-profile-cli 4.46.3 → 4.75.0

package/views/profiles/NEO_main.hbs

@@ -0,0 +1,152 @@
+<defs>
+  <linearGradient id="neoMainGradient" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="{{colors.light}}"/>
+    <stop offset="1" stop-color="{{colors.dark}}"/>
+  </linearGradient>
+  <clipPath id="neoMainBarClip">
+    {{bar 500 24 (object tl=0 bl=0 tr=4 br=4) (toRad 0)}}
+  </clipPath>
+  <linearGradient id="neoRedTab" x1="0" y1="23" x2="190" y2="23" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#FFF1F2"/>
+    <stop offset="1" stop-color="#FFE4E6"/>
+  </linearGradient>
+  <linearGradient id="neoRedArrow" x1="595" y1="651" x2="580" y2="651" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#FFF1F2"/>
+    <stop offset="1" stop-color="#FECDD3"/>
+  </linearGradient>
+  <linearGradient id="neoYellowTab" x1="0" y1="23" x2="190" y2="23" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#FEFCE8"/>
+    <stop offset="1" stop-color="#FEF9C3"/>
+  </linearGradient>
+  <linearGradient id="neoYellowArrow" x1="595" y1="597" x2="580" y2="597" gradientUnits="userSpaceOnUse">
+    <stop stop-color="#FEFCE8"/>
+    <stop offset="1" stop-color="#FEF08A"/>
+  </linearGradient>
+  <clipPath id="neoRedBoxClip"><rect y="628" width="800" height="46" rx="8"/></clipPath>
+  <clipPath id="neoYellowBoxClip"><rect y="574" width="800" height="46" rx="8"/></clipPath>
+  <filter id="neoMainSplit" x="{{math barX '-' 3}}" y="26" width="7" height="294" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+</defs>
+
+<g transform="translate({{padding.x}}, {{padding.y}})">
+  <g transform="translate({{frameX}}, 128)">
+    {{#if tAxis}}
+      <line x1="{{math barX '+' 19.5}}" y1="29.5" x2="{{math barX '+' 19.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 139.5}}" y1="29.5" x2="{{math barX '+' 139.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 219.5}}" y1="29.5" x2="{{math barX '+' 219.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 299.5}}" y1="29.5" x2="{{math barX '+' 299.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 379.5}}" y1="29.5" x2="{{math barX '+' 379.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 499.5}}" y1="29.5" x2="{{math barX '+' 499.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+      <text x="{{math barX '+' 19.5}}" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">20</text>
+      <text x="{{math barX '+' 139.5}}" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">35</text>
+      <text x="{{math barX '+' 219.5}}" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">45</text>
+      <text x="{{math barX '+' 299.5}}" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">55</text>
+      <text x="{{math barX '+' 379.5}}" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">65</text>
+      <text x="{{math barX '+' 499.5}}" y="9" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">80</text>
+
+      <text x="{{math barX '+' 79.5}}" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بسیار پایین</text>
+      <text x="{{math barX '+' 179.5}}" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">پایین</text>
+      <text x="{{math barX '+' 259.5}}" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">طبیعی</text>
+      <text x="{{math barX '+' 339.5}}" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بالا</text>
+      <text x="{{math barX '+' 439.5}}" y="23" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">بسیار بالا</text>
+    {{else}}
+      <line x1="{{math barX '+' 124.5}}" y1="29.5" x2="{{math barX '+' 124.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 249.5}}" y1="29.5" x2="{{math barX '+' 249.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 374.5}}" y1="29.5" x2="{{math barX '+' 374.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+      <line x1="{{math barX '+' 499.5}}" y1="29.5" x2="{{math barX '+' 499.5}}" y2="316.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+      <text x="{{math barX '-' 0.5}}" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">0</text>
+      <text x="{{math barX '+' 249.5}}" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">50 ٪</text>
+      <text x="{{math barX '+' 499.5}}" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="start">100 ٪</text>
+    {{/if}}
+
+    <text x="{{rawCenter}}" y="9" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">نمره خام</text>
+    <text x="{{rawCenter}}" y="23" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">از {{rawMax}}</text>
+
+    {{#each items as |item index|}}
+      <g transform="translate(0, {{math index '*' 56}})">
+        <g transform="translate({{../barX}}, 49)">
+          {{bar 500 24 (object tl=0 bl=0 tr=4 br=4) (toRad 0) fill='#E2E8F0' fill-opacity='0.5'}}
+          {{bar item.barW 24 (object tl=0 bl=0 tr=4 br=4) (toRad 0) fill='url(#neoMainGradient)' clip-path='url(#neoMainBarClip)'}}
+          {{#if ../tAxis}}
+            <text x="{{math item.barW '+' (ternary item.inside -6 6)}}" y="12" dy=".3em" font-size="14" font-weight="500" fill="{{ternary item.inside 'white' ../colors.dark}}" text-anchor="{{ternary item.inside 'start' 'end'}}">{{item.score}}</text>
+          {{else}}
+            <text x="{{math item.barW '+' (ternary item.inside -6 6)}}" y="12" dy=".3em" font-size="14" font-weight="500" fill="{{ternary item.inside 'white' ../colors.dark}}" text-anchor="{{ternary item.inside 'start' 'end'}}">{{item.percentage}} ٪</text>
+          {{/if}}
+        </g>
+
+        <rect x="{{../rawX}}" y="49.5" width="35" height="23" rx="3.5" stroke="{{../colors.accent}}" fill="none"/>
+        <text x="{{../rawCenter}}" y="61" dy=".3em" font-size="14" font-weight="500" fill="{{../colors.accent}}" text-anchor="middle">{{item.mark}}</text>
+
+        <text x="{{math ../barX '-' 36}}" y="61" dy=".3em" font-size="13" font-weight="400" fill="#475569" text-anchor="start">{{item.fa}}</text>
+        <text x="{{math ../barX '-' 27.5}}" y="61" dy=".3em" font-size="13" font-weight="400" fill="#475569" text-anchor="middle">-</text>
+        <text x="{{math ../barX '-' 14}}" y="61" dy=".3em" font-size="13" font-weight="400" fill="#475569" text-anchor="middle">{{item.letter}}</text>
+
+        {{#if ../showLevels}}
+          <text x="{{../levelX}}" y="61" dy=".3em" font-size="12" font-weight="400" fill="#64748B" text-anchor="middle">{{item.levelText}}</text>
+        {{/if}}
+      </g>
+    {{/each}}
+
+    <g opacity="0.5" filter="url(#neoMainSplit)">
+      <line x1="{{math barX '-' 0.5}}" y1="29.5" x2="{{math barX '-' 0.5}}" y2="316.5" stroke="white" stroke-linecap="round"/>
+    </g>
+  </g>
+
+  {{#if showRed}}
+    <g transform="translate({{alertX}}, 0)">
+      {{#if compactAlert}}
+        <g clip-path="url(#neoRedBoxClip)">
+          <rect y="628" width="800" height="46" rx="8" fill="#FFF1F2"/>
+          {{#each redErrors as |error|}}
+            <text x="{{math 540 '-' (math error.start '+' (math error.length '/' 2))}}" y="651" dy=".3em" font-size="13" font-weight="400" fill="#57534E" text-anchor="middle">{{error.text}}</text>
+          {{/each}}
+          <path d="M580 651L595 636L595 666L580 651Z" fill="url(#neoRedArrow)"/>
+          <rect width="190" height="46" transform="translate(610 628)" fill="url(#neoRedTab)"/>
+          <text x="691" y="651" dy=".3em" font-size="14" font-weight="500" fill="#BE123C" text-anchor="middle">آزمون نامعتبر است</text>
+          <path d="M758.5 647L764.5 655M764.5 647L758.5 655M761.5 660C763.887 660 766.176 659.052 767.864 657.364C769.552 655.676 770.5 653.387 770.5 651C770.5 648.613 769.552 646.324 767.864 644.636C766.176 642.948 763.887 642 761.5 642C759.113 642 756.824 642.948 755.136 644.636C753.448 646.324 752.5 648.613 752.5 651C752.5 653.387 753.448 655.676 755.136 657.364C756.824 659.052 759.113 660 761.5 660Z" stroke="#BE123C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+        </g>
+        <rect x="0.5" y="628.5" width="799" height="45" rx="7.5" stroke="#FECDD3" fill="none"/>
+      {{else}}
+        <g clip-path="url(#neoRedBoxClip)">
+          <rect y="628" width="800" height="46" rx="8" fill="#FFF1F2"/>
+          {{#each redErrors as |error|}}
+            <text x="{{math 540 '-' (math error.start '+' (math error.length '/' 2))}}" y="650" dy=".3em" font-size="13" font-weight="400" fill="#57534E" text-anchor="middle">{{error.text}}</text>
+            {{#unless error.last}}<circle cx="{{math 540 '-' (math error.start '+' (math error.length '+' 26))}}" cy="650" r="2" fill="#A1A1AA"/>{{/unless}}
+          {{/each}}
+          <path d="M580 651L595 636L595 666L580 651Z" fill="url(#neoRedArrow)"/>
+          <rect width="190" height="46" transform="translate(610 628)" fill="url(#neoRedTab)"/>
+          <text x="691" y="651" dy=".3em" font-size="14" font-weight="500" fill="#BE123C" text-anchor="middle">آزمون نامعتبر است</text>
+          <path d="M758.5 647L764.5 655M764.5 647L758.5 655M761.5 660C763.887 660 766.176 659.052 767.864 657.364C769.552 655.676 770.5 653.387 770.5 651C770.5 648.613 769.552 646.324 767.864 644.636C766.176 642.948 763.887 642 761.5 642C759.113 642 756.824 642.948 755.136 644.636C753.448 646.324 752.5 648.613 752.5 651C752.5 653.387 753.448 655.676 755.136 657.364C756.824 659.052 759.113 660 761.5 660Z" stroke="#BE123C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+        </g>
+        <rect x="0.5" y="628.5" width="799" height="45" rx="7.5" stroke="#FECDD3" fill="none"/>
+      {{/if}}
+    </g>
+  {{/if}}
+
+  {{#if showYellow}}
+    <g transform="translate({{alertX}}, 0)">
+      <g clip-path="url(#neoYellowBoxClip)">
+        <rect y="574" width="800" height="46" rx="8" fill="#FEFCE8"/>
+        {{#each yellowErrors as |error|}}
+          <text x="{{math 540 '-' (math error.start '+' (math error.length '/' 2))}}" y="596" dy=".3em" font-size="13" font-weight="400" fill="#57534E" text-anchor="middle">{{error.text}}</text>
+          {{#unless error.last}}<circle cx="{{math 540 '-' (math error.start '+' (math error.length '+' 26))}}" cy="596" r="2" fill="#A1A1AA"/>{{/unless}}
+        {{/each}}
+        <path d="M580 597L595 582L595 612L580 597Z" fill="url(#neoYellowArrow)"/>
+        <rect width="190" height="46" transform="translate(610 574)" fill="url(#neoYellowTab)"/>
+        <text x="691" y="597" dy=".3em" font-size="14" font-weight="500" fill="#CA8A04" text-anchor="middle">با احتیاط تفسیر شود</text>
+        <path d="M767 594.666V598.221M767 600.888H767.009M765.545 589.858L758.34 601.888C758.191 602.145 758.113 602.437 758.112 602.734C758.111 603.031 758.188 603.323 758.335 603.581C758.482 603.839 758.694 604.054 758.95 604.205C759.206 604.356 759.497 604.437 759.794 604.44H774.206C774.503 604.437 774.794 604.355 775.05 604.205C775.306 604.054 775.518 603.839 775.665 603.581C775.812 603.323 775.889 603.031 775.888 602.735C775.887 602.438 775.809 602.146 775.661 601.889L768.455 589.857C768.304 589.607 768.09 589.4 767.835 589.256C767.58 589.113 767.293 589.037 767 589.037C766.708 589.037 766.42 589.113 766.165 589.256C765.91 589.4 765.697 589.607 765.545 589.857V589.858Z" stroke="#CA8A04" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+      </g>
+      <rect x="0.5" y="574.5" width="799" height="45" rx="7.5" stroke="#FEF08A" fill="none"/>
+    </g>
+  {{/if}}
+</g>

package/views/profiles/NEO_short_facets.hbs

@@ -0,0 +1,82 @@
+<defs>
+  <linearGradient id="neoShortPrimary" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="{{colors.light}}"/>
+    <stop offset="1" stop-color="{{colors.dark}}"/>
+  </linearGradient>
+  <linearGradient id="neoShortSecondary" x1="0" y1="0" x2="1" y2="0">
+    <stop stop-color="#C7D2FE"/>
+    <stop offset="1" stop-color="#4338CA"/>
+  </linearGradient>
+  <clipPath id="neoShortBarClip">
+    {{bar 300 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0)}}
+  </clipPath>
+  <filter id="neoShortSplit" x="364" y="18" width="7" height="644" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="1"/>
+    <feGaussianBlur stdDeviation="1.5"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+  </filter>
+</defs>
+
+<g transform="translate({{padding.x}}, {{padding.y}})">
+  <text x="366.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">0</text>
+  <text x="516.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="middle">50 ٪</text>
+  <text x="666.5" y="14" font-size="12" font-weight="400" fill="#94A3B8" text-anchor="start">100 ٪</text>
+  <path d="M683 2.5V9.5M680 6.5L683 9.5L686 6.5" stroke="#64748B" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+  <text x="692" y="7" dy=".3em" font-size="12" font-weight="400" fill="#64748B" text-anchor="end">نمره خام</text>
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 126}})">
+      {{#if block.isBlue}}
+        <rect y="33" width="760" height="110" rx="8" fill="#F8FAFC"/>
+        <rect width="180" height="110" transform="translate(0 33)" fill="#F1F5F9"/>
+      {{/if}}
+
+      <text x="90" y="53" dy=".3em" font-size="12" font-weight="500" fill="#64748B" text-anchor="middle">{{block.letter}}</text>
+      <text x="90" y="73" dy=".3em" font-size="15" font-weight="500" fill="#334155" text-anchor="middle">{{block.fa}}</text>
+      <rect x="50" y="95.5" width="80" height="1" rx="0.5" fill="#E2E8F0"/>
+      <rect x="42" y="108.5" width="44" height="20" rx="4" fill="{{ternary block.isBlue ../colors.accent '#4F46E5'}}"/>
+      <text x="64" y="119" dy=".3em" font-size="14" font-weight="600" fill="white" text-anchor="middle">{{block.percentage}} ٪</text>
+      <text x="99" y="119" dy=".3em" text-anchor="end"><tspan font-size="15" font-weight="500" fill="#334155">{{block.mark}}</tspan><tspan font-size="13" font-weight="500" fill="#64748B"> از 48</tspan></text>
+
+    </g>
+  {{/each}}
+
+  <line x1="441.5" y1="21.5" x2="441.5" y2="658.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  <line x1="516.5" y1="21.5" x2="516.5" y2="658.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  <line x1="591.5" y1="21.5" x2="591.5" y2="658.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+  <line x1="666.5" y1="21.5" x2="666.5" y2="658.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 126}})">
+      {{#each block.facets as |facet facetIndex|}}
+        <g transform="translate(0, {{math facetIndex '*' 28}})">
+          <g transform="translate(367, {{ternary (boolean block.facets.length '===' 2) 66 52}})">
+            {{bar 300 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill='#E2E8F0' fill-opacity='0.5'}}
+          </g>
+          <text x="360" y="{{ternary (boolean block.facets.length '===' 2) 74 60}}" dy=".3em" font-size="13" font-weight="400" fill="#475569" text-anchor="start">{{facet.fa}}</text>
+          <text x="679" y="{{ternary (boolean block.facets.length '===' 2) 74 60}}" dy=".3em" text-anchor="start" direction="ltr"><tspan font-size="13" font-weight="500" fill="{{ternary block.isBlue ../../colors.accent '#4F46E5'}}">{{facet.mark}}</tspan><tspan dx="2" font-size="12" font-weight="300" fill="#64748B">/</tspan><tspan dx="2" font-size="12" font-weight="400" fill="#64748B">{{facet.max}}</tspan></text>
+        </g>
+      {{/each}}
+    </g>
+  {{/each}}
+
+  {{#each blocks as |block blockIndex|}}
+    <g transform="translate(0, {{math blockIndex '*' 126}})">
+      {{#each block.facets as |facet facetIndex|}}
+        <g transform="translate(367, {{math (math facetIndex '*' 28) '+' (ternary (boolean block.facets.length '===' 2) 66 52)}})">
+          {{bar facet.barW 16 (object tl=0 bl=0 tr=2 br=2) (toRad 0) fill=(ternary block.isBlue 'url(#neoShortPrimary)' 'url(#neoShortSecondary)') clip-path='url(#neoShortBarClip)'}}
+          <text x="{{math facet.barW '+' (ternary facet.inside -4 6)}}" y="8" dy=".3em" font-size="13" font-weight="500" fill="{{ternary facet.inside 'white' (ternary block.isBlue ../../colors.dark '#4338CA')}}" text-anchor="{{ternary facet.inside 'start' 'end'}}">{{facet.percentage}} ٪</text>
+        </g>
+      {{/each}}
+    </g>
+  {{/each}}
+
+  <g opacity="0.5" filter="url(#neoShortSplit)">
+    <line x1="366.5" y1="21.5" x2="366.5" y2="658.5" stroke="white" stroke-linecap="round"/>
+  </g>
+</g>

package/views/profiles/samples/BSCT93.hbs

@@ -4,7 +4,7 @@
         <stop stop-color="#FFFBEB" stop-opacity="0.25"/>
         <stop offset="1" stop-color="#FEF3C7" stop-opacity="0.5"/>
     </linearGradient>
-    <linearGradient id="totalbg" x1="0%" y1="0%" x2="0%" y2="100%">
+    <linearGradient id="totalbg" x1="9" y1="{{total.gradY1}}" x2="9" y2="{{total.gradY2}}" gradientUnits="userSpaceOnUse">
         <stop stop-color="#94A3B8"/>
         <stop offset="1" stop-color="#334155"/>
     </linearGradient>
@@ -25,16 +25,16 @@
         <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3465_114726"/>
         <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3465_114726" result="shape"/>
     </filter>
-    <filter id="totalvsp" x="0" y="0.5" width="34" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-        <feOffset dx="2"/>
-        <feGaussianBlur stdDeviation="3"/>
-        <feComposite in2="hardAlpha" operator="out"/>
-        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
-        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3465_114738"/>
-        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3465_114738" result="shape"/>
-    </filter>
+    <filter id="totalvsp" x="0" y="0" width="34" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+    <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+    <feOffset dx="2"/>
+    <feGaussianBlur stdDeviation="3"/>
+    <feComposite in2="hardAlpha" operator="out"/>
+    <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+    <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_5405_142130"/>
+    <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_5405_142130" result="shape"/>
+</filter>
 </defs>
 <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
     <g transform="translate(109, 21)">
@@ -84,15 +84,15 @@
         </g>
     </g>
     <g transform="translate(637, 1)">
-        <text x="24" y="9" text-anchor="end" font-weight="400" font-size="12" fill="#475569">٪ ۱۰۰</text>
+        <text x="23" y="9" text-anchor="start" font-weight="400" font-size="12" fill="#475569">۱۰۰ ٪</text>
         {{bar 18 230 (object tr=2 tl=2 br=0 bl=0) (toRad 0) fill="#F1F5F9" transform="translate(30, 4)"}}
         {{bar 18 (math 230 '*' total.p) (object tr=2 tl=2 br=0 bl=0) (toRad 0) fill="url(#totalbg)" transform=total.transform}}
-        <g transform="translate(29, 235.5)" opacity="0.5" filter="url(#totalvsp)">
-            <line x1="0" y1="0" x2="20" y2="0" stroke="white" stroke-width="2" stroke-linecap="round"/>
+        <g transform="translate(24, 228)" opacity="0.5" filter="url(#totalvsp)">
+            <path d="M5 7H25" stroke="white" stroke-width="2" stroke-linecap="round"/>
         </g>
-        <text x="56" y="{{math 234 '-' (math 230 '*' total.p)}}" font-weight="600" font-size="18" dy="0" fill="#334155">{{total.percentage}} ٪</text>
-        <text x="56" y="{{math 234 '-' (math 230 '*' total.p)}}" font-weight="400" font-size="12" dy="1.5em" fill="#64748B">{{total.mark}} از {{total.label.max}}</text>
-        <text font-weight="400" font-size="12" fill="#475569" transform="rotate(-90,0,0) translate(-218,9)">نمره کل</text>
+        <text x="56" y="{{math 234 '-' (math 230 '*' total.p)}}" font-weight="600" font-size="18" dy="0" fill="#334155" text-anchor="end">{{total.percentage}} ٪</text>
+        <text x="56" y="{{math 234 '-' (math 230 '*' total.p)}}" font-weight="400" font-size="12" dy="14" fill="#64748B" text-anchor="end">{{total.mark}} از {{total.label.max}}</text>
+        <text font-weight="400" font-size="12" fill="#475569" transform="rotate(-90,0,0) translate(-200,20)">نمره کل</text>
     </g>
 </g>
 

package/views/profiles/samples/BSSI93.hbs

@@ -0,0 +1,102 @@
+{{#> layout}}
+
+  <defs>
+    {{! Per-bar gradient: light pink at the bottom → magenta at the tip }}
+    <linearGradient id="barGrad" x1="0" y1="1" x2="0" y2="0">
+      <stop stop-color="#F9A8D4"/>
+      <stop offset="1" stop-color="#BE185D"/>
+    </linearGradient>
+
+    {{! Ring-gauge gradient (coords are local to the gauge centre) }}
+    <linearGradient id="gaugeGrad" x1="70" y1="-69.23" x2="-58.83" y2="125.6" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#94A3B8"/>
+      <stop offset="0.5" stop-color="#475569"/>
+      <stop offset="1" stop-color="#475569"/>
+    </linearGradient>
+
+    <clipPath id="gauge-roll">
+      {{gauge 70 49 (object tl=6 tr=6 bl=6 br=6) (object start=(toRad -90) end=(toRad 180)) false}}
+    </clipPath>
+
+    {{! Drop shadow for the white baseline (offset up, soft blur) }}
+    <filter id="baseShadow" x="26" y="323" width="386" height="7" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+      <feOffset dy="-1"/>
+      <feGaussianBlur stdDeviation="1.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1" result="shape"/>
+    </filter>
+  </defs>
+
+  <g transform="translate({{spec.profile.padding.x}}, {{spec.profile.padding.y}})">
+
+    {{! ===================== Vertical bar chart ===================== }}
+
+    {{! Background tracks }}
+    {{#each factors as |factor|}}
+      <g transform="translate({{factor.trackLeft}}, 27)">
+        {{bar 28 300 (object tl=4 tr=4 bl=0 br=0) (toRad 0) fill="#F8FAFC"}}
+      </g>
+    {{/each}}
+
+    {{! Gridlines (25/50/75/100 %) + labelled axis at 100 % and 50 % }}
+    <line x1="69.5" y1="27.5" x2="408.5" y2="27.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="69.5" y1="102.5" x2="408.5" y2="102.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="69.5" y1="177.5" x2="408.5" y2="177.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <line x1="69.5" y1="252.5" x2="408.5" y2="252.5" stroke="#E2E8F0" stroke-linecap="round" stroke-dasharray="6 6"/>
+    <text x="53" y="27.5" text-anchor="end" dy=".35em" font-size="12" fill="#94A3B8" direction="ltr">٪ 100</text>
+    <text x="53" y="177.5" text-anchor="end" dy=".35em" font-size="12" fill="#94A3B8" direction="ltr">٪ 50</text>
+
+    {{! Value bars + inside/outside percentage label }}
+    {{#each factors as |factor|}}
+      {{#if factor.barH}}
+      <g transform="translate({{factor.trackLeft}}, {{factor.topY}})">
+        {{bar 28 factor.barH (object tl=4 tr=4 bl=0 br=0) (toRad 0) fill="url(#barGrad)"}}
+      </g>
+      {{/if}}
+      {{#if (boolean factor.pct '>=' 25)}}
+        <text transform="rotate(-90 {{factor.cx}} {{math factor.topY '+' 22}})" x="{{factor.cx}}" y="{{math factor.topY '+' 22}}" text-anchor="middle" dy=".32em" font-size="16" font-weight="600" fill="white">{{factor.pct}} ٪</text>
+      {{else}}
+        <text transform="rotate(-90 {{factor.cx}} {{math factor.topY '-' 15}})" x="{{math factor.cx '+' 8}}" y="{{math factor.topY '-' 15}}" text-anchor="middle" dy=".32em" font-size="16" font-weight="600" fill="#BE185D">{{factor.pct}} ٪</text>
+      {{/if}}
+    {{/each}}
+
+    {{! Domain names under each bar }}
+    {{#each factors as |factor|}}
+      {{#each factor.lines as |line lineIndex|}}
+        <text x="{{factor.cx}}" y="{{math 352 '+' (math 18 '*' lineIndex)}}" text-anchor="middle" font-size="14" fill="#334155">{{line}}</text>
+      {{/each}}
+    {{/each}}
+
+    {{! White shadowed baseline (0 %), drawn on top of the bars }}
+    <g opacity="0.5" filter="url(#baseShadow)">
+      <line x1="29.5" y1="327.5" x2="408.5" y2="327.5" stroke="white" stroke-linecap="round"/>
+    </g>
+
+    {{! ===== "raw score" header row: legend + per-bar raw/max fractions ===== }}
+    <text x="38" y="9" text-anchor="start" dy=".3em" font-size="12" fill="#94A3B8">نمره خام</text>
+    <path d="M45.5 8L52.5 8M49.5 11L52.5 8L49.5 5" stroke="#94A3B8" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
+    {{#each factors as |factor|}}
+      <text x="{{factor.cx}}" y="9" text-anchor="middle" dy=".3em" direction="ltr"><tspan font-weight="700" font-size="16" fill="#BE185D">{{factor.mark}}</tspan><tspan font-weight="300" font-size="12" fill="#64748B"> / </tspan><tspan font-weight="400" font-size="13" fill="#64748B">{{factor.max}}</tspan></text>
+    {{/each}}
+
+    {{! ===================== Total score ring gauge ===================== }}
+    <g transform="translate(220.5, 498)">
+      {{gauge 70 49 (object tl=6 tr=6 bl=6 br=6) (object start=(toRad -90) end=(toRad 180)) false clip-path="url(#gauge-roll)" fill="#F1F5F9"}}
+      {{#if total.mark}}{{gauge 70 49 (object tl=6 tr=6 bl=6 br=6) (object start=(toRad -90) end=total.zeta) false clip-path="url(#gauge-roll)" fill="url(#gaugeGrad)"}}{{/if}}
+
+      <text x="0" y="-2" text-anchor="middle" font-size="24" font-weight="600" fill="#334155" direction="ltr">٪ {{total.pct}}</text>
+      <text x="0" y="26" text-anchor="middle" font-size="15" font-weight="500" fill="#64748B">{{total.mark}} از {{total.max}}</text>
+
+      <text x="-52" y="-6" text-anchor="middle" font-size="14" fill="#64748B" direction="ltr">٪ 100</text>
+      <text x="-11" y="-56" text-anchor="middle" font-size="14" fill="#64748B">0</text>
+
+      <text x="0" y="104" text-anchor="middle" font-size="16" font-weight="500" fill="#475569">نمره کل</text>
+    </g>
+
+  </g>
+
+{{/layout}}