Skip to content

Commit

Permalink
Update default badge
Browse files Browse the repository at this point in the history
  • Loading branch information
@fabian
fabian committed Nov 8, 2024
1 parent 01cd598 commit 38d0023
Show file tree
Hide file tree
Showing 2 changed files with 78 additions and 77 deletions.
95 changes: 18 additions & 77 deletions src/app/badges/default/default.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,9 @@
<div style="padding: 5mm;">

<div
style="-webkit-print-color-adjust: exact !important; background-color: #4A0D66 !important; padding: 1em 0.8em 0.8em 0.8em;">
style="-webkit-print-color-adjust: exact !important; background-color: #003764 !important; padding: 0.8em;">

<div class="ws-header row">
<div class="ws-header row" style="align-items: center;">
<div class="ws-event-name col-9">
<div style="font-weight: 400;">
<div
Expand All @@ -17,73 +17,14 @@
</div>
</div>
<div class="ws-logo col-3">
<svg width="68px" height="40px" viewBox="0 0 220 129" version="1.1" xmlns="http://www.w3.org/2000/svg"
xml:space="preserve"
style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
<g>
<path
d="M52.271,126.434c-5.36,0 -8.958,-4.395 -8.958,-10.942c0,-6.547 3.598,-10.944 8.958,-10.944c5.358,0 8.959,4.397 8.959,10.944c0,6.547 -3.601,10.942 -8.959,10.942Zm0,-24.453c-9.152,0 -12.397,7.276 -12.397,13.511c0,6.232 3.245,13.509 12.397,13.509c9.151,0 12.398,-7.277 12.398,-13.509c0,-6.235 -3.247,-13.511 -12.398,-13.511Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M70.618,106.725l0,-4.232l-2.916,0l0.003,25.798l3.122,0l0,-12.745l-0.006,-0.165c0.006,-4.753 1.352,-10.434 7.767,-10.434l0.975,0.046l0.012,-0.101l0.156,-3.009l-0.363,-0.002c-4.333,0 -7.269,1.636 -8.75,4.844Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M134.06,107.522c-2.152,-0.71 -3.726,-1.121 -6.297,-1.121c-1.89,0 -4.145,0.664 -4.145,2.905c0,4.18 12.225,1.53 12.225,11.001c0,6.117 -5.614,8.564 -11.333,8.564c-2.68,0 -5.407,-0.457 -7.977,-1.12l0.419,-5.607c2.203,1.069 4.512,1.733 6.924,1.733c1.788,0 4.62,-0.664 4.62,-3.209c0,-5.146 -12.226,-1.631 -12.226,-11.107c0,-5.653 5.09,-8.153 10.599,-8.153c3.306,0 5.46,0.512 7.662,0.97l-0.471,5.144Z"
style="fill:#fff;fill-rule:nonzero;"/>
<rect x="166.803" y="102.052" width="7.034" height="26.24" style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M217.817,107.522c-2.151,-0.71 -3.725,-1.121 -6.296,-1.121c-1.892,0 -4.146,0.664 -4.146,2.905c0,4.18 12.225,1.53 12.225,11.001c0,6.117 -5.613,8.564 -11.333,8.564c-2.678,0 -5.405,-0.457 -7.977,-1.12l0.42,-5.607c2.203,1.069 4.513,1.733 6.926,1.733c1.785,0 4.619,-0.664 4.619,-3.209c0,-5.146 -12.227,-1.631 -12.227,-11.107c0,-5.653 5.09,-8.153 10.602,-8.153c3.305,0 5.454,0.512 7.659,0.97l-0.472,5.144Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M153.067,113.813l9.962,-11.761l-8.292,0l-8.394,10.497l-0.106,0l0,-24.615l-7.032,2.148l0,38.21l7.032,0l0,-12.738l0.106,0l9.027,12.738l8.919,0l-11.222,-14.479Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M101.041,126.336c-7.234,0 -8.017,-7.653 -8.017,-10.943c0,-3.292 0.783,-10.944 8.017,-10.944c5.537,0 8.017,5.495 8.017,10.944c0,5.448 -2.48,10.943 -8.017,10.943Zm11.012,-36.962l-2.995,0.917l0,15.95c-0.652,-1.091 -3.088,-4.428 -8.543,-4.36c-9.031,0.114 -10.927,7.409 -10.927,13.512c0,8.332 4.187,13.511 10.929,13.511c4.014,0 6.73,-1.479 8.541,-4.613l0,4.001l3.121,0l0,-38.957l-0.126,0.039Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path d="M85.984,89.376l-2.997,0.913l0,38.003l3.123,0l0,-38.957l-0.126,0.041Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path d="M178.373,90.082l0,38.21l7.031,0l0,-40.359l-7.031,2.149Z" style="fill:#fff;fill-rule:nonzero;"/>
<path d="M189.455,90.082l-0.004,0l0,38.21l7.034,0l0,-40.359l-7.03,2.149Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M174.384,92.257c0,-2.165 -1.756,-3.917 -3.917,-3.917c-2.161,0 -3.915,1.752 -3.915,3.917c0,2.163 1.754,3.917 3.915,3.917c2.161,0 3.917,-1.754 3.917,-3.917Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M3.352,102.493l-3.352,0l0.042,0.129c0.16,0.486 8.402,25.375 8.48,25.601l0.022,0.069l3.856,0c0,0 7.249,-22.333 7.292,-22.469l0.239,0c0.045,0.136 7.294,22.469 7.294,22.469l3.858,0l8.753,-25.799l-3.113,0c0,0 -7.354,22.334 -7.4,22.467l-0.238,0c-0.042,-0.134 -7.082,-22.467 -7.082,-22.467l-3.857,0c0,0 -7.407,22.334 -7.453,22.467l-0.237,0c-0.042,-0.137 -7.032,-22.467 -7.032,-22.467l-0.072,0Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M160.498,44.986c0,0 12.347,-2.186 16.389,-12.002c0,0 71.891,14.725 29.452,53.074c0,0 15.749,-14.828 6.953,-26.691c0,0 4.909,14.726 -14.316,24.645c0,0 41.695,-29.617 -38.478,-39.026Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M199.888,39.615c5.028,2.487 8.548,4.931 10.604,6.536c0.905,-25.738 -17.55,-40.127 -17.55,-40.127c-0.536,1.65 -2.147,3.49 -4.448,4.333c-2.301,0.844 -3.682,3.605 -3.682,3.605c9.019,7.501 13.351,16.659 15.076,25.653Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M174.979,34.807c1.089,-1.627 1.394,-2.744 1.394,-2.744c4.752,0.844 9.016,1.957 12.814,3.202c-7.877,-22.459 -22.526,-34.751 -22.526,-34.751c-0.409,1.177 -4.704,3.324 -7.619,4.603c-2.914,1.278 -2.147,6.698 -2.147,6.698c8.01,6.619 13.838,14.721 18.084,22.992Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M205.115,59.685c-0.991,11.081 -7.571,22.845 -7.571,22.845c4.646,-7.067 7.822,-13.702 9.875,-19.884c-0.576,-1.045 -1.354,-2.031 -2.304,-2.961Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M204.253,58.898c-1.084,-0.931 -2.337,-1.804 -3.726,-2.621c-1.154,11.922 -5.13,20.884 -5.13,20.884c2.3,-2.608 4.064,-6.826 4.064,-6.826c0.077,2.991 -2.378,8.897 -2.378,8.897c4.222,-6.783 6.242,-15.026 7.17,-20.334Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M179.302,82.112c-2.556,-1.377 -6.263,-2.842 -13.881,-8.742c5.766,4.341 15.394,7.115 15.394,7.115c-21.256,-10.789 -25.89,-20.57 -25.89,-20.57c-2.046,-0.066 -3.279,1.232 -4.089,1.677c-0.811,0.444 -3.021,0.406 -3.021,0.406c8.101,13.061 31.487,20.114 31.487,20.114Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M169.793,46.953c-7.062,-1.17 -12.249,-1.622 -12.249,-1.622c2.823,-0.709 5.225,-1.571 7.279,-2.509c-9.939,-7.239 -19.842,-9.021 -19.842,-9.021c0,0 -1.841,0.613 -2.097,3.682c-0.254,3.067 -2.607,3.477 -2.607,3.477c37.121,9.919 42.694,40.495 42.694,40.495c-2.531,-13.805 -7.9,-22.625 -7.9,-22.625c5.676,5.829 9.587,20.632 9.587,20.632c-1.259,-15.301 -7.604,-25.618 -14.865,-32.509Z"
style="fill:#fff;fill-rule:nonzero;"/>
<path
d="M180.901,49.165c5.345,16.489 5.446,30.449 5.446,30.449c3.955,-7.668 2.914,-25.309 2.914,-25.309c3.681,7.209 3.221,26.844 3.221,26.844c1.888,-10.318 1.961,-19.753 0.878,-28.245c-3.92,-1.502 -8.228,-2.736 -12.459,-3.739Z"
style="fill:#fff;fill-rule:nonzero;"/>
</g>
</svg>
<img src="assets/badges/default/logo.svg" width="68" height="40" alt="WorldSkills" />
</div>
</div>

