diff --git a/src/index.html b/src/index.html
index c30dff3..3fc8c31 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,4 +1,4 @@
-
+
diff --git a/src/page/figure/figure.scss b/src/page/figure/figure.scss
index e65c818..0e2f4a4 100644
--- a/src/page/figure/figure.scss
+++ b/src/page/figure/figure.scss
@@ -21,7 +21,9 @@
> svg {
border-radius: 1000px;
@include blurred-background;
- transition: transform var(--transition-time), box-shadow var(--transition-time);
+ transition:
+ transform var(--transition-time),
+ box-shadow var(--transition-time);
}
&.inverted > svg {
diff --git a/src/page/figure/preview/preview.ts b/src/page/figure/preview/preview.ts
index 3d6f44c..d1f504c 100644
--- a/src/page/figure/preview/preview.ts
+++ b/src/page/figure/preview/preview.ts
@@ -3,7 +3,11 @@ import { Figure } from '../figure';
import { generate } from './preview.html';
export class Preview extends Figure {
- public constructor(poster: ResponsiveImage, private readonly url: string, alt: string) {
+ public constructor(
+ poster: ResponsiveImage,
+ private readonly url: string,
+ alt: string
+ ) {
super(generate({ poster, alt }), {
hasButton: true,
});
diff --git a/src/page/header/theme-switcher/theme-switcher.scss b/src/page/header/theme-switcher/theme-switcher.scss
index a3fc123..f89fffa 100644
--- a/src/page/header/theme-switcher/theme-switcher.scss
+++ b/src/page/header/theme-switcher/theme-switcher.scss
@@ -14,7 +14,9 @@
$margin: calc((#{$size} - #{$icon-size}) / 2);
border-radius: 1000px;
- box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.175), inset 0 0 1px rgba(0, 0, 0, 0.4);
+ box-shadow:
+ inset 0 0 10px 2px rgba(0, 0, 0, 0.175),
+ inset 0 0 1px rgba(0, 0, 0, 0.4);
@include on-large-screen {
position: absolute;
@@ -47,7 +49,9 @@
top: 50%;
transform: translateY(-50%);
- transition: transform var(--transition-time), background-color var(--transition-time);
+ transition:
+ transform var(--transition-time),
+ background-color var(--transition-time);
}
&:not(:checked) {
diff --git a/src/page/image-button/image-button.scss b/src/page/image-button/image-button.scss
index 6cbdd7f..894a708 100644
--- a/src/page/image-button/image-button.scss
+++ b/src/page/image-button/image-button.scss
@@ -11,7 +11,9 @@
@include square(var(--icon-size));
> svg {
- transition: stroke var(--transition-time), transform var(--transition-time);
+ transition:
+ stroke var(--transition-time),
+ transform var(--transition-time);
}
}
diff --git a/src/page/page-element.ts b/src/page/page-element.ts
index e6a7afb..6b72cfe 100644
--- a/src/page/page-element.ts
+++ b/src/page/page-element.ts
@@ -3,7 +3,10 @@ import { html } from '../types/html';
export class PageElement {
public readonly htmlRoot: HTMLElement;
- public constructor(content: html, protected children: Array = []) {
+ public constructor(
+ content: html,
+ protected children: Array = []
+ ) {
this.htmlRoot = PageElement.createElement(content);
}
diff --git a/src/page/up-arrow-button/up-arrow-button.scss b/src/page/up-arrow-button/up-arrow-button.scss
index 5b075a1..a508189 100644
--- a/src/page/up-arrow-button/up-arrow-button.scss
+++ b/src/page/up-arrow-button/up-arrow-button.scss
@@ -5,7 +5,9 @@
cursor: pointer;
box-shadow: var(--shadow);
- transition: opacity var(--transition-time), transform var(--transition-time-long);
+ transition:
+ opacity var(--transition-time),
+ transform var(--transition-time-long);
border-radius: var(--border-radius);
diff --git a/src/plausible/request.ts b/src/plausible/request.ts
index 26e152c..f17c429 100644
--- a/src/plausible/request.ts
+++ b/src/plausible/request.ts
@@ -31,11 +31,11 @@ export type EventOptions = {
export function sendEvent(
eventName: string,
data: Required,
- options?: EventOptions,
+ options?: EventOptions
): void {
const isLocalhost =
/^localhost$|^127(?:\.[0-9]+){0,2}\.[0-9]+$|^(?:0*:)*?:?0*1$/.test(
- window.location.hostname,
+ window.location.hostname
) || window.location.protocol === 'file:';
if (!data.trackLocalhost && isLocalhost) {
@@ -45,7 +45,7 @@ export function sendEvent(
const shouldIgnoreCurrentBrowser = localStorage.getItem('plausible_ignore') === 'true';
if (shouldIgnoreCurrentBrowser) {
return console.warn(
- '[Plausible] Ignoring event because "plausible_ignore" is set to "true" in localStorage',
+ '[Plausible] Ignoring event because "plausible_ignore" is set to "true" in localStorage'
);
}
diff --git a/src/plausible/tracker.ts b/src/plausible/tracker.ts
index 996c519..dc49490 100644
--- a/src/plausible/tracker.ts
+++ b/src/plausible/tracker.ts
@@ -76,7 +76,7 @@ export type PlausibleOptions = PlausibleInitOptions & PlausibleEventData;
type TrackEvent = (
eventName: string,
options?: EventOptions,
- eventData?: PlausibleOptions,
+ eventData?: PlausibleOptions
) => void;
/**
@@ -164,7 +164,7 @@ type EnableAutoPageviews = () => Cleanup;
*/
type EnableAutoOutboundTracking = (
targetNode?: Node & ParentNode,
- observerInit?: MutationObserverInit,
+ observerInit?: MutationObserverInit
) => Cleanup;
/**
@@ -267,9 +267,9 @@ export default function Plausible(defaults?: PlausibleInitOptions): {
childList: true,
attributes: true,
attributeFilter: ['href'],
- },
+ }
) => {
- function trackClick(this: HTMLAnchorElement, event: MouseEvent) {
+ function trackClick(this: HTMLAnchorElement, _event: MouseEvent) {
trackEvent('Outbound Link: Click', { props: { url: this.href } });
}
diff --git a/src/style/fonts.scss b/src/style/fonts.scss
index 91d838d..70e4db5 100644
--- a/src/style/fonts.scss
+++ b/src/style/fonts.scss
@@ -4,7 +4,8 @@
font-style: normal;
font-weight: 400;
font-display: swap;
- src: local(''),
+ src:
+ local(''),
url('../../static/fonts/comfortaa-v40-latin-regular.woff2') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */
url('../../static/fonts/comfortaa-v40-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -16,7 +17,8 @@
font-style: normal;
font-weight: 400;
font-display: swap;
- src: local(''),
+ src:
+ local(''),
url('../../static/fonts/open-sans-v34-latin-regular.woff2') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */
url('../../static/fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
diff --git a/src/style/mixins.scss b/src/style/mixins.scss
index d4fd175..07e1ec8 100644
--- a/src/style/mixins.scss
+++ b/src/style/mixins.scss
@@ -86,7 +86,9 @@ $breakpoint-width: 700px !default;
}
@mixin title-font() {
- font: 400 3rem 'Comfortaa', sans-serif;
+ font:
+ 400 3rem 'Comfortaa',
+ sans-serif;
color: var(--normal-text-color);
line-height: 1;
@@ -97,20 +99,26 @@ $breakpoint-width: 700px !default;
}
@mixin sub-title-font() {
- font: 400 1.75rem 'Comfortaa', sans-serif;
+ font:
+ 400 1.75rem 'Comfortaa',
+ sans-serif;
color: var(--normal-text-color);
hyphens: auto;
}
@mixin main-font() {
- font: 400 1.1rem 'Open Sans', sans-serif;
+ font:
+ 400 1.1rem 'Open Sans',
+ sans-serif;
color: var(--normal-text-color);
line-height: 1.8;
hyphens: auto;
}
@mixin special-text-font() {
- font: 400 1rem 'Open Sans', sans-serif;
+ font:
+ 400 1rem 'Open Sans',
+ sans-serif;
color: var(--special-text-color);
hyphens: auto;
font-style: italic;