No longer automatically download external font, holidays and centaurs
This commit now makes the download of the Google-provided font opt-in,
rather than automatic. This is preferable, as most people wouldn't
care to have Google automatically know they're running this thing. For
modern browsers that understand CSS `::part()` syntax, this commit also
provides a way for them to specify exactly what font they want, and an
example of that is provided in the `./demo` folder.
There are a number of minor details in the Journal Entries that reflect
the growth and change of the culture. One was that several of the species
introduced, including Centaurs, Tindals, Felinzi and Uncia, had their
own language, and Centaurs had their own calendar. Most fell off as
use of the common Quen made everything easier, and Uncia found Felinzi
easy to learn and use and gave the felinoid species a common tongue that
worked well with their mouth and throat shapes. But I've added the
Centaur calendar. Use the flag attribute "centaurs" (no arguments,
it's a flag) in the component's HTML tag to see it. Again, the use
can be seen in the demo folder.
I've also fixed a bug where the holidays, which belong to no month and
have no weekday, are also rendered correctly.
2023-10-08 17:44:48 +00:00
|
|
|
<!DOCTYPE html>
|
2023-10-07 21:05:54 +00:00
|
|
|
<html lang="en-GB">
|
No longer automatically download external font, holidays and centaurs
This commit now makes the download of the Google-provided font opt-in,
rather than automatic. This is preferable, as most people wouldn't
care to have Google automatically know they're running this thing. For
modern browsers that understand CSS `::part()` syntax, this commit also
provides a way for them to specify exactly what font they want, and an
example of that is provided in the `./demo` folder.
There are a number of minor details in the Journal Entries that reflect
the growth and change of the culture. One was that several of the species
introduced, including Centaurs, Tindals, Felinzi and Uncia, had their
own language, and Centaurs had their own calendar. Most fell off as
use of the common Quen made everything easier, and Uncia found Felinzi
easy to learn and use and gave the felinoid species a common tongue that
worked well with their mouth and throat shapes. But I've added the
Centaur calendar. Use the flag attribute "centaurs" (no arguments,
it's a flag) in the component's HTML tag to see it. Again, the use
can be seen in the demo folder.
I've also fixed a bug where the holidays, which belong to no month and
have no weekday, are also rendered correctly.
2023-10-08 17:44:48 +00:00
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
background: #fafafa;
|
|
|
|
|
}
|
|
|
|
|
.demo {
|
|
|
|
|
border: 1px solid DarkSlateGray;
|
|
|
|
|
padding: 1rem;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="demo"></div>
|
|
|
|
|
<script type="module">
|
|
|
|
|
import { html, render } from "lit";
|
|
|
|
|
import "../dist/src/pendor-clock.js";
|
|
|
|
|
render(
|
|
|
|
|
html`
|
|
|
|
|
<div class="demo">
|
|
|
|
|
<p>Using the internal font (Audiowise from Google Fonts)</p>
|
|
|
|
|
<pendor-clock with-internal-font> </pendor-clock>
|
|
|
|
|
<p>Using the Pendorian centaur calendar and internal font (Audiowise from Google Fonts)</p>
|
|
|
|
|
<pendor-clock with-internal-font centaurs> </pendor-clock>
|
|
|
|
|
<p><a href="./demo-with-font.html">See demo with external font</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
`,
|
|
|
|
|
document.querySelector("#demo")
|
|
|
|
|
);
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
2023-10-07 21:05:54 +00:00
|
|
|
</html>
|