cross-posted from: https://piefed.world/c/shit/p/1382766/finding-a-job-tier-list

SVG Code

<svg xmlns=“http://www.w3.org/2000/svg” viewBox=“0 0 800 780” width=“100%” height=“100%”> <style> .tier-text { font-family: ‘Arial Black’, Arial, sans-serif; font-weight: 900; font-size: 72px; fill: #000000; text-anchor: middle; dominant-baseline: central; } .quote-text { font-family: ‘Segoe UI’, Arial, sans-serif; font-weight: 700; font-size: 36px; fill: #000000; text-anchor: middle; dominant-baseline: central; } </style>

<defs> <clipPath id=“border-clip”> <rect x=“0” y=“0” width=“800” height=“780” rx=“16” ry=“16” /> </clipPath> </defs>

<g clip-path=“url(#border-clip)”> <!-- Base Canvas --> <rect x=“0” y=“0” width=“800” height=“780” fill=“#ffffff” />

<!-- Tier Color Backgrounds -->
<rect x="0" y="0" width="160" height="120" fill="#FF4242" />
<rect x="0" y="120" width="160" height="120" fill="#FF9833" />
<rect x="0" y="240" width="160" height="120" fill="#FFDB4C" />
<rect x="0" y="360" width="160" height="120" fill="#FDE86B" />
<rect x="0" y="480" width="160" height="120" fill="#93D64B" />
<rect x="0" y="600" width="160" height="180" fill="#B3B3B3" />

<!-- Grid Inner Lines -->
<g stroke="#000000" stroke-width="2">
  <line x1="0" y1="120" x2="800" y2="120" />
  <line x1="0" y1="240" x2="800" y2="240" />
  <line x1="0" y1="360" x2="800" y2="360" />
  <line x1="0" y1="480" x2="800" y2="480" />
  <line x1="0" y1="600" x2="800" y2="600" />
  <line x1="160" y1="0" x2="160" y2="780" />
</g>

<!-- Tier Labels (Left Column) -->
<text x="80" y="60" class="tier-text">S+</text>
<text x="80" y="180" class="tier-text">S</text>
<text x="80" y="300" class="tier-text">A</text>
<text x="80" y="420" class="tier-text">B</text>
<text x="80" y="540" class="tier-text">C</text>
<text x="80" y="690" class="tier-text">F</text>

<!-- Main Text Content (Right Column) -->
<text x="480" y="60" class="quote-text">“My dad is the guy”</text>
<text x="480" y="180" class="quote-text">“My dad knows a guy”</text>

<!-- F Tier Job Logos (Row 6) -->

<!-- Top Line of Logos -->

<!-- LinkedIn -->
<g transform="translate(190, 617)">
  <rect x="0" y="0" width="46" height="46" rx="6" fill="#0A66C2" />
  <!-- 'i' -->
  <circle cx="14" cy="14" r="3.5" fill="#ffffff" />
  <rect x="11.5" y="19" width="5" height="17" fill="#ffffff" />
  <!-- 'n' -->
  <path d="M 20 19 h 5 v 2.5 c 1 -1.5 2.5 -3 5 -3 c 4 0 6 2.5 6 7.5 v 10 h -5 v -9 c 0 -2 -1 -3 -3 -3 c -2 0 -3 1 -3 3 v 9 h -5 v -17 z" fill="#ffffff" />
</g>

<!-- Indeed -->
<text x="280" y="650" font-family="'Segoe UI', Arial, sans-serif" font-weight="900" font-size="34" fill="#2164f3" letter-spacing="-1">indeed</text>

<!-- Glassdoor -->
<g transform="translate(420, 625)">
  <!-- Glassdoor Door Icon -->
  <rect x="0" y="2" width="22" height="22" rx="4" fill="#0CAA41" />
  <rect x="5" y="7" width="12" height="17" fill="#ffffff" />
  <rect x="7" y="9" width="8" height="15" fill="#0CAA41" />
  <!-- Text -->
  <text x="28" y="22" font-family="'Segoe UI', Arial, sans-serif" font-weight="800" font-size="24" fill="#0CAA41" letter-spacing="-0.5">glassdoor</text>
</g>

<!-- ZipRecruiter -->
<g transform="translate(610, 627)">
  <!-- Magnifying Glass & Person Icon -->
  <circle cx="12" cy="12" r="10" stroke="#79C142" stroke-width="3" fill="none" />
  <line x1="19" y1="19" x2="27" y2="27" stroke="#79C142" stroke-width="4" stroke-linecap="round" />
  <circle cx="12" cy="8" r="3.5" fill="#79C142" />
  <path d="M 6 17 C 6 12 18 12 18 17 Z" fill="#79C142" />
  <!-- Text -->
  <text x="36" y="20" font-family="'Segoe UI', Arial, sans-serif" font-weight="bold" font-size="20" fill="#111111" letter-spacing="-0.5">ZipRecruiter</text>
</g>

<!-- Bottom Line of Logos -->

<!-- Monster -->
<g transform="translate(300, 715)">
  <text x="0" y="30" font-family="'Arial Black', Impact, sans-serif" font-weight="900" font-size="34" fill="#6B1C84" letter-spacing="1">MONSTER</text>
</g>

<!-- SimplyHired -->
<g transform="translate(490, 715)">
  <text x="0" y="30" font-family="'Segoe UI', Arial, sans-serif" font-weight="800" font-size="32" letter-spacing="-0.5">
    <tspan fill="#D4145A">Simply</tspan><tspan fill="#000000">Hired</tspan>
  </text>
</g>

</g>

<!-- Outer Bounding Box Border --> <rect x=“2” y=“2” width=“796” height=“776” rx=“14” ry=“14” fill=“none” stroke=“#000000” stroke-width=“4” /> </svg>

  • djmikeale@feddit.dk
    link
    fedilink
    arrow-up
    7
    ·
    4 hours ago

    Also pretty high score: “my boss got a job at a new company and convinced me to join”