</div>

<div
style="-webkit-print-color-adjust: exact !important; background-image: url('assets/badges/default/pattern.svg') !important; background-repeat: repeat-x !important; width: 100%; height: 36px; margin-bottom: 0.6em;">
style="-webkit-print-color-adjust: exact !important; background-color: #003764 !important; height: 2px; width: 100%; margin-top: 2px; margin-bottom: 0.6em;">
</div>

<div class="row">
Expand All @@ -98,36 +39,36 @@
<div class="col-7 text-center">

<div>
<div class=""><img src="{{pa.qr_code}}" class="img-responsive center-block" width="120"
style="margin-bottom: 20px;"></div>
<div class="text-center">{{pa.id}}-{{pa.random_hash}}</div>
<div class=""><img src="{{pa.qr_code}}" class="img-responsive center-block" width="160"></div>
</div>

</div>
</div>

<h3
style="-webkit-print-color-adjust: exact; margin-top: 0; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #003764 !important; font-family: 'Inria Serif', serif;">
style="-webkit-print-color-adjust: exact; margin-top: 0; margin-bottom: 0.8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #003764 !important; font-family: 'Inria Serif', serif;">
{{pa.first_name}} {{pa.last_name}}
</h3>

<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{pa.lines[0]}}</div>
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{pa.lines[1]}}</div>
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{pa.lines[2]}}</div>
<div
style="-webkit-print-color-adjust: exact; background-color: {{pa.delegate_type.color}} !important; padding: 18px 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400;">
<div style="color: {{pa.delegate_type.text_color}} !important;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700;">{{pa.lines[0]}}</div>


