Skip to content

Docs: Remove Unwritten Content Temporarily #122

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jlukic wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Docs: Remove Unwritten Content Temporarily #122

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ed445d8
Docs: Test out docs without all missing content
jlukic Mar 26, 2026
ded6760
Merge branch 'main' into docs/shippable
jlukic Apr 11, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions docs/src/content/lessons/selection/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ hideNavigation: true
We've included several different guides to Semantic based off your goals.

<a class="card" href="/learn/111-introduction">
<ui-icon zap></ui-icon>
<ui-icon rocket></ui-icon>
<div class="content">
<div class="header">5 Min Quickstart</div>
<div class="description">A quick demo of the best parts of using Semantic to built your next app.</div>
Expand All @@ -26,7 +26,7 @@ We've included several different guides to Semantic based off your goals.
</div>
</a>

<a class="card" href="/learn/311-introduction">
{/* <a class="card" href="/learn/311-introduction">
<ui-icon code></ui-icon>
<div class="content">
<div class="header">Advanced Guide</div>
Expand All @@ -48,4 +48,4 @@ We've included several different guides to Semantic based off your goals.
<div class="header">Open Source Guide</div>
<div class="description">Learn how to build UI components with Semantic for open source so that others can use your custom components.</div>
</div>
</a>
</a> */}
34 changes: 17 additions & 17 deletions docs/src/helpers/menus.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -186,7 +186,7 @@ const exampleCategoryMenus = exampleCategorySortOrder.map(category => {
export const topbarDisplayMenu = [
{
_id: 'ui',
_ids: ['start', 'css', 'primitives', 'components', 'behaviors'],
_ids: ['start', /* 'css', */ 'primitives' /* 'components', 'behaviors' */],
name: 'UI Framework',
url: '/ui/start',
},
Expand Down Expand Up @@ -225,19 +225,19 @@ export const topbarMenu = [
icon: 'zap',
url: '/ui/start',
},
{
/*{
_id: 'css',
name: 'Styling',
icon: 'theme',
url: '/ui/css',
},
},*/
{
_id: 'primitives',
name: 'Primitives',
icon: 'layers',
url: '/ui/primitives',
},
{
/*{
_id: 'components',
name: 'Components',
icon: 'package',
Expand All @@ -248,7 +248,7 @@ export const topbarMenu = [
name: 'Behaviors',
icon: 'cpu',
url: '/ui/behaviors',
},
},*/
// API Docs
{
_id: 'framework',
Expand Down Expand Up @@ -299,9 +299,9 @@ export const sidebarMenuStart = [
name: "What's New?",
icon: 'sparkles',
url: '/ui/start/whats-new',
description: '0.12.0',
description: '0.18.0',
},
{
/*{
name: 'Roadmap',
icon: 'calendar',
url: '/ui/roadmap',
Expand Down Expand Up @@ -374,12 +374,12 @@ export const sidebarMenuStart = [
url: '/ui/start/philosophy/project',
},
],
},
},*/
];

/* CSS Token Sidebar */
/* CSS Token Sidebar — hidden until token/concept pages are written */
export const sidebarMenuCSS = [
{
/*{
name: 'CSS Tokens',
url: '/ui/css/tokens',
icon: 'theme',
Expand Down Expand Up @@ -440,7 +440,7 @@ export const sidebarMenuCSS = [
url: '/ui/css/concepts/sizes',
},
],
},
},*/
];

/* Primitive Sidebar */
Expand All @@ -453,24 +453,24 @@ export const sidebarMenuPrimitives = [
},
];

/* Component Sidebar */
/* Component Sidebar — hidden until component docs are written */
export const sidebarMenuComponents = [
{
/*{
name: 'Components',
url: '/ui/components',
icon: 'package',
pages: componentPages,
},
},*/
];

/* Behavior Sidebar */
/* Behavior Sidebar — hidden until behavior docs are written */
export const sidebarMenuBehaviors = [
{
/*{
name: 'Behaviors',
url: '/ui/behaviors',
icon: 'cpu',
pages: behaviorPages,
},
},*/
];

/* Component Framework Sidebar — re-exported from standalone file */
Expand Down
7 changes: 5 additions & 2 deletions docs/src/javascript/homepage.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,8 +31,11 @@ const updateTourSection = () => {
});
};

$(window).on('scroll', updateTourSection);
updateTourSection();
/* Only bind scroll listener when tour ribbon is present */
if ($tourCopies.length) {
$(window).on('scroll', updateTourSection);
updateTourSection();
}

/*-------------------------------
Showcase Tab Switching
Expand Down
30 changes: 10 additions & 20 deletions docs/src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,6 +30,7 @@ import { demoSteps } from '../data/homepage.js';
import '../javascript/homepage.js';
</script>
<ribbons>
<!-- Tour ribbon hidden until PlaygroundExamples are created
<ribbon class="tour">
<Container>
<div class="content">
Expand Down Expand Up @@ -85,30 +86,19 @@ import { demoSteps } from '../data/homepage.js';
<div class="visual">
<div class="sticky">
<div class="example active" data-section="templates">
<!-- TODO: PlaygroundExample for templates -->
<div class="placeholder">
<Icon code></Icon>
<span>Templates Example</span>
</div>
<PlaygroundExample id="tour-templates"></PlaygroundExample>
</div>
<div class="example" data-section="specs">
<!-- TODO: PlaygroundExample for specs -->
<div class="placeholder">
<Icon file-json></Icon>
<span>Specs Example</span>
</div>
<PlaygroundExample id="tour-specs"></PlaygroundExample>
</div>
<div class="example" data-section="components">
<!-- TODO: PlaygroundExample for components -->
<div class="placeholder">
<Icon box></Icon>
<span>Components Example</span>
</div>
<PlaygroundExample id="tour-components"></PlaygroundExample>
</div>
</div>
</div>
</Container>
</ribbon>
-->
<ribbon class="proof">
<Container>
<Cards three spaced stackable>
Expand Down Expand Up @@ -167,15 +157,15 @@ import { demoSteps } from '../data/homepage.js';
<a href="/ui/start/install">Installation</a>
<a href="/ui/start/why-semantic">Why Semantic?</a>
<a href="/ui/start/whats-new">What's New?</a>
<a href="/ui/roadmap">Roadmap</a>
<!-- <a href="/ui/roadmap">Roadmap</a> -->
</div>
<div class="column">
<h4><Icon layers></Icon> UI Framework</h4>
<a href="/ui/primitives">Primitives</a>
<a href="/ui/components">Components</a>
<a href="/ui/behaviors">Behaviors</a>
<a href="/ui/css/tokens">CSS Tokens</a>
<a href="/ui/css/concepts">Styling Guide</a>
<!-- <a href="/ui/components">Components</a> -->
<!-- <a href="/ui/behaviors">Behaviors</a> -->
<!-- <a href="/ui/css/tokens">CSS Tokens</a> -->
<!-- <a href="/ui/css/concepts">Styling Guide</a> -->
</div>
<div class="column">
<h4><Icon book-open></Icon> Guides</h4>
Expand Down
6 changes: 3 additions & 3 deletions docs/src/pages/ui/start/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ Components are native [Web Components](https://developer.mozilla.org/en-US/docs/

## Using Components

Pick from [primitives](/ui/primitives), [components](/ui/components), and [behaviors](/ui/behaviors). Use them as HTML tags. [Theme with CSS variables](/ui/start/guides/theming).
Pick from [primitives](/ui/primitives) and use them as HTML tags.

<Cards two stackable horizontal>
<Card horizontal
Expand All @@ -33,7 +33,7 @@ Pick from [primitives](/ui/primitives), [components](/ui/components), and [behav
href="/ui/primitives"
description="Base elements: button, icon, input, label."
></Card>
<Card horizontal
{/* <Card horizontal
header="Components"
icon="layout"
href="/ui/components"
Expand All @@ -44,7 +44,7 @@ Pick from [primitives](/ui/primitives), [components](/ui/components), and [behav
icon="zap"
href="/ui/behaviors"
description="Attachable logic: transitions, validation, tooltips."
></Card>
></Card> */}
</Cards>

## Building Components
Expand Down
Loading