blog-engine-sac
Advanced tools
blog-engine-sac - npm Package Compare versions
Comparing version 3.0.0 to 4.0.0
@@ -11,18 +11,12 @@ export { createAboutHtml }; | ||
| const { body, title, author, description } = options; | ||
| return `<!DOCTYPE html> | ||
| return `<!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta name="viewport" content="width=device-width"> | ||
| <meta name="description" content=""> | ||
| <meta name="author" content="${author}"> | ||
| <title>About</title> | ||
| ${styleSheets(options)} | ||
| </head> | ||
| <body> | ||
@@ -32,3 +26,3 @@ ${createHeaderHtml({ ...options, topLevel: true })} | ||
| <header class="masthead"> | ||
| ${makeBackGroundPicture(`about-bg`)} | ||
| ${makeBackGroundPicture(`about`)} | ||
| <div class="container position-absolute"> | ||
@@ -45,4 +39,3 @@ <div class="row"> | ||
| <!-- Main Content --> | ||
| <div class="container"> | ||
| <main class="container"> | ||
| <div class="row"> | ||
@@ -53,3 +46,3 @@ <div class="col-lg-8 col-md-10 mx-auto"> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| ${createFooterHtml(options)} | ||
@@ -56,0 +49,0 @@ </body> |
@@ -30,7 +30,7 @@ export { createCategoryHtml }; | ||
| return `<!DOCTYPE html> | ||
| return `<!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta name="viewport" content="width=device-width"> | ||
| <meta name="description" content=""> | ||
@@ -44,3 +44,3 @@ <title>${categoryName}</title> | ||
| <header class="masthead"> | ||
| ${makeBackGroundPicture(`home-bg`)} | ||
| ${makeBackGroundPicture(`home`)} | ||
| <div class="container position-absolute"> | ||
@@ -47,0 +47,0 @@ <div class="container"> |
@@ -11,7 +11,7 @@ export { createContactHtml }; | ||
| const { body, title, author, description } = options; | ||
| return `<!DOCTYPE html> | ||
| return `<!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta name="viewport" content="width=device-width"> | ||
| <meta name="description" content="${description}"> | ||
@@ -25,3 +25,3 @@ <meta name="author" content="${author}"> | ||
| <header class="masthead"> | ||
| ${makeBackGroundPicture(`contact-bg`)} | ||
| ${makeBackGroundPicture(`contact`)} | ||
| <div class="container position-absolute"> | ||
@@ -28,0 +28,0 @@ <div class="row"> |
@@ -7,4 +7,4 @@ export { makeBackGroundPicture }; | ||
| <source srcset="/images/${name}.jpg" media="(min-width: 992px)"> | ||
| <img class="w100 hauto" src="/images/${name}-sm.jpg" alt=""> | ||
| <img class="w100 hauto" src="/images/${name}-s.jpg" alt=""> | ||
| </picture>` | ||
| }; |
@@ -34,7 +34,7 @@ export { createIndexHtml }; | ||
| return `<!DOCTYPE html> | ||
| return `<!doctype html> | ||
| <html lang="${lang}"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta name="viewport" content="width=device-width"> | ||
| <meta name="description" content=""> | ||
@@ -49,3 +49,3 @@ <meta name="author" content="${author}"> | ||
| <header class="masthead"> | ||
| ${makeBackGroundPicture(`home-bg`)} | ||
| ${makeBackGroundPicture(`home`)} | ||
| <div class="container position-absolute"> | ||
@@ -52,0 +52,0 @@ <div class="row"> |
@@ -26,8 +26,7 @@ export {createPostHtml}; | ||
| } | ||
| return `<!DOCTYPE html> | ||
| return `<!doctype html> | ||
| <html lang="${lang}"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
| <meta name="viewport" content="width=device-width"> | ||
| <meta name="description" content="${description}"> | ||
@@ -42,3 +41,3 @@ <meta name="author" content="${author}"> | ||
| <header class="masthead"> | ||
| ${makeBackGroundPicture(`post-bg`)} | ||
| ${makeBackGroundPicture(`post`)} | ||
| <div class="container position-absolute"> | ||
@@ -62,22 +61,22 @@ <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-8 col-md-10 mx-auto"> | ||
| ${availableTranslations} | ||
| <div class="col-lg-8 col-md-10 mx-auto"> | ||
| ${availableTranslations} | ||
| </div> | ||
| <article class="col-lg-8 col-md-10 mx-auto"> | ||
| ${body} | ||
| </article> | ||
| </div> | ||
| <article class="col-lg-8 col-md-10 mx-auto"> | ||
| ${body} | ||
| </article> | ||
| </div> | ||
| <hr> | ||
| </main> | ||
| <nav class="container post-article-nav"> | ||
| <div class="row"> | ||
| <div class="col-lg-8 col-md-10 mx-auto"> | ||
| <h3>Tags</h3> | ||
| <ul>${ | ||
| options.finalTags.map(function (tag) { | ||
| options.tags.map(function (tag) { | ||
| return `<li>${linkFromCategory(tag)}</li>`; | ||
| }).join(``) | ||
| }</ul> | ||
| </div> | ||
| </div> | ||
| </main> | ||
| <hr> | ||
| ${nextInteractionHtml(options)} | ||
| ${nextInteractionHtml(options)} | ||
| </nav> | ||
| ${createFooterHtml(options)} | ||
@@ -104,7 +103,7 @@ </body> | ||
| return `<div class="container"><div class="row"> | ||
| return `<div class="row"> | ||
| ${indexedHtml} | ||
| <p class="col-lg-8 col-md-10 mx-auto">${previousHtml}</p> | ||
| <p class="col-lg-8 col-md-10 mx-auto">${nextHtml}</p> | ||
| </div></div>`; | ||
| </div>`; | ||
| }; |
@@ -45,4 +45,4 @@ export { searchCodeTemplate }; | ||
| const search = searchInput.value; | ||
| searchResults.innerHTML = ""; | ||
| if (search === "") { | ||
| searchResults.innerHTML = ""; | ||
| return; | ||
@@ -49,0 +49,0 @@ } |
| { | ||
| "name": "blog-engine-sac", | ||
| "version": "2.0.0", | ||
| "version": "4.0.0", | ||
| "lockfileVersion": 1, | ||
@@ -5,0 +5,0 @@ "requires": true, |
| { | ||
| "name": "blog-engine-sac", | ||
| "version": "3.0.0", | ||
| "version": "4.0.0", | ||
| "type": "module", | ||
@@ -5,0 +5,0 @@ "bin": { |
@@ -72,11 +72,13 @@ # Blog | ||
| - `images/about-bg.jpg` | ||
| - `images/contact-bg.jpg` | ||
| - `images/home-bg.jpg` | ||
| - `images/post-bg.jpg` | ||
| - `images/about.jpg` | ||
| - `images/contact.jpg` | ||
| - `images/home.jpg` | ||
| - `images/post.jpg` | ||
| ### user provided tags | ||
| ### auto generated tags | ||
| found in the meta file as an array | ||
| ### auto generated tags (disabled) | ||
| are gathered from the plain text of each post based on heuristacs (rarity and uniqueness) | ||
@@ -86,3 +88,3 @@ | ||
| tags is a set that combines categories, user provided tags and auto generated tags. It is used for search function. They are also displayed after the post. | ||
| tags is a set that combines user provided tags and auto generated tags and title. It is used for search function. They are also displayed after the post. | ||
@@ -89,0 +91,0 @@ ### What is mark down |
@@ -255,7 +255,3 @@ /* stats.birthtime, can be later than modified date | ||
| posts.forEach(function (post) { | ||
| post.tags.forEach(function (tag) { | ||
| }); | ||
| niceDatesOnPost(post); | ||
| }); | ||
| posts.forEach(niceDatesOnPost); | ||
@@ -266,3 +262,3 @@ indexedPosts.forEach(function (post, i) { | ||
| }); | ||
| commonOptions.searchCode = await generateSearchCode(posts); | ||
| commonOptions.searchCode = await generateSearchCode(indexedPosts); | ||
| const contactPromise = createContact(commonOptions); | ||
@@ -269,0 +265,0 @@ const aboutPromise = createAbout(commonOptions); |
@@ -44,2 +44,3 @@ export { generateTags, wordCount, setFinalTags }; | ||
| ...post.categories, | ||
| ...post.title.split(` `).filter(Boolean), | ||
| ])))); | ||
@@ -46,0 +47,0 @@ }); |
Sorry, the diff of this file is not supported yet
Improved metrics
- Number of package files
- increased by13.33%
34
- Lines of code
- increased by0.01%
10115
- Number of lines in readme file
- increased by1.69%
120
Worsened metrics
- Total package byte prevSize
- decreased by-0.05%
281409