diff --git a/.gitignore b/.gitignore index cad5f71..8540bc5 100644 --- a/.gitignore +++ b/.gitignore @@ -1,7 +1,7 @@ node_modules/ .DS_Store *.log -dist/ +/dist/ website/tokens.css # We ignore tokens.css in website because it's copied from root diff --git a/AGENTS.md b/AGENTS.md index 2982c8f..0f645fb 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -120,9 +120,13 @@ score is partial: no JavaScript runs server-side. renamed tokens first. - Display face: Outfit (OFL-1.1) for the popup's wordmark and verdict, and the site's headings and wordmark, through `--ij-font-display` from the identity sheet (#47). The extension - bundles `identity.css` and `fonts/outfit-latin-wght-normal.woff2`; the site loads - `dist/fonts/outfit.css` and `dist/identity/botlens.css` from jsDelivr, pinned with SRI. - Body copy stays in `--ij-font-ui`. + bundles `identity.css` and `fonts/outfit-latin-wght-normal.woff2`. Body copy stays in + `--ij-font-ui`. +- The site serves the design system from its own origin, never jsDelivr (#54, iamjarl-design's + rule since 2026-10-15): `website/assets/iamjarl-design@vX.Y.Z/` holds `ij-footer.js`, the + Outfit and identity sheets and the font, copied from the release tag and checked against its + `dist/sri.json`; the tags keep `integrity`. A bump is a new folder and changed links, never a + file edited in place. - **No remote code**: Manifest V3 forbids it and Web Store review rejects it. All scripts and icons are bundled; icons are inline SVG. - The site's FAQ exists twice: the visible `
` list and the diff --git a/website/assets/iamjarl-design@v1.32.2/dist/components/ij-footer.js b/website/assets/iamjarl-design@v1.32.2/dist/components/ij-footer.js new file mode 100644 index 0000000..795ac73 --- /dev/null +++ b/website/assets/iamjarl-design@v1.32.2/dist/components/ij-footer.js @@ -0,0 +1,496 @@ +// IAMJARL v1.32.2: generated, do not edit +// Sources: components/select-links.js, components/labels.js, components/ij-footer.js, apps.json + +const REGISTRY = { + "apps": [ + { + "id": "its-mono-yo", + "name": "It's mono, yo!", + "url": "https://itsmonoyo.iamjarl.com", + "category": "music", + "status": "shipped", + "listed": true + }, + { + "id": "trimrpix", + "name": "TrimrPix", + "url": "https://trimrpix.iamjarl.com", + "category": "images", + "status": "shipped", + "listed": true + }, + { + "id": "anvil-workout", + "name": "Anvil Workout", + "url": "https://anvilworkout.iamjarl.com", + "category": "fitness", + "status": "shipped", + "listed": true + }, + { + "id": "wodrounds", + "name": "WODrounds", + "url": "https://wodrounds.iamjarl.com", + "category": "fitness", + "status": "shipped", + "listed": true + }, + { + "id": "wean-nicotine", + "name": "Wean Nicotine", + "url": "https://weannicotine.iamjarl.com", + "category": "fitness", + "status": "shipped", + "listed": true + }, + { + "id": "its-404-yo", + "name": "It's 404, yo!", + "url": "https://its404yo.iamjarl.com", + "category": "music", + "status": "shipped", + "listed": true + }, + { + "id": "made-by-human", + "name": "Made by Human", + "url": "https://madebyhuman.iamjarl.com", + "category": null, + "status": "shipped", + "listed": true, + "always": true + }, + { + "id": "iamjarl", + "name": "All projects", + "url": "https://iamjarl.com", + "category": null, + "status": "shipped", + "listed": true, + "always": true + }, + { + "id": "echolume", + "name": "Echolume", + "url": "https://echolume.iamjarl.com", + "category": "music", + "status": "shipped", + "listed": true + }, + { + "id": "botlens", + "name": "BotLens", + "url": "https://botlens.iamjarl.com", + "category": "web-tools", + "status": "shipped", + "listed": true + }, + { + "id": "pagelens", + "name": "PageLens", + "url": "https://pagelens.iamjarl.com", + "category": "web-tools", + "status": "shipped", + "listed": true + }, + { + "id": "walkful", + "name": "Walkful", + "url": "https://walkful.iamjarl.com", + "category": "fitness", + "status": "shipped", + "listed": true + }, + { + "id": "trimrpix-ios", + "name": "TrimrPix for iOS", + "url": "https://trimrpixforios.iamjarl.com", + "category": "images", + "status": "shipped", + "listed": true + }, + { + "id": "tonvault", + "name": "TonVault", + "url": "https://tonvault.iamjarl.com", + "category": "music", + "status": "shipped", + "listed": true + }, + { + "id": "beertuner", + "name": "BeerTuner", + "url": "https://beertuner.iamjarl.com", + "category": "music", + "status": "side-project", + "listed": true + }, + { + "id": "emotionwave", + "name": "EmotionWave", + "url": "https://emotionwave.iamjarl.com", + "category": "music", + "status": "side-project", + "listed": true + }, + { + "id": "patternaut", + "name": "Patternaut", + "url": "https://patternaut.iamjarl.com", + "category": "music", + "status": "shipped", + "listed": true + }, + { + "id": "get-to-the-movie", + "name": "Get to the Movie!", + "url": "https://gettothemovie.iamjarl.com", + "category": "web-tools", + "status": "side-project", + "listed": true + }, + { + "id": "little-rocket", + "name": "Little Rocket", + "url": "https://littlerocket.iamjarl.com", + "category": "play", + "status": "side-project", + "listed": true + }, + { + "id": "beef", + "name": "Beef", + "url": "https://beef.iamjarl.com", + "category": "fitness", + "status": "side-project", + "listed": true + } + ] +}; + +// Which cross-links does a given site's footer show? +// +// Pure: no DOM, no fetch, no globals. The custom element is a rendering shell +// over this, so the part with actual decisions in it is testable with the +// repo's plain-assertion harness and no browser. + +const DEFAULT_OPTIONS = { + // Categories with few members would render a near-empty list, so top up from + // the rest of the registry, least-connected first. See categoryReach below. + minLinks: 3, + // Side projects are in the registry so the data is complete, but shipped + // products are what a footer sells. Flip this to widen the net. + include: ['shipped'], +}; + +// How many other apps an app's own category already reaches. An app in a +// two-member category is seen by one footer; one in a four-member category by +// three. Top-up prefers the former, which spreads links towards the apps a +// category cannot reach on its own. +// +// Deliberately computed from the registry and NOT from the result: ranking by +// actual inbound links would make the rule depend on its own output, so two +// runs could disagree and the generated fragments would not be reproducible. +function categoryReach(apps, app) { + if (!app.category) return Number.MAX_SAFE_INTEGER; + return apps.filter(a => a.category === app.category && a.id !== app.id).length; +} + +function selectLinks(registry, siteId, options = {}) { + const { minLinks, include } = { ...DEFAULT_OPTIONS, ...options }; + const apps = registry?.apps ?? []; + + const self = apps.find(a => a.id === siteId); + if (!self) { + throw new Error( + `Unknown site "${siteId}". Add it to apps.json, or check the app attribute on .` + ); + } + + // Never link to yourself, and never link something marked unlisted. + const eligible = apps.filter( + a => a.id !== siteId && a.listed !== false && include.includes(a.status) + ); + + const always = eligible.filter(a => a.always === true); + const pool = eligible.filter(a => a.always !== true); + + // Sorted by id, not by position in apps.json, so re-sorting the registry + // cannot rewrite a committed fragment. The always-links are the exception: + // they are a curated pair and render in the order the registry lists them. + const byId = (a, b) => (a.id < b.id ? -1 : 1); + const siblings = self.category + ? pool.filter(a => a.category === self.category).sort(byId) + : []; + + const topUp = []; + if (siblings.length < minLinks) { + const chosen = new Set(siblings.map(a => a.id)); + const candidates = pool + .filter(a => !chosen.has(a.id)) + .map(a => ({ app: a, reach: categoryReach(pool, a) })) + // Least-connected first, then by id. Deliberately NOT by position in + // apps.json: order would make a cosmetic re-sort of the registry rewrite + // every committed fragment. Reach already carries the "needs exposure" + // signal that ordering used to approximate. + .sort((x, y) => x.reach - y.reach || (x.app.id < y.app.id ? -1 : 1)); + + for (const c of candidates) { + if (siblings.length + topUp.length >= minLinks) break; + topUp.push(c.app); + } + } + + return { self, siblings, topUp, always, links: [...siblings, ...topUp, ...always] }; +} + +// The words and print themselves, in the languages the +// portfolio's sites are written in (#80), and the nav landmark's name (#88). Until 1.29.0 they were English on +// every page, so Wean's Danish, Swedish and Norwegian pages and WODrounds' six +// translations said "Menu" and "More from IAMJARL" in English. +// +// A component reads the language from the nearest lang attribute, so a Danish +// page gets Danish without setting anything. An attribute on the element +// (label, skip-label, menu-label, more-label, projects-label) overrides a word, for a +// language not listed here or a site's own phrasing. Anything unknown is English. +// +// Pure apart from langOf, which reads the DOM: the build imports labelsFor to +// write the footer fragments in each language. + +const LABELS = { + en: { nav: 'Main', skip: 'Skip to content', menu: 'Menu', more: 'More from IAMJARL', projects: 'All projects' }, + da: { nav: 'Hovedmenu', skip: 'Gå til indhold', menu: 'Menu', more: 'Mere fra IAMJARL', projects: 'Alle projekter' }, + de: { nav: 'Hauptmenü', skip: 'Zum Inhalt springen', menu: 'Menü', more: 'Mehr von IAMJARL', projects: 'Alle Projekte' }, + es: { nav: 'Menú principal', skip: 'Saltar al contenido', menu: 'Menú', more: 'Más de IAMJARL', projects: 'Todos los proyectos' }, + fr: { nav: 'Menu principal', skip: 'Aller au contenu', menu: 'Menu', more: 'Plus d’IAMJARL', projects: 'Tous les projets' }, + nb: { nav: 'Hovedmeny', skip: 'Gå til innhold', menu: 'Meny', more: 'Mer fra IAMJARL', projects: 'Alle prosjekter' }, + sv: { nav: 'Huvudmeny', skip: 'Till innehållet', menu: 'Meny', more: 'Mer från IAMJARL', projects: 'Alla projekt' }, +}; + +// Norwegian pages are often marked "no" or "nn"; the words are Bokmål's. +const ALIASES = { no: 'nb', nn: 'nb' }; + +function labelsFor(lang) { + const base = String(lang || 'en').toLowerCase().split(/[-_]/)[0]; + return LABELS[ALIASES[base] ?? base] ?? LABELS.en; +} + +// The registry's link to the whole portfolio is a phrase, not a name, so it is +// the one cross-link that is translated. +const PROJECTS_ID = 'iamjarl'; + +const langOf = el => el.closest('[lang]')?.getAttribute('lang') || document.documentElement.lang || 'en'; + +// +// +// Renders a site's footer with cross-links to the rest of the portfolio, +// grouped by category so a visitor is offered what they would plausibly want. +// +// +// Privacy +// Support +//

© 2026 IAMJARL. Not affiliated with Elektron.

+//

© 2026 TonVault

+// +// +// Two slots, because a footer has two kinds of per-site content: the site's own +// links, and the colophon: copyright, legal disclaimers, attribution. Both +// reference footers in the portfolio have that second region, and without a slot +// for it a consuming site would silently lose its legal text on upgrade. +// +// Anything in neither slot is deliberately not rendered. Custom elements show +// their own children until they upgrade, so that content is what a visitor sees +// if this script never loads: a plainer footer rather than none. +// +// layout="stacked" (default) is the WODrounds shape: groups above one another, +// links flowing inline. layout="columns" is the Wean Nicotine shape: a grid of +// groups with links stacked under each heading. +// +// links-label names the group holding the site's OWN links (slot="links") and +// defaults to the app's name. The cross-links heading, "More from IAMJARL", and +// the portfolio link, "All projects", follow the page's language (nearest lang +// attribute, components/labels.js), or more-label and projects-label (#80); +// setting links-label to the heading prints it twice. +// +// Alignment follows the page. Labels, tagline and fineprint inherit text-align +// through the shadow boundary; the link rows are flex and cannot, so they take +// --ij-footer-links-justify instead (any justify-content value; default +// flex-start). A centred footer sets both: +// +// ij-footer { text-align: center; --ij-footer-links-justify: center; } +// +// In layout="columns" the links stack, and each one already follows text-align. + + +const STYLE = ` +:host { + /* The host page wins if it has tokens; otherwise fall back to the system's + own values. Never import tokens.shadow.css here: its :host declarations + would beat the page's and override the site's chosen mode. */ + --_text: var(--ij-color-text-secondary, rgba(0, 0, 0, 0.70)); + --_heading: var(--ij-color-text-primary, rgba(0, 0, 0, 1)); + --_link: var(--ij-color-text-secondary, rgba(0, 0, 0, 0.70)); + /* The quiet text, labels and fineprint, in the tertiary colour, which the + identity validator holds to AA on the ground (#98). Never opacity: 0.65 of + the secondary colour was about 3.4:1 on every light site. A page that maps + its own palette onto the footer and has no tertiary gets its secondary, + never the fallback below, which in a dark OS is white on its white. */ + --_quiet: var(--ij-color-text-tertiary, var(--ij-color-text-secondary, rgba(0, 0, 0, 0.55))); + /* Hover follows the site's accent, as 's dot and CTA do, so a teal + site is not lime on footer hover (#57). It is text, so it takes the + text-safe variant (#65): Walkful's magenta is for strokes, and its links + are a deeper magenta. validate.js holds accentText to 4.5:1 on the ground. + A sheet from before 1.22 has only the family accent, which was text-safe. */ + --_hover: var(--ij-color-accent-text, var(--ij-color-accent-family, var(--ij-color-primary, #A435D2))); + --_border: var(--ij-color-border-subtle, rgba(0, 0, 0, 0.10)); + --_gap: var(--ij-spacing-sm, 8px); + --_gap-md: var(--ij-spacing-lg, 16px); + --_gap-lg: var(--ij-spacing-xxl, 24px); + --_size: var(--ij-font-size-sm, 14px); + --_focus: var(--ij-focus-width, 2px); + --_offset: var(--ij-focus-offset, 2px); + /* Not a token: component API, so a host can align the rows to its layout. */ + --_links-justify: var(--ij-footer-links-justify, flex-start); + + display: block; + color: var(--_text); + font-size: var(--_size); + line-height: var(--ij-line-height-sm, 20px); +} + +/* Only for hosts with no token layer at all. A site that defines --ij-* + already carries its own mode and must not be second-guessed here. */ +@media (prefers-color-scheme: dark) { + :host { + --_text: var(--ij-color-text-secondary, rgba(255, 255, 255, 0.75)); + --_heading: var(--ij-color-text-primary, rgba(255, 255, 255, 1)); + --_link: var(--ij-color-text-secondary, rgba(255, 255, 255, 0.75)); + --_quiet: var(--ij-color-text-tertiary, var(--ij-color-text-secondary, rgba(255, 255, 255, 0.60))); + --_hover: var(--ij-color-accent-text, var(--ij-color-accent-family, var(--ij-color-primary, #D0FF00))); + --_border: var(--ij-color-border-subtle, rgba(255, 255, 255, 0.12)); + } +} + +.footer { border-top: 1px solid var(--_border); padding-top: var(--_gap-lg); } +.tagline { color: var(--_heading); margin: 0 0 var(--_gap-lg); } + +/* A quiet label, not a shouted one. Both reference footers in the portfolio use + sentence case at normal weight: no uppercase, no letter-spacing. */ +.label { + color: var(--_quiet); + margin: 0 0 var(--_gap); +} + +.groups { display: grid; gap: var(--_gap-lg); margin-bottom: var(--_gap-lg); } +.links { + display: flex; flex-wrap: wrap; gap: var(--_gap) var(--_gap-md); + justify-content: var(--_links-justify); +} + +/* Wean Nicotine's shape: a grid of groups, links stacked under each heading. */ +:host([layout="columns"]) .groups { + grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); + gap: var(--_gap-lg) var(--_gap-lg); +} +:host([layout="columns"]) .links { + flex-direction: column; gap: var(--_gap); + justify-content: flex-start; +} + +.fineprint { color: var(--_quiet); } +.fineprint ::slotted(*) { margin: 0; } + +a, ::slotted(a) { + color: var(--_link); + text-decoration: none; + border-bottom: 1px solid transparent; +} +a:hover, ::slotted(a:hover) { color: var(--_hover); border-bottom-color: currentColor; } +a:focus-visible, ::slotted(a:focus-visible) { + outline: var(--_focus) solid var(--_hover); + outline-offset: var(--_offset); + border-radius: var(--ij-radius-sm, 8px); +} + +@media (max-width: 480px) { + :host([layout="columns"]) .groups { grid-template-columns: 1fr; } +} +`; + +const escape = s => String(s).replace(/[&<>"]/g, c => + ({ '&': '&', '<': '<', '>': '>', '"': '"' }[c])); + +// Name only. Neither reference footer annotates links with a platform, and the +// suffix turned a scannable list into noise. +const linkHtml = (app, projects) => `${escape(app.id === PROJECTS_ID ? projects : app.name)}`; + +class IjFooter extends HTMLElement { + static observedAttributes = ['app', 'tagline', 'layout', 'links-label', 'more-label', 'projects-label']; + + connectedCallback() { + this.render(); + } + + attributeChangedCallback() { + if (this.shadowRoot) this.render(); + } + + render() { + const app = this.getAttribute('app'); + let selection; + try { + selection = selectLinks(REGISTRY, app); + } catch (err) { + // A wrong or missing app id must not blank the footer. Attaching a shadow + // root hides unslotted light DOM, so bail out BEFORE attaching one and the + // pre-upgrade fallback keeps standing. + console.error('[ij-footer]', err.message); + return; + } + + if (!this.shadowRoot) this.attachShadow({ mode: 'open' }); + + const { self, siblings, topUp, always } = selection; + // One group, not two rows. Made by Human and All projects belong with the + // apps, the way both reference footers have them. + const related = [...siblings, ...topUp, ...always]; + + // If the page already carries the cross-links, slot them instead of + // rebuilding. Links generated here exist only after JS runs, and the + // crawlers that matter most for discovery do not run JS. A site that can + // inline dist/footers/.html at build time gets the same links in its + // served HTML; one that cannot keeps generating them here. + const provided = this.querySelector('[slot="cross-links"]') !== null; + const tagline = this.getAttribute('tagline'); + const ownLabel = this.getAttribute('links-label') ?? self.name; + // The heading and the portfolio link in the page's language (#80). + const words = labelsFor(langOf(this)); + const moreLabel = this.getAttribute('more-label') || words.more; + const projectsLabel = this.getAttribute('projects-label') || words.projects; + // A site with no links of its own gets no group for them. Rendered anyway, + // it was a label above an empty row. It's mono set links-label="" to hide + // the label and still got the empty row and its gap. + const ownLinks = this.querySelector('[slot="links"]') !== null; + + this.shadowRoot.innerHTML = ` + +
+ ${tagline ? `

${escape(tagline)}

` : ''} +
+ ${ownLinks ? `
+

${escape(ownLabel)}

+
+
` : ''} + +
+
+
`; + } +} + +if (!customElements.get('ij-footer')) customElements.define('ij-footer', IjFooter); diff --git a/website/assets/iamjarl-design@v1.32.2/dist/fonts/outfit.css b/website/assets/iamjarl-design@v1.32.2/dist/fonts/outfit.css new file mode 100644 index 0000000..4f3d913 --- /dev/null +++ b/website/assets/iamjarl-design@v1.32.2/dist/fonts/outfit.css @@ -0,0 +1,11 @@ +/* IAMJARL display face: Outfit (OFL-1.1): generated, do not edit */ +/* design system v1.32.2, file from @fontsource-variable/outfit@5.3.0. Licence: fonts/LICENSE-outfit.txt */ + +@font-face { + font-family: 'Outfit'; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url('../../fonts/outfit-latin-wght-normal.woff2') format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} diff --git a/website/assets/iamjarl-design@v1.32.2/dist/identity/botlens.css b/website/assets/iamjarl-design@v1.32.2/dist/identity/botlens.css new file mode 100644 index 0000000..a006530 --- /dev/null +++ b/website/assets/iamjarl-design@v1.32.2/dist/identity/botlens.css @@ -0,0 +1,42 @@ +/* IAMJARL identity for BotLens: generated, do not edit */ +/* design system v1.32.2. Follows the visitor's light or dark setting. */ +/* Display face: Outfit (OFL-1.1). Self-host it; see design.md. */ + +:root { + --ij-color-accent: #217370; + --ij-color-accent-rgb: 33, 115, 112; + --ij-color-on-accent: #FFFFFF; + --ij-color-accent-text: #217370; + --ij-color-accent-family: #217370; + --ij-color-accent-family-rgb: 33, 115, 112; + --ij-font-display: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif; +} + +@media (prefers-color-scheme: dark) { + :root:not(.light) { + --ij-color-accent: #35B6B2; + --ij-color-accent-rgb: 53, 182, 178; + --ij-color-on-accent: #000000; + --ij-color-accent-text: #35B6B2; + --ij-color-accent-family: #35B6B2; + --ij-color-accent-family-rgb: 53, 182, 178; + } +} + +.light { + --ij-color-accent: #217370; + --ij-color-accent-rgb: 33, 115, 112; + --ij-color-on-accent: #FFFFFF; + --ij-color-accent-text: #217370; + --ij-color-accent-family: #217370; + --ij-color-accent-family-rgb: 33, 115, 112; +} + +.dark { + --ij-color-accent: #35B6B2; + --ij-color-accent-rgb: 53, 182, 178; + --ij-color-on-accent: #000000; + --ij-color-accent-text: #35B6B2; + --ij-color-accent-family: #35B6B2; + --ij-color-accent-family-rgb: 53, 182, 178; +} diff --git a/website/assets/iamjarl-design@v1.32.2/fonts/LICENSE-outfit.txt b/website/assets/iamjarl-design@v1.32.2/fonts/LICENSE-outfit.txt new file mode 100644 index 0000000..c8d1eba --- /dev/null +++ b/website/assets/iamjarl-design@v1.32.2/fonts/LICENSE-outfit.txt @@ -0,0 +1,93 @@ +Copyright 2021 The Outfit Project Authors (https://github.com/Outfitio/Outfit-Fonts) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/website/assets/iamjarl-design@v1.32.2/fonts/outfit-latin-wght-normal.woff2 b/website/assets/iamjarl-design@v1.32.2/fonts/outfit-latin-wght-normal.woff2 new file mode 100644 index 0000000..85e3332 Binary files /dev/null and b/website/assets/iamjarl-design@v1.32.2/fonts/outfit-latin-wght-normal.woff2 differ diff --git a/website/index.html b/website/index.html index c372ac9..9538a59 100644 --- a/website/index.html +++ b/website/index.html @@ -28,10 +28,10 @@ - - + + @@ -168,8 +168,8 @@ + src="/assets/iamjarl-design@v1.32.2/dist/components/ij-footer.js" + integrity="sha384-6TdQwQMSo5TDOVxKOW/MPZ9VXnzKCERPQn73ne/a+vUcp3WN98L9RFHfu+7jT5M2"> @@ -391,8 +391,8 @@

Ready to optimize for the AI-native web?

- - + + PageLens TrimrPix diff --git a/website/privacy.html b/website/privacy.html index 259e36c..172db43 100644 --- a/website/privacy.html +++ b/website/privacy.html @@ -5,15 +5,15 @@ Privacy Policy | BotLens - - + + + src="/assets/iamjarl-design@v1.32.2/dist/components/ij-footer.js" + integrity="sha384-6TdQwQMSo5TDOVxKOW/MPZ9VXnzKCERPQn73ne/a+vUcp3WN98L9RFHfu+7jT5M2">