From 929371b82da10b05bc248a8bfef48ae15150f6bd Mon Sep 17 00:00:00 2001 From: Alex Cabal Date: Mon, 9 May 2022 15:45:14 -0500 Subject: [PATCH] Add icon to step by step guide --- .../producing-an-ebook-step-by-step.php | 7 +++- www/css/core.css | 38 +++++++----------- www/css/dark.css | 4 ++ www/css/manual.css | 22 ++++++++-- www/fonts/fork-awesome-subset.woff2 | Bin 1564 -> 1688 bytes 5 files changed, 42 insertions(+), 29 deletions(-) diff --git a/www/contribute/producing-an-ebook-step-by-step.php b/www/contribute/producing-an-ebook-step-by-step.php index 9a935872..214be02c 100644 --- a/www/contribute/producing-an-ebook-step-by-step.php +++ b/www/contribute/producing-an-ebook-step-by-step.php @@ -551,7 +551,7 @@ proceed to seal up my confession, I bring the life of that unhappy Henry Jekyll

  • Create the cover image

    • diff --git a/www/css/core.css b/www/css/core.css index e1355722..4ce04fbf 100644 --- a/www/css/core.css +++ b/www/css/core.css @@ -1,5 +1,5 @@ @font-face{ - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; src: url("/fonts/fork-awesome-subset.woff2") format("woff2"); font-weight: normal; font-style: normal; @@ -51,14 +51,6 @@ font-display: swap; } -@font-face{ - font-family: "Bebas Neue"; - src: url("/fonts/bebas-neue-subset.woff2") format("woff2"); - font-weight: normal; - font-style: normal; - font-display: swap; -} - :root{ --light-body-bg: #e9e7e0; --light-body-text: #222; @@ -675,7 +667,7 @@ form button:active{ a.button.next::after, .ebooks nav > a:last-child::after{ - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; content: "\f061"; transition: all 200ms ease; position: relative; @@ -691,7 +683,7 @@ a[href].button.next:hover::after, } .ebooks nav > a:first-child:before{ - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; content: "\f060"; transition: all 200ms ease; position: relative; @@ -1165,7 +1157,7 @@ footer > p{ align-items: center; } footer > p:first-child::before{ - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; content: "\f0e0"; display: inline; margin-right: .25rem; @@ -1530,7 +1522,7 @@ label.search input{ } select{ - font-family: "ForkAwesome", "Crimson Pro"; + font-family: "Fork Awesome", "Crimson Pro"; padding-left: 1rem; padding-right: 2rem; display: block; @@ -1554,7 +1546,7 @@ label.select > span + span::after{ top: calc((2rem + 1.4rem + 2px) / 2 - 10px); right: calc(1rem - 12px / 2); content: "\f107"; - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; font-size: 1rem; line-height: 1; color: var(--sub-text); @@ -1583,7 +1575,7 @@ label.search::before{ position: absolute; top: calc(2rem + .7rem); left: 1rem; - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; font-size: 1rem; line-height: 1; margin-right: 1rem; @@ -2221,7 +2213,7 @@ aside header{ .progress > div{ /* Animate the div instead of the bar itself, because animating the bar triggers an FF bug that causes infinite requsts to stripes.svg */ - background: url('/images/stripes.svg') transparent; + background: url("/images/stripes.svg") transparent; background-position: 0 0; animation: progress 2s linear infinite; z-index: 3; @@ -2298,7 +2290,7 @@ aside button.close{ position: absolute; top: 0; right: 0; - background: url('/images/close.svg') transparent; + background: url("/images/close.svg") transparent; background-size: 1rem 1rem; background-position: center; background-repeat: no-repeat; @@ -2381,12 +2373,12 @@ aside button.close:active{ } .ebook figure::after{ /* spine */ - content: ''; + content: ""; position: absolute; width: calc(var(--size) + 2px); height: 100%; left: calc(-1 * var(--size)); - background: no-repeat center center url('/images/logo-spine.svg') #222; + background: no-repeat center center url("/images/logo-spine.svg") #222; background-size: calc(var(--size) - .5rem) calc(var(--size) - .5rem); transform-origin: right; transform: skewY(45deg); @@ -2398,11 +2390,11 @@ aside button.close:active{ } .ebook figure picture::before{ /* pages */ - content: ''; + content: ""; position: absolute; width: var(--size); height: 235px; - background: url('/images/pages-texture.svg') #fff; + background: url("/images/pages-texture.svg") #fff; background-size: .5rem; /* needed to prevent visual glitch in FF */ top: calc(-1 * (234px + (var(--size) / 2)) + 5px); left: calc(-1 * var(--size)); @@ -2414,7 +2406,7 @@ aside button.close:active{ } .ebook figure picture::after{ /* back board */ - content: ''; + content: ""; position: absolute; width: 100%; height: 100%; @@ -2428,7 +2420,7 @@ aside button.close:active{ } .ebook figure::before{ /* shadow */ - content: ''; + content: ""; background: rgba(0, 0, 0, .5); position: absolute; top: calc(353px - var(--size)); diff --git a/www/css/dark.css b/www/css/dark.css index 0599cf35..c65724bf 100644 --- a/www/css/dark.css +++ b/www/css/dark.css @@ -89,3 +89,7 @@ aside.donation .flipboard span{ border-color: rgba(255,255,255,.5); box-shadow: none; } + +label.email::before{ + text-shadow: none; +} diff --git a/www/css/manual.css b/www/css/manual.css index e56a92f1..80e7567e 100644 --- a/www/css/manual.css +++ b/www/css/manual.css @@ -60,7 +60,7 @@ main.manual{ } main.manual.outdated{ - background: url('/images/outdated.svg'); + background: url("/images/outdated.svg"); } main code:first-child{ @@ -335,6 +335,20 @@ code.full .utf{ text-align: center; } +.alert p.warning::before, +.alert p.warning::after{ + content: "\f071"; + font-family: "Fork Awesome"; +} + +.alert p.warning::before{ + margin-right: 1rem; +} + +.alert p.warning::after{ + margin-left: 1rem; +} + figure p.wrong{ text-decoration-line: underline; text-decoration-style: wavy; @@ -343,7 +357,7 @@ figure p.wrong{ figure p.wrong::before, figure.wrong::before{ - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; content: "\f00d"; font-size: 1.5rem; width: 1.5rem; @@ -357,7 +371,7 @@ figure.wrong::before{ figure p.corrected::before, figure.corrected::before{ - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; content: "\f00c"; font-size: 1.5rem; line-height: 1; @@ -578,7 +592,7 @@ figure.corrected code{ } .manual aside.tip::before{ - font-family: "ForkAwesome"; + font-family: "Fork Awesome"; content: "\f0eb"; font-size: 1rem; position: absolute; diff --git a/www/fonts/fork-awesome-subset.woff2 b/www/fonts/fork-awesome-subset.woff2 index 9a5101bad81fbb93057e8d00b3fce7879100cd79..6f3662f8358d8bab4270b42a76b6dbbc32e0cf4f 100644 GIT binary patch delta 1673 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