</div>

<div style="-webkit-print-color-adjust: exact; padding: 16px 12px; border: solid {{pa.delegate_type.color}}; border-width: 0 0 2px 0; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; margin-bottom: 1em;">
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{pa.lines[1]}}</div>
<div style="overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">{{pa.lines[2]}}</div>
</div>

<div style="overflow: hidden; max-height: 76px; margin: 0.8em 0;">
<span *ngFor="let zone of pa.zones">
<span
style="-webkit-print-color-adjust: exact; display: inline-block; padding: 6px 12px; margin-bottom: 6px; background-color: {{zone.color}} !important; color: {{zone.text_color}} !important;">{{ zone.code }}</span>
style="-webkit-print-color-adjust: exact; display: inline-block; padding: 6px 12px; margin-right: 6px; margin-bottom: 6px; background-color: {{zone.color}} !important; color: {{zone.text_color}} !important;">{{ zone.code }}</span>
</span>
</div>

<div
style="-webkit-print-color-adjust: exact; background-color: {{pa.delegate_type.color}} !important; padding: 18px 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700;">
<span
style="font-size: 16px; color: {{pa.delegate_type.text_color}} !important;">{{pa.delegate_type.name}}</span>
</div>

</div>
</div>

Expand Down
60 changes: 60 additions & 0 deletions src/assets/badges/default/logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 38d0023

Please sign in to comment.