File tree Expand file tree Collapse file tree 21 files changed +233
-41
lines changed Expand file tree Collapse file tree 21 files changed +233
-41
lines changed Original file line number Diff line number Diff line change @@ -14,11 +14,11 @@ KISS!
14
14
## Use
15
15
Load from the [ jsdelivr.com CDN] ( https://www.jsdelivr.com/package/npm/web-ignition ) :
16
16
``` html
17
- <link rel =stylesheet href =https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.css >
17
+ <link rel =stylesheet href =https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.css >
18
18
<link rel =stylesheet href =https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/reset.min.css >
19
19
...
20
20
<script src =https://cdn.jsdelivr.net/npm/jquery@3.6/dist/jquery.min.js ></script >
21
- <script src =https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.min.js ></script >
21
+ <script src =https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.min.js ></script >
22
22
<script src =https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/lib-x.min.js ></script >
23
23
```
24
24
Original file line number Diff line number Diff line change 4
4
<meta content='[SHORT-BLOG-NAME]' name='apple-mobile-web-app-title'/>
5
5
<link href='[URL-FOR-bookmark.png]' rel='icon'/>
6
6
<link href='[URL-FOR-mobile-home-screen.png]' rel='apple-touch-icon'/>
7
- <link href='https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.css' rel='stylesheet'/>
8
- <link href='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.5 /build/styles/docco.min.css' rel='stylesheet'/>
9
- <link href='https://cdn.jsdelivr.net/npm/hljs-enhance@0 .0/hljs-enhance.css' rel='stylesheet'/>
7
+ <link href='https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.css' rel='stylesheet'/>
8
+ <link href='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0 /build/styles/docco.min.css' rel='stylesheet'/>
9
+ <link href='https://cdn.jsdelivr.net/npm/hljs-enhance@1 .0/hljs-enhance.css' rel='stylesheet'/>
10
10
<link href='https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/blogger-tweaks.min.css' rel='stylesheet'/>
11
- <script src='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.5 /build/highlight.min.js'></script>
12
- <script src='https://cdn.jsdelivr.net/npm/hljs-enhance@0 .0/hljs-enhance.js'></script>
13
- <script src='https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.min.js'></script>
11
+ <script src='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0 /build/highlight.min.js'></script>
12
+ <script src='https://cdn.jsdelivr.net/npm/hljs-enhance@1 .0/hljs-enhance.js'></script>
13
+ <script src='https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.min.js'></script>
14
14
<script src='https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/lib-x.min.js'></script>
15
15
<script>libX.extra.blogger('[WEBSITE-URL]');</script>
16
16
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
Original file line number Diff line number Diff line change 11
11
< meta content ='My Blog ' name ='apple-mobile-web-app-title '/>
12
12
< link href ='https://centerkey.com/graphics/bookmark.png ' rel ='icon '/>
13
13
< link href ='https://centerkey.com/graphics/mobile-home-screen.png ' rel ='apple-touch-icon '/>
14
- < link href ='https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.css ' rel ='stylesheet '/>
14
+ < link href ='https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.css ' rel ='stylesheet '/>
15
15
< link href ='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0/build/styles/docco.min.css ' rel ='stylesheet '/>
16
16
< link href ='https://cdn.jsdelivr.net/npm/hljs-enhance@1.0/hljs-enhance.css ' rel ='stylesheet '/>
17
17
< link href ='../../dist/blogger-tweaks.min.css ' rel ='stylesheet '/>
18
18
< script src ='https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0/build/highlight.min.js '> </ script >
19
19
< script src ='https://cdn.jsdelivr.net/npm/hljs-enhance@1.0/hljs-enhance.js '> </ script >
20
- < script src ='https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.min.js '> </ script >
20
+ < script src ='https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.min.js '> </ script >
21
21
< script src ='../../dist/lib-x.min.js '> </ script >
22
22
< script > window . blogger = { ui : ( ) => $ ( 'html' ) } ; </ script >
23
23
< script > libX . extra . blogger ( 'https://example.com' ) ; </ script >
Original file line number Diff line number Diff line change 1
1
/*
2
2
Block Duo layout -- Two big columns followed by a single footer
3
3
Usage:
4
- <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.css>
5
- <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.4/website/static /panel-nav.css>
4
+ <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.css>
5
+ <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.8/dist /panel-nav.css>
6
6
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/reset.min.css>
7
7
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/layouts/block-duo.css>
8
8
<style>
Original file line number Diff line number Diff line change 16
16
< link rel =stylesheet href =https://cdn.jsdelivr.net/npm/dna.js@1.8/dist/dna.css >
17
17
< link rel =stylesheet href =../../dist/reset.min.css >
18
18
< link rel =stylesheet href =modern.css >
19
+ < style >
20
+ /* Modern layout -- customize colors */
21
+ main > div > article { background-color : aliceblue; border-color : steelblue; }
22
+ main > div > article > h3 { color : steelblue; }
23
+ </ style >
19
24
< style >
20
25
ul > li : nth-child (1 ) { font-weight : 100 ; }
21
26
ul > li : nth-child (2 ) { font-weight : 200 ; }
Original file line number Diff line number Diff line change 1
- /*! layouts (block-duo.css) ~ web-ignition v1.4.1 ~ github.com/center-key/web-ignition ~ MIT License */
1
+ /*! layouts (block-duo.css) ~ web-ignition v1.4.2 ~ github.com/center-key/web-ignition ~ MIT License */
2
2
/*
3
3
Block Duo layout -- Two big columns followed by a single footer
4
4
Usage:
5
- <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.7 /dist/dna.css>
6
- <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.4/website/static /panel-nav.css>
5
+ <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.8 /dist/dna.css>
6
+ <link rel=stylesheet href=https://cdn.jsdelivr.net/npm/dna.js@1.8/dist /panel-nav.css>
7
7
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/reset.min.css>
8
8
<link rel=stylesheet href=https://cdn.jsdelivr.net/npm/web-ignition@1.4/dist/layouts/block-duo.css>
9
9
<style>
Original file line number Diff line number Diff line change 1
- /*! layouts (color-blocks.css) ~ web-ignition v1.4.1 ~ github.com/center-key/web-ignition ~ MIT License */
1
+ /*! layouts (color-blocks.css) ~ web-ignition v1.4.2 ~ github.com/center-key/web-ignition ~ MIT License */
2
2
/*
3
3
Color Blocks layout -- Two columns of colorful blocks
4
4
Usage:
Original file line number Diff line number Diff line change 1
- /*! layouts (color-slide.css) ~ web-ignition v1.4.1 ~ github.com/center-key/web-ignition ~ MIT License */
1
+ /*! layouts (color-slide.css) ~ web-ignition v1.4.2 ~ github.com/center-key/web-ignition ~ MIT License */
2
2
/*
3
3
Color Slide layout -- Top to botttom color transition
4
4
Usage:
Original file line number Diff line number Diff line change 1
- /*! layouts (letterbox.css) ~ web-ignition v1.4.1 ~ github.com/center-key/web-ignition ~ MIT License */
1
+ /*! layouts (letterbox.css) ~ web-ignition v1.4.2 ~ github.com/center-key/web-ignition ~ MIT License */
2
2
/*
3
3
Letterbox layout -- Edge-to-edge semi-opaque bar over cover background image
4
4
Usage:
You can’t perform that action at this time.
0 commit comments