Skip to content
This repository was archived by the owner on Jan 4, 2021. It is now read-only.

Commit d1d2ed0

Browse files
author
Francois-Xavier Gentilhomme
committed
[DEV] Add a customize glyph example
1 parent b63e8b2 commit d1d2ed0

File tree

4 files changed

+86
-0
lines changed

4 files changed

+86
-0
lines changed

‎docs/components/myscript-text-web/examples/experimental/customize_glyph.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!doctype html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
7+
<meta name="apple-mobile-web-app-capable" content="yes">
8+
<meta name="mobile-web-app-capable" content="yes">
9+
10+
<title>Customize style</title>
11+
12+
<link rel="stylesheet" href="../examples.css">
13+
14+
<script src="../../../webcomponentsjs/webcomponents-loader.js"></script>
15+
<link rel="import" href="../../myscript-text-web.html">
16+
</head>
17+
18+
<body>
19+
<!-- Please change applicationkey and hmackey below with those send by mail during your registration. You can re-access them by connecting to your dashboard at developer.myscript.com with your myscript account -->
20+
<myscript-text-web scheme="https"
21+
host="newcloud.myscript.com"
22+
applicationkey="7d223f9e-a3cb-4213-ba4b-85e930605f8b"
23+
hmackey="5ab1935e-529a-4d48-a695-158450e52b13">
24+
</myscript-text-web>
25+
<script>
26+
const component = document.querySelector('myscript-text-web');
27+
// Set the glyph color to the current theme
28+
component.theme = Object.assign({}, component.theme, {
29+
glyph: {
30+
color: '#000000'
31+
}
32+
});
33+
</script>
34+
</body>
35+
36+
</html>

‎docs/components/myscript-text-web/examples/index.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,13 @@ <h2>V3 - CDK v3.2</h2>
6060
<a href="v3/superimposed.html">Configuration and use superimposed - letters write on top of the others</a>
6161
</li>
6262
</ul>
63+
<h2>Experimental</h2>
64+
<div>Demonstration of existing technology still limited. May not work. Contact us if you are willing to use it.</div>
65+
<ul>
66+
<li>
67+
<a href="experimental/customize_glyph.html">Customize glyph color</a>
68+
</li>
69+
</ul>
6370
<h2>Development</h2>
6471
<ul>
6572
<li>

‎examples/experimental/customize_glyph.html‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<!doctype html>
2+
<html>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no">
7+
<meta name="apple-mobile-web-app-capable" content="yes">
8+
<meta name="mobile-web-app-capable" content="yes">
9+
10+
<title>Customize style</title>
11+
12+
<link rel="stylesheet" href="../examples.css">
13+
14+
<script src="../../../webcomponentsjs/webcomponents-loader.js"></script>
15+
<link rel="import" href="../../myscript-text-web.html">
16+
</head>
17+
18+
<body>
19+
<!-- Please change applicationkey and hmackey below with those send by mail during your registration. You can re-access them by connecting to your dashboard at developer.myscript.com with your myscript account -->
20+
<myscript-text-web scheme="https"
21+
host="newcloud.myscript.com"
22+
applicationkey="7d223f9e-a3cb-4213-ba4b-85e930605f8b"
23+
hmackey="5ab1935e-529a-4d48-a695-158450e52b13">
24+
</myscript-text-web>
25+
<script>
26+
const component = document.querySelector('myscript-text-web');
27+
// Set the glyph color to the current theme
28+
component.theme = Object.assign({}, component.theme, {
29+
glyph: {
30+
color: '#000000'
31+
}
32+
});
33+
</script>
34+
</body>
35+
36+
</html>

‎examples/index.html‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,13 @@ <h2>V3 - CDK v3.2</h2>
6060
<a href="v3/superimposed.html">Configuration and use superimposed - letters write on top of the others</a>
6161
</li>
6262
</ul>
63+
<h2>Experimental</h2>
64+
<div>Demonstration of existing technology still limited. May not work. Contact us if you are willing to use it.</div>
65+
<ul>
66+
<li>
67+
<a href="experimental/customize_glyph.html">Customize glyph color</a>
68+
</li>
69+
</ul>
6370
<h2>Development</h2>
6471
<ul>
6572
<li>

0 commit comments

Comments
 (0)