godotengine/godot-website
1
0
Fork 0
mirror of https://github.com/godotengine/godot-website.git synced 2025-12-31 09:48:43 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add Godot priorities page (#955)

Browse Source 
Co-authored-by: Emi <2206700+coppolaemilio@users.noreply.github.com>
This commit is contained in:
Adam Scott
2024-12-02 15:44:47 -05:00
committed by GitHub
parent c0da3f39d9
commit 6f0e01cbc9
82 changed files with 2889 additions and 684 deletions
Download Patch File Download Diff File Expand all files Collapse all files

630
assets/css/codicon.css
View File

@@ -1,630 +0,0 @@
/*---------------------------------------------------------------------------------------------
* Copyright (c) Microsoft Corporation. All rights reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*--------------------------------------------------------------------------------------------*/
@font-face {
font-family: "codicon";
font-display: block;
src: url("../fonts/codicon.ttf") format("truetype");
}
.codicon[class*='codicon-'] {
font: normal normal normal 16px/1 codicon;
display: inline-block;
text-decoration: none;
text-rendering: auto;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
/*---------------------
* Modifiers
*-------------------*/
@keyframes codicon-spin {
100% {
transform:rotate(360deg);
}
}
.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin {
/* Use steps to throttle FPS to reduce CPU usage */
animation: codicon-spin 1.5s steps(30) infinite;
}
.codicon-modifier-disabled {
opacity: 0.5;
}
.codicon-modifier-hidden {
opacity: 0;
}
/* custom speed & easing for loading icon */
.codicon-loading {
animation-duration: 1s !important;
animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}
/*---------------------
* Icons
*-------------------*/
.codicon-add:before { content: "\ea60" }
.codicon-plus:before { content: "\ea60" }
.codicon-gist-new:before { content: "\ea60" }
.codicon-repo-create:before { content: "\ea60" }
.codicon-lightbulb:before { content: "\ea61" }
.codicon-light-bulb:before { content: "\ea61" }
.codicon-repo:before { content: "\ea62" }
.codicon-repo-delete:before { content: "\ea62" }
.codicon-gist-fork:before { content: "\ea63" }
.codicon-repo-forked:before { content: "\ea63" }
.codicon-git-pull-request:before { content: "\ea64" }
.codicon-git-pull-request-abandoned:before { content: "\ea64" }
.codicon-record-keys:before { content: "\ea65" }
.codicon-keyboard:before { content: "\ea65" }
.codicon-tag:before { content: "\ea66" }
.codicon-git-pull-request-label:before { content: "\ea66" }
.codicon-tag-add:before { content: "\ea66" }
.codicon-tag-remove:before { content: "\ea66" }
.codicon-person:before { content: "\ea67" }
.codicon-person-follow:before { content: "\ea67" }
.codicon-person-outline:before { content: "\ea67" }
.codicon-person-filled:before { content: "\ea67" }
.codicon-git-branch:before { content: "\ea68" }
.codicon-git-branch-create:before { content: "\ea68" }
.codicon-git-branch-delete:before { content: "\ea68" }
.codicon-source-control:before { content: "\ea68" }
.codicon-mirror:before { content: "\ea69" }
.codicon-mirror-public:before { content: "\ea69" }
.codicon-star:before { content: "\ea6a" }
.codicon-star-add:before { content: "\ea6a" }
.codicon-star-delete:before { content: "\ea6a" }
.codicon-star-empty:before { content: "\ea6a" }
.codicon-comment:before { content: "\ea6b" }
.codicon-comment-add:before { content: "\ea6b" }
.codicon-alert:before { content: "\ea6c" }
.codicon-warning:before { content: "\ea6c" }
.codicon-search:before { content: "\ea6d" }
.codicon-search-save:before { content: "\ea6d" }
.codicon-log-out:before { content: "\ea6e" }
.codicon-sign-out:before { content: "\ea6e" }
.codicon-log-in:before { content: "\ea6f" }
.codicon-sign-in:before { content: "\ea6f" }
.codicon-eye:before { content: "\ea70" }
.codicon-eye-unwatch:before { content: "\ea70" }
.codicon-eye-watch:before { content: "\ea70" }
.codicon-circle-filled:before { content: "\ea71" }
.codicon-primitive-dot:before { content: "\ea71" }
.codicon-close-dirty:before { content: "\ea71" }
.codicon-debug-breakpoint:before { content: "\ea71" }
.codicon-debug-breakpoint-disabled:before { content: "\ea71" }
.codicon-debug-hint:before { content: "\ea71" }
.codicon-terminal-decoration-success:before { content: "\ea71" }
.codicon-primitive-square:before { content: "\ea72" }
.codicon-edit:before { content: "\ea73" }
.codicon-pencil:before { content: "\ea73" }
.codicon-info:before { content: "\ea74" }
.codicon-issue-opened:before { content: "\ea74" }
.codicon-gist-private:before { content: "\ea75" }
.codicon-git-fork-private:before { content: "\ea75" }
.codicon-lock:before { content: "\ea75" }
.codicon-mirror-private:before { content: "\ea75" }
.codicon-close:before { content: "\ea76" }
.codicon-remove-close:before { content: "\ea76" }
.codicon-x:before { content: "\ea76" }
.codicon-repo-sync:before { content: "\ea77" }
.codicon-sync:before { content: "\ea77" }
.codicon-clone:before { content: "\ea78" }
.codicon-desktop-download:before { content: "\ea78" }
.codicon-beaker:before { content: "\ea79" }
.codicon-microscope:before { content: "\ea79" }
.codicon-vm:before { content: "\ea7a" }
.codicon-device-desktop:before { content: "\ea7a" }
.codicon-file:before { content: "\ea7b" }
.codicon-file-text:before { content: "\ea7b" }
.codicon-more:before { content: "\ea7c" }
.codicon-ellipsis:before { content: "\ea7c" }
.codicon-kebab-horizontal:before { content: "\ea7c" }
.codicon-mail-reply:before { content: "\ea7d" }
.codicon-reply:before { content: "\ea7d" }
.codicon-organization:before { content: "\ea7e" }
.codicon-organization-filled:before { content: "\ea7e" }
.codicon-organization-outline:before { content: "\ea7e" }
.codicon-new-file:before { content: "\ea7f" }
.codicon-file-add:before { content: "\ea7f" }
.codicon-new-folder:before { content: "\ea80" }
.codicon-file-directory-create:before { content: "\ea80" }
.codicon-trash:before { content: "\ea81" }
.codicon-trashcan:before { content: "\ea81" }
.codicon-history:before { content: "\ea82" }
.codicon-clock:before { content: "\ea82" }
.codicon-folder:before { content: "\ea83" }
.codicon-file-directory:before { content: "\ea83" }
.codicon-symbol-folder:before { content: "\ea83" }
.codicon-logo-github:before { content: "\ea84" }
.codicon-mark-github:before { content: "\ea84" }
.codicon-github:before { content: "\ea84" }
.codicon-terminal:before { content: "\ea85" }
.codicon-console:before { content: "\ea85" }
.codicon-repl:before { content: "\ea85" }
.codicon-zap:before { content: "\ea86" }
.codicon-symbol-event:before { content: "\ea86" }
.codicon-error:before { content: "\ea87" }
.codicon-stop:before { content: "\ea87" }
.codicon-variable:before { content: "\ea88" }
.codicon-symbol-variable:before { content: "\ea88" }
.codicon-array:before { content: "\ea8a" }
.codicon-symbol-array:before { content: "\ea8a" }
.codicon-symbol-module:before { content: "\ea8b" }
.codicon-symbol-package:before { content: "\ea8b" }
.codicon-symbol-namespace:before { content: "\ea8b" }
.codicon-symbol-object:before { content: "\ea8b" }
.codicon-symbol-method:before { content: "\ea8c" }
.codicon-symbol-function:before { content: "\ea8c" }
.codicon-symbol-constructor:before { content: "\ea8c" }
.codicon-symbol-boolean:before { content: "\ea8f" }
.codicon-symbol-null:before { content: "\ea8f" }
.codicon-symbol-numeric:before { content: "\ea90" }
.codicon-symbol-number:before { content: "\ea90" }
.codicon-symbol-structure:before { content: "\ea91" }
.codicon-symbol-struct:before { content: "\ea91" }
.codicon-symbol-parameter:before { content: "\ea92" }
.codicon-symbol-type-parameter:before { content: "\ea92" }
.codicon-symbol-key:before { content: "\ea93" }
.codicon-symbol-text:before { content: "\ea93" }
.codicon-symbol-reference:before { content: "\ea94" }
.codicon-go-to-file:before { content: "\ea94" }
.codicon-symbol-enum:before { content: "\ea95" }
.codicon-symbol-value:before { content: "\ea95" }
.codicon-symbol-ruler:before { content: "\ea96" }
.codicon-symbol-unit:before { content: "\ea96" }
.codicon-activate-breakpoints:before { content: "\ea97" }
.codicon-archive:before { content: "\ea98" }
.codicon-arrow-both:before { content: "\ea99" }
.codicon-arrow-down:before { content: "\ea9a" }
.codicon-arrow-left:before { content: "\ea9b" }
.codicon-arrow-right:before { content: "\ea9c" }
.codicon-arrow-small-down:before { content: "\ea9d" }
.codicon-arrow-small-left:before { content: "\ea9e" }
.codicon-arrow-small-right:before { content: "\ea9f" }
.codicon-arrow-small-up:before { content: "\eaa0" }
.codicon-arrow-up:before { content: "\eaa1" }
.codicon-bell:before { content: "\eaa2" }
.codicon-bold:before { content: "\eaa3" }
.codicon-book:before { content: "\eaa4" }
.codicon-bookmark:before { content: "\eaa5" }
.codicon-debug-breakpoint-conditional-unverified:before { content: "\eaa6" }
.codicon-debug-breakpoint-conditional:before { content: "\eaa7" }
.codicon-debug-breakpoint-conditional-disabled:before { content: "\eaa7" }
.codicon-debug-breakpoint-data-unverified:before { content: "\eaa8" }
.codicon-debug-breakpoint-data:before { content: "\eaa9" }
.codicon-debug-breakpoint-data-disabled:before { content: "\eaa9" }
.codicon-debug-breakpoint-log-unverified:before { content: "\eaaa" }
.codicon-debug-breakpoint-log:before { content: "\eaab" }
.codicon-debug-breakpoint-log-disabled:before { content: "\eaab" }
.codicon-briefcase:before { content: "\eaac" }
.codicon-broadcast:before { content: "\eaad" }
.codicon-browser:before { content: "\eaae" }
.codicon-bug:before { content: "\eaaf" }
.codicon-calendar:before { content: "\eab0" }
.codicon-case-sensitive:before { content: "\eab1" }
.codicon-check:before { content: "\eab2" }
.codicon-checklist:before { content: "\eab3" }
.codicon-chevron-down:before { content: "\eab4" }
.codicon-chevron-left:before { content: "\eab5" }
.codicon-chevron-right:before { content: "\eab6" }
.codicon-chevron-up:before { content: "\eab7" }
.codicon-chrome-close:before { content: "\eab8" }
.codicon-chrome-maximize:before { content: "\eab9" }
.codicon-chrome-minimize:before { content: "\eaba" }
.codicon-chrome-restore:before { content: "\eabb" }
.codicon-circle-outline:before { content: "\eabc" }
.codicon-circle:before { content: "\eabc" }
.codicon-debug-breakpoint-unverified:before { content: "\eabc" }
.codicon-terminal-decoration-incomplete:before { content: "\eabc" }
.codicon-circle-slash:before { content: "\eabd" }
.codicon-circuit-board:before { content: "\eabe" }
.codicon-clear-all:before { content: "\eabf" }
.codicon-clippy:before { content: "\eac0" }
.codicon-close-all:before { content: "\eac1" }
.codicon-cloud-download:before { content: "\eac2" }
.codicon-cloud-upload:before { content: "\eac3" }
.codicon-code:before { content: "\eac4" }
.codicon-collapse-all:before { content: "\eac5" }
.codicon-color-mode:before { content: "\eac6" }
.codicon-comment-discussion:before { content: "\eac7" }
.codicon-credit-card:before { content: "\eac9" }
.codicon-dash:before { content: "\eacc" }
.codicon-dashboard:before { content: "\eacd" }
.codicon-database:before { content: "\eace" }
.codicon-debug-continue:before { content: "\eacf" }
.codicon-debug-disconnect:before { content: "\ead0" }
.codicon-debug-pause:before { content: "\ead1" }
.codicon-debug-restart:before { content: "\ead2" }
.codicon-debug-start:before { content: "\ead3" }
.codicon-debug-step-into:before { content: "\ead4" }
.codicon-debug-step-out:before { content: "\ead5" }
.codicon-debug-step-over:before { content: "\ead6" }
.codicon-debug-stop:before { content: "\ead7" }
.codicon-debug:before { content: "\ead8" }
.codicon-device-camera-video:before { content: "\ead9" }
.codicon-device-camera:before { content: "\eada" }
.codicon-device-mobile:before { content: "\eadb" }
.codicon-diff-added:before { content: "\eadc" }
.codicon-diff-ignored:before { content: "\eadd" }
.codicon-diff-modified:before { content: "\eade" }
.codicon-diff-removed:before { content: "\eadf" }
.codicon-diff-renamed:before { content: "\eae0" }
.codicon-diff:before { content: "\eae1" }
.codicon-diff-sidebyside:before { content: "\eae1" }
.codicon-discard:before { content: "\eae2" }
.codicon-editor-layout:before { content: "\eae3" }
.codicon-empty-window:before { content: "\eae4" }
.codicon-exclude:before { content: "\eae5" }
.codicon-extensions:before { content: "\eae6" }
.codicon-eye-closed:before { content: "\eae7" }
.codicon-file-binary:before { content: "\eae8" }
.codicon-file-code:before { content: "\eae9" }
.codicon-file-media:before { content: "\eaea" }
.codicon-file-pdf:before { content: "\eaeb" }
.codicon-file-submodule:before { content: "\eaec" }
.codicon-file-symlink-directory:before { content: "\eaed" }
.codicon-file-symlink-file:before { content: "\eaee" }
.codicon-file-zip:before { content: "\eaef" }
.codicon-files:before { content: "\eaf0" }
.codicon-filter:before { content: "\eaf1" }
.codicon-flame:before { content: "\eaf2" }
.codicon-fold-down:before { content: "\eaf3" }
.codicon-fold-up:before { content: "\eaf4" }
.codicon-fold:before { content: "\eaf5" }
.codicon-folder-active:before { content: "\eaf6" }
.codicon-folder-opened:before { content: "\eaf7" }
.codicon-gear:before { content: "\eaf8" }
.codicon-gift:before { content: "\eaf9" }
.codicon-gist-secret:before { content: "\eafa" }
.codicon-gist:before { content: "\eafb" }
.codicon-git-commit:before { content: "\eafc" }
.codicon-git-compare:before { content: "\eafd" }
.codicon-compare-changes:before { content: "\eafd" }
.codicon-git-merge:before { content: "\eafe" }
.codicon-github-action:before { content: "\eaff" }
.codicon-github-alt:before { content: "\eb00" }
.codicon-globe:before { content: "\eb01" }
.codicon-grabber:before { content: "\eb02" }
.codicon-graph:before { content: "\eb03" }
.codicon-gripper:before { content: "\eb04" }
.codicon-heart:before { content: "\eb05" }
.codicon-home:before { content: "\eb06" }
.codicon-horizontal-rule:before { content: "\eb07" }
.codicon-hubot:before { content: "\eb08" }
.codicon-inbox:before { content: "\eb09" }
.codicon-issue-reopened:before { content: "\eb0b" }
.codicon-issues:before { content: "\eb0c" }
.codicon-italic:before { content: "\eb0d" }
.codicon-jersey:before { content: "\eb0e" }
.codicon-json:before { content: "\eb0f" }
.codicon-kebab-vertical:before { content: "\eb10" }
.codicon-key:before { content: "\eb11" }
.codicon-law:before { content: "\eb12" }
.codicon-lightbulb-autofix:before { content: "\eb13" }
.codicon-link-external:before { content: "\eb14" }
.codicon-link:before { content: "\eb15" }
.codicon-list-ordered:before { content: "\eb16" }
.codicon-list-unordered:before { content: "\eb17" }
.codicon-live-share:before { content: "\eb18" }
.codicon-loading:before { content: "\eb19" }
.codicon-location:before { content: "\eb1a" }
.codicon-mail-read:before { content: "\eb1b" }
.codicon-mail:before { content: "\eb1c" }
.codicon-markdown:before { content: "\eb1d" }
.codicon-megaphone:before { content: "\eb1e" }
.codicon-mention:before { content: "\eb1f" }
.codicon-milestone:before { content: "\eb20" }
.codicon-git-pull-request-milestone:before { content: "\eb20" }
.codicon-mortar-board:before { content: "\eb21" }
.codicon-move:before { content: "\eb22" }
.codicon-multiple-windows:before { content: "\eb23" }
.codicon-mute:before { content: "\eb24" }
.codicon-no-newline:before { content: "\eb25" }
.codicon-note:before { content: "\eb26" }
.codicon-octoface:before { content: "\eb27" }
.codicon-open-preview:before { content: "\eb28" }
.codicon-package:before { content: "\eb29" }
.codicon-paintcan:before { content: "\eb2a" }
.codicon-pin:before { content: "\eb2b" }
.codicon-play:before { content: "\eb2c" }
.codicon-run:before { content: "\eb2c" }
.codicon-plug:before { content: "\eb2d" }
.codicon-preserve-case:before { content: "\eb2e" }
.codicon-preview:before { content: "\eb2f" }
.codicon-project:before { content: "\eb30" }
.codicon-pulse:before { content: "\eb31" }
.codicon-question:before { content: "\eb32" }
.codicon-quote:before { content: "\eb33" }
.codicon-radio-tower:before { content: "\eb34" }
.codicon-reactions:before { content: "\eb35" }
.codicon-references:before { content: "\eb36" }
.codicon-refresh:before { content: "\eb37" }
.codicon-regex:before { content: "\eb38" }
.codicon-remote-explorer:before { content: "\eb39" }
.codicon-remote:before { content: "\eb3a" }
.codicon-remove:before { content: "\eb3b" }
.codicon-replace-all:before { content: "\eb3c" }
.codicon-replace:before { content: "\eb3d" }
.codicon-repo-clone:before { content: "\eb3e" }
.codicon-repo-force-push:before { content: "\eb3f" }
.codicon-repo-pull:before { content: "\eb40" }
.codicon-repo-push:before { content: "\eb41" }
.codicon-report:before { content: "\eb42" }
.codicon-request-changes:before { content: "\eb43" }
.codicon-rocket:before { content: "\eb44" }
.codicon-root-folder-opened:before { content: "\eb45" }
.codicon-root-folder:before { content: "\eb46" }
.codicon-rss:before { content: "\eb47" }
.codicon-ruby:before { content: "\eb48" }
.codicon-save-all:before { content: "\eb49" }
.codicon-save-as:before { content: "\eb4a" }
.codicon-save:before { content: "\eb4b" }
.codicon-screen-full:before { content: "\eb4c" }
.codicon-screen-normal:before { content: "\eb4d" }
.codicon-search-stop:before { content: "\eb4e" }
.codicon-server:before { content: "\eb50" }
.codicon-settings-gear:before { content: "\eb51" }
.codicon-settings:before { content: "\eb52" }
.codicon-shield:before { content: "\eb53" }
.codicon-smiley:before { content: "\eb54" }
.codicon-sort-precedence:before { content: "\eb55" }
.codicon-split-horizontal:before { content: "\eb56" }
.codicon-split-vertical:before { content: "\eb57" }
.codicon-squirrel:before { content: "\eb58" }
.codicon-star-full:before { content: "\eb59" }
.codicon-star-half:before { content: "\eb5a" }
.codicon-symbol-class:before { content: "\eb5b" }
.codicon-symbol-color:before { content: "\eb5c" }
.codicon-symbol-constant:before { content: "\eb5d" }
.codicon-symbol-enum-member:before { content: "\eb5e" }
.codicon-symbol-field:before { content: "\eb5f" }
.codicon-symbol-file:before { content: "\eb60" }
.codicon-symbol-interface:before { content: "\eb61" }
.codicon-symbol-keyword:before { content: "\eb62" }
.codicon-symbol-misc:before { content: "\eb63" }
.codicon-symbol-operator:before { content: "\eb64" }
.codicon-symbol-property:before { content: "\eb65" }
.codicon-wrench:before { content: "\eb65" }
.codicon-wrench-subaction:before { content: "\eb65" }
.codicon-symbol-snippet:before { content: "\eb66" }
.codicon-tasklist:before { content: "\eb67" }
.codicon-telescope:before { content: "\eb68" }
.codicon-text-size:before { content: "\eb69" }
.codicon-three-bars:before { content: "\eb6a" }
.codicon-thumbsdown:before { content: "\eb6b" }
.codicon-thumbsup:before { content: "\eb6c" }
.codicon-tools:before { content: "\eb6d" }
.codicon-triangle-down:before { content: "\eb6e" }
.codicon-triangle-left:before { content: "\eb6f" }
.codicon-triangle-right:before { content: "\eb70" }
.codicon-triangle-up:before { content: "\eb71" }
.codicon-twitter:before { content: "\eb72" }
.codicon-unfold:before { content: "\eb73" }
.codicon-unlock:before { content: "\eb74" }
.codicon-unmute:before { content: "\eb75" }
.codicon-unverified:before { content: "\eb76" }
.codicon-verified:before { content: "\eb77" }
.codicon-versions:before { content: "\eb78" }
.codicon-vm-active:before { content: "\eb79" }
.codicon-vm-outline:before { content: "\eb7a" }
.codicon-vm-running:before { content: "\eb7b" }
.codicon-watch:before { content: "\eb7c" }
.codicon-whitespace:before { content: "\eb7d" }
.codicon-whole-word:before { content: "\eb7e" }
.codicon-window:before { content: "\eb7f" }
.codicon-word-wrap:before { content: "\eb80" }
.codicon-zoom-in:before { content: "\eb81" }
.codicon-zoom-out:before { content: "\eb82" }
.codicon-list-filter:before { content: "\eb83" }
.codicon-list-flat:before { content: "\eb84" }
.codicon-list-selection:before { content: "\eb85" }
.codicon-selection:before { content: "\eb85" }
.codicon-list-tree:before { content: "\eb86" }
.codicon-debug-breakpoint-function-unverified:before { content: "\eb87" }
.codicon-debug-breakpoint-function:before { content: "\eb88" }
.codicon-debug-breakpoint-function-disabled:before { content: "\eb88" }
.codicon-debug-stackframe-active:before { content: "\eb89" }
.codicon-circle-small-filled:before { content: "\eb8a" }
.codicon-debug-stackframe-dot:before { content: "\eb8a" }
.codicon-terminal-decoration-mark:before { content: "\eb8a" }
.codicon-debug-stackframe:before { content: "\eb8b" }
.codicon-debug-stackframe-focused:before { content: "\eb8b" }
.codicon-debug-breakpoint-unsupported:before { content: "\eb8c" }
.codicon-symbol-string:before { content: "\eb8d" }
.codicon-debug-reverse-continue:before { content: "\eb8e" }
.codicon-debug-step-back:before { content: "\eb8f" }
.codicon-debug-restart-frame:before { content: "\eb90" }
.codicon-debug-alt:before { content: "\eb91" }
.codicon-call-incoming:before { content: "\eb92" }
.codicon-call-outgoing:before { content: "\eb93" }
.codicon-menu:before { content: "\eb94" }
.codicon-expand-all:before { content: "\eb95" }
.codicon-feedback:before { content: "\eb96" }
.codicon-git-pull-request-reviewer:before { content: "\eb96" }
.codicon-group-by-ref-type:before { content: "\eb97" }
.codicon-ungroup-by-ref-type:before { content: "\eb98" }
.codicon-account:before { content: "\eb99" }
.codicon-git-pull-request-assignee:before { content: "\eb99" }
.codicon-bell-dot:before { content: "\eb9a" }
.codicon-debug-console:before { content: "\eb9b" }
.codicon-library:before { content: "\eb9c" }
.codicon-output:before { content: "\eb9d" }
.codicon-run-all:before { content: "\eb9e" }
.codicon-sync-ignored:before { content: "\eb9f" }
.codicon-pinned:before { content: "\eba0" }
.codicon-github-inverted:before { content: "\eba1" }
.codicon-server-process:before { content: "\eba2" }
.codicon-server-environment:before { content: "\eba3" }
.codicon-pass:before { content: "\eba4" }
.codicon-issue-closed:before { content: "\eba4" }
.codicon-stop-circle:before { content: "\eba5" }
.codicon-play-circle:before { content: "\eba6" }
.codicon-record:before { content: "\eba7" }
.codicon-debug-alt-small:before { content: "\eba8" }
.codicon-vm-connect:before { content: "\eba9" }
.codicon-cloud:before { content: "\ebaa" }
.codicon-merge:before { content: "\ebab" }
.codicon-export:before { content: "\ebac" }
.codicon-graph-left:before { content: "\ebad" }
.codicon-magnet:before { content: "\ebae" }
.codicon-notebook:before { content: "\ebaf" }
.codicon-redo:before { content: "\ebb0" }
.codicon-check-all:before { content: "\ebb1" }
.codicon-pinned-dirty:before { content: "\ebb2" }
.codicon-pass-filled:before { content: "\ebb3" }
.codicon-circle-large-filled:before { content: "\ebb4" }
.codicon-circle-large:before { content: "\ebb5" }
.codicon-circle-large-outline:before { content: "\ebb5" }
.codicon-combine:before { content: "\ebb6" }
.codicon-gather:before { content: "\ebb6" }
.codicon-table:before { content: "\ebb7" }
.codicon-variable-group:before { content: "\ebb8" }
.codicon-type-hierarchy:before { content: "\ebb9" }
.codicon-type-hierarchy-sub:before { content: "\ebba" }
.codicon-type-hierarchy-super:before { content: "\ebbb" }
.codicon-git-pull-request-create:before { content: "\ebbc" }
.codicon-run-above:before { content: "\ebbd" }
.codicon-run-below:before { content: "\ebbe" }
.codicon-notebook-template:before { content: "\ebbf" }
.codicon-debug-rerun:before { content: "\ebc0" }
.codicon-workspace-trusted:before { content: "\ebc1" }
.codicon-workspace-untrusted:before { content: "\ebc2" }
.codicon-workspace-unknown:before { content: "\ebc3" }
.codicon-terminal-cmd:before { content: "\ebc4" }
.codicon-terminal-debian:before { content: "\ebc5" }
.codicon-terminal-linux:before { content: "\ebc6" }
.codicon-terminal-powershell:before { content: "\ebc7" }
.codicon-terminal-tmux:before { content: "\ebc8" }
.codicon-terminal-ubuntu:before { content: "\ebc9" }
.codicon-terminal-bash:before { content: "\ebca" }
.codicon-arrow-swap:before { content: "\ebcb" }
.codicon-copy:before { content: "\ebcc" }
.codicon-person-add:before { content: "\ebcd" }
.codicon-filter-filled:before { content: "\ebce" }
.codicon-wand:before { content: "\ebcf" }
.codicon-debug-line-by-line:before { content: "\ebd0" }
.codicon-inspect:before { content: "\ebd1" }
.codicon-layers:before { content: "\ebd2" }
.codicon-layers-dot:before { content: "\ebd3" }
.codicon-layers-active:before { content: "\ebd4" }
.codicon-compass:before { content: "\ebd5" }
.codicon-compass-dot:before { content: "\ebd6" }
.codicon-compass-active:before { content: "\ebd7" }
.codicon-azure:before { content: "\ebd8" }
.codicon-issue-draft:before { content: "\ebd9" }
.codicon-git-pull-request-closed:before { content: "\ebda" }
.codicon-git-pull-request-draft:before { content: "\ebdb" }
.codicon-debug-all:before { content: "\ebdc" }
.codicon-debug-coverage:before { content: "\ebdd" }
.codicon-run-errors:before { content: "\ebde" }
.codicon-folder-library:before { content: "\ebdf" }
.codicon-debug-continue-small:before { content: "\ebe0" }
.codicon-beaker-stop:before { content: "\ebe1" }
.codicon-graph-line:before { content: "\ebe2" }
.codicon-graph-scatter:before { content: "\ebe3" }
.codicon-pie-chart:before { content: "\ebe4" }
.codicon-bracket:before { content: "\eb0f" }
.codicon-bracket-dot:before { content: "\ebe5" }
.codicon-bracket-error:before { content: "\ebe6" }
.codicon-lock-small:before { content: "\ebe7" }
.codicon-azure-devops:before { content: "\ebe8" }
.codicon-verified-filled:before { content: "\ebe9" }
.codicon-newline:before { content: "\ebea" }
.codicon-layout:before { content: "\ebeb" }
.codicon-layout-activitybar-left:before { content: "\ebec" }
.codicon-layout-activitybar-right:before { content: "\ebed" }
.codicon-layout-panel-left:before { content: "\ebee" }
.codicon-layout-panel-center:before { content: "\ebef" }
.codicon-layout-panel-justify:before { content: "\ebf0" }
.codicon-layout-panel-right:before { content: "\ebf1" }
.codicon-layout-panel:before { content: "\ebf2" }
.codicon-layout-sidebar-left:before { content: "\ebf3" }
.codicon-layout-sidebar-right:before { content: "\ebf4" }
.codicon-layout-statusbar:before { content: "\ebf5" }
.codicon-layout-menubar:before { content: "\ebf6" }
.codicon-layout-centered:before { content: "\ebf7" }
.codicon-target:before { content: "\ebf8" }
.codicon-indent:before { content: "\ebf9" }
.codicon-record-small:before { content: "\ebfa" }
.codicon-error-small:before { content: "\ebfb" }
.codicon-terminal-decoration-error:before { content: "\ebfb" }
.codicon-arrow-circle-down:before { content: "\ebfc" }
.codicon-arrow-circle-left:before { content: "\ebfd" }
.codicon-arrow-circle-right:before { content: "\ebfe" }
.codicon-arrow-circle-up:before { content: "\ebff" }
.codicon-layout-sidebar-right-off:before { content: "\ec00" }
.codicon-layout-panel-off:before { content: "\ec01" }
.codicon-layout-sidebar-left-off:before { content: "\ec02" }
.codicon-blank:before { content: "\ec03" }
.codicon-heart-filled:before { content: "\ec04" }
.codicon-map:before { content: "\ec05" }
.codicon-map-horizontal:before { content: "\ec05" }
.codicon-fold-horizontal:before { content: "\ec05" }
.codicon-map-filled:before { content: "\ec06" }
.codicon-map-horizontal-filled:before { content: "\ec06" }
.codicon-fold-horizontal-filled:before { content: "\ec06" }
.codicon-circle-small:before { content: "\ec07" }
.codicon-bell-slash:before { content: "\ec08" }
.codicon-bell-slash-dot:before { content: "\ec09" }
.codicon-comment-unresolved:before { content: "\ec0a" }
.codicon-git-pull-request-go-to-changes:before { content: "\ec0b" }
.codicon-git-pull-request-new-changes:before { content: "\ec0c" }
.codicon-search-fuzzy:before { content: "\ec0d" }
.codicon-comment-draft:before { content: "\ec0e" }
.codicon-send:before { content: "\ec0f" }
.codicon-sparkle:before { content: "\ec10" }
.codicon-insert:before { content: "\ec11" }
.codicon-mic:before { content: "\ec12" }
.codicon-thumbsdown-filled:before { content: "\ec13" }
.codicon-thumbsup-filled:before { content: "\ec14" }
.codicon-coffee:before { content: "\ec15" }
.codicon-snake:before { content: "\ec16" }
.codicon-game:before { content: "\ec17" }
.codicon-vr:before { content: "\ec18" }
.codicon-chip:before { content: "\ec19" }
.codicon-piano:before { content: "\ec1a" }
.codicon-music:before { content: "\ec1b" }
.codicon-mic-filled:before { content: "\ec1c" }
.codicon-repo-fetch:before { content: "\ec1d" }
.codicon-copilot:before { content: "\ec1e" }
.codicon-lightbulb-sparkle:before { content: "\ec1f" }
.codicon-robot:before { content: "\ec20" }
.codicon-sparkle-filled:before { content: "\ec21" }
.codicon-diff-single:before { content: "\ec22" }
.codicon-diff-multiple:before { content: "\ec23" }
.codicon-surround-with:before { content: "\ec24" }
.codicon-share:before { content: "\ec25" }
.codicon-git-stash:before { content: "\ec26" }
.codicon-git-stash-apply:before { content: "\ec27" }
.codicon-git-stash-pop:before { content: "\ec28" }
.codicon-vscode:before { content: "\ec29" }
.codicon-vscode-insiders:before { content: "\ec2a" }
.codicon-code-oss:before { content: "\ec2b" }
.codicon-run-coverage:before { content: "\ec2c" }
.codicon-run-all-coverage:before { content: "\ec2d" }
.codicon-coverage:before { content: "\ec2e" }
.codicon-github-project:before { content: "\ec2f" }
.codicon-map-vertical:before { content: "\ec30" }
.codicon-fold-vertical:before { content: "\ec30" }
.codicon-map-vertical-filled:before { content: "\ec31" }
.codicon-fold-vertical-filled:before { content: "\ec31" }
.codicon-go-to-search:before { content: "\ec32" }
.codicon-percentage:before { content: "\ec33" }
.codicon-sort-percentage:before { content: "\ec33" }
.codicon-attach:before { content: "\ec34" }
.codicon-git-fetch:before { content: "\f101" }

84
assets/css/main.scss
View File

@@ -259,6 +259,7 @@
*:focus {
/* More visible outline for better keyboard navigation. */
outline: 0.125rem solid hsl(220, 100%, 62.5%);
outline-color: currentcolor;
/* Make the outline always appear above other elements. */
/* Otherwise, one of its sides can be hidden by tabs in the Download and More layouts. */
position: relative;
@@ -282,7 +283,6 @@ body a {
color: var(--link-color);
text-decoration: underline;
text-decoration-color: var(--link-underline-color);
text-decoration-thickness: 0.125rem;
/* Prevent color transitions from being too fast (for epilepsy). */
transition: 0.1s filter;
}
@@ -311,7 +311,7 @@ h1,
h2,
h3,
h4,
nav a,
#nav a,
.btn,
a.btn,
.title-font {
@@ -437,31 +437,33 @@ header {
.container {
overflow: initial;
}
.fund {
margin-right: 0px;
&.desktop {
@media (max-width: 1200px) {
display: none;
}
}
&.mobile {
top: -2px;
position: relative;
@media (min-width: 1200px) {
display: none;
}
}
a {
text-decoration: none;
color: var(--fund-color);
color: white;
background-color: var(--fund-color) !important; // avoid hover overwrite
border-radius: var(--button-border-radius);
box-shadow: inset 0 0 0 2px var(--fund-color);
padding: 13px;
}
}
#nav, #nav_head {
.fund {
margin-right: 0px;
&.desktop {
@media (max-width: 1200px) {
display: none;
}
}
&.mobile {
top: -2px;
position: relative;
@media (min-width: 1200px) {
display: none;
}
}
a {
text-decoration: none;
color: var(--fund-color);
color: white;
background-color: var(--fund-color) !important; // avoid hover overwrite
border-radius: var(--button-border-radius);
box-shadow: inset 0 0 0 2px var(--fund-color);
padding: 13px;
}
}
}
#logo-link {
/* Make the logo's clickable area as tall as for other navigation links. */
padding: 0.2rem 0.5rem;
@@ -496,7 +498,7 @@ header > div.container {
align-items: center;
}
nav {
#nav {
width: 100%;
display: flex;
justify-content: space-between;
@@ -504,7 +506,7 @@ nav {
padding-right: 1rem;
}
nav a {
#nav a {
text-decoration: none;
font-size: 16px;
font-weight: 400;
@@ -513,32 +515,32 @@ nav a {
padding: 1.3175rem 1rem;
}
nav a:hover,
#nav a:hover,
#logo-link:hover {
background-color: hsla(0, 0%, 50%, 0.1);
}
nav ul {
#nav ul {
list-style: none;
margin: 0;
padding-left: 0;
}
nav > ul {
#nav > ul {
display: flex;
align-items: center;
height: 100%;
}
nav > ul > :first-child {
#nav > ul > :first-child {
padding-left: 0;
}
nav > ul > :last-child {
#nav > ul > :last-child {
padding-right: 0;
}
nav > ul li {
#nav > ul li {
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 0;
@@ -546,11 +548,11 @@ nav > ul li {
margin-right: -1rem;
}
nav li.active > a {
#nav li.active > a {
color: var(--navbar-link-current-color);
}
nav > ul ul {
#nav > ul ul {
display: none;
}
@@ -1026,20 +1028,20 @@ pre > code {
#nav {
display: none;
}
nav ul {
#nav ul {
align-items: flex-start;
flex-direction: column;
height: auto;
}
nav > ul {
#nav > ul {
margin-bottom: 16px;
}
nav ul li {
#nav ul li {
padding: 0;
padding-top: 16px;
width: 100%;
}
nav ul a {
#nav ul a {
width: 100%;
display: block;
/* Make links easier to click but still close to each other. */

939
assets/css/priorities/base.scss Normal file
View File

@@ -0,0 +1,939 @@
---
---
// Fixes the parsing of the unusual front matter / SCSS file.
*{};
//
// Reset
//
ul {
line-height: unset;
padding-left: unset;
}
//
// Imports
//
@import "./details.css";
//
// Variables
//
$large-min-width: 1200px;
$mobile-max-width: 700px;
$mobile-sm-max-width: 450px;
$gap: 1.25rem;
$border-radius: 15px;
$element-meta-planning-bar-width: 15%;
$element-meta-ongoing-bar-width: 50%;
$color-background-light: #FFFFFF;
$color-background-dark: rgb(51, 54, 57);
$color-red: #f35774;
$color-category-level-1: hsl(206, 58%, 52%);
$color-category-level-2-light: rgb(165, 173, 200);
$color-category-level-2-dark: #202325;
$color-text-light: #4a5365;
$color-text-dark: rgba(255, 255, 255, 0.9);
$color-element-background-light:
adjust-color(#d5daea, $lightness: +7.5%);
$color-element-background-dark: adjust-color(#202325, $lightness: +2.5%);
@function create-outline-rule($outline-color) {
@return 0.125rem solid $outline-color;
}
$outline-color: #4080ff;
$outline: create-outline-rule($outline-color: $outline-color);
$outline-inverted: create-outline-rule($outline-color: adjust-color($color: invert($outline-color), $lightness: +10%));
$detail-color: (
note: (rgb(26, 127, 55), rgb(45, 175, 71)),
warning: (rgb(154, 103, 0), rgb(201, 135, 4)),
links: (rgb(9, 105, 218), rgb(34, 119, 247)),
trackers: (rgb(19, 136, 140), rgb(34, 240, 254)),
prs: (rgb(130, 80, 223), rgb(148, 94, 249)),
issues: (rgb(207, 34, 46), rgb(249, 62, 58)),
proposals: (rgb(207, 106, 34), rgb(246, 118, 58)),
);
//
// Functions
//
//
// Mixins
//
@mixin is-dark() {
@media screen and (prefers-color-scheme: dark) {
@content;
}
}
@mixin is-light() {
@media screen and (prefers-color-scheme: light) {
@content;
}
}
@mixin is-large() {
@media screen and (min-width: #{$large-min-width}) {
@content;
}
}
@mixin is-mobile() {
@media screen and (max-width: #{$mobile-max-width}) {
@content;
}
}
@mixin is-mobile-sm() {
@media screen and (max-width: #{$mobile-sm-max-width}) {
@content;
}
}
@mixin is-retina() {
@media screen and (min-resolution: 2x) {
@content;
}
}
// ---
@mixin anchor-icon($icon-color) {
.anchor-icon {
display: inline-block;
opacity: 0;
transition: opacity 0.2s ease-out;
$size: 0.8rem;
$min-size: 19px;
mask-image: url(/assets/icons/link.svg);
mask-size: 100% 100%;
mask-repeat: no-repeat;
height: $size;
width: $size;
min-height: $min-size;
min-width: $min-size;
background-color: $icon-color;
}
}
@mixin remove-markdown-margins() {
> p {
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
}
@mixin reset-lists() {
> ul {
// Force reset the style for the first list.
list-style-type: disc;
}
> ol {
// Force reset the style for the first list.
counter-reset: element-details-list-counter;
}
}
//
// General
//
:root {
scroll-behavior: smooth;
@media (prefers-reduced-motion) {
scroll-behavior: auto;
}
scroll-padding-top: $gap;
}
//
// Main content.
//
.priorities-container {
font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
background-color: var(--card-background-color);
overflow: visible;
position: relative;
> .priorities-intro {
@mixin set-background($color, $url) {
$color-with-alpha: change-color($color, $alpha: 0.866667);
background:
linear-gradient(to right, $color-with-alpha, $color-with-alpha),
linear-gradient(to bottom, rgba(0,0,0,0) 25%, $color 100%),
url($url);
background-color: black;
background-size: cover, cover, cover;
background-repeat: repeat, repeat, repeat;
}
@mixin setup-background($color) {
@include set-background(
$color: $color,
$url: "/storage/priorities/images/page/map2-2048.webp"
);
@include is-retina() {
@include set-background(
$color: $color,
$url: "/storage/priorities/images/page/map2-4096.webp"
);
}
}
@include setup-background($color: $color-background-light);
@include is-dark() {
@include setup-background($color: $color-background-dark);
}
> .banner {
.container {
padding-top: 7rem;
// padding-bottom: 7rem;
h1 {
margin-bottom: 0;
}
.banner-last-updated {
.label {
.last-updated {
display: inline;
}
.recently-updated {
display: none;
font-weight: 600;
color: $color-red;
}
@at-root #{selector-replace(&, ".banner-last-updated", ".banner-last-updated.recent")} {
.last-updated {
display: none;
}
.recently-updated {
display: inline;
}
}
}
}
}
}
> .intro {
.intro-text {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: $gap;
margin-bottom: (3 * $gap);
@include is-mobile() {
grid-template-columns: 1fr;
gap: 0;
}
}
.wishlist-btns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-areas:
"donate howto contact";
gap: $gap;
margin: (3 * $gap) 0;
font-weight: 600;
@include is-mobile() {
grid-template-columns: repeat(2, 1fr);
grid-template-areas:
"donate donate"
"howto contact";
}
@include is-mobile-sm() {
grid-template-columns: repeat(1, 1fr);
grid-template-areas:
"donate"
"howto"
"contact";
}
.donate {
grid-area: donate;
}
.howto {
grid-area: howto;
}
.contact {
grid-area: contact;
}
.wishlist-btn-anchor {
color: $color-red;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.wishlist-btn-text {
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
> .navigation {
top: 0px;
z-index: 1000;
background-color: $color-background-light;
@include is-dark() {
background-color: $color-background-dark;
}
margin: $gap 0;
-webkit-user-select: none;
user-select: none;
li {
list-style: none;
margin-bottom: 0;
}
.navigation-list-container {
position: relative;
.navigation-list {
margin: 0;
display: flex;
flex-direction: row;
justify-content: space-between;
gap: $gap;
@include is-mobile() {
display: grid;
grid-template-columns: 1fr 1fr;
}
@include is-mobile-sm() {
grid-template-columns: 1fr;
}
> li {
list-style: none;
flex-grow: 1;
width: 100%;
margin: 0;
.navigation-list-details {
.navigation-list-summary {
display: flex;
flex-direction: row;
// Disable toggling.
pointer-events: none;
-webkit-user-select: none;
user-select: none;
background-color: $color-element-background-light;
@include is-dark() {
background-color: $color-element-background-dark;
}
&:hover {
filter: brightness(117.5%);
@include is-light() {
filter: brightness(102%);
}
&:has(.label a:hover) {
filter: none;
}
}
border-radius: $border-radius;
width: calc(100% - #{$gap * 2});
height: 100%;
padding: $gap $gap;
cursor: pointer;
&::-webkit-details-marker {
display: none;
}
.label {
width: 100%;
flex-grow: 1;
a {
pointer-events: all;
}
}
.toggle {
// As we disabled the <details> tag, we remove the toggle icon visually.
display: none;
flex-grow: 0;
.more {
display: block;
}
.less {
display: none;
}
@at-root #{selector-replace(&, ".navigation-list-details", ".navigation-list-details[open]")} {
.more {
display: none;
}
.less {
display: block;
}
}
}
}
.navigation-sublist {
display: flex;
flex-direction: column;
gap: $gap / 4;
margin-top: $gap / 2;
margin-left: $gap;
}
}
}
}
}
}
// i.e. "core", "rendering", or "physics"
> .priorities {
display: flex;
flex-direction: column;
gap: $gap * 2;
padding: ($gap * 2) 0;
.category {
> .container {
> .category-details {
> .category-summary {
display: grid;
grid-template-areas:
"title anchor . icon";
grid-template-columns:
auto min-content 1fr min-content;
gap: $gap;
align-items: baseline;
border-radius: $border-radius;
padding: 1rem 2rem;
letter-spacing: -2px;
font-weight: 600;
color: white;
cursor: pointer;
line-height: 3rem;
list-style: none;
&::-webkit-details-marker {
display: none;
}
&:focus {
outline: none;
}
// .category.level-1
@at-root #{selector-replace(&, ".category", ".category.level-1")} {
font-size: 3rem;
background-color: $color-category-level-1;
}
// .category.level-2
@at-root #{selector-replace(&, ".category", ".category.level-2")} {
font-size: 2.125rem;
background-color: $color-category-level-2-light;
@include is-dark() {
background-color: $color-category-level-2-dark;
}
@include is-light() {
&:hover {
filter: brightness(105%);
}
}
}
&:hover {
filter: brightness(117.5%);
}
> .category-anchor-container {
grid-area: anchor;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
> .category-anchor {
display: block;
position: relative;
text-decoration: none;
color: white;
.anchor-icon {
@at-root #{selector-replace(&, ".category-summary", ".category-summary:hover")} {
opacity: 0.6;
}
@at-root #{selector-replace(&, ".category-anchor", ".category-anchor:focus")} {
opacity: 0.6;
}
}
&:focus {
outline: $outline-inverted;
}
$anchor-icon-color: white;
@include anchor-icon($icon-color: white);
}
}
.category-title {
grid-area: title;
position: relative;
margin-bottom: 0;
@at-root #{selector-replace(&, ".category-summary", ".category-summary:focus")} {
outline: $outline-inverted;
}
.category-title-text {
flex-grow: 1;
width: 100%;
color: white;
@include remove-markdown-margins();
}
.recent-icon {
display: block;
position: absolute;
$size: 0.75rem;
width: $size;
height: $size;
border-radius: $size;
top: ($size / 4);
left: -(($size / 4) * 3);
background-color: $color-red;
}
}
.category-accordion-toggle {
grid-area: icon;
.more {
display: block;
}
.less {
display: none;
}
@at-root #{selector-replace(&, ".category-details", ".category-details[open]")} {
.more {
display: none;
}
.less {
display: block;
}
}
}
}
}
.category-content {
.element-list {
display: grid;
grid-template-columns: 1fr;
gap: $gap;
@include is-large() {
grid-template-columns: 1fr 1fr;
}
padding-left: 0;
margin-bottom: 0;
> .element-list-item {
list-style: none;
margin-bottom: 0;
> .element {
display: grid;
grid-template-areas:
"main";
grid-template-columns: auto;
grid-template-rows: auto;
gap: $gap;
border-radius: $border-radius;
background-color: $color-element-background-light;
@include is-dark() {
background-color: $color-element-background-dark;
}
padding: 1.25rem 0;
@include is-mobile() {
grid-template-areas:
"main";
grid-template-columns: auto;
grid-template-rows: auto;
}
.element-main {
grid-area: main;
.element-title {
display: grid;
grid-template-areas:
"text toggle";
grid-template-columns:
1fr min-content;
align-items: stretch;
gap: $gap;
cursor: pointer;
border-radius: $border-radius;
color: $color-text-light;
@include is-dark() {
color: $color-text-dark;
}
background-color: $color-element-background-light;
@include is-dark() {
background-color: $color-element-background-dark;
}
margin-top: -$gap;
margin-bottom: -$gap;
padding: $gap;
&:focus {
outline: none;
}
&:hover {
filter: brightness(117.5%);
@include is-light() {
filter: brightness(102%);
}
}
list-style: none;
&::-webkit-details-marker {
display: none;
}
.text {
grid-area: text;
display: flex;
flex-direction: row;
align-items: center;
gap: 0.5rem;
}
.element-title-container {
display: inline-block;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.element-title-anchor {
flex-grow: 0;
display: flex;
flex-direction: row;
align-items: center;
text-decoration: none;
@include anchor-icon($icon-color: $color-text-light);
@include is-dark() {
@include anchor-icon($icon-color: $color-text-dark);
}
@at-root #{selector-replace(&, ".element-title", ".element-title:hover")},
&:focus {
.anchor-icon {
opacity: 0.6;
}
}
}
.element-title-text {
flex-grow: 1;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
font-weight: 700;
@include remove-markdown-margins();
@at-root #{selector-replace(&, ".element-title", ".element-title:focus")} {
outline: $outline;
}
}
}
.element-accordion-toggle {
grid-area: toggle;
flex-grow: 0;
display: flex;
flex-direction: row;
align-items: center;
.less {
display: none;
}
.more {
display: block;
}
@at-root #{selector-replace(&, ".element-main", ".element-main[open]")} {
.less {
display: block;
}
.more {
display: none;
}
}
}
}
.element-content {
display: flex;
flex-direction: column;
gap: $gap;
padding: 0 $gap;
padding-top: $gap;
.element-description {
font-size: 1rem;
@include remove-markdown-margins();
}
.element-details {
display: flex;
flex-direction: column;
gap: $gap;
&:empty {
display: none;
}
font-size: 0.9rem;
.detail-block {
@mixin parent-is-type($current-selector, $type) {
@at-root #{selector-replace($current-selector, ".detail-block", ".detail-block.#{$type}")} {
@content;
}
}
padding: 1rem 0 1rem 2rem;
border-left: 2px solid;
border-left-color: var(--detail-color);
p {
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
}
ul {
padding-left: 1.5rem;
li {
margin-bottom: 0.45rem;
}
&:last-child {
li:last-child {
margin-bottom: 0;
}
}
}
a {
color: $color-text-light;
text-decoration-color: $color-text-light;
@include is-dark() {
color: $color-text-dark;
text-decoration-color: $color-text-dark;
}
}
@include reset-lists();
// Detail types.
@each $type in ("note", "warning", "links", "trackers", "prs", "issues", "proposals") {
&.#{$type} {
--detail-color: #{nth(map-get($detail-color, $type), 1)};
@include is-dark() {
--detail-color: #{nth(map-get($detail-color, $type), 2)};
}
}
}
.detail-block-header {
display: flex;
flex-direction: row;
align-items: center;
gap: $gap / 2;
margin-bottom: $gap / 2;
font-weight: bolder;
color: var(--detail-color);
.icon {
@mixin octicon($icon-url) {
display: inline-block;
width: 24px;
height: 24px;
mask-size: 24px;
mask-position: center;
mask-image: url($icon-url);
background-color: currentColor;
}
span[class^="godot-icon-"], span[class*=" godot-icon-"] {
font-size: 150%;
}
}
}
.detail-block-content {
@include reset-lists();
}
}
}
}
.element-edit {
&:empty {
display: none;
}
font-size: 0.75rem;
font-style: italic;
color: adjust-color($color-text-light, $alpha: -0.33);
@include is-dark() {
color: adjust-color($color-text-dark, $alpha: -0.33);
}
.element-edit-title {
font-weight: 500;
}
.element-edit-entries {
font-style: normal;
border-collapse: collapse;
.element-edit-entry {
vertical-align: baseline;
.element-edit-entry-time {
margin-right: 1rem;
}
.element-edit-entry-content {
@include remove-markdown-margins();
}
}
}
}
}
}
}
}
}
}
}
}
}
#scroll-to-top {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
--card-padding: $gap;
@include is-mobile() {
--card-padding: $gap / 2;
}
.link {
pointer-events: all;
position: fixed;
bottom: $gap;
right: $gap;
width: 50px;
height: 50px;
margin: var(--card-padding);
text-decoration: none;
background-color: white;
border-radius: $border-radius;
display: flex;
align-items: center;
justify-content: center;
box-shadow: rgba(0,0,0,25%) 1px 1px 5px;
color: black;
font-size: 1.5em;
&:hover {
span {
font-size: 35px;
}
}
span {
transition: font-size 0.2s ease-out;
transform:
translateY(-3px);
}
}
}

65
assets/css/priorities/details.css Normal file
View File

@@ -0,0 +1,65 @@
/**
* This file is a workaround for our version of Sass (1.77.5)
* not supporting `@supports selector()`
*/
@keyframes opening {
from {
transform:
translateY(-50px);
opacity: 0;
}
to {
transform:
translateY(0);
opacity: 1;
}
}
/**
* This enables the smooth open/close of details in supported browsers.
*/
@supports selector(details::details-content) and (interpolate-size: allow-keywords) and (content-visibility: visible) {
.priorities-container {
interpolate-size: allow-keywords;
}
.priorities-container details {
padding: 2px;
}
.priorities-container details::details-content {
height: 0;
transition:
height 0.3s ease,
content-visibility 0.3s allow-discrete ease;
content-visibility: hidden;
overflow: hidden;
}
.priorities-container details[open]::details-content {
height: auto;
content-visibility: visible;
}
@starting-style {
.priorities-container details::details-content {
height: 0;
}
}
}
/**
* This is the fallback on non-supported browsers.
*/
@supports not (selector(details::details-content) and (interpolate-size: allow-keywords) and (content-visibility: visible)) {
details > summary {
z-index: 100;
}
details.opening > *:not(summary) {
animation:
opening 0.3s ease;
}
}

5
assets/css/priorities/noscript.scss Normal file
View File

@@ -0,0 +1,5 @@
---
---
// Fixes the parsing of the unusual front matter / SCSS file.
*{};

12
assets/css/releases/4.3.scss
View File

@@ -30,18 +30,6 @@ $mobile-max-width: 700px;
}
}
@mixin is-dark() {
@media screen and (prefers-color-scheme: dark) {
@content;
}
}
@mixin is-light() {
@media screen and (prefers-color-scheme: light) {
@content;
}
}
$anchor-offset: 75px;
$header-background-color: #25282B;

21
assets/icons/octicons/LICENSE Normal file
View File

@@ -0,0 +1,21 @@
MIT License
Copyright (c) 2024 GitHub Inc.
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

1
assets/icons/octicons/bug-24.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7.72.22a.75.75 0 0 1 1.06 0l1.204 1.203A4.98 4.98 0 0 1 12 1c.717 0 1.4.151 2.016.423L15.22.22a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-.971.972A4.991 4.991 0 0 1 17 6v1.104a2.755 2.755 0 0 1 1.917 1.974l1.998-.999a.75.75 0 0 1 .67 1.342L19 10.714V13.5l3.25.003a.75.75 0 0 1 0 1.5L19 15.001V16c0 .568-.068 1.134-.204 1.686l.04.018 2.75 1.375a.75.75 0 1 1-.671 1.342l-2.638-1.319A6.998 6.998 0 0 1 12 23a6.998 6.998 0 0 1-6.197-3.742l-2.758 1.181a.752.752 0 0 1-1.064-.776.752.752 0 0 1 .474-.602l2.795-1.199A6.976 6.976 0 0 1 5 16v-.996H1.75a.75.75 0 0 1 0-1.5H5v-2.79L2.415 9.42a.75.75 0 0 1 .67-1.342l1.998.999A2.756 2.756 0 0 1 7 7.104V6a4.99 4.99 0 0 1 1.69-3.748l-.97-.972a.75.75 0 0 1 0-1.06ZM6.5 9.75V16a5.5 5.5 0 1 0 11 0V9.75c0-.69-.56-1.25-1.25-1.25h-8.5c-.69 0-1.25.56-1.25 1.25ZM8.5 7h7V6a3.5 3.5 0 1 0-7 0Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 931 B

1
assets/icons/octicons/git-pull-request-24.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16 19.25a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm-14.5 0a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0Zm0-14.5a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0ZM4.75 3a1.75 1.75 0 1 0 .001 3.501A1.75 1.75 0 0 0 4.75 3Zm0 14.5a1.75 1.75 0 1 0 .001 3.501A1.75 1.75 0 0 0 4.75 17.5Zm14.5 0a1.75 1.75 0 1 0 .001 3.501 1.75 1.75 0 0 0-.001-3.501Z"/><path d="M13.405 1.72a.75.75 0 0 1 0 1.06L12.185 4h4.065A3.75 3.75 0 0 1 20 7.75v8.75a.75.75 0 0 1-1.5 0V7.75a2.25 2.25 0 0 0-2.25-2.25h-4.064l1.22 1.22a.75.75 0 0 1-1.061 1.06l-2.5-2.5a.75.75 0 0 1 0-1.06l2.5-2.5a.75.75 0 0 1 1.06 0ZM4.75 7.25A.75.75 0 0 1 5.5 8v8A.75.75 0 0 1 4 16V8a.75.75 0 0 1 .75-.75Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 751 B

1
assets/icons/octicons/zap-24.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M15.716 1.329a1.341 1.341 0 0 1 2.109 1.55L15.147 9h4.161c1.623 0 2.372 2.016 1.143 3.075L8.102 22.721a1.148 1.148 0 0 1-1.81-1.317L8.996 15H4.674c-1.619 0-2.37-2.008-1.148-3.07l12.19-10.6Zm.452 1.595L4.51 13.061a.25.25 0 0 0 .164.439h5.45a.749.749 0 0 1 .692 1.041l-2.559 6.066 11.215-9.668a.25.25 0 0 0-.164-.439H14a.75.75 0 0 1-.687-1.05Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 442 B

9
assets/js/modules/fuse.js@7.0.0.min.mjs Normal file
View File

File diff suppressed because one or more lines are too long

210
assets/js/priorities.mjs Normal file
View File

@@ -0,0 +1,210 @@
import { gsap } from "./modules/gsap@3.12.5.min.mjs";
// If we need to add a search bar, use this next line:
// import Fuse from "./modules/fuse.js@7.0.0.min.mjs";
// =====================
// Blank target to links
// =====================
/**
* Adds `target="_blank"` to element links. This will open links in a new window.
* @returns {void}
*/
function addBlankTargetToElementLinks() {
for (const anchor of document.querySelectorAll(".element-content a")) {
if (!(anchor instanceof HTMLAnchorElement)) {
continue;
}
anchor.target = "_blank";
}
}
// =============
// Scroll to top
// =============
/**
* Setups scroll to top functionality.
* @returns {void}
*/
function setupScrollToTop() {
const navElement = document.querySelector("#priorities-navigation");
const scrollToTopElement = document.querySelector("#scroll-to-top");
let scrollToTopTween = null;
let scrollState = "";
const showScrollToTop = () => {
if (scrollState === "show") {
return;
}
scrollState = "show";
if (scrollToTopTween != null) {
scrollToTopTween.kill();
}
scrollToTopElement.style.display = "block";
scrollToTopTween = gsap.to(scrollToTopElement, {
opacity: 1,
duration: 0.5,
});
};
const hideScrollToTop = () => {
if (scrollState === "hide") {
return;
}
scrollState = "hide";
if (scrollToTopTween != null) {
scrollToTopTween.kill();
}
scrollToTopTween = gsap.to(scrollToTopElement, {
opacity: 0,
duration: 0.5,
onComplete: () => {
scrollToTopElement.style.display = "none";
}
});
};
const scrollToTopObserver = new IntersectionObserver((entries, observer) => {
const entry = entries[0];
if (entry.isIntersecting) {
hideScrollToTop();
} else {
const rect = navElement.getBoundingClientRect();
if (rect.y > window.innerHeight) {
hideScrollToTop();
} else {
showScrollToTop();
}
}
});
scrollToTopObserver.observe(navElement);
}
// ============================
// Open details selected in URL
// ============================
/**
* If there's a hash to the URL, make sure that the appropritate details tag is open.
* @returns {void}
*/
function openDetailsSelectedInUrl() {
if (window.location.hash === "") {
return;
}
/** @type {HTMLDetailsElement | null} */
const element = document.querySelector(`${window.location.hash} details.element-main`);
if (element == null) {
return;
}
element.open = true;
}
// ========================
// Handle navigation events
// ========================
/**
* Opens the current hash when the navigation changes.
* The API is still quite new, not supported by some browsers. (2024-11-21)
* @returns {void}
*/
function handleNavigateEvent() {
// The API is not yet supported by all browsers.
if (!("Navigation" in window)) {
//openOnHandleClick();
handleHashChangeEvent();
return;
}
/**
* @param {NavigateEvent} event
*/
navigation.addEventListener("navigate", (event) => {
const url = new URL(event.destination.url);
/** @type {HTMLDetailsElement | null} */
const element = document.querySelector(`${url.hash} details.element-main`);
if (element == null) {
return;
}
element.open = true;
});
}
/**
* More common API, listens to "hashchange" event.
* @returns {void}
*/
function handleHashChangeEvent() {
window.addEventListener("hashchange", () => {
/** @type {HTMLDetailsElement | null} */
const element = document.querySelector(`${window.location.hash} details.element-main`);
if (element == null) {
return;
}
element.open = true;
});
}
// =================
// Animate <details>
// =================
function animateDetailsTag() {
const prioritiesContainer = document.querySelector(".priorities-container");
if (!(prioritiesContainer instanceof HTMLElement)) {
throw new Error("Couldn't find .priorities-container");
}
/**
* Triggered on opening animation end.
* @param {AnimationEvent} event
*/
const onAnimationEnd = (event) => {
let target = event.target;
while (true) {
if (!(target instanceof HTMLElement)) {
return;
}
if (target instanceof HTMLDetailsElement) {
break;
}
target = target.parentElement;
}
target.classList.remove("opening");
};
const mutationObserver = new MutationObserver((mutationList, _) => {
for (const mutation of mutationList) {
const target = mutation.target;
if (!(target instanceof HTMLDetailsElement)) {
continue;
}
if (mutation.attributeName === "open") {
target.removeEventListener("animationend", onAnimationEnd);
if (target.open) {
// Just opened.
target.classList.add("opening");
target.addEventListener("animationend", onAnimationEnd);
} else {
target.classList.remove("opening");
}
}
}
});
mutationObserver.observe(prioritiesContainer, { attributes: true, subtree: true });
}
// ====
// Main
// ====
/**
* Main function.
*/
function main() {
addBlankTargetToElementLinks();
setupScrollToTop();
openDetailsSelectedInUrl();
handleNavigateEvent();
animateDetailsTag();
}
main();