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 a56ca017..2f70bc35 100644 --- a/src/routes/index.tsx +++ b/src/routes/index.tsx @@ -1,9 +1,70 @@ -import type { Component, JSX } from 'solid-js'; +import type { Component } from 'solid-js'; +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.js'; +import { Hero } from '../components/atoms/Hero.js'; +import { WideAnchorButton } from '../components/atoms/WideAnchorButton.js'; +import { Features } from '../components/molecules/Features.js'; +import { TextAnchor } from '../components/molecules/TextAnchor.js'; +// TODO: add the import assertion +import { icons, iconsToDo } from '../constants.json'; -const Index: Component = (): JSX.Element => ( +/** + * The index page. + * @returns The component. + */ +const Index: Component = () => (
+ + + +

+ The Launchpad Icons provide {icons} icons that look  + 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 to import + via VRChat Creator Companion, 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! +

+
- TODO: Add the content here. + Learn more
);