patek/patek-logo-custom-element
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
This is a small piece of code for a reusable custom element for our logo.
14 Commits 3 Branches 0 Tags 44 KiB
JavaScript 70.7%
HTML 29.3%
vojta001/load-font-at-the-end
Go to file
Vojtěch Káně edd2da4714 Move loading font to the end of the style not to block applying the style while loading the font and thus allowing the logo to scale uncontrolably under certain conditions and browsers. 
The original bug is only visible in scaled variants - <patek-logo style="font-size: 100px;"></patek-logo>.
2019-07-17 10:28:34 +02:00
examples.html Fixed layuot slightly, added more examples. 2019-07-08 17:32:09 +02:00
LICENSE Add LICENSE 2019-07-08 15:54:06 +00:00
patekLogo.js Move loading font to the end of the style not to block applying the style while loading the font and thus allowing the logo to scale uncontrolably under certain conditions and browsers. 2019-07-17 10:28:34 +02:00
README.md Forgot about adding that. 2019-07-08 15:54:52 +02:00

README.md

Pátek Logo Custom Element

Reusable custom element for the Pátek logo.

Installation

Include the patekLogo.js file into your HTML file.

<script src="path/to/patekLogo.js"></script>

Usage

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

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

The logo will obey all CSS rules.

Examples

You can find examples in examples.html.