annual-report-card.js?ver=1.0.0

js ukcdr.org.uk collected 2026-09-24 20:27:36 UTC 2,303 bytes, 48 lines download raw bytes

1class reportCard extends HTMLElement {
2  constructor() {
3    super();
4  }
5  connectedCallback() {
6    const title = this.getAttribute('title');
7    const bg_color = this.getAttribute('bg_color');
8    const link= this.getAttribute('link');
9
10    this.innerHTML = `
11      <article class="annual-report-card" >
12      <div class="annual-report-card-frame ${bg_color} ">           
13                 <svg   class="annual-report-card-frame-big-background"  width="187" height="333" viewBox="0 0 187 333" fill="none" xmlns="http://www.w3.org/2000/svg">
14<path opacity="0.1" d="M48.6575 0.453278L141.828 107.691L141.828 107.692L174.243 145L141.825 182.311L141.825 182.311L48.6552 289.546L37.755 277L136.199 163.696L152.439 145.004L136.199 126.312L37.7552 13.0005L48.6575 0.453278Z" stroke="white" stroke-width="57"/>
15</svg>
16<svg  class="annual-report-card-frame-small-background"   width="65" height="367" viewBox="0 0 65 367" fill="none" xmlns="http://www.w3.org/2000/svg">
17<path opacity="0.04" d="M-97.5711 -0.813246L12.0283 126.269L16.5719 122.351L12.0283 126.269L57.074 178.5L12.0251 230.733L-97.5742 357.813L-138.076 310.851L-27.3128 182.422L-23.9333 178.504L-27.3127 174.585L-138.076 46.1484L-97.5711 -0.813246Z" stroke="white" stroke-width="12"/>
18</svg>
19          <div class="annual-report-card-frame-heading">
20            <a href="${link}" class="ukcdr-link-wrapper">
21              <p class="annual-report-card-frame-heading-title">
22                ${title}
23              </p>
24            </a>
25          </div>
26          <a href="${link}" title="${title}" class="annual-report-card-frame-link">
27            <p class="annual-report-card-frame-link-name">Read more</p>
28            <svg
29              width="16"
30              height="17"

31              viewBox="0 0 16 17"
32              fill="none"
33              xmlns="http://www.w3.org/2000/svg"
34            >
35              <path
36                fill-rule="evenodd"
37                clip-rule="evenodd"
38                d="M8.00023 0.973969L6.62074 2.30043L12.08 7.55925H0.17334V9.44076H12.08L6.62074 14.6996L8.00023 16.026L15.8271 8.50001L8.00023 0.973969Z"
39                fill="currentColor"
40              />
41            </svg>
42          </a>
43        </div>
44  </article>
45             `;
46  }
47}
48window.customElements.define('annual-report-card', reportCard);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.