This commit is contained in:
Andras Schmelczer 2023-10-01 19:04:13 +01:00
parent 16b4e14ede
commit 787450e064
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
11 changed files with 48 additions and 21 deletions

View file

@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

View file

@ -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 {

View file

@ -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,
});

View file

@ -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) {

View file

@ -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);
}
}

View file

@ -3,7 +3,10 @@ import { html } from '../types/html';
export class PageElement {
public readonly htmlRoot: HTMLElement;
public constructor(content: html, protected children: Array<PageElement> = []) {
public constructor(
content: html,
protected children: Array<PageElement> = []
) {
this.htmlRoot = PageElement.createElement(content);
}

View file

@ -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);

View file

@ -31,11 +31,11 @@ export type EventOptions = {
export function sendEvent(
eventName: string,
data: Required<PlausibleOptions>,
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'
);
}

View file

@ -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 } });
}

View file

@ -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+ */

View file

@ -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;