diff options
| -rw-r--r-- | CHANGELOG.md | 5 | ||||
| -rw-r--r-- | css/footer.scss | 2 | ||||
| -rw-r--r-- | css/header.scss | 1 | ||||
| -rw-r--r-- | css/main.scss | 14 | ||||
| -rw-r--r-- | css/overview.scss | 1 | ||||
| -rw-r--r-- | css/page.scss | 1 | ||||
| -rw-r--r-- | include/prelude.php | 2 | ||||
| -rw-r--r-- | index.php | 2 | ||||
| -rw-r--r-- | svg/glyph/bzipper.svg | 12 | ||||
| -rw-r--r-- | svg/logo/bzipper.svg | 14 |
10 files changed, 39 insertions, 15 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 14741b5..5de3221 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ # Changelog +## 11.15 + +* Update font styling +* Update bzipper logo etc. + ## 11.14 * Revert alternative text change to glyphs diff --git a/css/footer.scss b/css/footer.scss index b289abd..92813c3 100644 --- a/css/footer.scss +++ b/css/footer.scss @@ -11,7 +11,7 @@ text-align: center; width: 100%; - #romanisation { + #arabic { $width: 31; $height: 11; diff --git a/css/header.scss b/css/header.scss index 7218670..d7c4873 100644 --- a/css/header.scss +++ b/css/header.scss @@ -2,6 +2,7 @@ $gap: 1rem; --foregroundColour: var(--backgroundColour); + --highlightColour: var(--textColour); align-items: center; background-color: var(--backgroundColour); diff --git a/css/main.scss b/css/main.scss index 591b8f8..fd46156 100644 --- a/css/main.scss +++ b/css/main.scss @@ -9,7 +9,7 @@ $separatorWidth: 0.25rem; $shadowColour: color-mix(in srgb, black, transparent 50%); @mixin separator { - background-color: var(--textColour); + background-color: var(--highlightColour); border-radius: calc($separatorWidth / 3); content: ""; display: block; @@ -34,6 +34,7 @@ body { --backgroundColour: oklch( 25% 0 0); --foregroundColour: oklch( 20% 0 0); --textColour: oklch(100% 0 0); + --highlightColour: var(--textColour); background-color: var(--backgroundColour); color: var(--textColour); @@ -45,15 +46,20 @@ body { &.light { --backgroundColour: oklch(96.875% 0 0); --foregroundColour: oklch(93.750% 0 0); - --textColour: oklch(25% 0 0); + --textColour: oklch(33.333% 0 0); + --highlightColour: oklch(25% 0 0); } } a, a:visited { - color: var(--textColour); + color: var(--highlightColour); cursor: pointer; } +h1 { + color: var(--highlightColour); +} + code { font-family: $codeFont; } @@ -62,7 +68,7 @@ img { // Set the `color` property so that alternative // text uses the correct colour. - color: var(--textColour); + color: var(--highlightColour); } ul { diff --git a/css/overview.scss b/css/overview.scss index ea8466b..b9429bd 100644 --- a/css/overview.scss +++ b/css/overview.scss @@ -12,6 +12,7 @@ a { --foregroundColour: var(--backgroundColour); + --highlightColour: var(--textColour); align-items: center; aspect-ratio: 1; diff --git a/css/page.scss b/css/page.scss index fd71b5b..2448f27 100644 --- a/css/page.scss +++ b/css/page.scss @@ -59,7 +59,6 @@ } p.note { - font-style: italic; font-weight: bold; text-align: left; text-align-last: left; diff --git a/include/prelude.php b/include/prelude.php index f772ad4..a1966af 100644 --- a/include/prelude.php +++ b/include/prelude.php @@ -27,7 +27,7 @@ "backspace" => ["#000000", "#FFFFFF"], "benoit" => ["#BA0035", "#FFFFFF"], "bowshock" => ["#B61833", "#FFEEE0"], - "bzipper" => ["#FFFFFF", "#B4202D"], + "bzipper" => ["#526F03", "#FFFFFF"], "deltaWorld" => ["#000000", "#FFFFFF"], "dux" => ["#131313", "#06FBB2"], "eas" => ["#01CD93", "#00291B"], @@ -126,7 +126,7 @@ </div> <footer id="footer"> - <div id="romanisation" title="آخِر اَلْنَهرِ"></div> + <div id="arabic" title="آخِر اَلْنَهْرِ"></div> <p id="starDescription">“ACHERNAR — type B star; primary component of ALPHA ERIDANI, i.e. ALPHA ERIDANI A; approx. (6) solar masses, (15) kilokelvin at surface; c. (3 668) light-seconds from sibling ALPHA ERIDANI B; no native lifeforms discovered on children, human life on terraformed ACHERNAR IV, a.k.a. CONVERSION.”</p> diff --git a/svg/glyph/bzipper.svg b/svg/glyph/bzipper.svg index 3af7bf9..a39df2d 100644 --- a/svg/glyph/bzipper.svg +++ b/svg/glyph/bzipper.svg @@ -1,8 +1,14 @@ <svg height="64" width="64" xmlns="http://www.w3.org/2000/svg"> <mask id="glyph"> - <polyline fill="none" points="4,12 4,4 60,4 20.970562748,60" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" /> - <polyline fill="none" points="60,52 60,60 4,60 43.029437252,4" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" /> + <rect fill="white" height="24" width="32" x="0" y="8" /> + <circle cx="32" cy="32" fill="black" r="16" /> + + <polygon fill="white" points="4,0 60,0 64,4 64,64 0,64 48,16 0,16 0,4" /> + <circle cx="4" cy="4" fill="white" r="4" /> + <circle cx="60" cy="4" fill="white" r="4" /> + + <circle cx="64" cy="64" fill="black" r="16" /> </mask> - <rect fill="#B4202D" height="100%" mask="url(#glyph)" width="100%" x="0" y="0" /> + <rect fill="#FFFFFF" height="100%" mask="url(#glyph)" width="100%" x="0" y="0" /> </svg> diff --git a/svg/logo/bzipper.svg b/svg/logo/bzipper.svg index 974c50b..52050cc 100644 --- a/svg/logo/bzipper.svg +++ b/svg/logo/bzipper.svg @@ -1,9 +1,15 @@ <svg height="96" width="96" xmlns="http://www.w3.org/2000/svg"> <mask id="z"> - <polyline fill="none" points="20,28 20,20 76,20 36.970562748,76" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" /> - <polyline fill="none" points="76,68 76,76 20,76 59.029437252,20" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="8" /> + <rect fill="white" height="24" width="32" x="16" y="24" /> + <circle cx="48" cy="48" fill="black" r="16" /> + + <polygon fill="white" points="20,16 76,16 80,20 80,80 16,80 64,32 16,32 16,20" /> + <circle cx="20" cy="20" fill="white" r="4" /> + <circle cx="76" cy="20" fill="white" r="4" /> + + <circle cx="80" cy="80" fill="black" r="16" /> </mask> - <rect fill="#FFFFFF" height="100%" width="100%" x="0" y="0" /> - <rect fill="#B4202D" height="100%" mask="url(#z)" width="100%" x="0" y="0" /> + <rect fill="#526F03" height="100%" width="100%" x="0" y="0" /> + <rect fill="#FFFFFF" height="100%" mask="url(#z)" width="100%" x="0" y="0" /> </svg> |
