This is a small piece of code for a reusable custom element for our logo.
Go to file
Greenscreener d22c509af7 88 88
88                                 88
88                                 88
88,dPPYba,  8b,dPPYba, 88       88 88,dPPYba,
88P'    "8a 88P'   "Y8 88       88 88P'    "8a
88       d8 88         88       88 88       88
88b,   ,a8" 88         "8a,   ,a88 88       88
8Y"Ybbd8"'  88          `"YbbdP'Y8 88       88
2022-01-06 08:32:29 +01:00
examples.html Added fallback value usage. 2020-05-12 11:43:31 +02:00
LICENSE Add LICENSE 2019-07-08 15:54:06 +00:00
patek-logo.js 88 88 2022-01-06 08:32:29 +01:00
README.md Added fallback value usage. 2020-05-12 11:43:31 +02:00

Pátek Logo Custom Element

Reusable custom element for the Pátek logo.

Installation

Include the patek-logo.js file into your HTML file.

<script src="path/to/patek-logo.js"></script>

Usage

<patek-logo title="<your title here>" subtitle="<your subtitle here>">Fallback value here</patek-logo>

If no title or subtitle attribute is set, it defaults to "Pátek" and "" respectively.

The fallback value is used only in browsers without support for custom elements or with JavaScript disabled.

The logo will obey all CSS rules.

Examples

You can find examples in examples.html.