mirror of
https://projects.blender.org/infrastructure/gitea-custom.git
synced 2024-12-22 15:23:32 -05:00
Developer Navbar: Update
* Update markup to match code blog. * More strict reset. * Add comments.
This commit is contained in:
Pablo Vazquez
parent
11a072d1ad
commit
236f9ae3da
1 changed files with 310 additions and 289 deletions
|
|
@ -1,46 +1,11 @@
|
|||
<style>
|
||||
/* This style block is copied across all sites using the developer navbar.
|
||||
* For custom styling on this website, see the <style> block below. */
|
||||
* For custom styling on this website, add a <style> block after this one. */
|
||||
|
||||
/* Reset. */
|
||||
.navbardev-container *,
|
||||
.navbardev-container *::before,
|
||||
.navbardev-container *::after {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.navbardev-container * {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
|
||||
font-family: 'Heebo', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
letter-spacing: normal;
|
||||
line-break: auto;
|
||||
line-height: 1rem;
|
||||
text-align: left;
|
||||
text-align: start;
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
text-transform: none;
|
||||
white-space: normal;
|
||||
word-break: normal;
|
||||
word-spacing: normal;
|
||||
}
|
||||
|
||||
.navbardev-container figure,
|
||||
.navbardev-container nav,
|
||||
.navbardev-container section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbardev-container svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.navbardev-container {
|
||||
/* Variables. */
|
||||
.navbardev {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
--navbardev-color-bg: hsl(213, 10%, 14%);
|
||||
--navbardev-color-text: hsl(213, 5%, 64%);
|
||||
--navbardev-color-text-secondary: hsl(213, 5%, 44%);
|
||||
|
|
@ -55,20 +20,21 @@
|
|||
--navbardev-color-button-text: var(--navbardev-color-text);
|
||||
|
||||
--navbardev-color-menu-bg: var(--navbardev-color-bg);
|
||||
--navbardev-color-menu-border: hsl(213, 10%, 18%);;
|
||||
--navbardev-color-menu-border: hsl(213, 10%, 18%);
|
||||
|
||||
--navbardev-color-menu-zindex: 1040;
|
||||
|
||||
--navbardev-box-shadow-menu: 0px 5px 15px -2px rgba(0,0,0,0.33), 0px 5px 15px -5px rgba(0,0,0,0.33);
|
||||
--navbardev-box-shadow-menu-item: 0px 1px 4px 0px rgba(0,0,0,0.05), 0px 15px 20px -1px rgba(0,0,0,0.025);
|
||||
--navbardev-box-shadow-menu: 0px 5px 15px -2px rgba(0, 0, 0, 0.33), 0px 5px 15px -5px rgba(0, 0, 0, 0.33);
|
||||
--navbardev-box-shadow-menu-item: 0px 1px 4px 0px rgba(0, 0, 0, 0.05), 0px 15px 20px -1px rgba(0, 0, 0, 0.025);
|
||||
|
||||
--navbardev-navbar-height: 45px;
|
||||
|
||||
--navbardev-spacer: 1rem;
|
||||
--navbardev-spacer-sm: .66rem;
|
||||
--navbardev-spacer-xs: .33rem;
|
||||
--navbardev-spacer: 15px;
|
||||
--navbardev-spacer-sm: 10px;
|
||||
--navbardev-spacer-xs: 5px;
|
||||
|
||||
--navbardev-border-radius: .33rem;
|
||||
--navbardev-border-radius-lg: .66rem;
|
||||
--navbardev-border-radius: 6px;
|
||||
--navbardev-border-radius-lg: 10px;
|
||||
|
||||
--navbardev-button-height: 35px;
|
||||
--navbardev-link-padding-x: var(--navbardev-spacer);
|
||||
|
|
@ -76,32 +42,84 @@
|
|||
|
||||
--navbardev-font-size: 14px;
|
||||
--navbardev-transition-speed: 150ms;
|
||||
}
|
||||
|
||||
align-items: center;
|
||||
/* Reset. */
|
||||
@namespace svg "http://www.w3.org/2000/svg";
|
||||
.navbardev :not(svg|*),
|
||||
.navbardev *::before,
|
||||
.navbardev *::after {
|
||||
-webkit-box-sizing: border-box;
|
||||
|
||||
all: unset;
|
||||
display: revert;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.navbardev [default-styles] {
|
||||
all: revert;
|
||||
}
|
||||
|
||||
.navbardev * {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
|
||||
font-family: 'Heebo', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
font-variation-settings: 'wght' 400;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.navbardev h3,
|
||||
.navbardev h4,
|
||||
.navbardev strong {
|
||||
font-variation-settings: 'wght' 600;
|
||||
}
|
||||
|
||||
.navbardev figure,
|
||||
.navbardev section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navbardev svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.navbardev {
|
||||
background-color: var(--navbardev-color-bg);
|
||||
color: var(--navbardev-color-text);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.navbardev .navbardev-container {
|
||||
flex: 1;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Navigation. */
|
||||
.navbardev nav {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
line-height: 1.5rem;
|
||||
font-size: var(--navbardev-font-size);
|
||||
height: var(--navbardev-navbar-height);
|
||||
margin: 0;
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--navbardev-spacer);
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Links. */
|
||||
.navbardev-container a {
|
||||
.navbardev a {
|
||||
color: var(--navbardev-color-text);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: background-color var(--navbardev-transition-speed) ease-out, color var(--navbardev-transition-speed) ease-out;
|
||||
}
|
||||
|
||||
.navbardev-container a:hover {
|
||||
.navbardev a:hover {
|
||||
color: var(--navbardev-color-text-hover);
|
||||
}
|
||||
|
||||
/* Navigation items. */
|
||||
.navbardev-container > ul {
|
||||
.navbardev nav > ul {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
list-style: none;
|
||||
|
|
@ -109,11 +127,11 @@
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.navbardev-container > ul > li {
|
||||
.navbardev nav > ul > li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.navbardev-container > ul > li > a {
|
||||
.navbardev nav > ul > li > a {
|
||||
align-items: center;
|
||||
display: inline-flex;
|
||||
padding: var(--navbardev-link-padding-y) var(--navbardev-link-padding-x);
|
||||
|
|
@ -121,41 +139,42 @@
|
|||
top: 1px;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-link-active {
|
||||
.navbardev .navbardev-link-active {
|
||||
color: var(--navbardev-color-text-active);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-links-right {
|
||||
.navbardev .navbardev-links-right {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* Logo. */
|
||||
.navbardev-container a.navbardev-logo {
|
||||
.navbardev a.navbardev-logo {
|
||||
margin-right: var(--navbardev-spacer-sm);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-logo svg {
|
||||
.navbardev .navbardev-logo svg {
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.navbardev-container a.navbardev-logo svg {
|
||||
.navbardev a.navbardev-logo svg {
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.navbardev-container svg {
|
||||
.navbardev svg {
|
||||
fill: var(--navbardev-color-text);
|
||||
transition: fill var(--navbardev-transition-speed) ease-out;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-logo:hover svg {
|
||||
.navbardev .navbardev-logo:hover svg {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
/* Apps button. */
|
||||
.navbardev-container button,
|
||||
.navbardev-container .navbardev-btn {
|
||||
.navbardev button,
|
||||
.navbardev .navbardev-btn {
|
||||
-webkit-appearance: button;
|
||||
|
||||
align-items: center;
|
||||
background-color: transparent;
|
||||
border-radius: var(--navbardev-border-radius);
|
||||
|
|
@ -174,30 +193,30 @@
|
|||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.navbardev-container button span,
|
||||
.navbardev-container .navbardev-btn span {
|
||||
.navbardev button span,
|
||||
.navbardev .navbardev-btn span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.navbardev-container button:hover,
|
||||
.navbardev-container .navbardev-btn:hover {
|
||||
.navbardev button:hover,
|
||||
.navbardev .navbardev-btn:hover {
|
||||
background-color: var(--navbardev-color-button-bg-hover);
|
||||
color: var(--navbardev-color-text-hover);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.navbardev-container button.navbardev-btn-active,
|
||||
.navbardev-container .navbardev-btn.navbardev-btn-active {
|
||||
.navbardev button.navbardev-btn-active,
|
||||
.navbardev .navbardev-btn.navbardev-btn-active {
|
||||
background-color: var(--navbardev-color-primary-bg);
|
||||
color: var(--navbardev-color-primary);
|
||||
}
|
||||
|
||||
.navbardev-container button.navbardev-btn-active svg,
|
||||
.navbardev-container .navbardev-btn.navbardev-btn-active svg {
|
||||
.navbardev button.navbardev-btn-active svg,
|
||||
.navbardev .navbardev-btn.navbardev-btn-active svg {
|
||||
fill: var(--navbardev-color-primary);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-icon {
|
||||
.navbardev .navbardev-icon {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
|
@ -206,13 +225,13 @@
|
|||
margin-left: var(--navbardev-spacer-xs);
|
||||
}
|
||||
|
||||
.navbardev-container button:hover svg,
|
||||
.navbardev-container .navbardev-btn:hover svg {
|
||||
.navbardev button:hover svg,
|
||||
.navbardev .navbardev-btn:hover svg {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
/* Apps dropdown menu. */
|
||||
.navbardev-container .navbardev-apps-menu {
|
||||
.navbardev .navbardev-apps-menu {
|
||||
background-color: var(--navbardev-color-menu-bg);
|
||||
border-radius: var(--navbardev-border-radius-lg);
|
||||
border: thin solid var(--navbardev-color-menu-border);
|
||||
|
|
@ -221,19 +240,19 @@
|
|||
padding: var(--navbardev-spacer-sm);
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: calc(100% + 1rem);
|
||||
top: calc(100% + 15px);
|
||||
visibility: hidden;
|
||||
width: 40rem;
|
||||
width: 640px;
|
||||
z-index: var(--navbardev-color-menu-zindex);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-dropdown.is-visible {
|
||||
.navbardev .navbardev-dropdown.is-visible {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
/* Tiny triangle in the corner. */
|
||||
.navbardev-container .navbardev-apps-menu::before {
|
||||
.navbardev .navbardev-apps-menu::before {
|
||||
background-color: var(--navbardev-color-menu-bg);
|
||||
border-radius: 3px;
|
||||
border: 2px var(--navbardev-color-menu-bg) solid;
|
||||
|
|
@ -248,7 +267,7 @@
|
|||
z-index: -1;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu ul {
|
||||
.navbardev .navbardev-apps-menu ul {
|
||||
display: grid;
|
||||
gap: var(--navbardev-spacer-sm);
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
|
|
@ -257,115 +276,113 @@
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu ul {
|
||||
border-bottom: 2px solid rgba(255,255,255,.05);
|
||||
.navbardev .navbardev-apps-menu ul {
|
||||
border-bottom: 2px solid rgba(255, 255, 255, .05);
|
||||
margin: var(--navbardev-spacer-xs) 0 0 0;
|
||||
padding: var(--navbardev-spacer-xs) 0 var(--navbardev-spacer-sm) 0;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu ul > li > a {
|
||||
.navbardev .navbardev-apps-menu ul > li > a {
|
||||
border-radius: var(--navbardev-border-radius-lg);
|
||||
display: flex;
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu ul > li > a:hover {
|
||||
.navbardev .navbardev-apps-menu ul > li > a:hover {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
color: var(--navbardev-color-text-active);
|
||||
box-shadow: var(--navbardev-box-shadow-menu-item);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu ul > li > a:hover h4,
|
||||
.navbardev-container .navbardev-apps-menu ul > li > a:hover svg {
|
||||
.navbardev .navbardev-apps-menu ul > li > a:hover h4,
|
||||
.navbardev .navbardev-apps-menu ul > li > a:hover svg {
|
||||
color: var(--navbardev-color-primary);
|
||||
fill: var(--navbardev-color-primary);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu h3 {
|
||||
.navbardev .navbardev-apps-menu h3 {
|
||||
color: white;
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
line-height: 1.2rem;
|
||||
line-height: 18px;
|
||||
margin: var(--navbardev-spacer-sm) 0 0 0;
|
||||
opacity: .3;
|
||||
padding-left: var(--navbardev-spacer);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu h4 {
|
||||
.navbardev .navbardev-apps-menu h4 {
|
||||
color: var(--navbardev-color-text-highlight);
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
line-height: 1.2rem;
|
||||
margin: 0;
|
||||
line-height: 18px;
|
||||
margin: var(--navbardev-spacer-xs) 0 0;
|
||||
padding: var(--navbardev-spacer-sm) var(--navbardev-spacer) 0;
|
||||
transition: color var(--navbardev-transition-speed) ease-out;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu p {
|
||||
.navbardev .navbardev-apps-menu p {
|
||||
font-size: 15px;
|
||||
line-height: 1.3rem;
|
||||
line-height: 20px;
|
||||
margin: 0;
|
||||
opacity: .8;
|
||||
padding: var(--navbardev-spacer-xs) var(--navbardev-spacer) var(--navbardev-spacer-sm);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu figure {
|
||||
.navbardev .navbardev-apps-menu figure {
|
||||
margin: var(--navbardev-spacer) 0 0 var(--navbardev-spacer);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu ul > li > a svg {
|
||||
.navbardev .navbardev-apps-menu ul > li > a svg {
|
||||
position: relative;
|
||||
top: -5px;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
/* Donate section of the menu. */
|
||||
.navbardev-container .navbardev-apps-menu-section-donate ul {
|
||||
.navbardev .navbardev-apps-menu-section-donate ul {
|
||||
border: none;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu-section-donate a svg {
|
||||
.navbardev .navbardev-apps-menu-section-donate a svg {
|
||||
fill: hsl(352, 90%, 62%) !important;
|
||||
transition: transform var(--navbardev-transition-speed) ease-out;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu-section-donate ul > li:first-child > a {
|
||||
.navbardev .navbardev-apps-menu-section-donate ul>li:first-child>a {
|
||||
background-color: hsla(352deg, 90%, 42%, .2);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu-section-donate ul > li:first-child > a:hover {
|
||||
.navbardev .navbardev-apps-menu-section-donate ul>li:first-child>a:hover {
|
||||
background-color: hsla(352deg, 90%, 42%, .5);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu-section-donate ul > li:first-child > a:hover svg {
|
||||
.navbardev .navbardev-apps-menu-section-donate ul>li:first-child>a:hover svg {
|
||||
fill: hsl(352, 90%, 72%) !important;
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-apps-menu-section-donate ul > li:first-child > a:hover h4 {
|
||||
.navbardev .navbardev-apps-menu-section-donate ul>li:first-child>a:hover h4 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Mobile. */
|
||||
.navbardev-container button.navbardev-logo {
|
||||
.navbardev button.navbardev-logo {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navbardev-apps-dropdown-container,
|
||||
.navbardev-container a.navbardev-logo {
|
||||
.navbardev a.navbardev-logo {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbardev-container button.navbardev-logo {
|
||||
.navbardev button.navbardev-logo {
|
||||
display: block;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-nav-links {
|
||||
.navbardev .navbardev-nav-links {
|
||||
align-items: flex-start;
|
||||
background-color: var(--navbardev-color-menu-bg);
|
||||
border-radius: var(--navbardev-border-radius-lg);
|
||||
|
|
@ -380,11 +397,11 @@
|
|||
z-index: var(--navbardev-color-menu-zindex);
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-nav-links.is-visible {
|
||||
.navbardev .navbardev-nav-links.is-visible {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-nav-links::before {
|
||||
.navbardev .navbardev-nav-links::before {
|
||||
background-color: var(--navbardev-color-menu-bg);
|
||||
border-radius: 3px;
|
||||
border: 2px var(--navbardev-color-menu-bg) solid;
|
||||
|
|
@ -399,16 +416,16 @@
|
|||
z-index: -1;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-nav-links > li {
|
||||
.navbardev .navbardev-nav-links > li {
|
||||
border-bottom: 2px solid rgba(255, 255, 255, .05);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-nav-links > li:last-child {
|
||||
.navbardev .navbardev-nav-links > li:last-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.navbardev-container .navbardev-nav-links > li > a {
|
||||
.navbardev .navbardev-nav-links > li > a {
|
||||
padding-inline: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -422,12 +439,14 @@
|
|||
|
||||
/* Align the logo to the baseline of the text links. */
|
||||
.navbardev-container a.navbardev-logo svg {
|
||||
top: -1px;
|
||||
top: 1px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<nav class="navbardev-container">
|
||||
<a href="/" class="navbardev-logo">
|
||||
<div class="navbardev">
|
||||
<div class="navbardev-container">
|
||||
<nav>
|
||||
<a href="https://developer.blender.org/" class="navbardev-logo">
|
||||
<svg fill-rule="nonzero" viewBox="0 0 850.2 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"/>
|
||||
<path d="M829.17 133.76h-15.9V64.39h15.13l.77 13.59zM850.07 79q-1.47-.25-3.14-.38-1.6-.13-3.2-.13-5.26 0-8.8 1.92-3.45 1.86-5.25 5.39-1.8 3.46-2.11 8.2l-3.66.07q0-8.78 2.31-15.77 2.3-6.99 6.92-11.1 4.62-4.1 11.54-4.1 1.35 0 3.02.26 1.66.26 2.5.58zm-76.55 56.04q-10.32 0-17.82-4.42-7.5-4.5-11.55-12.06-4.03-7.63-4.03-17.05v-2.63q0-10.84 4.1-18.85 4.1-8.08 11.22-12.5 7.18-4.43 16.22-4.43 10 0 16.6 4.36 6.6 4.3 9.88 12 3.27 7.62 3.27 17.69V104h-53.67V92.53h37.96v-1.22q-.13-4.04-1.54-7.56-1.4-3.53-4.49-5.7-3.01-2.19-8.07-2.19-5.07 0-8.53 2.89-3.46 2.82-5.26 8.01-1.8 5.13-1.8 12.12v2.63q0 5.9 2.19 10.58 2.18 4.68 6.34 7.43 4.17 2.7 9.94 2.7 5.58 0 9.87-2.18 4.36-2.18 7.5-6.29l8.34 8.34q-3.27 4.93-9.87 8.97-6.54 3.98-16.8 3.98zm-88.67 25.39h-15.9V64.39h14.68l1.22 13.33zm45-60.72q0 10.13-3.13 18.15-3.08 7.95-9.1 12.56-5.97 4.62-14.63 4.62-8.72 0-14.49-4.23-5.7-4.3-8.9-11.8-3.21-7.5-4.43-17.12v-4.55q1.22-10.26 4.42-17.89 3.2-7.7 8.91-11.99 5.71-4.36 14.3-4.36 8.79 0 14.81 4.43 6.03 4.42 9.1 12.37 3.15 7.95 3.15 18.47zm-15.9-1.34q0-6.22-1.6-11.29-1.53-5.06-5-8.01-3.4-2.95-8.9-2.95-3.98 0-6.87 1.35-2.88 1.28-4.87 3.65-1.92 2.37-3.01 5.64-1.1 3.2-1.54 7.05v11.6q.77 4.62 2.56 8.47 1.8 3.85 5.13 6.16 3.4 2.24 8.72 2.24 5.51 0 8.91-3.08 3.4-3.14 4.94-8.2 1.54-5.13 1.54-11.29zm-122.51.06q0-10.13 3.84-18.08 3.85-7.95 11.03-12.57 7.25-4.68 17.38-4.68 10.25 0 17.5 4.68 7.24 4.62 11.03 12.57 3.84 7.95 3.84 18.08v1.35q0 10.06-3.84 18.08-3.79 7.95-11.03 12.56-7.18 4.62-17.38 4.62-10.19 0-17.43-4.62-7.25-4.61-11.1-12.56-3.84-8.02-3.84-18.08zm15.9 1.35q0 6.15 1.73 11.28 1.73 5.07 5.32 8.14 3.65 3.08 9.42 3.08 5.71 0 9.3-3.08 3.65-3.07 5.32-8.14 1.73-5.13 1.73-11.28v-1.35q0-6.09-1.73-11.22-1.67-5.13-5.32-8.2-3.65-3.15-9.42-3.15-5.71 0-9.36 3.14-3.6 3.08-5.33 8.21-1.66 5.13-1.66 11.22zm-29.69 33.98h-15.9V35.28h15.9zm-56.67 1.28q-10.33 0-17.83-4.42-7.5-4.5-11.54-12.06-4.04-7.63-4.04-17.05v-2.63q0-10.84 4.1-18.85 4.11-8.08 11.23-12.5 7.18-4.43 16.22-4.43 10 0 16.6 4.36 6.6 4.3 9.88 12 3.27 7.62 3.27 17.69V104H495.2V92.53h37.96v-1.22q-.13-4.04-1.54-7.56-1.41-3.53-4.49-5.7-3.01-2.19-8.08-2.19-5.06 0-8.52 2.89-3.47 2.82-5.26 8.01-1.8 5.13-1.8 12.12v2.63q0 5.9 2.18 10.58t6.35 7.43q4.17 2.7 9.94 2.7 5.58 0 9.87-2.18 4.36-2.18 7.5-6.29l8.34 8.34q-3.27 4.93-9.88 8.97-6.54 3.98-16.8 3.98zM464.3 64.39h16.48l-23.98 69.37h-10.26l1.03-12.57zm-12.25 57 .77 12.37h-10.19l-24.17-69.37H435zm-65.88 13.65q-10.32 0-17.82-4.42-7.5-4.5-11.54-12.06-4.04-7.63-4.04-17.05v-2.63q0-10.84 4.1-18.85 4.1-8.08 11.22-12.5 7.18-4.43 16.22-4.43 10 0 16.6 4.36 6.61 4.3 9.88 12 3.27 7.62 3.27 17.69V104H360.4V92.53h37.95v-1.22q-.12-4.04-1.53-7.56-1.42-3.53-4.5-5.7-3-2.19-8.07-2.19t-8.53 2.89q-3.46 2.82-5.26 8.01-1.8 5.13-1.8 12.12v2.63q0 5.9 2.19 10.58 2.18 4.68 6.35 7.43 4.16 2.7 9.93 2.7 5.58 0 9.88-2.18 4.36-2.18 7.5-6.29l8.33 8.34q-3.27 4.93-9.87 8.97-6.54 3.98-16.8 3.98zm-107.64-1.28.12-13.27h19.75q8.6 0 14.36-3.72 5.77-3.72 8.72-10.65 2.95-6.98 2.95-16.67v-4.87q0-9.94-2.95-16.8-2.88-6.86-8.59-10.45-5.7-3.59-13.91-3.59h-20.84V40.41h20.84q12.5 0 21.93 5.51 9.48 5.52 14.8 15.45 5.33 9.94 5.33 23.34v4.74q0 13.47-5.32 23.4-5.33 9.94-14.94 15.46-9.56 5.45-22.38 5.45zm9.23 0h-16.54V40.4h16.54z"/>
|
||||
|
|
@ -435,8 +454,9 @@
|
|||
</a>
|
||||
|
||||
<button class="navbardev-logo js-navbardev-dropdown-toggle" data-dropdown-id="navbardev-nav-links">
|
||||
<svg fill-rule="nonzero" viewBox="0 0 200.2 162.05">
|
||||
<svg fill-rule="nonzero" viewBox="0 0 850.2 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" />
|
||||
<path d="M829.17 133.76h-15.9V64.39h15.13l.77 13.59zM850.07 79q-1.47-.25-3.14-.38-1.6-.13-3.2-.13-5.26 0-8.8 1.92-3.45 1.86-5.25 5.39-1.8 3.46-2.11 8.2l-3.66.07q0-8.78 2.31-15.77 2.3-6.99 6.92-11.1 4.62-4.1 11.54-4.1 1.35 0 3.02.26 1.66.26 2.5.58zm-76.55 56.04q-10.32 0-17.82-4.42-7.5-4.5-11.55-12.06-4.03-7.63-4.03-17.05v-2.63q0-10.84 4.1-18.85 4.1-8.08 11.22-12.5 7.18-4.43 16.22-4.43 10 0 16.6 4.36 6.6 4.3 9.88 12 3.27 7.62 3.27 17.69V104h-53.67V92.53h37.96v-1.22q-.13-4.04-1.54-7.56-1.4-3.53-4.49-5.7-3.01-2.19-8.07-2.19-5.07 0-8.53 2.89-3.46 2.82-5.26 8.01-1.8 5.13-1.8 12.12v2.63q0 5.9 2.19 10.58 2.18 4.68 6.34 7.43 4.17 2.7 9.94 2.7 5.58 0 9.87-2.18 4.36-2.18 7.5-6.29l8.34 8.34q-3.27 4.93-9.87 8.97-6.54 3.98-16.8 3.98zm-88.67 25.39h-15.9V64.39h14.68l1.22 13.33zm45-60.72q0 10.13-3.13 18.15-3.08 7.95-9.1 12.56-5.97 4.62-14.63 4.62-8.72 0-14.49-4.23-5.7-4.3-8.9-11.8-3.21-7.5-4.43-17.12v-4.55q1.22-10.26 4.42-17.89 3.2-7.7 8.91-11.99 5.71-4.36 14.3-4.36 8.79 0 14.81 4.43 6.03 4.42 9.1 12.37 3.15 7.95 3.15 18.47zm-15.9-1.34q0-6.22-1.6-11.29-1.53-5.06-5-8.01-3.4-2.95-8.9-2.95-3.98 0-6.87 1.35-2.88 1.28-4.87 3.65-1.92 2.37-3.01 5.64-1.1 3.2-1.54 7.05v11.6q.77 4.62 2.56 8.47 1.8 3.85 5.13 6.16 3.4 2.24 8.72 2.24 5.51 0 8.91-3.08 3.4-3.14 4.94-8.2 1.54-5.13 1.54-11.29zm-122.51.06q0-10.13 3.84-18.08 3.85-7.95 11.03-12.57 7.25-4.68 17.38-4.68 10.25 0 17.5 4.68 7.24 4.62 11.03 12.57 3.84 7.95 3.84 18.08v1.35q0 10.06-3.84 18.08-3.79 7.95-11.03 12.56-7.18 4.62-17.38 4.62-10.19 0-17.43-4.62-7.25-4.61-11.1-12.56-3.84-8.02-3.84-18.08zm15.9 1.35q0 6.15 1.73 11.28 1.73 5.07 5.32 8.14 3.65 3.08 9.42 3.08 5.71 0 9.3-3.08 3.65-3.07 5.32-8.14 1.73-5.13 1.73-11.28v-1.35q0-6.09-1.73-11.22-1.67-5.13-5.32-8.2-3.65-3.15-9.42-3.15-5.71 0-9.36 3.14-3.6 3.08-5.33 8.21-1.66 5.13-1.66 11.22zm-29.69 33.98h-15.9V35.28h15.9zm-56.67 1.28q-10.33 0-17.83-4.42-7.5-4.5-11.54-12.06-4.04-7.63-4.04-17.05v-2.63q0-10.84 4.1-18.85 4.11-8.08 11.23-12.5 7.18-4.43 16.22-4.43 10 0 16.6 4.36 6.6 4.3 9.88 12 3.27 7.62 3.27 17.69V104H495.2V92.53h37.96v-1.22q-.13-4.04-1.54-7.56-1.41-3.53-4.49-5.7-3.01-2.19-8.08-2.19-5.06 0-8.52 2.89-3.47 2.82-5.26 8.01-1.8 5.13-1.8 12.12v2.63q0 5.9 2.18 10.58t6.35 7.43q4.17 2.7 9.94 2.7 5.58 0 9.87-2.18 4.36-2.18 7.5-6.29l8.34 8.34q-3.27 4.93-9.88 8.97-6.54 3.98-16.8 3.98zM464.3 64.39h16.48l-23.98 69.37h-10.26l1.03-12.57zm-12.25 57 .77 12.37h-10.19l-24.17-69.37H435zm-65.88 13.65q-10.32 0-17.82-4.42-7.5-4.5-11.54-12.06-4.04-7.63-4.04-17.05v-2.63q0-10.84 4.1-18.85 4.1-8.08 11.22-12.5 7.18-4.43 16.22-4.43 10 0 16.6 4.36 6.61 4.3 9.88 12 3.27 7.62 3.27 17.69V104H360.4V92.53h37.95v-1.22q-.12-4.04-1.53-7.56-1.42-3.53-4.5-5.7-3-2.19-8.07-2.19t-8.53 2.89q-3.46 2.82-5.26 8.01-1.8 5.13-1.8 12.12v2.63q0 5.9 2.19 10.58 2.18 4.68 6.35 7.43 4.16 2.7 9.93 2.7 5.58 0 9.88-2.18 4.36-2.18 7.5-6.29l8.33 8.34q-3.27 4.93-9.87 8.97-6.54 3.98-16.8 3.98zm-107.64-1.28.12-13.27h19.75q8.6 0 14.36-3.72 5.77-3.72 8.72-10.65 2.95-6.98 2.95-16.67v-4.87q0-9.94-2.95-16.8-2.88-6.86-8.59-10.45-5.7-3.59-13.91-3.59h-20.84V40.41h20.84q12.5 0 21.93 5.51 9.48 5.52 14.8 15.45 5.33 9.94 5.33 23.34v4.74q0 13.47-5.32 23.4-5.33 9.94-14.94 15.46-9.56 5.45-22.38 5.45zm9.23 0h-16.54V40.4h16.54z" />
|
||||
</svg>
|
||||
<svg class="navbardev-icon navbardev-icon-dropdown-toggle" height="100px" width="100px" 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"/>
|
||||
|
|
@ -445,13 +465,13 @@
|
|||
|
||||
<ul class="navbardev-nav-links navbardev-dropdown js-navbardev-dropdown" id="navbardev-nav-links">
|
||||
<li>
|
||||
<a href="https://projects.blender.org" class="navbardev-link-active">Projects</a>
|
||||
<a href="https://projects.blender.org">Projects</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://wiki.blender.org">Docs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://code.blender.org">Blog</a>
|
||||
<a href="https://code.blender.org" class="navbardev-link-active">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://devtalk.blender.org">Forum</a>
|
||||
|
|
@ -608,7 +628,9 @@
|
|||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const dropdownToggles = document.getElementsByClassName("js-navbardev-dropdown-toggle");
|
||||
|
|
@ -665,4 +687,3 @@
|
|||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue