mirror of
https://github.com/modernweb-dev/rocket.git
synced 2026-03-10 08:51:24 +00:00
feat: add example for @rocket/launch
This commit is contained in:
Thomas Allmer
@@ -17,7 +17,7 @@
|
||||
"@rocket/spark": "^0.1.0-alpha.1",
|
||||
"lit": "^2.2.5"
|
||||
},
|
||||
"@rocket/template-name": "Landing Page (Spark Theme)",
|
||||
"@rocket/template-name": "Landing Page (@rocket/spark Theme)",
|
||||
"imports": {
|
||||
"#components/*": "./site/src/components/*"
|
||||
}
|
||||
|
||||
22
examples/51-docs-theme-launch/.gitignore
vendored
Normal file
22
examples/51-docs-theme-launch/.gitignore
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
# dependencies
|
||||
node_modules/
|
||||
|
||||
# logs
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# environment variables
|
||||
.env
|
||||
.env.production
|
||||
|
||||
# macOS-specific files
|
||||
.DS_Store
|
||||
|
||||
# Rocket ignore files
|
||||
*-mdjs-generated.js
|
||||
*-converted-html.js
|
||||
*-converted-md.js
|
||||
*-converted-md-source.js
|
||||
_site
|
||||
_site-dev
|
||||
8
examples/51-docs-theme-launch/.vscode/settings.json
vendored
Normal file
8
examples/51-docs-theme-launch/.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"files.exclude": {
|
||||
"**/*-mdjs-generated.js": true,
|
||||
},
|
||||
"search.exclude": {
|
||||
"**/*-mdjs-generated.js": true,
|
||||
}
|
||||
}
|
||||
44
examples/51-docs-theme-launch/README.md
Normal file
44
examples/51-docs-theme-launch/README.md
Normal file
@@ -0,0 +1,44 @@
|
||||
# Rocket Starter Kit: Documentation Theme Launch
|
||||
|
||||
```
|
||||
npx @rocket/create@latest --template 51-docs-theme-launch
|
||||
```
|
||||
|
||||
> 🧑🚀 **Seasoned astronaut?** Delete this file. Have fun!
|
||||
|
||||
## 🚀 Project Structure
|
||||
|
||||
Inside of your Rocket project, you'll see the following folders and files:
|
||||
|
||||
```
|
||||
.
|
||||
├── config
|
||||
│ └── rocket.config.js
|
||||
├── site
|
||||
│ ├── pages
|
||||
│ │ └── index.rocket.html
|
||||
│ └── public
|
||||
│ └── favicon.ico
|
||||
└── package.json
|
||||
```
|
||||
|
||||
Rocket looks for `.rocket.md` or `.rocket.js` or `.rocket.html` files in the `site/pages` directory. Each page is exposed as a route based on its file name.
|
||||
|
||||
There's nothing special about `site/src/components/`, but that's where we like to put our web components.
|
||||
|
||||
Any static assets, that is not referenced via HTML but you still want to be on the web server we can place in the `site/public/` directory.
|
||||
|
||||
## 🧞 Commands
|
||||
|
||||
All commands are run from the root of the project, from a terminal:
|
||||
|
||||
| Command | Action |
|
||||
| :---------------- | :------------------------------------------- |
|
||||
| `npm install` | Installs dependencies |
|
||||
| `npm run start` | Starts local dev server at `localhost:8000` |
|
||||
| `npm run build` | Build your production site to `./_site/` |
|
||||
| `npm run preview` | Preview your build locally, before deploying |
|
||||
|
||||
## 👀 Want to learn more?
|
||||
|
||||
Feel free to check [our documentation](https://rocket.modern-web.dev) or jump into our [Discord server](https://rocket.modern-web.dev/chat).
|
||||
7
examples/51-docs-theme-launch/config/rocket.config.js
Normal file
7
examples/51-docs-theme-launch/config/rocket.config.js
Normal file
@@ -0,0 +1,7 @@
|
||||
import { rocketLaunch } from '@rocket/launch';
|
||||
import { presetRocketSearch } from '@rocket/search';
|
||||
|
||||
export default /** @type {import('@rocket/cli').RocketCliOptions} */ ({
|
||||
absoluteBaseUrl: 'http://localhost:8080',
|
||||
presets: [rocketLaunch(), presetRocketSearch()],
|
||||
});
|
||||
24
examples/51-docs-theme-launch/package.json
Normal file
24
examples/51-docs-theme-launch/package.json
Normal file
@@ -0,0 +1,24 @@
|
||||
{
|
||||
"name": "rocket-docs-theme-launch",
|
||||
"version": "0.0.1",
|
||||
"private": true,
|
||||
"description": "A documentation page based on the @rocket/launch theme",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"build": "rocket build",
|
||||
"dev": "npm start",
|
||||
"preview": "rocket preview",
|
||||
"start": "NODE_DEBUG=engine:rendering rocket start --open"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@rocket/cli": "^0.20.0-alpha.17",
|
||||
"@rocket/engine": "^0.1.0-alpha.23",
|
||||
"@rocket/launch": "^0.20.0-alpha.7",
|
||||
"@rocket/search": "^0.6.0-alpha.0",
|
||||
"lit": "^2.2.5"
|
||||
},
|
||||
"@rocket/template-name": "Documentation Website (@rocket/launch Theme)",
|
||||
"imports": {
|
||||
"#src/*": "./site/src/*"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
```js server
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = '10--docs/10--first-category/10--getting-started.rocket.md';
|
||||
import {
|
||||
html,
|
||||
layout,
|
||||
setupUnifiedPlugins,
|
||||
components,
|
||||
openGraphLayout,
|
||||
} from '../../recursive.data.js';
|
||||
export { html, layout, setupUnifiedPlugins, components, openGraphLayout };
|
||||
export async function registerCustomElements() {
|
||||
// server-only components
|
||||
customElements.define(
|
||||
'rocket-social-link',
|
||||
await import('@rocket/components/social-link.js').then(m => m.RocketSocialLink),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-header',
|
||||
await import('@rocket/components/header.js').then(m => m.RocketHeader),
|
||||
);
|
||||
customElements.define(
|
||||
'content-area',
|
||||
await import('@rocket/components/content-area.js').then(m => m.ContentArea),
|
||||
);
|
||||
customElements.define(
|
||||
'main-docs',
|
||||
await import('@rocket/components/main-docs.js').then(m => m.MainDocs),
|
||||
);
|
||||
// hydrate-able components
|
||||
customElements.define(
|
||||
'rocket-search',
|
||||
await import('@rocket/search/search.js').then(m => m.RocketSearch),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-drawer',
|
||||
await import('@rocket/components/drawer.js').then(m => m.RocketDrawer),
|
||||
);
|
||||
}
|
||||
export const needsLoader = true;
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
|
||||
export const subTitle = 'Create your first Rocket site';
|
||||
```
|
||||
|
||||
# Getting started
|
||||
|
||||
Add your own content here
|
||||
@@ -0,0 +1,44 @@
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = '10--docs/10--first-category/index.rocket.js';
|
||||
import {
|
||||
html,
|
||||
layout,
|
||||
setupUnifiedPlugins,
|
||||
components,
|
||||
openGraphLayout,
|
||||
} from '../../recursive.data.js';
|
||||
export { html, layout, setupUnifiedPlugins, components, openGraphLayout };
|
||||
export async function registerCustomElements() {
|
||||
// server-only components
|
||||
customElements.define(
|
||||
'rocket-social-link',
|
||||
await import('@rocket/components/social-link.js').then(m => m.RocketSocialLink),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-header',
|
||||
await import('@rocket/components/header.js').then(m => m.RocketHeader),
|
||||
);
|
||||
customElements.define(
|
||||
'content-area',
|
||||
await import('@rocket/components/content-area.js').then(m => m.ContentArea),
|
||||
);
|
||||
customElements.define(
|
||||
'main-docs',
|
||||
await import('@rocket/components/main-docs.js').then(m => m.MainDocs),
|
||||
);
|
||||
// hydrate-able components
|
||||
customElements.define(
|
||||
'rocket-search',
|
||||
await import('@rocket/search/search.js').then(m => m.RocketSearch),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-drawer',
|
||||
await import('@rocket/components/drawer.js').then(m => m.RocketDrawer),
|
||||
);
|
||||
}
|
||||
export const needsLoader = true;
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
|
||||
export const menuNoLink = true;
|
||||
|
||||
export default () => html`<h1>First Category</h1>`;
|
||||
@@ -0,0 +1,54 @@
|
||||
```js server
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = '10--docs/index.rocket.md';
|
||||
import {
|
||||
html,
|
||||
layout,
|
||||
setupUnifiedPlugins,
|
||||
components,
|
||||
openGraphLayout,
|
||||
} from '../recursive.data.js';
|
||||
export { html, layout, setupUnifiedPlugins, components, openGraphLayout };
|
||||
export async function registerCustomElements() {
|
||||
// server-only components
|
||||
customElements.define(
|
||||
'rocket-social-link',
|
||||
await import('@rocket/components/social-link.js').then(m => m.RocketSocialLink),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-header',
|
||||
await import('@rocket/components/header.js').then(m => m.RocketHeader),
|
||||
);
|
||||
customElements.define(
|
||||
'content-area',
|
||||
await import('@rocket/components/content-area.js').then(m => m.ContentArea),
|
||||
);
|
||||
customElements.define(
|
||||
'main-docs',
|
||||
await import('@rocket/components/main-docs.js').then(m => m.MainDocs),
|
||||
);
|
||||
// hydrate-able components
|
||||
customElements.define(
|
||||
'rocket-search',
|
||||
await import('@rocket/search/search.js').then(m => m.RocketSearch),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-drawer',
|
||||
await import('@rocket/components/drawer.js').then(m => m.RocketDrawer),
|
||||
);
|
||||
}
|
||||
export const needsLoader = true;
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
|
||||
import { pageTree } from '#src/layouts/layoutData.js';
|
||||
import { ChildListMenu } from '@rocket/engine';
|
||||
|
||||
export const menuLinkText = 'Docs';
|
||||
export const subTitle = 'From zero to hero';
|
||||
```
|
||||
|
||||
# Documentation
|
||||
|
||||
Rocket helps you generate static pages from Markdown files while giving you the flexibility to sprinkle in some JavaScript where needed.
|
||||
|
||||
<div>${pageTree.renderMenu(new ChildListMenu(), sourceRelativeFilePath)}</div>
|
||||
@@ -0,0 +1,53 @@
|
||||
```js server
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = '40--blog/001--first/index.rocket.md';
|
||||
import { html, setupUnifiedPlugins, components, openGraphLayout } from '../../recursive.data.js';
|
||||
import { layout } from '../recursive.data.js';
|
||||
export { html, layout, setupUnifiedPlugins, components, openGraphLayout };
|
||||
export async function registerCustomElements() {
|
||||
// server-only components
|
||||
customElements.define(
|
||||
'rocket-social-link',
|
||||
await import('@rocket/components/social-link.js').then(m => m.RocketSocialLink),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-header',
|
||||
await import('@rocket/components/header.js').then(m => m.RocketHeader),
|
||||
);
|
||||
customElements.define(
|
||||
'content-area',
|
||||
await import('@rocket/components/content-area.js').then(m => m.ContentArea),
|
||||
);
|
||||
customElements.define(
|
||||
'launch-blog-details',
|
||||
await import('@rocket/launch/blog-details.js').then(m => m.LaunchBlogDetails),
|
||||
);
|
||||
customElements.define(
|
||||
'main-content',
|
||||
await import('@rocket/components/main-content.js').then(m => m.MainContent),
|
||||
);
|
||||
// hydrate-able components
|
||||
customElements.define(
|
||||
'rocket-search',
|
||||
await import('@rocket/search/search.js').then(m => m.RocketSearch),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-drawer',
|
||||
await import('@rocket/components/drawer.js').then(m => m.RocketDrawer),
|
||||
);
|
||||
}
|
||||
export const needsLoader = true;
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
import { thomas } from '../../../src/data/authors.js';
|
||||
|
||||
export const description =
|
||||
'A tool that checks the validity of all your HTML links of your whole website.';
|
||||
export const publishDate = new Date('2021-05-09');
|
||||
|
||||
export const tags = ['html', 'javascript', 'webdev', 'node'];
|
||||
// cover_image: https://dev-to-uploads.s3.amazonaws.com/i/an9z6f4hdll2jlne43u3.jpg
|
||||
|
||||
export const authors = [thomas];
|
||||
```
|
||||
|
||||
# First
|
||||
@@ -0,0 +1,53 @@
|
||||
```js server
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = '40--blog/002--second/index.rocket.md';
|
||||
import { html, setupUnifiedPlugins, components, openGraphLayout } from '../../recursive.data.js';
|
||||
import { layout } from '../recursive.data.js';
|
||||
export { html, layout, setupUnifiedPlugins, components, openGraphLayout };
|
||||
export async function registerCustomElements() {
|
||||
// server-only components
|
||||
customElements.define(
|
||||
'rocket-social-link',
|
||||
await import('@rocket/components/social-link.js').then(m => m.RocketSocialLink),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-header',
|
||||
await import('@rocket/components/header.js').then(m => m.RocketHeader),
|
||||
);
|
||||
customElements.define(
|
||||
'content-area',
|
||||
await import('@rocket/components/content-area.js').then(m => m.ContentArea),
|
||||
);
|
||||
customElements.define(
|
||||
'launch-blog-details',
|
||||
await import('@rocket/launch/blog-details.js').then(m => m.LaunchBlogDetails),
|
||||
);
|
||||
customElements.define(
|
||||
'main-content',
|
||||
await import('@rocket/components/main-content.js').then(m => m.MainContent),
|
||||
);
|
||||
// hydrate-able components
|
||||
customElements.define(
|
||||
'rocket-search',
|
||||
await import('@rocket/search/search.js').then(m => m.RocketSearch),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-drawer',
|
||||
await import('@rocket/components/drawer.js').then(m => m.RocketDrawer),
|
||||
);
|
||||
}
|
||||
export const needsLoader = true;
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
import { thomas } from '../../../src/data/authors.js';
|
||||
|
||||
export const description =
|
||||
'Let us take a look at Rocket which is sort of a nuxt/next equivalent but instead of vue/react it works best with web standards like custom elements, ES modules, template literals...';
|
||||
export const publishDate = new Date('2022-03-23');
|
||||
|
||||
export const tags = ['rocket', 'javascript', 'node', 'SSG'];
|
||||
export const authors = [thomas];
|
||||
```
|
||||
|
||||
# Second
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 57 KiB |
@@ -0,0 +1,65 @@
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = '40--blog/index.rocket.js';
|
||||
import { html, setupUnifiedPlugins, components, openGraphLayout } from '../recursive.data.js';
|
||||
export { html, setupUnifiedPlugins, components, openGraphLayout };
|
||||
export async function registerCustomElements() {
|
||||
// server-only components
|
||||
customElements.define(
|
||||
'rocket-social-link',
|
||||
await import('@rocket/components/social-link.js').then(m => m.RocketSocialLink),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-header',
|
||||
await import('@rocket/components/header.js').then(m => m.RocketHeader),
|
||||
);
|
||||
customElements.define(
|
||||
'content-area',
|
||||
await import('@rocket/components/content-area.js').then(m => m.ContentArea),
|
||||
);
|
||||
customElements.define(
|
||||
'launch-blog-preview',
|
||||
await import('@rocket/launch/blog-preview.js').then(m => m.LaunchBlogPreview),
|
||||
);
|
||||
customElements.define(
|
||||
'launch-blog-overview',
|
||||
await import('@rocket/launch/blog-overview.js').then(m => m.LaunchBlogOverview),
|
||||
);
|
||||
customElements.define(
|
||||
'main-content',
|
||||
await import('@rocket/components/main-content.js').then(m => m.MainContent),
|
||||
);
|
||||
// hydrate-able components
|
||||
customElements.define(
|
||||
'rocket-search',
|
||||
await import('@rocket/search/search.js').then(m => m.RocketSearch),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-drawer',
|
||||
await import('@rocket/components/drawer.js').then(m => m.RocketDrawer),
|
||||
);
|
||||
}
|
||||
export const needsLoader = true;
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
|
||||
import { LayoutMain } from '@rocket/launch';
|
||||
import { layoutData } from '#src/layouts/layoutData.js';
|
||||
|
||||
export const menuLinkText = 'Blog';
|
||||
export const layout = new LayoutMain({
|
||||
...layoutData,
|
||||
});
|
||||
|
||||
export default () => html`
|
||||
<content-area>
|
||||
<h1>Rocket Blog</h1>
|
||||
<p>
|
||||
Discover articles from the core team and contributors about Rocket, tips and tricks included!
|
||||
</p>
|
||||
|
||||
<launch-blog-overview
|
||||
.pageTree=${layoutData.pageTree}
|
||||
.sourceRelativeFilePath=${sourceRelativeFilePath}
|
||||
>
|
||||
</launch-blog-overview>
|
||||
</content-area>
|
||||
`;
|
||||
@@ -0,0 +1,6 @@
|
||||
import { LayoutBlogPost } from '@rocket/launch';
|
||||
import { layoutData } from '#src/layouts/layoutData.js';
|
||||
|
||||
export const layout = new LayoutBlogPost({
|
||||
...layoutData,
|
||||
});
|
||||
11
examples/51-docs-theme-launch/site/pages/404.html.rocket.js
Normal file
11
examples/51-docs-theme-launch/site/pages/404.html.rocket.js
Normal file
@@ -0,0 +1,11 @@
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = '404.html.rocket.js';
|
||||
import { html, setupUnifiedPlugins, components, openGraphLayout } from './recursive.data.js';
|
||||
export { html, setupUnifiedPlugins, components, openGraphLayout };
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
|
||||
import { Layout404 } from '@rocket/launch';
|
||||
|
||||
export const layout = new Layout404();
|
||||
|
||||
export default () => '';
|
||||
129
examples/51-docs-theme-launch/site/pages/index.rocket.js
Normal file
129
examples/51-docs-theme-launch/site/pages/index.rocket.js
Normal file
@@ -0,0 +1,129 @@
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = 'index.rocket.js';
|
||||
import { html, setupUnifiedPlugins, components, openGraphLayout } from './recursive.data.js';
|
||||
export { html, setupUnifiedPlugins, components, openGraphLayout };
|
||||
export async function registerCustomElements() {
|
||||
// server-only components
|
||||
customElements.define(
|
||||
'rocket-social-link',
|
||||
await import('@rocket/components/social-link.js').then(m => m.RocketSocialLink),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-header',
|
||||
await import('@rocket/components/header.js').then(m => m.RocketHeader),
|
||||
);
|
||||
customElements.define(
|
||||
'content-area',
|
||||
await import('@rocket/components/content-area.js').then(m => m.ContentArea),
|
||||
);
|
||||
customElements.define(
|
||||
'launch-home',
|
||||
await import('@rocket/launch/home.js').then(m => m.LaunchHome),
|
||||
);
|
||||
// hydrate-able components
|
||||
customElements.define(
|
||||
'rocket-search',
|
||||
await import('@rocket/search/search.js').then(m => m.RocketSearch),
|
||||
);
|
||||
customElements.define(
|
||||
'rocket-drawer',
|
||||
await import('@rocket/components/drawer.js').then(m => m.RocketDrawer),
|
||||
);
|
||||
}
|
||||
export const needsLoader = true;
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
|
||||
import { LayoutHome } from '@rocket/launch';
|
||||
import { layoutData } from '#src/layouts/layoutData.js';
|
||||
|
||||
export const description =
|
||||
'Rocket enables everyone to code a website. Use an existing theme or create your own. Be fast by server rendering web components with little to no JavaScript.';
|
||||
export const subTitle = 'Everyone can code a website';
|
||||
|
||||
export const layout = new LayoutHome({
|
||||
...layoutData,
|
||||
titleWrapperFn: () => 'Welcome to Rocket',
|
||||
background: '/home-background.svg',
|
||||
});
|
||||
|
||||
const reasons = [
|
||||
{
|
||||
header: 'Small',
|
||||
text: 'No overblown tools or frontend frameworks, add JavaScript and/or Web Components only on pages where needed.',
|
||||
},
|
||||
{
|
||||
header: '0 JavaScript by default',
|
||||
text: 'Server side rendered Web Components means NO JavaScript by default.',
|
||||
},
|
||||
{
|
||||
header: 'Zero Configuration',
|
||||
text: 'Automatic code splitting, filesystem based routing, and JavaScript in Markdown.',
|
||||
},
|
||||
{
|
||||
header: 'Meta Framework',
|
||||
text: html`Build on top of giants like <a href="https://www.modern-web.dev/">Modern Web</a>,
|
||||
<a href="https://lit.dev/">Lit</a>, and
|
||||
<a href="https://rollupjs.org/">Rollup</a>
|
||||
.`,
|
||||
},
|
||||
{
|
||||
header: 'Theme Support',
|
||||
text: 'You have the content - we have the themes - or you build your own',
|
||||
},
|
||||
{
|
||||
header: 'Always fast while developing',
|
||||
text: 'While developing only pages you visit get rendered - so even with 1000 pages it will start up fast. Additionally assets are not moved but only referenced.',
|
||||
},
|
||||
{
|
||||
header: 'Fast for users',
|
||||
text: 'An optimized rollup configuration means that the page will load faster for users, even if you have a slow connection.',
|
||||
},
|
||||
{
|
||||
header: 'Batteries included',
|
||||
text: 'Comes with page navigation, 404 page, social media sharing, ...',
|
||||
},
|
||||
{
|
||||
header: 'Do less work',
|
||||
text: 'Rocket does exactly the amount of work it needs to show you the content you want. No more waiting for the server to render pages or copy assets.',
|
||||
},
|
||||
];
|
||||
|
||||
export default () => html`
|
||||
<content-area>
|
||||
<launch-home .reasons=${reasons} background-image>
|
||||
<h1 slot="title">
|
||||
<picture>
|
||||
<!-- <source srcset="../src/assets/rocket-logo-dark-with-text-below.svg" media="(prefers-color-scheme: dark)"> -->
|
||||
<!-- <source srcset="../src/assets/rocket-logo-dark-with-text.svg" media="(prefers-color-scheme: dark) and (min-width: 1024px)"> -->
|
||||
<source
|
||||
srcset="../src/assets/rocket-logo-light-with-text.svg"
|
||||
media="(min-width: 1024px)"
|
||||
width="250"
|
||||
height="67.87"
|
||||
/>
|
||||
<img
|
||||
src="../src/assets/rocket-logo-light-with-text-below.svg"
|
||||
alt="Rocket"
|
||||
width="250"
|
||||
height="257.92"
|
||||
/>
|
||||
</picture>
|
||||
</h1>
|
||||
<p slot="slogan">Everyone can code a website.</p>
|
||||
<a slot="cta" role="listitem" href="/docs/setup/getting-started/">Getting Started</a>
|
||||
<a slot="cta" role="listitem" href="/presets/">Browse Themes</a>
|
||||
<h2 slot="reason-header">Why Rocket?</h2>
|
||||
|
||||
<img src="../src/assets/home-background.svg" slot="background" role="presentation" />
|
||||
|
||||
<style type="text/css">
|
||||
/* workaround until Firefox supports width/height on source tags https://bugzilla.mozilla.org/show_bug.cgi?id=1694741 */
|
||||
@media (min-width: 1024px) {
|
||||
h1 img {
|
||||
height: 67.87px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</launch-home>
|
||||
</content-area>
|
||||
`;
|
||||
@@ -0,0 +1,311 @@
|
||||
{
|
||||
"title": "Welcome to Rocket",
|
||||
"h1": "\n \n ",
|
||||
"name": "\n \n ",
|
||||
"menuLinkText": "\n \n ",
|
||||
"url": "/",
|
||||
"outputRelativeFilePath": "index.html",
|
||||
"sourceRelativeFilePath": "index.rocket.js",
|
||||
"level": 0,
|
||||
"components": {
|
||||
"block-columns": "@rocket/components/block-columns.js::BlockColumns",
|
||||
"testimonial-small": "@rocket/components/testimonial-small.js::TestimonialSmall",
|
||||
"feature-small": "@rocket/components/feature-small.js::FeatureSmall",
|
||||
"the-block": "@rocket/components/the-block.js::TheBlock",
|
||||
"inline-notification": "@rocket/components/inline-notification.js::InlineNotification",
|
||||
"permanent-notification": "@rocket/components/permanent-notification.js::PermanentNotification",
|
||||
"card-icon": "@rocket/components/card-icon.js::CardIcon",
|
||||
"server-icon": "@rocket/components/server-icon.js::ServerIcon",
|
||||
"opengraph-overview": "@rocket/components/open-graph-overview.js::OpenGraphOverview",
|
||||
"rocket-drawer": "@rocket/components/drawer.js::RocketDrawer",
|
||||
"rocket-header": "@rocket/components/header.js::RocketHeader",
|
||||
"main-docs": "@rocket/components/main-docs.js::MainDocs",
|
||||
"main-content": "@rocket/components/main-content.js::MainContent",
|
||||
"rocket-social-link": "@rocket/components/social-link.js::RocketSocialLink",
|
||||
"content-area": "@rocket/components/content-area.js::ContentArea",
|
||||
"rocket-search": "@rocket/search/search.js::RocketSearch",
|
||||
"launch-home": "@rocket/launch/home.js::LaunchHome",
|
||||
"launch-blog-overview": "@rocket/launch/blog-overview.js::LaunchBlogOverview",
|
||||
"launch-blog-preview": "@rocket/launch/blog-preview.js::LaunchBlogPreview",
|
||||
"launch-blog-details": "@rocket/launch/blog-details.js::LaunchBlogDetails",
|
||||
"my-counter": "#src/components/MyCounter.js::MyCounter"
|
||||
},
|
||||
"description": "Rocket enables everyone to code a website. Use an existing theme or create your own. Be fast by server rendering web components with little to no JavaScript.",
|
||||
"needsLoader": true,
|
||||
"subTitle": "Everyone can code a website",
|
||||
"children": [
|
||||
{
|
||||
"title": "Documentation | Rocket",
|
||||
"h1": "Documentation",
|
||||
"headlinesWithId": [
|
||||
{
|
||||
"text": "Documentation",
|
||||
"id": "documentation",
|
||||
"level": 1
|
||||
}
|
||||
],
|
||||
"name": "Documentation",
|
||||
"menuLinkText": "Docs",
|
||||
"url": "/docs/",
|
||||
"outputRelativeFilePath": "docs/index.html",
|
||||
"sourceRelativeFilePath": "10--docs/index.rocket.md",
|
||||
"level": 1,
|
||||
"components": {
|
||||
"block-columns": "@rocket/components/block-columns.js::BlockColumns",
|
||||
"testimonial-small": "@rocket/components/testimonial-small.js::TestimonialSmall",
|
||||
"feature-small": "@rocket/components/feature-small.js::FeatureSmall",
|
||||
"the-block": "@rocket/components/the-block.js::TheBlock",
|
||||
"inline-notification": "@rocket/components/inline-notification.js::InlineNotification",
|
||||
"permanent-notification": "@rocket/components/permanent-notification.js::PermanentNotification",
|
||||
"card-icon": "@rocket/components/card-icon.js::CardIcon",
|
||||
"server-icon": "@rocket/components/server-icon.js::ServerIcon",
|
||||
"opengraph-overview": "@rocket/components/open-graph-overview.js::OpenGraphOverview",
|
||||
"rocket-drawer": "@rocket/components/drawer.js::RocketDrawer",
|
||||
"rocket-header": "@rocket/components/header.js::RocketHeader",
|
||||
"main-docs": "@rocket/components/main-docs.js::MainDocs",
|
||||
"main-content": "@rocket/components/main-content.js::MainContent",
|
||||
"rocket-social-link": "@rocket/components/social-link.js::RocketSocialLink",
|
||||
"content-area": "@rocket/components/content-area.js::ContentArea",
|
||||
"rocket-search": "@rocket/search/search.js::RocketSearch",
|
||||
"launch-home": "@rocket/launch/home.js::LaunchHome",
|
||||
"launch-blog-overview": "@rocket/launch/blog-overview.js::LaunchBlogOverview",
|
||||
"launch-blog-preview": "@rocket/launch/blog-preview.js::LaunchBlogPreview",
|
||||
"launch-blog-details": "@rocket/launch/blog-details.js::LaunchBlogDetails",
|
||||
"my-counter": "#src/components/MyCounter.js::MyCounter"
|
||||
},
|
||||
"needsLoader": true,
|
||||
"subTitle": "From zero to hero",
|
||||
"children": [
|
||||
{
|
||||
"title": "First Category | Rocket",
|
||||
"h1": "First Category",
|
||||
"name": "First Category",
|
||||
"menuLinkText": "First Category",
|
||||
"url": "/docs/first-category/",
|
||||
"outputRelativeFilePath": "docs/first-category/index.html",
|
||||
"sourceRelativeFilePath": "10--docs/10--first-category/index.rocket.js",
|
||||
"level": 2,
|
||||
"components": {
|
||||
"block-columns": "@rocket/components/block-columns.js::BlockColumns",
|
||||
"testimonial-small": "@rocket/components/testimonial-small.js::TestimonialSmall",
|
||||
"feature-small": "@rocket/components/feature-small.js::FeatureSmall",
|
||||
"the-block": "@rocket/components/the-block.js::TheBlock",
|
||||
"inline-notification": "@rocket/components/inline-notification.js::InlineNotification",
|
||||
"permanent-notification": "@rocket/components/permanent-notification.js::PermanentNotification",
|
||||
"card-icon": "@rocket/components/card-icon.js::CardIcon",
|
||||
"server-icon": "@rocket/components/server-icon.js::ServerIcon",
|
||||
"opengraph-overview": "@rocket/components/open-graph-overview.js::OpenGraphOverview",
|
||||
"rocket-drawer": "@rocket/components/drawer.js::RocketDrawer",
|
||||
"rocket-header": "@rocket/components/header.js::RocketHeader",
|
||||
"main-docs": "@rocket/components/main-docs.js::MainDocs",
|
||||
"main-content": "@rocket/components/main-content.js::MainContent",
|
||||
"rocket-social-link": "@rocket/components/social-link.js::RocketSocialLink",
|
||||
"content-area": "@rocket/components/content-area.js::ContentArea",
|
||||
"rocket-search": "@rocket/search/search.js::RocketSearch",
|
||||
"launch-home": "@rocket/launch/home.js::LaunchHome",
|
||||
"launch-blog-overview": "@rocket/launch/blog-overview.js::LaunchBlogOverview",
|
||||
"launch-blog-preview": "@rocket/launch/blog-preview.js::LaunchBlogPreview",
|
||||
"launch-blog-details": "@rocket/launch/blog-details.js::LaunchBlogDetails",
|
||||
"my-counter": "#src/components/MyCounter.js::MyCounter"
|
||||
},
|
||||
"menuNoLink": true,
|
||||
"needsLoader": true,
|
||||
"children": [
|
||||
{
|
||||
"title": "Getting started | Rocket",
|
||||
"h1": "Getting started",
|
||||
"headlinesWithId": [
|
||||
{
|
||||
"text": "Getting started",
|
||||
"id": "getting-started",
|
||||
"level": 1
|
||||
}
|
||||
],
|
||||
"name": "Getting started",
|
||||
"menuLinkText": "Getting started",
|
||||
"url": "/docs/first-category/getting-started/",
|
||||
"outputRelativeFilePath": "docs/first-category/getting-started/index.html",
|
||||
"sourceRelativeFilePath": "10--docs/10--first-category/10--getting-started.rocket.md",
|
||||
"level": 3,
|
||||
"components": {
|
||||
"block-columns": "@rocket/components/block-columns.js::BlockColumns",
|
||||
"testimonial-small": "@rocket/components/testimonial-small.js::TestimonialSmall",
|
||||
"feature-small": "@rocket/components/feature-small.js::FeatureSmall",
|
||||
"the-block": "@rocket/components/the-block.js::TheBlock",
|
||||
"inline-notification": "@rocket/components/inline-notification.js::InlineNotification",
|
||||
"permanent-notification": "@rocket/components/permanent-notification.js::PermanentNotification",
|
||||
"card-icon": "@rocket/components/card-icon.js::CardIcon",
|
||||
"server-icon": "@rocket/components/server-icon.js::ServerIcon",
|
||||
"opengraph-overview": "@rocket/components/open-graph-overview.js::OpenGraphOverview",
|
||||
"rocket-drawer": "@rocket/components/drawer.js::RocketDrawer",
|
||||
"rocket-header": "@rocket/components/header.js::RocketHeader",
|
||||
"main-docs": "@rocket/components/main-docs.js::MainDocs",
|
||||
"main-content": "@rocket/components/main-content.js::MainContent",
|
||||
"rocket-social-link": "@rocket/components/social-link.js::RocketSocialLink",
|
||||
"content-area": "@rocket/components/content-area.js::ContentArea",
|
||||
"rocket-search": "@rocket/search/search.js::RocketSearch",
|
||||
"launch-home": "@rocket/launch/home.js::LaunchHome",
|
||||
"launch-blog-overview": "@rocket/launch/blog-overview.js::LaunchBlogOverview",
|
||||
"launch-blog-preview": "@rocket/launch/blog-preview.js::LaunchBlogPreview",
|
||||
"launch-blog-details": "@rocket/launch/blog-details.js::LaunchBlogDetails",
|
||||
"my-counter": "#src/components/MyCounter.js::MyCounter"
|
||||
},
|
||||
"needsLoader": true,
|
||||
"subTitle": "Create your first Rocket site"
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Rocket Blog | Rocket",
|
||||
"h1": "Rocket Blog",
|
||||
"name": "Rocket Blog",
|
||||
"menuLinkText": "Blog",
|
||||
"url": "/blog/",
|
||||
"outputRelativeFilePath": "blog/index.html",
|
||||
"sourceRelativeFilePath": "40--blog/index.rocket.js",
|
||||
"level": 1,
|
||||
"components": {
|
||||
"block-columns": "@rocket/components/block-columns.js::BlockColumns",
|
||||
"testimonial-small": "@rocket/components/testimonial-small.js::TestimonialSmall",
|
||||
"feature-small": "@rocket/components/feature-small.js::FeatureSmall",
|
||||
"the-block": "@rocket/components/the-block.js::TheBlock",
|
||||
"inline-notification": "@rocket/components/inline-notification.js::InlineNotification",
|
||||
"permanent-notification": "@rocket/components/permanent-notification.js::PermanentNotification",
|
||||
"card-icon": "@rocket/components/card-icon.js::CardIcon",
|
||||
"server-icon": "@rocket/components/server-icon.js::ServerIcon",
|
||||
"opengraph-overview": "@rocket/components/open-graph-overview.js::OpenGraphOverview",
|
||||
"rocket-drawer": "@rocket/components/drawer.js::RocketDrawer",
|
||||
"rocket-header": "@rocket/components/header.js::RocketHeader",
|
||||
"main-docs": "@rocket/components/main-docs.js::MainDocs",
|
||||
"main-content": "@rocket/components/main-content.js::MainContent",
|
||||
"rocket-social-link": "@rocket/components/social-link.js::RocketSocialLink",
|
||||
"content-area": "@rocket/components/content-area.js::ContentArea",
|
||||
"rocket-search": "@rocket/search/search.js::RocketSearch",
|
||||
"launch-home": "@rocket/launch/home.js::LaunchHome",
|
||||
"launch-blog-overview": "@rocket/launch/blog-overview.js::LaunchBlogOverview",
|
||||
"launch-blog-preview": "@rocket/launch/blog-preview.js::LaunchBlogPreview",
|
||||
"launch-blog-details": "@rocket/launch/blog-details.js::LaunchBlogDetails",
|
||||
"my-counter": "#src/components/MyCounter.js::MyCounter"
|
||||
},
|
||||
"needsLoader": true,
|
||||
"children": [
|
||||
{
|
||||
"title": "First | Rocket",
|
||||
"h1": "First",
|
||||
"headlinesWithId": [
|
||||
{
|
||||
"text": "First",
|
||||
"id": "first",
|
||||
"level": 1
|
||||
}
|
||||
],
|
||||
"name": "First",
|
||||
"menuLinkText": "First",
|
||||
"url": "/blog/first/",
|
||||
"outputRelativeFilePath": "blog/first/index.html",
|
||||
"sourceRelativeFilePath": "40--blog/001--first/index.rocket.md",
|
||||
"level": 2,
|
||||
"authors": [
|
||||
{
|
||||
"firstName": "Thomas",
|
||||
"lastName": "Allmer",
|
||||
"twitter": "daKmoR",
|
||||
"image": "https://pbs.twimg.com/profile_images/1070490946847105025/UBK4xPzU_400x400.jpg"
|
||||
}
|
||||
],
|
||||
"components": {
|
||||
"block-columns": "@rocket/components/block-columns.js::BlockColumns",
|
||||
"testimonial-small": "@rocket/components/testimonial-small.js::TestimonialSmall",
|
||||
"feature-small": "@rocket/components/feature-small.js::FeatureSmall",
|
||||
"the-block": "@rocket/components/the-block.js::TheBlock",
|
||||
"inline-notification": "@rocket/components/inline-notification.js::InlineNotification",
|
||||
"permanent-notification": "@rocket/components/permanent-notification.js::PermanentNotification",
|
||||
"card-icon": "@rocket/components/card-icon.js::CardIcon",
|
||||
"server-icon": "@rocket/components/server-icon.js::ServerIcon",
|
||||
"opengraph-overview": "@rocket/components/open-graph-overview.js::OpenGraphOverview",
|
||||
"rocket-drawer": "@rocket/components/drawer.js::RocketDrawer",
|
||||
"rocket-header": "@rocket/components/header.js::RocketHeader",
|
||||
"main-docs": "@rocket/components/main-docs.js::MainDocs",
|
||||
"main-content": "@rocket/components/main-content.js::MainContent",
|
||||
"rocket-social-link": "@rocket/components/social-link.js::RocketSocialLink",
|
||||
"content-area": "@rocket/components/content-area.js::ContentArea",
|
||||
"rocket-search": "@rocket/search/search.js::RocketSearch",
|
||||
"launch-home": "@rocket/launch/home.js::LaunchHome",
|
||||
"launch-blog-overview": "@rocket/launch/blog-overview.js::LaunchBlogOverview",
|
||||
"launch-blog-preview": "@rocket/launch/blog-preview.js::LaunchBlogPreview",
|
||||
"launch-blog-details": "@rocket/launch/blog-details.js::LaunchBlogDetails",
|
||||
"my-counter": "#src/components/MyCounter.js::MyCounter"
|
||||
},
|
||||
"description": "A tool that checks the validity of all your HTML links of your whole website.",
|
||||
"needsLoader": true,
|
||||
"publishDate": "2021-05-09T00:00:00.000Z",
|
||||
"tags": [
|
||||
"html",
|
||||
"javascript",
|
||||
"webdev",
|
||||
"node"
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Second | Rocket",
|
||||
"h1": "Second",
|
||||
"headlinesWithId": [
|
||||
{
|
||||
"text": "Second",
|
||||
"id": "second",
|
||||
"level": 1
|
||||
}
|
||||
],
|
||||
"name": "Second",
|
||||
"menuLinkText": "Second",
|
||||
"url": "/blog/second/",
|
||||
"outputRelativeFilePath": "blog/second/index.html",
|
||||
"sourceRelativeFilePath": "40--blog/002--second/index.rocket.md",
|
||||
"level": 2,
|
||||
"authors": [
|
||||
{
|
||||
"firstName": "Thomas",
|
||||
"lastName": "Allmer",
|
||||
"twitter": "daKmoR",
|
||||
"image": "https://pbs.twimg.com/profile_images/1070490946847105025/UBK4xPzU_400x400.jpg"
|
||||
}
|
||||
],
|
||||
"components": {
|
||||
"block-columns": "@rocket/components/block-columns.js::BlockColumns",
|
||||
"testimonial-small": "@rocket/components/testimonial-small.js::TestimonialSmall",
|
||||
"feature-small": "@rocket/components/feature-small.js::FeatureSmall",
|
||||
"the-block": "@rocket/components/the-block.js::TheBlock",
|
||||
"inline-notification": "@rocket/components/inline-notification.js::InlineNotification",
|
||||
"permanent-notification": "@rocket/components/permanent-notification.js::PermanentNotification",
|
||||
"card-icon": "@rocket/components/card-icon.js::CardIcon",
|
||||
"server-icon": "@rocket/components/server-icon.js::ServerIcon",
|
||||
"opengraph-overview": "@rocket/components/open-graph-overview.js::OpenGraphOverview",
|
||||
"rocket-drawer": "@rocket/components/drawer.js::RocketDrawer",
|
||||
"rocket-header": "@rocket/components/header.js::RocketHeader",
|
||||
"main-docs": "@rocket/components/main-docs.js::MainDocs",
|
||||
"main-content": "@rocket/components/main-content.js::MainContent",
|
||||
"rocket-social-link": "@rocket/components/social-link.js::RocketSocialLink",
|
||||
"content-area": "@rocket/components/content-area.js::ContentArea",
|
||||
"rocket-search": "@rocket/search/search.js::RocketSearch",
|
||||
"launch-home": "@rocket/launch/home.js::LaunchHome",
|
||||
"launch-blog-overview": "@rocket/launch/blog-overview.js::LaunchBlogOverview",
|
||||
"launch-blog-preview": "@rocket/launch/blog-preview.js::LaunchBlogPreview",
|
||||
"launch-blog-details": "@rocket/launch/blog-details.js::LaunchBlogDetails",
|
||||
"my-counter": "#src/components/MyCounter.js::MyCounter"
|
||||
},
|
||||
"description": "Let us take a look at Rocket which is sort of a nuxt/next equivalent but instead of vue/react it works best with web standards like custom elements, ES modules, template literals...",
|
||||
"needsLoader": true,
|
||||
"publishDate": "2022-03-23T00:00:00.000Z",
|
||||
"tags": [
|
||||
"rocket",
|
||||
"javascript",
|
||||
"node",
|
||||
"SSG"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
158
examples/51-docs-theme-launch/site/pages/recursive.data.js
Normal file
158
examples/51-docs-theme-launch/site/pages/recursive.data.js
Normal file
@@ -0,0 +1,158 @@
|
||||
import { LayoutSidebar } from '@rocket/launch';
|
||||
import { adjustPluginOptions } from 'plugins-manager';
|
||||
import { mdjsSetupCode } from '@mdjs/core';
|
||||
import { html } from 'lit';
|
||||
import { rocketComponents } from '@rocket/components/components.js';
|
||||
import { searchComponents } from '@rocket/search/components.js';
|
||||
import htmlHeading from 'rehype-autolink-headings';
|
||||
import { launchComponents } from '@rocket/launch/components.js';
|
||||
import { layoutData, pageTree } from '#src/layouts/layoutData.js';
|
||||
|
||||
export { html };
|
||||
|
||||
export const layout = new LayoutSidebar({
|
||||
...layoutData,
|
||||
description:
|
||||
'Rocket enables everyone to code a website. Use an existing theme or create your own. Be fast by server rendering web components with little to no JavaScript.',
|
||||
});
|
||||
|
||||
export const setupUnifiedPlugins = [
|
||||
adjustPluginOptions(mdjsSetupCode, {
|
||||
simulationSettings: {
|
||||
simulatorUrl: '/simulator/',
|
||||
},
|
||||
}),
|
||||
// this adds an octicon to the headlines
|
||||
adjustPluginOptions(htmlHeading, {
|
||||
properties: {
|
||||
className: ['anchor'],
|
||||
},
|
||||
content: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'svg',
|
||||
properties: {
|
||||
className: ['octicon', 'octicon-link'],
|
||||
viewBox: '0 0 16 16',
|
||||
ariaHidden: 'true',
|
||||
width: 16,
|
||||
height: 16,
|
||||
},
|
||||
children: [
|
||||
{
|
||||
type: 'element',
|
||||
tagName: 'path',
|
||||
properties: {
|
||||
fillRule: 'evenodd',
|
||||
d: 'M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
];
|
||||
|
||||
export const components = {
|
||||
...rocketComponents,
|
||||
...searchComponents,
|
||||
...launchComponents,
|
||||
'my-counter': '#src/components/MyCounter.js::MyCounter',
|
||||
};
|
||||
|
||||
export const openGraphLayout = data => html`
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link
|
||||
rel="preload"
|
||||
href="/fonts/Rubik-VariableFont_wght.woff2"
|
||||
as="font"
|
||||
type="font/woff2"
|
||||
crossorigin
|
||||
/>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'Rubik';
|
||||
src: url('/fonts/Rubik-VariableFont_wght.woff2') format('woff2 supports variations'),
|
||||
url('/fonts/Rubik-VariableFont_wght.woff2') format('woff2-variations');
|
||||
font-weight: 1 999;
|
||||
font-display: optional;
|
||||
}
|
||||
body {
|
||||
background: conic-gradient(from 90deg at 50% 0%, #111, 50%, #222, #111);
|
||||
color: #ccc;
|
||||
display: block;
|
||||
height: 100vh;
|
||||
padding: 30px;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
font-family: 'Rubik', sans-serif;
|
||||
}
|
||||
#powered-by {
|
||||
margin: 3%;
|
||||
font-size: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
#powered-by img {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
background: linear-gradient(to bottom right, #ffe259, #ffa751);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 100px;
|
||||
margin: 3%;
|
||||
}
|
||||
p {
|
||||
margin: 3%;
|
||||
}
|
||||
#sub-title {
|
||||
font-size: 50px;
|
||||
max-width: 67%;
|
||||
}
|
||||
#bg-wrapper {
|
||||
position: absolute;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
#bg-wrapper img {
|
||||
position: absolute;
|
||||
right: -20%;
|
||||
top: 32%;
|
||||
transform: rotate(326deg);
|
||||
width: 59%;
|
||||
}
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
.item card-icon {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>${pageTree.getPage(data.sourceRelativeFilePath)?.model?.name}</h1>
|
||||
<p id="sub-title">${data.subTitle || ''}</p>
|
||||
<div id="powered-by">
|
||||
<span>powered by</span>
|
||||
<img id="logo" src="resolve:#src/assets/rocket-logo-dark-with-text.svg" />
|
||||
</div>
|
||||
<div id="bg-wrapper">
|
||||
<img src="resolve:#src/assets/home-background.svg" />
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
`;
|
||||
13
examples/51-docs-theme-launch/site/pages/simulator.rocket.js
Normal file
13
examples/51-docs-theme-launch/site/pages/simulator.rocket.js
Normal file
@@ -0,0 +1,13 @@
|
||||
/* START - Rocket auto generated - do not touch */
|
||||
export const sourceRelativeFilePath = 'simulator.rocket.js';
|
||||
import { html, setupUnifiedPlugins, components, openGraphLayout } from './recursive.data.js';
|
||||
export { html, setupUnifiedPlugins, components, openGraphLayout };
|
||||
/* END - Rocket auto generated - do not touch */
|
||||
|
||||
export const menuExclude = true;
|
||||
|
||||
import { LayoutSimulator } from '@mdjs/mdjs-preview/server';
|
||||
|
||||
export const layout = new LayoutSimulator();
|
||||
|
||||
export default () => '';
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
examples/51-docs-theme-launch/site/public/apple-touch-icon.png
Normal file
BIN
examples/51-docs-theme-launch/site/public/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
examples/51-docs-theme-launch/site/public/favicon.ico
Normal file
BIN
examples/51-docs-theme-launch/site/public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
12
examples/51-docs-theme-launch/site/public/icon.svg
Normal file
12
examples/51-docs-theme-launch/site/public/icon.svg
Normal file
@@ -0,0 +1,12 @@
|
||||
<svg width="105" height="101" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m19.91 91.438 12.445-4.705-8.09-7.465-4.355 12.17Z" fill="#FCB736"/>
|
||||
<path d="M53.778 41.196c-1.6-5.176 1.444-10.652 6.844-12.192 5.378-1.54 11.067 1.39 12.667 6.588a9.426 9.426 0 0 1 .277 4.512 9.595 9.595 0 0 1-1.86 4.151 10.076 10.076 0 0 1-3.6 2.902 10.485 10.485 0 0 1-4.573 1.033c-4.4 0-8.444-2.738-9.755-6.994ZM68.666 16.62c-9.066 2.952-19.088 8.085-27.022 16.042-6.4 6.416-11.311 12.47-15 17.71a28.068 28.068 0 0 0-3.889.32A23.592 23.592 0 0 0 18.6 51.72C9.533 54.928-.49 63.42.133 65.11c.6 1.69 6.467-1.433 11.467-1.818 2.91-.236 5.178.042 6.91.492-.577 1.154-1.066 2.138-1.421 2.93-.378.791-.645 1.369-.823 1.732l18.09 16.705c.733-.385 2.377-1.112 4.733-2.353.266.813.51 1.776.644 2.866.156 1.091.222 2.332.156 3.743-.2 4.813-3.2 10.588-1.423 11.101 1.778.514 10.178-9.475 13.134-18.33.91-2.695 1.133-5.433 1.066-7.786 5.29-3.785 11.356-8.726 17.756-15.164 7.933-7.957 12.844-17.796 15.533-26.65 2.356-7.765 2.978-14.738 2.4-19.037a22.605 22.605 0 0 0-2.155-.085c-4.511-.022-10.756.962-17.534 3.165Z" fill="url(#a)"/>
|
||||
<path d="m12.4 89.535 15.911-6.545-9.777-9.026-6.134 15.57Z" fill="#D08A06"/>
|
||||
<path d="m10.488 82.733 12.467-4.684-8.089-7.465-4.378 12.149ZM90.644 16.406c.044 2.823-.267 6.096-.912 9.54 7.712 10.544 10.889 24.083 7.578 37.623-5.778 23.591-29.178 38.756-53.622 35.612-.133.15-.267.278-.4.428 27.045 4.834 53.556-11.614 59.911-37.666 4.111-16.897-1.155-33.752-12.555-45.537ZM2.82 42.158C8.955 17.048 35.088 1.477 61.177 7.401c5 1.134 9.644 2.973 13.822 5.39 3.6-.791 7.067-1.262 10.067-1.347-5.822-4.492-12.756-7.828-20.511-9.582C36.665-4.47 8.733 12.172 2.177 39.014a47.973 47.973 0 0 0-.511 20.619c.111-.107.222-.193.333-.3-.8-5.56-.6-11.378.822-17.175Z" fill="#FCB736"/>
|
||||
<defs>
|
||||
<linearGradient id="a" x1="26.5" y1="57" x2="89" y2="13" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D21B1D"/>
|
||||
<stop offset="1" stop-color="#C9181A"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
19
examples/51-docs-theme-launch/site/public/site.webmanifest
Normal file
19
examples/51-docs-theme-launch/site/public/site.webmanifest
Normal file
@@ -0,0 +1,19 @@
|
||||
{
|
||||
"name": "Rocket",
|
||||
"short_name": "Rocket",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,8 @@
|
||||
<svg width="253" height="260" viewBox="0 0 253 260" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M34.7423 256.986V258.933H27.4756V256.986C27.4756 251.81 23.8978 245.137 14.8089 245.137H7.60893V258.933H0.475586V211.813H16.0756C27.4089 211.813 34.7423 219.491 34.7423 228.582C34.7423 235.319 30.5422 239.896 26.5645 242.057C32.6534 245.393 34.7423 251.318 34.7423 256.986ZM16.3423 218.208H7.60893V238.934H16.3423C23.0534 238.934 27.32 233.822 27.32 228.56C27.3423 222.849 23.1423 218.208 16.3423 218.208ZM41.1867 235.448C41.1867 221.908 51.7423 211 66.2978 211C80.8534 211 91.4089 221.908 91.4089 235.448C91.4089 248.923 80.8534 259.809 66.2978 259.809C51.7423 259.809 41.1867 248.901 41.1867 235.448V235.448ZM48.6756 235.448C48.6756 245.607 56.1645 253.093 66.2978 253.093C76.4312 253.093 83.92 245.629 83.92 235.448C83.92 225.224 76.4312 217.738 66.2978 217.738C56.1645 217.738 48.6756 225.202 48.6756 235.448V235.448ZM99.1645 235.448C99.1645 221.908 109.72 211 124.276 211C127.853 211 131.542 211.813 134.009 212.946V220.283C131.209 218.657 128.209 217.716 124.276 217.716C114.142 217.716 106.653 225.181 106.653 235.426C106.653 245.586 114.142 253.072 124.276 253.072C128.187 253.072 131.209 252.131 134.009 250.505V257.842C131.564 258.997 127.853 259.788 124.276 259.788C109.742 259.809 99.1645 248.901 99.1645 235.448V235.448ZM143.031 211.813H150.164V233.48L166.476 211.813H174.653L157.942 233.544L176.12 258.933H167.52L153.453 238.463L150.164 242.506V258.933H143.031V211.813ZM183.787 211.813H210.92V218.336H190.92V231.191H210.276V237.522H190.92V252.195H211.342V258.933H183.787V211.813ZM233.031 218.208H220.942V211.813H252.276V218.208H240.165V258.933H233.031V218.208Z" fill="#EBEBEB"/>
|
||||
<path d="M63.0996 172.743L87.04 163.802L71.4788 149.62L63.0996 172.743Z" fill="#FCB736"/>
|
||||
<path d="M128.253 77.2857C125.175 67.4515 131.032 57.0484 141.421 54.1225C151.766 51.1966 162.71 56.7639 165.789 66.6388C166.669 69.4176 166.852 72.3538 166.323 75.212C165.794 78.0703 164.569 80.771 162.744 83.0979C160.92 85.4247 158.547 87.3129 155.817 88.6112C153.086 89.9095 150.074 90.5818 147.021 90.5741C138.556 90.5741 130.776 85.3725 128.253 77.2857ZM156.896 30.5936C139.454 36.2015 120.173 45.9544 104.911 61.0715C92.5993 73.2626 83.1513 84.763 76.0547 94.7191C73.7034 94.7597 71.1811 94.9223 68.5733 95.3286C65.9655 95.735 63.2722 96.3446 60.5789 97.2792C43.1366 103.375 23.856 119.508 25.053 122.718C26.2073 125.928 37.4935 119.995 47.1124 119.264C52.7128 118.817 57.0734 119.345 60.4079 120.199C59.2964 122.393 58.3559 124.262 57.6719 125.766C56.9451 127.269 56.4321 128.367 56.0901 129.058L90.8892 160.795C92.3 160.064 95.4636 158.682 99.9951 156.325C100.508 157.869 100.978 159.698 101.235 161.77C101.534 163.843 101.662 166.2 101.534 168.882C101.149 178.025 95.3781 188.997 98.7981 189.973C102.218 190.948 118.378 171.97 124.064 155.147C125.817 150.026 126.244 144.825 126.116 140.355C136.291 133.162 147.961 123.775 160.274 111.543C175.536 96.4258 184.984 77.7327 190.156 60.9089C194.688 46.1576 195.885 32.9099 194.774 24.7418C193.395 24.6225 192.011 24.5683 190.627 24.5793C181.948 24.5386 169.935 26.408 156.896 30.5936Z" fill="#EDEDED"/>
|
||||
<path d="M48.6533 169.126L79.2629 156.691L60.4525 139.542L48.6533 169.126Z" fill="#D08A06"/>
|
||||
<path d="M44.9746 156.203L68.9578 147.303L53.3965 133.121L44.9746 156.203Z" fill="#FCB736"/>
|
||||
<path d="M199.176 30.1871C199.261 35.5512 198.663 41.7687 197.423 48.3113C212.258 68.3454 218.371 94.0688 212.001 119.792C200.886 164.615 155.869 193.427 108.844 187.453C108.587 187.738 108.331 187.981 108.074 188.266C160.102 197.45 211.103 166.2 223.33 116.704C231.239 84.6003 221.107 52.5782 199.176 30.1871V30.1871ZM30.225 79.1143C42.0242 31.4062 92.2991 1.82232 142.488 13.0788C152.107 15.2326 161.042 18.7274 169.079 23.3194C176.005 21.8158 182.674 20.9218 188.446 20.7593C177.245 12.2254 163.907 5.88605 148.987 2.5538C95.3344 -9.47481 41.5967 22.1409 28.9852 73.1406C25.6934 86.429 25.5224 99.7173 28.0019 112.315C28.2157 112.112 28.4294 111.949 28.6432 111.746C27.1042 101.18 27.4889 90.127 30.225 79.1143Z" fill="#FCB736"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
@@ -0,0 +1,7 @@
|
||||
<svg width="372" height="101" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M154.378 72.081v1.947h-7.267V72.08c0-5.176-3.577-11.85-12.666-11.85h-7.2v13.797h-7.134v-47.12h15.6c11.334 0 18.667 7.679 18.667 16.769 0 6.737-4.2 11.315-8.178 13.475 6.089 3.337 8.178 9.261 8.178 14.93Zm-18.4-38.778h-8.733V54.03h8.733c6.711 0 10.978-5.112 10.978-10.373.022-5.711-4.178-10.353-10.978-10.353Zm24.844 17.24c0-13.54 10.556-24.448 25.112-24.448 14.555 0 25.111 10.909 25.111 24.448 0 13.475-10.556 24.362-25.111 24.362-14.556 0-25.112-10.909-25.112-24.362Zm7.489 0c0 10.16 7.489 17.646 17.623 17.646 10.133 0 17.622-7.465 17.622-17.646 0-10.224-7.489-17.71-17.622-17.71-10.134 0-17.623 7.464-17.623 17.71Zm50.489 0c0-13.54 10.556-24.448 25.111-24.448 3.578 0 7.267.813 9.734 1.947v7.336c-2.8-1.626-5.8-2.567-9.734-2.567-10.133 0-17.622 7.465-17.622 17.71 0 10.16 7.489 17.646 17.622 17.646 3.911 0 6.934-.94 9.734-2.567v7.337c-2.445 1.155-6.156 1.946-9.734 1.946-14.533.022-25.111-10.887-25.111-24.34Zm43.867-23.635h7.133v21.667l16.311-21.667h8.178l-16.711 21.731 18.178 25.389h-8.6l-14.067-20.47-3.289 4.043v16.427h-7.133v-47.12Zm40.755 0h27.134v6.524h-20v12.854h19.355v6.331h-19.355V67.29h20.422v6.738h-27.556v-47.12Zm49.245 6.395h-12.089v-6.395h31.333v6.395H359.8v40.725h-7.133V33.303Z" fill="#EBEBEB"/>
|
||||
<path d="m19.91 91.438 12.445-4.705-8.09-7.465-4.355 12.17Z" fill="#FCB736"/>
|
||||
<path d="M53.778 41.196c-1.6-5.176 1.444-10.652 6.844-12.192 5.378-1.54 11.067 1.39 12.667 6.588a9.426 9.426 0 0 1 .277 4.512 9.595 9.595 0 0 1-1.86 4.151 10.076 10.076 0 0 1-3.6 2.902 10.485 10.485 0 0 1-4.573 1.033c-4.4 0-8.444-2.738-9.755-6.994ZM68.666 16.62c-9.066 2.952-19.088 8.085-27.022 16.042-6.4 6.416-11.311 12.47-15 17.71a28.068 28.068 0 0 0-3.889.32A23.592 23.592 0 0 0 18.6 51.72C9.533 54.928-.49 63.42.133 65.11c.6 1.69 6.467-1.433 11.467-1.818 2.91-.236 5.178.042 6.91.492-.577 1.154-1.066 2.138-1.421 2.93-.378.791-.645 1.369-.823 1.732l18.09 16.705c.733-.385 2.377-1.112 4.733-2.353.266.813.51 1.776.644 2.866.156 1.091.222 2.332.156 3.743-.2 4.813-3.2 10.588-1.423 11.101 1.778.514 10.178-9.475 13.134-18.33.91-2.695 1.133-5.433 1.066-7.786 5.29-3.785 11.356-8.726 17.756-15.164 7.933-7.957 12.844-17.796 15.533-26.65 2.356-7.765 2.978-14.738 2.4-19.037a22.605 22.605 0 0 0-2.155-.085c-4.511-.022-10.756.962-17.534 3.165Z" fill="#EDEDED"/>
|
||||
<path d="m12.4 89.535 15.911-6.545-9.777-9.026-6.134 15.57Z" fill="#D08A06"/>
|
||||
<path d="m10.488 82.733 12.467-4.684-8.089-7.465-4.378 12.149ZM90.644 16.406c.044 2.823-.267 6.096-.912 9.54 7.712 10.544 10.889 24.083 7.578 37.623-5.778 23.591-29.178 38.756-53.622 35.612-.133.15-.267.278-.4.428 27.045 4.834 53.556-11.614 59.911-37.666 4.111-16.897-1.155-33.752-12.555-45.537ZM2.82 42.158C8.955 17.048 35.088 1.477 61.177 7.401c5 1.134 9.644 2.973 13.822 5.39 3.6-.791 7.067-1.262 10.067-1.347-5.822-4.492-12.756-7.828-20.511-9.582C36.665-4.47 8.733 12.172 2.177 39.014a47.973 47.973 0 0 0-.511 20.619c.111-.107.222-.193.333-.3-.8-5.56-.6-11.378.822-17.175Z" fill="#FCB736"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,7 @@
|
||||
<svg width="512" height="491" viewBox="0 0 512 491" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M97.0498 446.184L158.032 423.125L118.394 386.545L97.0498 446.184Z" fill="#FCB736"/>
|
||||
<path d="M263.013 199.977C255.173 174.612 270.092 147.779 296.554 140.233C322.907 132.686 350.784 147.046 358.625 172.515C360.867 179.683 361.333 187.256 359.987 194.628C358.64 202 355.518 208.966 350.87 214.968C346.223 220.969 340.18 225.839 333.224 229.188C326.269 232.537 318.596 234.271 310.819 234.251C289.257 234.251 269.438 220.835 263.013 199.977ZM335.974 79.5458C291.544 94.0101 242.432 119.165 203.555 158.156C172.193 189.6 148.127 219.262 130.05 244.942C124.06 245.047 117.635 245.466 110.993 246.514C104.35 247.562 97.4893 249.134 90.6288 251.545C46.1987 267.267 -2.91399 308.878 0.135132 317.158C3.07536 325.439 31.8243 310.136 56.3261 308.249C70.5917 307.096 81.6992 308.459 90.1932 310.66C87.3619 316.32 84.9661 321.141 83.2238 325.019C81.3725 328.897 80.0657 331.727 79.1946 333.509L167.837 415.369C171.431 413.482 179.489 409.918 191.032 403.839C192.339 407.822 193.537 412.539 194.19 417.884C194.952 423.23 195.279 429.309 194.952 436.227C193.972 459.81 179.271 488.109 187.983 490.625C196.695 493.14 237.858 444.192 252.341 400.8C256.806 387.593 257.895 374.177 257.568 362.647C283.486 344.095 313.215 319.883 344.577 288.335C383.454 249.344 407.52 201.13 420.696 157.737C432.24 119.689 435.289 85.5202 432.457 64.4526C428.946 64.145 425.42 64.0051 421.894 64.0334C399.788 63.9285 369.188 68.75 335.974 79.5458Z" fill="#EDEDED"/>
|
||||
<path d="M60.249 436.855L138.22 404.782L90.3047 360.551L60.249 436.855Z" fill="#D08A06"/>
|
||||
<path d="M50.8799 403.524L111.971 380.57L72.3326 343.99L50.8799 403.524Z" fill="#FCB736"/>
|
||||
<path d="M443.672 78.4971C443.89 92.3325 442.365 108.369 439.207 125.244C476.994 176.917 492.567 243.264 476.341 309.611C448.028 425.221 333.359 499.534 213.572 484.126C212.918 484.86 212.265 485.489 211.612 486.222C344.14 509.91 474.054 429.308 505.199 301.645C525.345 218.843 499.536 136.249 443.672 78.4971V78.4971ZM13.3096 204.693C43.3653 81.6415 171.429 5.33718 299.274 34.3706C323.776 39.9257 346.535 48.9397 367.008 60.7837C384.649 56.9056 401.637 54.5996 416.339 54.1803C387.807 32.1695 353.831 15.8186 315.826 7.22387C179.16 -23.801 42.2763 57.744 10.1516 189.285C1.76649 223.559 1.3309 257.833 7.64694 290.326C8.19143 289.801 8.73591 289.382 9.2804 288.858C5.36009 261.607 6.34017 233.097 13.3096 204.693Z" fill="#FCB736"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.4 KiB |
@@ -0,0 +1,14 @@
|
||||
<svg width="252" height="260" viewBox="0 0 252 260" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M34.2667 256.986V258.933H27V256.986C27 251.81 23.4222 245.137 14.3333 245.137H7.13334V258.933H0V211.813H15.6C26.9333 211.813 34.2667 219.491 34.2667 228.582C34.2667 235.319 30.0667 239.896 26.0889 242.057C32.1778 245.393 34.2667 251.318 34.2667 256.986ZM15.8667 218.208H7.13334V238.934H15.8667C22.5778 238.934 26.8444 233.822 26.8444 228.56C26.8667 222.849 22.6667 218.208 15.8667 218.208ZM40.7111 235.448C40.7111 221.908 51.2667 211 65.8222 211C80.3778 211 90.9333 221.908 90.9333 235.448C90.9333 248.923 80.3778 259.809 65.8222 259.809C51.2667 259.809 40.7111 248.901 40.7111 235.448V235.448ZM48.2 235.448C48.2 245.607 55.6889 253.093 65.8222 253.093C75.9556 253.093 83.4445 245.629 83.4445 235.448C83.4445 225.224 75.9556 217.738 65.8222 217.738C55.6889 217.738 48.2 225.202 48.2 235.448V235.448ZM98.6889 235.448C98.6889 221.908 109.244 211 123.8 211C127.378 211 131.067 211.813 133.533 212.946V220.283C130.733 218.657 127.733 217.716 123.8 217.716C113.667 217.716 106.178 225.181 106.178 235.426C106.178 245.586 113.667 253.072 123.8 253.072C127.711 253.072 130.733 252.131 133.533 250.505V257.842C131.089 258.997 127.378 259.788 123.8 259.788C109.267 259.809 98.6889 248.901 98.6889 235.448V235.448ZM142.556 211.813H149.689V233.48L166 211.813H174.178L157.467 233.544L175.644 258.933H167.044L152.978 238.463L149.689 242.506V258.933H142.556V211.813ZM183.311 211.813H210.444V218.336H190.444V231.191H209.8V237.522H190.444V252.195H210.867V258.933H183.311V211.813ZM232.556 218.208H220.467V211.813H251.8V218.208H239.689V258.933H232.556V218.208Z" fill="#2A2A2B"/>
|
||||
<path d="M63 173L86 164.107L71.05 150L63 173Z" fill="#FCB736"/>
|
||||
<path d="M126.942 77.5706C123.903 67.762 129.685 57.3859 139.942 54.4677C150.156 51.5494 160.961 57.1022 164 66.9513C164.869 69.723 165.05 72.6515 164.528 75.5023C164.006 78.3531 162.796 81.0468 160.994 83.3676C159.193 85.6884 156.851 87.5717 154.155 88.8666C151.459 90.1615 148.485 90.832 145.471 90.8243C137.114 90.8243 129.432 85.6363 126.942 77.5706ZM155.221 31C138 36.5934 118.964 46.3209 103.896 61.3986C91.7405 73.558 82.4126 85.0283 75.4061 94.9585C73.0847 94.9991 70.5945 95.1612 68.0198 95.5665C65.4451 95.9718 62.786 96.5798 60.1269 97.512C42.9062 103.592 23.8706 119.683 25.0524 122.885C26.192 126.087 37.3348 120.169 46.8315 119.439C52.3607 118.994 56.6659 119.521 59.9581 120.372C58.8607 122.56 57.9321 124.425 57.2568 125.924C56.5393 127.424 56.0328 128.518 55.6951 129.208L90.0522 160.862C91.445 160.133 94.5684 158.755 99.0424 156.404C99.5489 157.944 100.013 159.768 100.266 161.835C100.562 163.902 100.689 166.253 100.562 168.928C100.182 178.048 94.484 188.991 97.8606 189.964C101.237 190.937 117.192 172.009 122.805 155.229C124.536 150.122 124.958 144.934 124.831 140.475C134.877 133.301 146.399 123.938 158.555 111.739C173.623 96.6608 182.951 78.0164 188.058 61.2364C192.532 46.5235 193.714 33.3103 192.617 25.1635C191.256 25.0445 189.889 24.9904 188.523 25.0014C179.955 24.9608 168.094 26.8253 155.221 31Z" fill="url(#paint0_linear_201_35)"/>
|
||||
<path d="M48 169L78 156.81L59.5642 140L48 169Z" fill="#D08A06"/>
|
||||
<path d="M45 156L68 147.132L53.0766 133L45 156Z" fill="#FCB736"/>
|
||||
<path d="M196.537 30.2086C196.622 35.5766 196.031 41.7985 194.808 48.3458C209.443 68.3942 215.474 94.1359 209.19 119.878C198.224 164.732 153.815 193.565 107.423 187.587C107.17 187.872 106.917 188.116 106.664 188.4C157.99 197.591 208.304 166.318 220.366 116.787C228.168 84.6607 218.173 52.6157 196.537 30.2086V30.2086ZM29.8645 79.1708C41.5046 31.4286 91.1016 1.82362 140.614 13.0882C150.103 15.2435 158.918 18.7408 166.847 23.3361C173.679 21.8314 180.258 20.9367 185.952 20.7741C174.902 12.2342 161.744 5.89025 147.025 2.55562C94.096 -9.48158 41.0829 22.1567 28.6415 73.1928C25.3941 86.4907 25.2254 99.7885 27.6715 112.395C27.8823 112.192 28.0932 112.029 28.3041 111.826C26.7858 101.253 27.1654 90.1913 29.8645 79.1708Z" fill="#FCB736"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_201_35" x1="75.1323" y1="107.519" x2="193.66" y2="23.883" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D21B1D"/>
|
||||
<stop offset="1" stop-color="#C9181A"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.1 KiB |
@@ -0,0 +1,13 @@
|
||||
<svg width="372" height="101" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M154.378 72.081v1.947h-7.267V72.08c0-5.176-3.577-11.85-12.666-11.85h-7.2v13.797h-7.134v-47.12h15.6c11.334 0 18.667 7.679 18.667 16.769 0 6.737-4.2 11.315-8.178 13.475 6.089 3.337 8.178 9.261 8.178 14.93Zm-18.4-38.778h-8.733V54.03h8.733c6.711 0 10.978-5.112 10.978-10.373.022-5.711-4.178-10.353-10.978-10.353Zm24.844 17.24c0-13.54 10.556-24.448 25.112-24.448 14.555 0 25.111 10.909 25.111 24.448 0 13.475-10.556 24.362-25.111 24.362-14.556 0-25.112-10.909-25.112-24.362Zm7.489 0c0 10.16 7.489 17.646 17.623 17.646 10.133 0 17.622-7.465 17.622-17.646 0-10.224-7.489-17.71-17.622-17.71-10.134 0-17.623 7.464-17.623 17.71Zm50.489 0c0-13.54 10.556-24.448 25.111-24.448 3.578 0 7.267.813 9.734 1.947v7.336c-2.8-1.626-5.8-2.567-9.734-2.567-10.133 0-17.622 7.465-17.622 17.71 0 10.16 7.489 17.646 17.622 17.646 3.911 0 6.934-.94 9.734-2.567v7.337c-2.445 1.155-6.156 1.946-9.734 1.946-14.533.022-25.111-10.887-25.111-24.34Zm43.867-23.635h7.133v21.667l16.311-21.667h8.178l-16.711 21.731 18.178 25.389h-8.6l-14.067-20.47-3.289 4.043v16.427h-7.133v-47.12Zm40.755 0h27.134v6.524h-20v12.854h19.355v6.331h-19.355V67.29h20.422v6.738h-27.556v-47.12Zm49.245 6.395h-12.089v-6.395h31.333v6.395H359.8v40.725h-7.133V33.303Z" fill="#2A2A2B"/>
|
||||
<path d="m19.911 91.438 12.445-4.705-8.09-7.465-4.355 12.17Z" fill="#FCB736"/>
|
||||
<path d="M53.778 41.196c-1.6-5.176 1.444-10.652 6.844-12.192 5.378-1.54 11.067 1.39 12.667 6.588a9.426 9.426 0 0 1 .277 4.512 9.595 9.595 0 0 1-1.86 4.151 10.076 10.076 0 0 1-3.6 2.902 10.485 10.485 0 0 1-4.573 1.033c-4.4 0-8.444-2.738-9.755-6.994ZM68.666 16.62c-9.066 2.952-19.088 8.085-27.022 16.042-6.4 6.416-11.311 12.47-15 17.71a28.068 28.068 0 0 0-3.889.32A23.592 23.592 0 0 0 18.6 51.72C9.533 54.928-.49 63.42.133 65.11c.6 1.69 6.467-1.433 11.467-1.818 2.91-.236 5.178.042 6.91.492-.577 1.154-1.066 2.138-1.421 2.93-.378.791-.645 1.369-.823 1.732l18.09 16.705c.733-.385 2.377-1.112 4.733-2.353.266.813.51 1.776.644 2.866.156 1.091.222 2.332.156 3.743-.2 4.813-3.2 10.588-1.423 11.101 1.778.514 10.178-9.475 13.134-18.33.91-2.695 1.133-5.433 1.066-7.786 5.29-3.785 11.356-8.726 17.756-15.164 7.933-7.957 12.844-17.796 15.533-26.65 2.356-7.765 2.978-14.738 2.4-19.037a22.605 22.605 0 0 0-2.155-.085c-4.511-.022-10.756.962-17.534 3.165Z" fill="url(#a)"/>
|
||||
<path d="m12.4 89.535 15.911-6.545-9.777-9.026-6.134 15.57Z" fill="#D08A06"/>
|
||||
<path d="m10.49 82.733 12.466-4.684-8.089-7.465-4.378 12.149ZM90.645 16.406c.044 2.823-.267 6.096-.911 9.54 7.71 10.544 10.888 24.083 7.577 37.623C91.533 87.16 68.133 102.325 43.69 99.18c-.133.15-.267.278-.4.428 27.044 4.834 53.556-11.614 59.911-37.666 4.111-16.897-1.155-33.752-12.555-45.537ZM2.822 42.158C8.956 17.048 35.09 1.477 61.178 7.401c5 1.134 9.644 2.973 13.822 5.39 3.6-.791 7.067-1.262 10.067-1.347-5.822-4.492-12.756-7.828-20.511-9.582C36.666-4.47 8.734 12.172 2.178 39.014a47.973 47.973 0 0 0-.511 20.619c.111-.107.222-.193.333-.3-.8-5.56-.6-11.378.822-17.175Z" fill="#FCB736"/>
|
||||
<defs>
|
||||
<linearGradient id="a" x1="26.5" y1="57" x2="89" y2="13" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D21B1D"/>
|
||||
<stop offset="1" stop-color="#C9181A"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
@@ -0,0 +1,12 @@
|
||||
<svg width="105" height="101" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="m19.91 91.438 12.445-4.705-8.09-7.465-4.355 12.17Z" fill="#FCB736"/>
|
||||
<path d="M53.778 41.196c-1.6-5.176 1.444-10.652 6.844-12.192 5.378-1.54 11.067 1.39 12.667 6.588a9.426 9.426 0 0 1 .277 4.512 9.595 9.595 0 0 1-1.86 4.151 10.076 10.076 0 0 1-3.6 2.902 10.485 10.485 0 0 1-4.573 1.033c-4.4 0-8.444-2.738-9.755-6.994ZM68.666 16.62c-9.066 2.952-19.088 8.085-27.022 16.042-6.4 6.416-11.311 12.47-15 17.71a28.068 28.068 0 0 0-3.889.32A23.592 23.592 0 0 0 18.6 51.72C9.533 54.928-.49 63.42.133 65.11c.6 1.69 6.467-1.433 11.467-1.818 2.91-.236 5.178.042 6.91.492-.577 1.154-1.066 2.138-1.421 2.93-.378.791-.645 1.369-.823 1.732l18.09 16.705c.733-.385 2.377-1.112 4.733-2.353.266.813.51 1.776.644 2.866.156 1.091.222 2.332.156 3.743-.2 4.813-3.2 10.588-1.423 11.101 1.778.514 10.178-9.475 13.134-18.33.91-2.695 1.133-5.433 1.066-7.786 5.29-3.785 11.356-8.726 17.756-15.164 7.933-7.957 12.844-17.796 15.533-26.65 2.356-7.765 2.978-14.738 2.4-19.037a22.605 22.605 0 0 0-2.155-.085c-4.511-.022-10.756.962-17.534 3.165Z" fill="url(#a)"/>
|
||||
<path d="m12.4 89.535 15.911-6.545-9.777-9.026-6.134 15.57Z" fill="#D08A06"/>
|
||||
<path d="m10.488 82.733 12.467-4.684-8.089-7.465-4.378 12.149ZM90.644 16.406c.044 2.823-.267 6.096-.912 9.54 7.712 10.544 10.889 24.083 7.578 37.623-5.778 23.591-29.178 38.756-53.622 35.612-.133.15-.267.278-.4.428 27.045 4.834 53.556-11.614 59.911-37.666 4.111-16.897-1.155-33.752-12.555-45.537ZM2.82 42.158C8.955 17.048 35.088 1.477 61.177 7.401c5 1.134 9.644 2.973 13.822 5.39 3.6-.791 7.067-1.262 10.067-1.347-5.822-4.492-12.756-7.828-20.511-9.582C36.665-4.47 8.733 12.172 2.177 39.014a47.973 47.973 0 0 0-.511 20.619c.111-.107.222-.193.333-.3-.8-5.56-.6-11.378.822-17.175Z" fill="#FCB736"/>
|
||||
<defs>
|
||||
<linearGradient id="a" x1="26.5" y1="57" x2="89" y2="13" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D21B1D"/>
|
||||
<stop offset="1" stop-color="#C9181A"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
6
examples/51-docs-theme-launch/site/src/data/authors.js
Normal file
6
examples/51-docs-theme-launch/site/src/data/authors.js
Normal file
@@ -0,0 +1,6 @@
|
||||
export const thomas = {
|
||||
firstName: 'Thomas',
|
||||
lastName: 'Allmer',
|
||||
twitter: 'daKmoR',
|
||||
image: 'https://pbs.twimg.com/profile_images/1070490946847105025/UBK4xPzU_400x400.jpg',
|
||||
};
|
||||
71
examples/51-docs-theme-launch/site/src/layouts/layoutData.js
Normal file
71
examples/51-docs-theme-launch/site/src/layouts/layoutData.js
Normal file
@@ -0,0 +1,71 @@
|
||||
import { html } from 'lit';
|
||||
|
||||
import { PageTree } from '@rocket/engine';
|
||||
|
||||
export const pageTree = new PageTree();
|
||||
await pageTree.restore(new URL('../../pages/pageTreeData.rocketGenerated.json', import.meta.url));
|
||||
|
||||
const search = html`
|
||||
<rocket-search
|
||||
loading="hydrate:onFocus"
|
||||
class="search"
|
||||
json-url="/rocket-search-index.json"
|
||||
slot="search"
|
||||
></rocket-search>
|
||||
`;
|
||||
|
||||
export const layoutData = {
|
||||
pageTree,
|
||||
// head__42: html` <link rel="stylesheet" href="resolve:root/src/assets/styles.css" /> `,
|
||||
header__40: search,
|
||||
drawer__30: search,
|
||||
footerMenu: [
|
||||
{
|
||||
name: 'Discover',
|
||||
children: [
|
||||
{
|
||||
text: 'Blog',
|
||||
href: '/blog/',
|
||||
},
|
||||
{
|
||||
text: 'Help and Feedback',
|
||||
href: 'https://github.com/modernweb-dev/rocket/issues',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Follow',
|
||||
children: [
|
||||
{
|
||||
text: 'GitHub',
|
||||
href: 'https://github.com/modernweb-dev/rocket',
|
||||
},
|
||||
{
|
||||
text: 'Twitter',
|
||||
href: 'https://twitter.com/modern_web_dev',
|
||||
},
|
||||
{
|
||||
text: 'Slack',
|
||||
href: 'https://join.slack.com/t/lit-and-friends/shared_invite/zt-llwznvsy-LZwT13R66gOgnrg12PUGqw',
|
||||
},
|
||||
{
|
||||
text: 'Discord',
|
||||
href: 'https://discord.gg/sTdpM2rkKJ',
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: 'Support',
|
||||
children: [
|
||||
{
|
||||
text: 'Sponsor',
|
||||
href: 'https://opencollective.com/modern-web',
|
||||
},
|
||||
{
|
||||
text: 'Contribute',
|
||||
href: 'https://github.com/modernweb-dev/rocket/blob/main/CONTRIBUTING.md',
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
7
examples/51-docs-theme-launch/tsconfig.json
Normal file
7
examples/51-docs-theme-launch/tsconfig.json
Normal file
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"moduleResolution": "node",
|
||||
"allowJs": true,
|
||||
"checkJs": false,
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user