diff --git a/src/assets/.gitkeep b/src/assets/.gitkeep deleted file mode 100644 index e69de29b..00000000 diff --git a/src/assets/images/by-nc.svg b/src/assets/images/by-nc.svg new file mode 100644 index 00000000..e46fd301 --- /dev/null +++ b/src/assets/images/by-nc.svg @@ -0,0 +1,147 @@ + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/illustrator.png b/src/assets/images/illustrator.png new file mode 100644 index 00000000..3e92f897 Binary files /dev/null and b/src/assets/images/illustrator.png differ diff --git a/src/assets/images/svgfiles.png b/src/assets/images/svgfiles.png new file mode 100644 index 00000000..57ff290d Binary files /dev/null and b/src/assets/images/svgfiles.png differ diff --git a/src/routes/index.tsx b/src/routes/index.tsx index 5ecdd700..92a4cf20 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -1,8 +1,67 @@ -import type { Component, JSX } from 'solid-js'; +import type { Component } from 'solid-js'; +// TODO: add the import assertion +import cc from '../assets/images/by-nc.svg'; +import illustrator from '../assets/images/illustrator.png'; +import svgfiles from '../assets/images/svgfiles.png'; +import { FeatureDetail } from '../components/atoms/FeatureDetail'; +import { Hero } from '../components/atoms/Hero.js'; +import { Features } from '../components/molecules/Features.js'; +import { TextAnchor } from '../components/molecules/TextAnchor.js'; +import { icons, iconsToDo } from '../constants.json'; -const Index: Component = (): JSX.Element => ( -
-

Hello, World!

+/** + * The index page. + * @returns The component. + */ +const Index: Component = () => ( +
+ + + +

+ The Launchpad Icons provide {icons} icons that look precisely  + like VRChat icons, and we plan to + have more than {iconsToDo} in the future. +

+

+ All included icons have been redesigned in Adobe Illustrator and + exported as SVG. Since they are in + vector format, they can be displayed beautifully even when significantly + enlarged. +

+ + +

+ Launchpad Icons do not contain any logic and provide  + raw SVG files. It means that they can + be easily adapted for use in  + general Unity apps, not just VRChat. +

+

+ Launchpad Icons bundles them only as a unitypackage that can be + imported from VCC, but we plan to offer it as an NPM package for ease of + use on the web. +

+ + +

+ Launchpad Icons is provided FREE of + charge under the  + + Creative Commons 4.0 International ( + BY-NC) license + + . You can use it without restriction for non-commercial purposes, + provided the copyright notice is displayed. +

+

+ We also release it as open-source software. Welcome your{' '} + + contributions + + to make it better! +

+
);