Skip to content

Commit 3866fc5

Browse files
save file
1 parent 8b74ea6 commit 3866fc5

File tree

1 file changed

+28
-29
lines changed

1 file changed

+28
-29
lines changed

blog/25-08-03/embed-binary-data/embed-binary-data.html

Lines changed: 28 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -5,19 +5,19 @@
55

66
<head>
77
<meta charset=utf-8>
8-
8+
99
<title>
1010
Embed Binary Data
1111
</title>
12-
12+
1313
<meta name=description content='Learn how to embed binary data directly into your webpage using data URIs, Base64 encoding, and JavaScript. This guide covers practical examples for images, audio, and custom file types—no external hosting required.'>
1414
<link rel=icon type='image/png' href='/blog/image/blog-30.png'>
1515
<meta name=viewport content='width=device-width, initial-scale=1'>
16-
16+
1717
<base href='https://ext-code.com/blog/25-08-03/embed-binary-data/'>
1818
<link rel=canonical href='https://ext-code.com/blog/25-08-03/embed-binary-data/embed-binary-data.html'>
19-
20-
19+
20+
2121
<script type='application/ld+json'>
2222
{
2323
"@context" : "https://schema.org",
@@ -31,17 +31,16 @@
3131
"publisher" : {"@type":"Organization","name":"Your Blog or Company Name","logo":{"@type":"ImageObject","url":"https://ext-code.com/favicon.ico"}},
3232
}
3333
</script>
34-
35-
34+
35+
3636
<script src='https://ajaxorg.github.io/ace-builds/src-noconflict/ace.js'></script>
37-
38-
39-
<script src='https://libs.ext-code.com/js/dom/component/component.js'></script>
40-
<script src='https://libs.ext-code.com/js/dom/init-hdr/init-hdr.js'></script>
41-
42-
37+
38+
39+
<script src='https://libs.ext-code.com/js/dom/component/v3.0/component.js?hdr'></script>
40+
41+
4342
<link rel=stylesheet href='/blog/css/blog.css'>
44-
43+
4544
<style>
4645

4746
html
@@ -56,45 +55,45 @@
5655
[component]
5756
{display:none}
5857

59-
.description
58+
.description
6059
{max-width:1000px;text-align:justify;border-left:4px solid #4a90e2;padding:1rem;
6160
background-color:#f9f9f9;font-family:system-ui,sans-serif;font-size:1rem;line-height:1.6;color:#333}
6261
.description>p
6362
{margin:0}
6463
.description > p+p
6564
{margin:10px 0}
66-
65+
6766
code
6867
{font-family:monospace;background:whitesmoke}
6968
code.inline
7069
{display:inline;padding:5px 10px}
71-
70+
7271
a
7372
{color:#4a90e2;text-decoration:none;font-weight:500}
74-
a:hover
73+
a:hover
7574
{text-decoration:underline}
7675
.link-domain
7776
{font-size:0.85rem;color:#777;margin-left:0.25rem}
78-
.link-domain::before
77+
.link-domain::before
7978
{content:'['}
8079
.link-domain::after
8180
{content:']'}
8281
.link-txt
8382
{}
84-
83+
8584
input
8685
{font-size:16px;padding:5px 7px;box-sizing:border-box;}
8786
input[type=button]
8887
{cursor:pointer}
89-
88+
9089
</style>
9190

9291
</head>
9392

9493

9594
<body>
96-
97-
95+
96+
9897
<blog-hdr component=grp1>
9998
<h1 class=title>
10099
Embed Binary Data
@@ -103,8 +102,8 @@ <h1 class=title>
103102
28 Oct 2025
104103
</time>
105104
</blog-hdr>
106-
107-
105+
106+
108107
<div class=description>
109108
<p>
110109
Learn how to embed binary data directly into your webpage using data URIs, Base64 encoding, and JavaScript.
@@ -124,12 +123,12 @@ <h1 class=title>
124123

125124
</p>
126125
</div>
127-
128-
126+
127+
129128
<snippet-console src='ex/embed-binary.js' component></snippet-console>
130-
131129

132-
130+
131+
133132
</body>
134133

135134
</html>

0 commit comments

Comments
 (0)