diff --git a/.eleventy.js b/.eleventy.js index 3bd2c12..7697cf8 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -4,11 +4,11 @@ const path = require("path"); module.exports = function (eleventyConfig) { // Generate a collection of all books with their pages eleventyConfig.addCollection("booksWithPages", function (collectionApi) { - const books = collectionApi.getFilteredByGlob("src/ebooks/*/cover.md"); + const books = collectionApi.getFilteredByGlob("src/ebooks/*/index.html"); const pages = collectionApi.getFilteredByGlob("src/ebooks/*/pages/*.md"); return books.map(book => { - const bookSlug = book.filePathStem.split("/")[2]; + const bookSlug = book.filePathStem.split('/')[2]; const bookPages = pages .filter(page => page.inputPath.includes(bookSlug)) .sort((a, b) => { @@ -19,8 +19,10 @@ module.exports = function (eleventyConfig) { return { book: { - ...book.data, + title: book.data.title, + shortTitle: book.data.shortTitle, slug: bookSlug, + url: book.url }, pages: bookPages.map((page, index) => ({ ...page.data, // Include all frontmatter data diff --git a/src/COPYME_sample-ebook/index.html b/src/COPYME_sample-ebook/index.html index ebca62d..b2e116d 100644 --- a/src/COPYME_sample-ebook/index.html +++ b/src/COPYME_sample-ebook/index.html @@ -1,5 +1,6 @@ --- title: "Sample eBook" +shortTitle: "Sample eBook" layout: layout --- diff --git a/src/_includes/sidebar.liquid b/src/_includes/sidebar.liquid index 1b3c2ee..f779b50 100644 --- a/src/_includes/sidebar.liquid +++ b/src/_includes/sidebar.liquid @@ -10,9 +10,11 @@ {% assign currentBookSlug = page.filePathStem | split: "/" | slice: 2, 1 | join: "" %} {% for bookWithPages in collections.booksWithPages %} {% if bookWithPages.book.slug == currentBookSlug %} -
-
{{ bookWithPages.book.title }}
+
+ {{ bookWithPages.book.title }} + {{ bookWithPages.book.shortTitle | default: bookWithPages.book.title }} +
diff --git a/src/ebooks/keeping-government-consistent/index.html b/src/ebooks/keeping-government-consistent/index.html index f86294d..f0add17 100644 --- a/src/ebooks/keeping-government-consistent/index.html +++ b/src/ebooks/keeping-government-consistent/index.html @@ -1,6 +1,7 @@ --- -title: "Keeping State Government Websites Consistent and Accessible" -layout: layout +title: "Keeping Government Software Development Consistent Across Teams" +shortTitle: "Gov Software Teams" +layout: cover --- {% include 'page.liquid' %} diff --git a/src/ebooks/large-team-challenges/index.html b/src/ebooks/large-team-challenges/index.html index d762840..93308e7 100644 --- a/src/ebooks/large-team-challenges/index.html +++ b/src/ebooks/large-team-challenges/index.html @@ -1,6 +1,7 @@ --- -title: "Challenges for Large Content Teams" -layout: layout +title: "Managing Large Team Challenges in Government Software Projects" +shortTitle: "Team Management" +layout: cover --- {% include 'page.liquid' %} diff --git a/src/ebooks/over-structured-content/index.html b/src/ebooks/over-structured-content/index.html index 4f2e1af..2e90462 100644 --- a/src/ebooks/over-structured-content/index.html +++ b/src/ebooks/over-structured-content/index.html @@ -1,5 +1,6 @@ --- title: "5 Signs You’ve Over-structured Your Content" +shortTitle: "Over-structured Content" layout: layout --- diff --git a/src/ebooks/rogue-university/index.html b/src/ebooks/rogue-university/index.html index 9f83cbf..a85b3e9 100644 --- a/src/ebooks/rogue-university/index.html +++ b/src/ebooks/rogue-university/index.html @@ -1,5 +1,6 @@ --- -title: "How to Keep Your University’s Websites from Going Rogue" +title: "How to Keep Your University's Websites from Going Rogue" +shortTitle: "University Websites" layout: layout --- diff --git a/src/ebooks/why-your-cms-will-fail/index.html b/src/ebooks/why-your-cms-will-fail/index.html index 0791ad6..3f7bf4a 100644 --- a/src/ebooks/why-your-cms-will-fail/index.html +++ b/src/ebooks/why-your-cms-will-fail/index.html @@ -1,5 +1,6 @@ --- title: "Why Your CMS Project Will Fail" +shortTitle: "CMS Failure" layout: layout --- diff --git a/src/sass/styles.scss b/src/sass/styles.scss index 223cc93..8716c09 100644 --- a/src/sass/styles.scss +++ b/src/sass/styles.scss @@ -87,6 +87,23 @@ main { font-size: 1.25em; padding: 1em; } + + .short-title { + display: none; + } + } +} + +@media (height <= 920px) { + .sidebar .page-title { + div { + .full-title { + display: none; + } + .short-title { + display: inline; + } + } } } @@ -520,11 +537,19 @@ p { flex-direction: row; .page-title { - transform: rotate(90deg); + transform: none; + width: auto; div { - overflow: hidden; - text-overflow: ellipsis; + transform: none; + padding: 1em; + + .full-title { + display: none; + } + .short-title { + display: inline; + } } } }