UI: Developer-website web-assets v2 upgrade #1
114
index.html
114
index.html
@ -284,7 +284,7 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
a.cards-list-item-inner {
|
||||
a.cards-item-content {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@ -292,11 +292,11 @@
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.card-with-icon .cards-list-icon {
|
||||
.card-with-icon .cards-icon {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.cards-list-item-icon {
|
||||
.cards-item-icon {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
@ -306,12 +306,12 @@
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.cards-list-vertical {
|
||||
.cards-vertical {
|
||||
--grid-gap-size: .5rem;
|
||||
grid-template-columns: 100%;
|
||||
}
|
||||
|
||||
.cards-list-vertical svg {
|
||||
.cards-vertical svg {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
@ -323,8 +323,8 @@
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.cards-list.card-layout-card-transparent
|
||||
a.cards-list-item-inner.card-hover:hover {
|
||||
.cards.card-layout-card-transparent
|
||||
a.cards-item-content.card-hover:hover {
|
||||
background-color: hsl(213, 10%, 12%);
|
||||
}
|
||||
|
||||
@ -349,7 +349,7 @@
|
||||
<div class="hero header-align-x-center">
|
||||
<div class="container">
|
||||
<div class="hero-content">
|
||||
<h1 class="font-size-title">Make Blender</h1>
|
||||
<h1 class="fs-title">Make Blender</h1>
|
||||
<div class="hero-subtitle text-center" style="max-width: 500px">
|
||||
Join the global community of developers
|
||||
working towards the Freedom to Create.
|
||||
@ -357,7 +357,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-background" style="background-image: url(https://www.blender.org/wp-content/uploads/2023/02/background_charge_workbench.jpg); background-position-y: 0"></div>
|
||||
<div class="hero-bg" style="background-image: url(https://www.blender.org/wp-content/uploads/2023/02/background_charge_workbench.jpg); background-position-y: 0"></div>
|
||||
<div class="hero-overlay" style="background-image: linear-gradient(hsla(250, 100%, 0%, .4), hsla(250, 100%, 66%, .1) 40%, hsl(213, 10%, 8%))"></div>
|
||||
<div class="hero-credits">
|
||||
<a href="https://www.youtube.com/watch?v=UXqq0ZvbOnk" target="_blank">Blender Studio</a>
|
||||
@ -396,10 +396,10 @@
|
||||
|
||||
<div class="wp-block-column column-width-adjust">
|
||||
|
||||
<div class="cards-list cards-list-vertical card-layout-card-transparent">
|
||||
<div class="cards-list-item-outer">
|
||||
<a class="cards-list-item-inner card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/building_blender/">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards cards-vertical card-layout-card-transparent">
|
||||
<div class="cards-item">
|
||||
<a class="cards-item-content card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/building_blender/">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(339, 100%, 69%)" stroke-width="0.75" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
@ -408,10 +408,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title pb-0">
|
||||
<div class="cards-item-title pb-0">
|
||||
<strong>Build Blender</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
The first step is to compile your own Blender.
|
||||
</p>
|
||||
@ -420,9 +420,9 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cards-list-item-outer">
|
||||
<a class="cards-list-item-inner card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/new_developers/">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards-item">
|
||||
<a class="cards-item-content card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/new_developers/">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(339, 100%, 69%)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M15.042 21.672L13.684 16.6m0 0l-2.51 2.225.569-9.47 5.227 7.917-3.286-.672zM12 2.25V4.5m5.834.166l-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243l-1.59-1.59">
|
||||
@ -430,10 +430,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title pb-0">
|
||||
<div class="cards-item-title pb-0">
|
||||
<strong>Developer Introduction</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
Advice and setup to become a Blender developer.
|
||||
</p>
|
||||
@ -442,9 +442,9 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cards-list-item-outer">
|
||||
<a class="cards-list-item-inner card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/features/">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards-item">
|
||||
<a class="cards-item-content card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/features/">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(339, 100%, 69%)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M12 6.042A8.967 8.967 0 006 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 016 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 016-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0018 18a8.967 8.967 0 00-6 2.292m0-14.25v14.25">
|
||||
@ -452,10 +452,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title pb-0">
|
||||
<div class="cards-item-title pb-0">
|
||||
<strong>Code & Design Docs</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
Documentation about Blender's architecture.
|
||||
</p>
|
||||
@ -477,10 +477,10 @@
|
||||
|
||||
<div class="wp-block-column">
|
||||
|
||||
<div class="cards-list cards-list-vertical card-layout-card-transparent">
|
||||
<div class="cards-list-item-outer">
|
||||
<a class="cards-list-item-inner card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/bug_reports/making_good_bug_reports/">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards cards-vertical card-layout-card-transparent">
|
||||
<div class="cards-item">
|
||||
<a class="cards-item-content card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/bug_reports/making_good_bug_reports/">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(164, 100%, 50%)" stroke-width="0.75" viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
@ -489,10 +489,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title">
|
||||
<div class="cards-item-title">
|
||||
<strong>Report & Triage Bugs</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
Make Blender more stable
|
||||
by reporting issues, or triaging others.
|
||||
@ -502,9 +502,9 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cards-list-item-outer">
|
||||
<a class="cards-list-item-inner card-with-icon card-hover pt-2" href="https://builder.blender.org/download/daily/">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards-item">
|
||||
<a class="cards-item-content card-with-icon card-hover pt-2" href="https://builder.blender.org/download/daily/">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(164, 100%, 50%)" stroke-width="1.0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
@ -513,10 +513,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title">
|
||||
<div class="cards-item-title">
|
||||
<strong>Daily Builds</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
Fresh fixes and experimental features, every day.
|
||||
</p>
|
||||
@ -525,9 +525,9 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cards-list-item-outer">
|
||||
<a class="cards-list-item-inner card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/addons/">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards-item">
|
||||
<a class="cards-item-content card-with-icon card-hover pt-2" href="https://developer.blender.org/docs/handbook/addons/">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(164, 100%, 50%)" stroke-width="1.0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
@ -536,10 +536,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title">
|
||||
<div class="cards-item-title">
|
||||
<strong>Add-on Development</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
Extend Blender beyond its capabilities.
|
||||
</p>
|
||||
@ -617,10 +617,10 @@
|
||||
|
||||
<div class="wp-block-column column-width-adjust">
|
||||
|
||||
<div class="cards-list cards-list-vertical card-layout-card-transparent">
|
||||
<div class="cards-list-item-outer">
|
||||
<div class="cards-list-item-inner card-with-icon card-hover pt-2" href="https://code.blender.org/">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards cards-vertical card-layout-card-transparent">
|
||||
<div class="cards-item">
|
||||
<div class="cards-item-content card-with-icon card-hover pt-2" href="https://code.blender.org/">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(221deg, 100%, 64%)" stroke-width="1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155">
|
||||
@ -628,10 +628,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title">
|
||||
<div class="cards-item-title">
|
||||
<strong>Stay Connected</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
Get your questions answered on the developers forum, and chat in real-time with developers and users.
|
||||
</p>
|
||||
@ -653,9 +653,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cards-list-item-outer">
|
||||
<div class="cards-list-item-inner card-with-icon card-hover pt-2">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards-item">
|
||||
<div class="cards-item-content card-with-icon card-hover pt-2">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(221deg, 100%, 64%)" stroke-width="1.0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
@ -664,10 +664,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title">
|
||||
<div class="cards-item-title">
|
||||
<strong>Stay Tuned</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>What's new and what's up. Weekly updates and meeting notes.</p>
|
||||
<ul class="list-unstyled list-inline">
|
||||
<li>
|
||||
@ -686,9 +686,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cards-list-item-outer">
|
||||
<div class="cards-list-item-inner card-with-icon card-hover pt-2">
|
||||
<div class="cards-list-item-icon">
|
||||
<div class="cards-item">
|
||||
<div class="cards-item-content card-with-icon card-hover pt-2">
|
||||
<div class="cards-item-icon">
|
||||
<svg fill="none" stroke="hsl(221deg, 100%, 64%)" stroke-width="1.0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true">
|
||||
<path stroke-linecap="round" stroke-linejoin="round"
|
||||
@ -697,10 +697,10 @@
|
||||
</svg>
|
||||
</div>
|
||||
<div>
|
||||
<div class="cards-list-item-title">
|
||||
<div class="cards-item-title">
|
||||
<strong>Stay Social</strong>
|
||||
</div>
|
||||
<div class="cards-list-item-excerpt">
|
||||
<div class="cards-item-excerpt">
|
||||
<p>
|
||||
Watch developers code on YouTube live streams, and follow the latest updates
|
||||
on X.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user