2025-02-03 17:45:15 +01:00
<!-- @build Blender Web Assets v2.0.0-beta.2 - Do not remove comment -->
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
<style>
2023-01-31 19:12:59 +01:00
/* Variables. */
2023-05-17 15:02:57 +02:00
.nav-global {
2023-01-31 19:12:59 +01:00
-webkit-font-smoothing: antialiased;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
/*
*Variables come from, and match partial _variables, and are prefixed with 'bwa-'.
*Sizes must be defined in pixels as default rem-sizing might vary in projects.
*/
--bwa-color-bg-primary: hsl(213, 10%, 21%);
--bwa-color-bg-tertiary: hsl(213, 10%, 14%);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
--bwa-color-text: hsl(213, 10%, 80%);
--bwa-color-text-primary: hsl(213, 10%, 98%);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
/* Colours Components. */
--bwa-border-color: hsla(213, 10%, 80%, .15);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
--bwa-btn-color-bg-hover: hsl(213, 10%, 30%);
2023-01-31 19:12:59 +01:00
2025-02-03 17:45:15 +01:00
/* Colours Status. */
--bwa-color-accent: hsl(204deg, 100%, 50%);
--bwa-color-accent-bg: hsla(204deg, 100%, 50%, .1);
--bwa-color-accent-bg-hover: hsla(204deg, 100%, 50%, .2);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
--bwa-border-radius: 6px;
--bwa-border-radius-lg: 12px;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
--bwa-transition-speed: 150ms;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
--bwa-zindex-dropdown: 1040;
--bwa-zindex-fixed: 1030;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
/* Grid. */
--bwa-spacer: 16px;
--bwa-spacer-1: calc(var(--bwa-spacer) * 0.25);
--bwa-spacer-2: calc(var(--bwa-spacer) * 0.5);
--bwa-spacer-3: var(--bwa-spacer);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
/* Type. */
--bwa-fs-base: 14px;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
/* Components. */
--bwa-navbar-zindex: calc(var(--bwa-zindex-fixed) + 1);
2023-01-31 19:12:59 +01:00
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2023-01-31 19:12:59 +01:00
/* Reset. */
@namespace svg "http://www.w3.org/2000/svg";
2023-05-17 15:02:57 +02:00
.nav-global :not(svg|*),
.nav-global *::before,
.nav-global *::after {
2023-01-31 19:12:59 +01:00
all: unset;
display: revert;
box-sizing: border-box;
}
2023-05-17 15:02:57 +02:00
.nav-global [default-styles] {
2023-01-31 19:12:59 +01:00
all: revert;
}
2023-05-17 15:02:57 +02:00
.nav-global * {
2023-01-31 19:12:59 +01:00
-webkit-text-size-adjust: 100%;
2025-02-03 17:45:15 +01:00
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2023-01-31 19:12:59 +01:00
font-variation-settings: 'wght' 400;
font-weight: normal;
}
2023-05-17 15:02:57 +02:00
.nav-global {
2025-02-03 17:45:15 +01:00
background-color: var(--bwa-color-bg-tertiary);
color: var(--bwa-color-text);
2023-05-17 15:02:57 +02:00
display: flex;
position: relative;
2025-02-03 17:45:15 +01:00
z-index: var(--bwa-navbar-zindex);
2023-01-31 19:12:59 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global h3,
.nav-global h4,
.nav-global strong {
font-variation-settings: 'wght' 500;
2023-01-31 19:12:59 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global figure,
.nav-global section {
display: block;
2023-01-31 19:12:59 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global svg:not(:root) {
overflow: hidden;
vertical-align: middle;
2023-01-31 19:12:59 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-container {
2023-01-31 19:12:59 +01:00
flex: 1;
margin: 0 auto;
}
/* Navigation. */
2023-05-17 15:02:57 +02:00
.nav-global nav {
2023-01-31 19:12:59 +01:00
align-items: center;
display: flex;
2025-02-03 17:45:15 +01:00
line-height: var(--bwa-fs-base);
font-size: var(--bwa-fs-base);
justify-content: space-between;
min-height: calc(var(--bwa-spacer) * 4);
2023-01-31 19:12:59 +01:00
margin: 0 auto;
2025-02-03 17:45:15 +01:00
padding: 0 var(--bwa-spacer);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
position: relative;
}
/* Links. */
2023-05-17 15:02:57 +02:00
.nav-global a:not(.dropdown-item) {
color: inherit;
2023-01-31 19:12:59 +01:00
cursor: pointer;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
text-decoration: none;
2025-02-03 17:45:15 +01:00
transition: background-color var(--bwa-transition-speed) ease-out, color var(--bwa-transition-speed) ease-out;
}
.nav-global-nav-links {
flex-grow: 1;
}
.nav-global-nav-links a:not(.dropdown-item) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global a:not(.dropdown-item):hover {
2025-02-03 17:45:15 +01:00
color: var(--bwa-color-text-primary);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
/* Navigation items. */
2025-02-03 17:45:15 +01:00
.nav-global nav>ul {
flex-wrap: wrap;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
list-style: none;
margin: 0;
padding: 0;
}
2025-02-03 17:45:15 +01:00
.nav-global nav>ul,
.nav-global nav>ul>li,
.nav-global nav>ul>li>a,
2023-05-17 15:02:57 +02:00
.nav-global-apps-dropdown-container {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
align-items: center;
display: inline-flex;
2023-05-17 15:02:57 +02:00
height: 100%;
}
.nav-global-apps-dropdown-container {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
position: relative;
}
2025-02-03 17:45:15 +01:00
.nav-global nav>ul>li>a {
padding: var(--bwa-spacer-2);
2023-05-17 15:02:57 +02:00
}
2025-02-03 17:45:15 +01:00
@media (min-width: 1320px) {
.nav-global nav>ul>li>a {
padding-left: var(--bwa-spacer);
padding-right: var(--bwa-spacer);
}
}
.nav-global nav>a.is-active,
.nav-global nav>a.is-active svg,
.nav-global nav>ul>li>a.is-active {
color: var(--bwa-color-text-primary) !important;
fill: var(--bwa-color-text-primary);
font-variation-settings: 'wght', 500;
font-weight: bold;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-links-right {
2025-02-03 17:45:15 +01:00
flex-wrap: nowrap;
gap: 0 var(--bwa-spacer-2);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
/* Logo. */
2023-05-17 15:02:57 +02:00
.nav-global a.nav-global-logo {
2025-02-03 17:45:15 +01:00
margin-right: var(--bwa-spacer);
2023-05-17 19:32:44 +02:00
position: relative;
top: 2px;
2025-02-03 17:45:15 +01:00
white-space: nowrap;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global a.nav-global-logo strong {
2025-02-03 17:45:15 +01:00
margin-inline: var(--bwa-spacer-2);
2023-05-17 19:32:44 +02:00
font-size: 18px;
2023-05-17 15:02:57 +02:00
}
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-logo svg,
.nav-global .nav-global-logo img {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
height: 21px;
2025-02-03 17:45:15 +01:00
pointer-events: none;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global a.nav-global-logo svg {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
position: relative;
2025-02-03 17:45:15 +01:00
top: calc(var(--bwa-spacer-1) * -1);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global svg {
2025-02-03 17:45:15 +01:00
fill: var(--bwa-color-text);
transition: fill var(--bwa-transition-speed) ease-out;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-logo:hover svg {
2025-02-03 17:45:15 +01:00
fill: var(--bwa-color-text-primary);
}
.nav-global .nav-global-logo.is-active,
.nav-global .nav-global-logo.is-active svg,
// TODO: make classes 'is-active' and 'nav-global-btn-active' consistent
.nav-global button.nav-global-btn-active svg {
color: var(--bwa-color-text-primary);
fill: var(--bwa-color-text-primary);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
/* Apps button. */
2025-02-03 17:45:15 +01:00
.nav-global {
--bwa-nav-global-btn-height: calc(var(--bwa-spacer) * 2.25);
}
2023-05-17 15:02:57 +02:00
.nav-global button,
.nav-global .nav-global-btn {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
-webkit-appearance: button;
2023-01-31 19:12:59 +01:00
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
align-items: center;
background-color: transparent;
2025-02-03 17:45:15 +01:00
border-radius: var(--bwa-border-radius);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
border: 0;
2025-02-03 17:45:15 +01:00
color: var(--bwa-btn-color-text);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
cursor: pointer;
display: inline-flex;
font: inherit;
2025-02-03 17:45:15 +01:00
height: var(--bwa-nav-global-btn-height);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
margin: 0;
outline: 0;
overflow: visible;
2025-02-03 17:45:15 +01:00
padding: var(--bwa-spacer-1) var(--bwa-spacer-2);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
text-transform: none;
2025-02-03 17:45:15 +01:00
transition: background-color var(--bwa-transition-speed) ease-out, color var(--bwa-transition-speed) ease-out, transform var(--bwa-transition-speed) ease-out;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
white-space: nowrap;
}
2025-02-03 17:45:15 +01:00
/* Button overrides. */
/*
*Button overrides for Web Assets button components for BWA projects.
*/
.nav-global button,
.nav-global .btn {
height: var(--bwa-nav-global-btn-height);
line-height: 1;
}
.nav-global .btn-accent {
color: white !important;
}
.nav-global .nav-global-btn.nav-global-btn-primary {
padding-left: var(--bwa-spacer);
padding-right: var(--bwa-spacer);
}
2023-05-17 15:02:57 +02:00
.nav-global button span,
.nav-global .nav-global-btn span {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
white-space: nowrap;
}
2023-05-17 15:02:57 +02:00
.nav-global button:hover,
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-btn:hover,
.nav-global button.nav-global-btn-active,
.nav-global .nav-global-btn.nav-global-btn-active {
background-color: var(--bwa-btn-color-bg-hover);
color: var(--bwa-color-text-primary);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
cursor: pointer;
}
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-btn span {
margin-left: var(--bwa-spacer-2);
}
.nav-global .nav-global-btn-primary {
background-color: var(--bwa-color-accent-bg);
color: var(--bwa-color-accent) !important;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-btn-primary:hover {
background-color: var(--bwa-color-accent-bg-hover);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-icon {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
height: 20px;
2023-05-17 15:02:57 +02:00
pointer-events: none;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
width: 20px;
}
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-icon-alt {
transform: rotate(90deg);
}
.nav-global .dropdown-toggle.active {
color: var(--bwa-color-text-primary)
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global button:hover svg,
.nav-global .nav-global-btn:hover svg {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
fill: white;
}
/* Apps dropdown menu. */
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu {
2025-02-03 17:45:15 +01:00
background-color: var(--bwa-color-bg-tertiary);
border-radius: var(--bwa-border-radius-lg);
border: thin solid var(--bwa-border-color);
box-shadow: 0 var(--bwa-spacer-1) var(--bwa-spacer) -2px rgba(0, 0, 0, 0.33), 0px var(--bwa-spacer-1) var(--bwa-spacer) calc(var(--bwa-spacer-1) * -1) rgba(0, 0, 0, 0.33);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
display: none;
2025-02-03 17:45:15 +01:00
padding: var(--bwa-spacer-2);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
position: absolute;
right: 0;
2025-02-03 17:45:15 +01:00
top: calc(100% + var(--bwa-spacer));
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
visibility: hidden;
2023-01-31 19:12:59 +01:00
width: 640px;
2025-02-03 17:45:15 +01:00
z-index: var(--bwa-zindex-dropdown);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-dropdown.is-visible {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
display: block;
visibility: visible;
}
/* Tiny triangle in the corner. */
2025-02-03 17:45:15 +01:00
// TODO: consider removing for consistency
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu::before {
2025-02-03 17:45:15 +01:00
background-color: var(--bwa-color-bg-tertiary);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
border-radius: 3px;
2025-02-03 17:45:15 +01:00
border: 2px var(--bwa-color-bg-tertiary) solid;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
content: '';
display: block;
height: .85rem;
position: absolute;
right: .85rem;
top: -0.25rem;
transform: rotate(45deg);
width: 1rem;
z-index: -1;
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu ul {
border-bottom: 2px solid rgba(255, 255, 255, .05);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
display: grid;
2025-02-03 17:45:15 +01:00
gap: var(--bwa-spacer-2);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
grid-template-columns: repeat(2, 1fr);
list-style: none;
2025-02-03 17:45:15 +01:00
margin: 0 0 var(--bwa-spacer-1) 0;
padding: var(--bwa-spacer-1) 0 var(--bwa-spacer-2) 0;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu ul>li>a {
2025-02-03 17:45:15 +01:00
border-radius: var(--bwa-border-radius-lg);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
display: flex;
flex: 1;
height: 100%;
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu ul>li>a:hover {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
background-color: rgba(255, 255, 255, .05);
2025-02-03 17:45:15 +01:00
color: var(--bwa-color-text-primary);
box-shadow: 0px 1px var(--bwa-spacer-1) 0 rgba(0, 0, 0, 0.05), 0 var(--bwa-spacer) 20px -1px rgba(0, 0, 0, 0.025);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu ul>li>a:hover h4,
.nav-global .nav-global-apps-menu ul>li>a:hover svg {
2025-02-03 17:45:15 +01:00
color: var(--bwa-color-accent);
fill: var(--bwa-color-accent);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu h3 {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
color: white;
display: inline-block;
2025-02-03 17:45:15 +01:00
font-size: 12px;
line-height: var(--bwa-spacer);
2023-05-17 15:02:57 +02:00
margin: 0;
2025-02-03 17:45:15 +01:00
margin-top: 2px;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
opacity: .3;
2025-02-03 17:45:15 +01:00
padding-left: var(--bwa-spacer);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu h4 {
2025-02-03 17:45:15 +01:00
color: var(--bwa-color-text-primary);
font-size: 18px;
line-height: 20px;
margin: var(--bwa-spacer-1) 0 0;
padding: var(--bwa-spacer-2) var(--bwa-spacer) 0;
transition: color var(--bwa-transition-speed) ease-out;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu p {
2025-02-03 17:45:15 +01:00
font-size: var(--bwa-fs-base);
2023-01-31 19:12:59 +01:00
line-height: 20px;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
margin: 0;
opacity: .8;
2025-02-03 17:45:15 +01:00
padding: var(--bwa-spacer-1) var(--bwa-spacer) var(--bwa-spacer-2);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu figure {
2025-02-03 17:45:15 +01:00
margin: var(--bwa-spacer) 0 0 var(--bwa-spacer);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu ul>li>a svg {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
position: relative;
2023-01-31 19:12:59 +01:00
top: -2px;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
/* Donate section of the menu. */
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu-section-donate ul {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
border: none;
2023-05-17 15:02:57 +02:00
margin-bottom: 0;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
padding-bottom: 0;
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu-section-donate a svg {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
fill: hsl(352, 90%, 62%) !important;
2025-02-03 17:45:15 +01:00
transition: transform var(--bwa-transition-speed) ease-out;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu-section-donate ul>li:first-child>a {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
background-color: hsla(352deg, 90%, 42%, .2);
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu-section-donate ul>li:first-child>a:hover {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
background-color: hsla(352deg, 90%, 42%, .5);
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu-section-donate ul>li:first-child>a:hover svg {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
fill: hsl(352, 90%, 72%) !important;
transform: scale(1.2);
}
2023-05-17 15:02:57 +02:00
.nav-global .nav-global-apps-menu-section-donate ul>li:first-child>a:hover h4 {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
color: white;
}
2025-02-03 17:45:15 +01:00
/* Mobile. */
.nav-global button.nav-global-logo {
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
display: none;
2025-02-03 17:45:15 +01:00
visibility: hidden;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2025-02-03 17:45:15 +01:00
@media (max-width: 767px) {
.nav-global-apps-dropdown-container,
.nav-global a.nav-global-logo {
display: none;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global button.nav-global-logo {
display: flex;
visibility: visible;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global button.nav-global-logo strong,
.nav-global button.nav-global-logo svg {
margin-right: var(--bwa-spacer-2)
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-nav-links {
align-items: flex-start;
background-color: var(--bwa-color-bg-primary);
border-radius: 6px;
display: none;
flex-direction: column;
height: auto;
padding: var(--bwa-spacer-1);
position: absolute;
top: 72px;
visibility: visible;
z-index: var(--bwa-zindex-dropdown);
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-nav-links.is-visible {
display: flex;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-nav-links li {
align-items: center;
display: flex;
margin-bottom: var(--bwa-spacer-1);
width: 100%;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-nav-links li:last-child {
margin-bottom: 0;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-nav-links li a {
border-radius: 6px;
color: var(--bwa-color-text);
display: inline-flex;
flex: 1;
line-height: initial;
padding: var(--bwa-spacer-2) var(--bwa-spacer);
transition: background-color var(--bwa-transition-speed) var(--bwa-transition-timing-fast), color var(--bwa-transition-speed) var(--bwa-transition-timing-fast);
text-decoration: none;
white-space: nowrap;
width: 100%;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-nav-links li a:hover,
.nav-global .nav-global-nav-links li a.nav-global-link-active {
background-color: var(--bwa-color-accent-bg);
color: var(--bwa-color-accent);
text-decoration: none;
2023-02-08 20:18:28 +01:00
}
}
2023-10-17 20:02:09 +02:00
2025-02-03 17:45:15 +01:00
.nav-global .nav-global-nav-links li a.nav-global-link-active {
font-variation-settings: 'wght' 700;
font-weight: bold;
2023-10-17 20:02:09 +02:00
}
2025-02-03 17:45:15 +01:00
/* Site-specific tweaks. */
/* Make sure to start every line with ".nav-global"
* so changes affect the developer navbar only. */
/* Limit navbar width on large screens (optional). */
/*
@media (min-width: 1380px) { // grid breakpoint 'xl'
.nav-global .nav-global-container {
max-width: var(--container-width);
}
2023-10-17 20:02:09 +02:00
}
2025-02-03 17:45:15 +01:00
*/
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
</style>
2023-05-17 15:02:57 +02:00
<div class="nav-global">
<div class="nav-global-container">
2023-01-31 19:12:59 +01:00
<nav>
2023-05-17 15:02:57 +02:00
<a href="https://developer.blender.org/" class="nav-global-logo">
<svg fill-rule="nonzero" viewBox="0 0 200 162.05">
<path
d="M61.1 104.56c.05 2.6.88 7.66 2.12 11.61a61.27 61.27 0 0 0 13.24 22.92 68.39 68.39 0 0 0 23.17 16.64 74.46 74.46 0 0 0 30.42 6.32 74.52 74.52 0 0 0 30.4-6.42 68.87 68.87 0 0 0 23.15-16.7 61.79 61.79 0 0 0 13.23-22.97 58.06 58.06 0 0 0 2.07-25.55 59.18 59.18 0 0 0-8.44-23.1 64.45 64.45 0 0 0-15.4-16.98h.02L112.76 2.46l-.16-.12c-4.09-3.14-10.96-3.13-15.46.02-4.55 3.18-5.07 8.44-1.02 11.75l-.02.02 26 21.14-79.23.08h-.1c-6.55.01-12.85 4.3-14.1 9.74-1.27 5.53 3.17 10.11 9.98 10.14v.02l40.15-.07-71.66 55-.27.2c-6.76 5.18-8.94 13.78-4.69 19.23 4.32 5.54 13.51 5.55 20.34.03l39.1-32s-.56 4.32-.52 6.91zm100.49 14.47c-8.06 8.2-19.34 12.86-31.54 12.89-12.23.02-23.5-4.6-31.57-12.79-3.93-4-6.83-8.59-8.61-13.48a35.57 35.57 0 0 1 2.34-29.25 39.1 39.1 0 0 1 9.58-11.4 44.68 44.68 0 0 1 28.24-9.85 44.59 44.59 0 0 1 28.24 9.77 38.94 38.94 0 0 1 9.58 11.36 35.58 35.58 0 0 1 4.33 14.18 35.1 35.1 0 0 1-1.98 15.05 37.7 37.7 0 0 1-8.61 13.52zm-57.6-27.91a23.55 23.55 0 0 1 8.55-16.68 28.45 28.45 0 0 1 18.39-6.57 28.5 28.5 0 0 1 18.38 6.57 23.57 23.57 0 0 1 8.55 16.67c.37 6.83-2.37 13.19-7.2 17.9a28.18 28.18 0 0 1-19.73 7.79c-7.83 0-14.84-3-19.75-7.8a23.13 23.13 0 0 1-7.19-17.88z" />
2023-01-31 19:12:59 +01:00
</svg>
2025-02-03 17:45:15 +01:00
<strong>Developer</strong>
2023-01-31 19:12:59 +01:00
</a>
2023-05-17 15:02:57 +02:00
<button class="nav-global-logo js-dropdown-toggle" data-toggle-menu-id="nav-global-nav-links">
2025-02-03 17:45:15 +01:00
<svg fill-rule="nonzero" viewBox="0 0 200 162.05">
<path
d="M61.1 104.56c.05 2.6.88 7.66 2.12 11.61a61.27 61.27 0 0 0 13.24 22.92 68.39 68.39 0 0 0 23.17 16.64 74.46 74.46 0 0 0 30.42 6.32 74.52 74.52 0 0 0 30.4-6.42 68.87 68.87 0 0 0 23.15-16.7 61.79 61.79 0 0 0 13.23-22.97 58.06 58.06 0 0 0 2.07-25.55 59.18 59.18 0 0 0-8.44-23.1 64.45 64.45 0 0 0-15.4-16.98h.02L112.76 2.46l-.16-.12c-4.09-3.14-10.96-3.13-15.46.02-4.55 3.18-5.07 8.44-1.02 11.75l-.02.02 26 21.14-79.23.08h-.1c-6.55.01-12.85 4.3-14.1 9.74-1.27 5.53 3.17 10.11 9.98 10.14v.02l40.15-.07-71.66 55-.27.2c-6.76 5.18-8.94 13.78-4.69 19.23 4.32 5.54 13.51 5.55 20.34.03l39.1-32s-.56 4.32-.52 6.91zm100.49 14.47c-8.06 8.2-19.34 12.86-31.54 12.89-12.23.02-23.5-4.6-31.57-12.79-3.93-4-6.83-8.59-8.61-13.48a35.57 35.57 0 0 1 2.34-29.25 39.1 39.1 0 0 1 9.58-11.4 44.68 44.68 0 0 1 28.24-9.85 44.59 44.59 0 0 1 28.24 9.77 38.94 38.94 0 0 1 9.58 11.36 35.58 35.58 0 0 1 4.33 14.18 35.1 35.1 0 0 1-1.98 15.05 37.7 37.7 0 0 1-8.61 13.52zm-57.6-27.91a23.55 23.55 0 0 1 8.55-16.68 28.45 28.45 0 0 1 18.39-6.57 28.5 28.5 0 0 1 18.38 6.57 23.57 23.57 0 0 1 8.55 16.67c.37 6.83-2.37 13.19-7.2 17.9a28.18 28.18 0 0 1-19.73 7.79c-7.83 0-14.84-3-19.75-7.8a23.13 23.13 0 0 1-7.19-17.88z" />
2023-01-31 19:12:59 +01:00
</svg>
2025-02-03 17:45:15 +01:00
<strong>Developer</strong>
2025-02-03 18:13:13 +01:00
<svg class="nav-global-icon nav-global-icon-dropdown-toggle" height="100" width="100" viewBox="0 0 1000 1000">
<path
d="m 206.53824,376.41174 a 42,42 0 0 1 71,-29 l 221,220 220,-220 a 42,42 0 1 1 59,59 l -250,250 a 42,42 0 0 1 -59,0 l -250,-250 a 42,42 0 0 1 -12,-30 z" />
</svg>
2023-01-31 19:12:59 +01:00
</button>
2025-02-03 17:45:15 +01:00
<ul class="nav-global-nav-links nav-global-dropdown" id="nav-global-nav-links">
2023-01-31 19:12:59 +01:00
<li>
2023-05-17 15:02:57 +02:00
<a href="https://projects.blender.org" class="is-active">Projects</a>
2023-01-31 19:12:59 +01:00
</li>
<li>
2024-01-18 20:34:39 +01:00
<a href="https://developer.blender.org/docs/">Docs</a>
2023-01-31 19:12:59 +01:00
</li>
<li>
2023-02-02 13:05:05 +01:00
<a href="https://code.blender.org">Blog</a>
2023-01-31 19:12:59 +01:00
</li>
<li>
<a href="https://devtalk.blender.org">Forum</a>
</li>
2023-07-25 17:00:45 +02:00
<li>
<a href="https://builder.blender.org/download/daily/">Builds</a>
</li>
2023-01-31 19:12:59 +01:00
</ul>
2023-05-17 15:02:57 +02:00
<ul class="nav-global-links-right">
2023-01-31 19:12:59 +01:00
<li>
2023-05-17 15:02:57 +02:00
<div class="nav-global-apps-dropdown-container">
<button class="js-dropdown-toggle" data-toggle-menu-id="nav-global-apps-menu">
2025-02-03 17:45:15 +01:00
<svg class="nav-global-icon" height="100" width="100" viewBox="0 0 1000 1000">
2023-01-31 19:12:59 +01:00
<path
2025-02-03 17:45:15 +01:00
d="m 150.5,899 a 50,50 0 0 1 -49,-50 V 749 a 50,50 0 0 1 49,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m 299,0 a 50,50 0 0 1 -50,-50 V 749 a 50,50 0 0 1 50,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m 299,0 a 50,50 0 0 1 -50,-50 V 749 a 50,50 0 0 1 50,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m -598,-299 a 50,50 0 0 1 -49,-50 V 450 a 50,50 0 0 1 49,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m 299,0 a 50,50 0 0 1 -50,-50 V 450 a 50,50 0 0 1 50,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m 299,0 a 50,50 0 0 1 -50,-50 V 450 a 50,50 0 0 1 50,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m -598,-299 a 50,50 0 0 1 -49,-50 V 151 a 50,50 0 0 1 49,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m 299,0 a 50,50 0 0 1 -50,-50 V 151 a 50,50 0 0 1 50,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z m 299,0 a 50,50 0 0 1 -50,-50 V 151 a 50,50 0 0 1 50,-50 h 100 a 50,50 0 0 1 50,50 v 100 a 50,50 0 0 1 -50,50 z" />
2023-01-31 19:12:59 +01:00
</svg>
</button>
2023-05-17 15:02:57 +02:00
<div class="nav-global-apps-menu nav-global-dropdown js-dropdown-menu" id="nav-global-apps-menu">
<a href="https://www.blender.org/?utm_medium=nav-global" target="_blank">
<h3>BLENDER.ORG</h3>
</a>
2023-01-31 19:12:59 +01:00
<ul>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://www.blender.org/download/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<figure>
2023-05-17 15:02:57 +02:00
<svg class="nav-global-icon" height="100px" width="100px" viewbox="0 0 1000 1000">
<path d="m 49.15424,599.52895 a 50.360431,50.360431 0 0 0 -49.16137168,50.36043 v 200.24266 c 0,81.53594 68.34629768,149.88226 149.88223168,149.88226 h 700.2498 c 81.53593,0 149.8822,-68.34632 149.8822,-149.88226 V 649.88938 a 50.360431,50.360431 0 1 0 -100.72083,0 v 200.24266 c 0,27.57834 -21.58304,49.16138 -49.16137,49.16138 H 149.8751 c -27.57833,0 -49.16137,-21.58304 -49.16137,-49.16138 V 649.88938 A 50.360431,50.360431 0 0 0 49.15424,599.52895 Z M 249.3969,350.12491 a 50.360431,50.360431 0 0 0 -34.77267,85.13311 l 250.60309,249.40404 a 50.360431,50.360431 0 0 0 70.74442,0 L 785.37577,435.25802 A 50.360431,50.360431 0 1 0 714.63136,364.51361 L 500,579.14497 285.36864,364.51361 A 50.360431,50.360431 0 0 0 249.3969,350.12491 Z M 498.80094,0 A 50.360431,50.360431 0 0 0 449.63957,50.360432 V 649.88938 a 50.360431,50.360431 0 1 0 100.72086,0 V 50.360432 A 50.360431,50.360431 0 0 0 498.80094,0 Z" style="stroke-width:1.19906"></path>
2023-01-31 19:12:59 +01:00
</svg>
</figure>
<div>
<h4>Download</h4>
<p>Get the latest Blender, older versions, or experimental builds.</p>
</div>
</a>
</li>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://www.blender.org/download/releases/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<div>
2023-05-17 15:02:57 +02:00
<h4>What's New</h4>
2023-01-31 19:12:59 +01:00
<p>Stay up-to-date with the new features in the latest Blender releases.</p>
</div>
</a>
</li>
</ul>
2023-05-17 15:02:57 +02:00
<a href="https://studio.blender.org/?utm_medium=nav-global" target="_blank">
<h3>LEARNING & RESOURCES</h3>
</a>
2023-01-31 19:12:59 +01:00
<ul>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://studio.blender.org/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<figure>
2023-05-17 15:02:57 +02:00
<svg class="nav-global-icon" height="100px" width="100px" viewbox="0 0 1000 1000">
<path d="m 146.70939,1.6802353 c -78.362959,0 -143.678322,64.2057377 -143.6783209,143.6570547 -7.2533835,268.45385 0,463.93349 0,709.63356 0,79.45132 65.3153619,143.65705 143.6783209,143.65705 266.17757,0.51388 460.32009,0 709.61228,0 79.45134,0 143.67832,-64.20573 143.67832,-143.65705 0.37471,-118.45983 0,-235.03162 0,-353.72203 0.017,-0.72264 0.017,-1.4456 0,-2.16825 0.43351,-118.60776 0,-235.80643 0,-353.74328 0,-79.451317 -64.22698,-143.6570547 -143.67832,-143.6570547 -241.21275,-1.18614431 -498.91438,-0.041532 -709.61228,0 z m 0,90.3436617 h 82.71228 V 228.07083 H 93.374735 v -82.73354 c 0,-30.47448 22.860165,-53.313393 53.334655,-53.313393 z m 173.05594,0 h 363.5004 c -5.81542,127.740813 0,236.658243 0,362.416273 h -363.5004 c 0.39671,-121.62159 0,-241.06277 0,-362.416273 z m 453.84406,0 h 82.71228 c 30.4745,0 53.33466,22.838913 53.33466,53.313393 v 82.73354 H 773.60939 Z M 93.374735,318.39324 H 229.42167 V 454.44017 H 93.374735 Z m 680.234655,0 H 909.65633 V 454.44017 H 773.60939 Z M 93.374735,545.86796 H 229.42167 V 681.91489 H 93.374735 Z m 226.390595,0 h 363.5004 c -5.81534,127.74773 0,236.67164 0,362.43753 h -363.5004 c 0.3967,-121.62867 0,-241.07685 0,-362.43753 z m 453.84406,0 H 909.65633 V 681.91489 H 773.60939 Z M 93.374735,772.25856 H 229.42167 v 136.04693 h -82.71228 c -30.47449,0 -53.334655,-22.86016 -53.334655,-53.33464 z m 680.234655,0 h 136.04694 v 82.71229 c 0,30.47448 -22.86016,53.33464 -53.33466,53.33464 h -82.71228 z" style="stroke-width:1.08838"></path>
2023-01-31 19:12:59 +01:00
</svg>
</figure>
<div>
<h4>Blender Studio</h4>
<p>Access production assets and knowledge from the open movies.</p>
</div>
</a>
</li>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://docs.blender.org/manual/en/latest/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<div>
<h4>Manual</h4>
<p>Documentation on the usage and features in Blender.</p>
</div>
</a>
</li>
</ul>
2023-05-17 15:02:57 +02:00
<a href="https://projects.blender.org/?utm_medium=nav-global" target="_blank">
<h3>DEVELOPMENT</h3>
</a>
2023-01-31 19:12:59 +01:00
<ul>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://code.blender.org/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<figure>
2023-05-17 15:02:57 +02:00
<svg class="nav-global-icon" height="100px" width="100px" viewbox="0 0 1000 1000">
<path d="m 683.36434,818.19976 a 45.841084,45.841084 0 0 1 -33.83509,-13.09745 45.841084,45.841084 0 0 1 0,-64.39581 L 890.74067,499.49508 649.52925,259.37512 a 45.841084,45.841084 0 0 1 0,-64.39582 45.841084,45.841084 0 0 1 64.39581,0 l 272.8636,272.8636 a 45.841084,45.841084 0 0 1 0,64.39581 l -272.8636,272.8636 a 45.841084,45.841084 0 0 1 -30.56072,13.09745 z m -363.45431,0 A 45.841084,45.841084 0 0 1 286.07494,805.10231 L 13.211339,532.23871 a 45.841084,45.841084 0 0 1 0,-64.39581 L 286.07494,194.9793 a 45.841084,45.841084 0 0 1 64.39581,0 45.841084,45.841084 0 0 1 0,64.39582 L 109.25933,499.49508 350.47075,740.7065 a 45.841084,45.841084 0 0 1 0,64.39581 45.841084,45.841084 0 0 1 -30.56072,13.09745 z" style="stroke-width:1.09145"></path>
2023-01-31 19:12:59 +01:00
</svg>
</figure>
<div>
<h4>Developers Blog</h4>
<p>Latest development updates, by Blender developers.</p>
</div>
</a>
</li>
<li>
2024-01-18 20:34:39 +01:00
<a href="https://developer.blender.org/docs/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<div>
<h4>Documentation</h4>
2023-02-07 19:05:53 +01:00
<p>Guidelines, release notes and development docs.</p>
2023-01-31 19:12:59 +01:00
</div>
</a>
</li>
</ul>
<ul>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://opendata.blender.org/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<figure>
2023-05-17 15:02:57 +02:00
<svg class="nav-global-icon" height="100px" width="100px" viewbox="0 0 1000 1000">
<path d="M 499.99424,0 A 55.30474,55.30474 0 0 0 444.6895,55.30474 V 944.69526 A 55.30474,55.30474 0 0 0 499.99424,1000 55.30474,55.30474 0 0 0 555.29898,944.69526 V 55.30474 A 55.30474,55.30474 0 0 0 499.99424,0 Z m 332.95711,332.95711 a 55.30474,55.30474 0 0 0 -55.30474,56.43341 V 944.69526 A 55.30474,55.30474 0 0 0 832.95135,1000 55.30474,55.30474 0 0 0 888.25609,944.69526 V 389.39052 A 55.30474,55.30474 0 0 0 832.95135,332.95711 Z M 167.03713,555.30474 a 55.30474,55.30474 0 0 0 -55.30474,55.30474 V 944.69526 A 55.30474,55.30474 0 0 0 167.03713,1000 55.30474,55.30474 0 0 0 222.34187,944.69526 V 610.60948 a 55.30474,55.30474 0 0 0 -55.30474,-55.30474 z" style="stroke-width:1.12867"></path>
2023-01-31 19:12:59 +01:00
</svg>
</figure>
<div>
<h4>Benchmark</h4>
<p>A platform to collect and share results of the Blender Benchmark.</p>
</div>
</a>
</li>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://conference.blender.org/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<div>
<h4>Blender Conference</h4>
<p>The yearly event that brings the community together.</p>
</div>
</a>
</li>
</ul>
2023-05-17 15:02:57 +02:00
<div class="nav-global-apps-menu-section-donate">
<a href="https://fund.blender.org/?utm_medium=nav-global" target="_blank">
<h3>DONATE</h3>
</a>
2023-01-31 19:12:59 +01:00
<ul>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://fund.blender.org/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<figure>
2023-05-17 15:02:57 +02:00
<svg class="nav-global-icon" height="100px" width="100px" viewbox="0 0 1000 1000">
<path d="M 273.67169,58.416076 C 201.59785,62.59427 135.79129,94.975269 86.697523,145.11359 37.603742,194.20736 4.1781939,260.01391 0,332.08775 -4.1781926,403.11704 22.980065,480.41362 86.697523,545.17562 l 45.960127,45.96013 339.47823,338.43367 a 43.871033,43.871033 0 0 0 61.62835,0 L 872.1979,591.13575 918.15804,545.17562 c 109.67766,-110.72213 109.67766,-290.38445 0,-400.06203 -110.72213,-110.722127 -290.38445,-110.722127 -400.06204,0 l -15.66822,14.62368 -15.66822,-14.62368 C 423.04211,80.351592 345.74553,53.193334 273.67169,58.416076 Z m 5.22274,86.697514 c 48.04922,-3.13365 98.18754,12.53458 146.23677,60.5838 l 47.00468,47.00468 a 43.871033,43.871033 0 0 0 61.62835,0 l 45.96013,-47.00468 c 76.25204,-76.25203 199.50874,-76.25203 276.80532,0 77.29658,77.29658 77.29658,200.5533 0,277.84988 L 810.56956,529.50739 502.42778,837.64917 194.286,529.50739 148.32588,483.54727 C 100.27665,434.45349 84.608431,384.31516 86.697523,336.26594 c 3.133646,-47.00467 26.113717,-95.0539 61.628357,-130.56855 35.51464,-35.51464 82.51932,-58.49471 130.56855,-60.5838 z" style="stroke-width:1.04455"></path>
2023-01-31 19:12:59 +01:00
</svg>
</figure>
<div>
<h4>Development Fund</h4>
<p>Support core development with a monthly contribution.</p>
</div>
</a>
</li>
<li>
2023-05-17 15:02:57 +02:00
<a href="https://www.blender.org/about/donations/?utm_medium=nav-global" target="_blank">
2023-01-31 19:12:59 +01:00
<div>
<h4>One-time Donations</h4>
<p>Perform a single donation with more payment options available.</p>
</div>
</a>
</li>
</ul>
</div>
</div>
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
</div>
2023-01-31 19:12:59 +01:00
</li>
</ul>
</nav>
</div>
</div>
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
<style>
/* Custom styling for projects.blender.org */
/* Make sure to start every line with ".nav-global"
* so changes affect the developer navbar only. */
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
/* TODO: remove if custom font 'Inter' is added to Gitea
* Don't try to load custom font 'Inter' */
.nav-global * {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
/* Limit navbar width on large screens. */
@media(min-width: 1200px) {
.nav-global .nav-global-container {
max-width: 1170px;
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
}
2025-02-03 17:45:15 +01:00
/* TODO: @web-assets incriease nav-global-logo height for better antialising on low pixel density screens
* .nav-global .nav-global-logo svg,
* .nav-global .nav-global-logo img {
* height: 22px;
* pointer-events: none;
* }
*/
</style>
<script>
/* Simple dropdown toggle.
* Synced with 'navbar.js' manually. */
function dropdownToggle() {
let dropdownToggleBtn = this;
let dropdownMenuName;
let dropdownMenuItem;
if (dropdownToggleBtn.hasAttribute('data-toggle-menu-id')) {
dropdownMenuName = dropdownToggleBtn.getAttribute('data-toggle-menu-id');
dropdownMenuItem = document.getElementById(dropdownMenuName);
} else {
dropdownMenuItem = dropdownToggleBtn.nextElementSibling;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
if (!dropdownMenuItem) {
return;
}
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
2025-02-03 17:45:15 +01:00
dropdownToggleBtn.classList.toggle('active');
dropdownMenuItem.classList.toggle('is-visible');
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2025-02-03 17:45:15 +01:00
window.onload = function(e) {
const dropdownToggles = document.querySelectorAll('.js-dropdown-toggle, .js-show-toggle');
for (var i = 0; i < dropdownToggles.length; i++) {
dropdownToggles[i].addEventListener('click', dropdownToggle, false);
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2025-02-03 17:45:15 +01:00
/* Close all menus, to prevent multiple menus open at the same time. */
document.onclick = function (e) {
const targetMenuId = e.target.getAttribute('data-toggle-menu-id');
const targetMenuElement = document.getElementById(targetMenuId);
/* If the clicked element is not a menu, or it's not the menu
* that we are trying to open, close it. */
if (!e.target.classList.contains('.js-dropdown-toggle') || targetMenuElement && targetMenuElement.classList.contains('is-visible')) {
const dropdownMenus = document.querySelectorAll('.dropdown-menu, .js-dropdown-menu');
if (dropdownMenus.length == 0) { return };
for (var i = 0; i < dropdownMenus.length; i++) {
if (dropdownMenus[i].id && dropdownMenus[i].id != targetMenuId) {
dropdownMenus[i].classList.remove('is-visible', 'active');
}
}
for (var i = 0; i < dropdownToggles.length; i++) {
if (dropdownToggles[i].id && dropdownToggles[i].id != targetMenuId) {
dropdownToggles[i].classList.remove('is-active', 'active');
}
}
};
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
}
2025-02-03 17:45:15 +01:00
};
Introducing: Developer navigation bar
In line with the code blog and other dev sites (Wiki, DevTalk)
Everything is pretty much copied from the one in blender.org (_navbar_developer.php),
with some additions to make it work in Gitea.
The styling additions are in the <style> block with the comment "/* Custom styling for Gitea */"
The link to "Projects" is projects.blender.org (since it makes sense here but
not yet in the Code blog).
On the Gitea side, two custom templates have changed:
* head_navbar.tpml was changed to add the mobile navbar expand toggle.
* body_inner_pre.tpml contains the actual navbar, copied from the blender.org repo
with the following changes:
* Added <style> block custom for Gitea.
* Added custom notifications code from head_navbar.tpml
* Added user buttons (notif, create, register, sign in, etc),
See the area around "{{/* Here starts the custom styling for gitea. */}}"
* In order to style the buttons as such, the class `navbardev-btn` was added
to the Register, Sign In, Notifications, Create, and User dropdown buttons.
2023-01-26 15:29:13 +01:00
</script>
