Change some texts and tools related things (#34)
* Change some texts and tools related things * Add favicon and remove unused components
This commit is contained in:
Arda Nakışçı
GitHub
parent
e68f2f25eb
commit
20926b8781
@ -1,8 +1,8 @@
|
||||
<!-- markdownlint-disable MD033 MD034 MD036 MD041 -->
|
||||
|
||||
|
||||
|
||||
|
||||
# stargaze-tools
|
||||
# stargaze-studio
|
||||
|
||||
- Mainnet website: https://
|
||||
- Testnet website: https://
|
||||
@ -24,8 +24,8 @@
|
||||
|
||||
```sh
|
||||
# clone repository
|
||||
git clone https://github.com/deus-labs/stargaze-tools.git
|
||||
cd stargaze-tools
|
||||
git clone https://github.com/deus-labs/stargaze-studio.git
|
||||
cd stargaze-studio
|
||||
|
||||
# install dependencies
|
||||
yarn install
|
||||
|
||||
@ -33,5 +33,3 @@ export function Anchor({ children, external, href = '', rel = '', ...rest }: Anc
|
||||
function trimHttp(str: string) {
|
||||
return str.replace(/https?:\/\//, '')
|
||||
}
|
||||
|
||||
export default Anchor
|
||||
|
||||
@ -1,33 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
import type { Dispatch, SetStateAction } from 'react'
|
||||
|
||||
export const BRAND_COLORS = ['plumbus', 'black', 'white'] as const
|
||||
export type BrandColor = typeof BRAND_COLORS[number]
|
||||
|
||||
export interface BrandColorPickerProps {
|
||||
onChange: Dispatch<SetStateAction<BrandColor>>
|
||||
}
|
||||
|
||||
export const BrandColorPicker = ({ onChange }: BrandColorPickerProps) => {
|
||||
return (
|
||||
<div className="flex items-center space-x-2">
|
||||
<span className="text-sm font-bold">Change color:</span>
|
||||
{BRAND_COLORS.map((color) => (
|
||||
<button
|
||||
key={`change-color-${color}`}
|
||||
className={clsx(
|
||||
'w-8 h-8 rounded border border-white/20',
|
||||
'hover:ring-2 focus:ring-2 ring-white/50 transition',
|
||||
{
|
||||
'bg-plumbus': color === 'plumbus',
|
||||
'bg-black': color === 'black',
|
||||
'bg-white': color === 'white',
|
||||
},
|
||||
)}
|
||||
onClick={() => onChange(color)}
|
||||
type="button"
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -1,53 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
import type { BrandColor } from 'components/BrandColorPicker'
|
||||
import { BrandColorPicker } from 'components/BrandColorPicker'
|
||||
import type { ComponentType, SVGProps } from 'react'
|
||||
import { useState } from 'react'
|
||||
import { FaDownload } from 'react-icons/fa'
|
||||
|
||||
export interface BrandPreviewProps {
|
||||
name: string
|
||||
id?: string
|
||||
url?: string
|
||||
Asset: ComponentType<SVGProps<SVGSVGElement>>
|
||||
}
|
||||
|
||||
export const BrandPreview = ({ name, id = '', url, Asset }: BrandPreviewProps) => {
|
||||
const [color, setColor] = useState<BrandColor>('plumbus')
|
||||
|
||||
return (
|
||||
<div className="space-y-4">
|
||||
<div className="flex justify-between items-center space-x-4">
|
||||
<a className="text-2xl font-bold hover:underline" href={`#${id}`} id={id}>
|
||||
{name}
|
||||
</a>
|
||||
{url && (
|
||||
<a
|
||||
className={clsx(
|
||||
'flex items-center py-2 px-4 space-x-2 bg-plumbus-60 rounded',
|
||||
'hover:bg-plumbus-70 transition hover:translate-y-[-2px]',
|
||||
)}
|
||||
download
|
||||
href={`/${url}`}
|
||||
>
|
||||
<FaDownload />
|
||||
<span className="font-bold">Download SVG</span>
|
||||
</a>
|
||||
)}
|
||||
</div>
|
||||
<div className="flex flex-col justify-center items-center p-16 max-h-[400px] bg-black/20 rounded">
|
||||
<Asset
|
||||
className={clsx('transition', {
|
||||
'text-plumbus': color === 'plumbus',
|
||||
'text-black': color === 'black',
|
||||
'text-white': color === 'white',
|
||||
})}
|
||||
/>
|
||||
</div>
|
||||
<div className="flex justify-end">
|
||||
<BrandColorPicker onChange={setColor} />
|
||||
</div>
|
||||
<br />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -4,11 +4,11 @@ export function FaviconsMetaTags() {
|
||||
<link href="/assets/favicon.ico" rel="shortcut icon" />
|
||||
<link href="/assets/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />
|
||||
<link href="/assets/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
|
||||
<link href="/assets/favicon-48x48.png" rel="icon" sizes="48x48" type="image/png" />
|
||||
<link href="/assets/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png" />
|
||||
<link href="/assets/manifest.webmanifest" rel="manifest" />
|
||||
<meta content="yes" name="mobile-web-app-capable" />
|
||||
<meta content="#F0827D" name="theme-color" />
|
||||
<meta content="StargazeTools" name="application-name" />
|
||||
<meta content="StargazeStudio" name="application-name" />
|
||||
<link href="/assets/apple-touch-icon-57x57.png" rel="apple-touch-icon" sizes="57x57" />
|
||||
<link href="/assets/apple-touch-icon-60x60.png" rel="apple-touch-icon" sizes="60x60" />
|
||||
<link href="/assets/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" />
|
||||
@ -22,7 +22,7 @@ export function FaviconsMetaTags() {
|
||||
<link href="/assets/apple-touch-icon-1024x1024.png" rel="apple-touch-icon" sizes="1024x1024" />
|
||||
<meta content="yes" name="apple-mobile-web-app-capable" />
|
||||
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style" />
|
||||
<meta content="StargazeTools" name="apple-mobile-web-app-title" />
|
||||
<meta content="StargazeStudio" name="apple-mobile-web-app-title" />
|
||||
<link
|
||||
href="/assets/apple-touch-startup-image-640x1136.png"
|
||||
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
||||
|
||||
@ -1,4 +0,0 @@
|
||||
import { StyledInput } from './forms/StyledInput'
|
||||
|
||||
/** @deprecated - replace with {@link StyledInput} */
|
||||
export const Input = StyledInput
|
||||
@ -1,44 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
import { Anchor } from 'components/Anchor'
|
||||
import { Button } from 'components/Button'
|
||||
import { toggleSidebar, useSidebarStore } from 'contexts/sidebar'
|
||||
import { FaChevronRight } from 'react-icons/fa'
|
||||
import { FiLink2 } from 'react-icons/fi'
|
||||
import { links } from 'utils/links'
|
||||
|
||||
export const Issuebar = () => {
|
||||
const { isOpen } = useSidebarStore()
|
||||
|
||||
return (
|
||||
<div className={clsx(isOpen ? 'min-w-[230px] max-w-[230px]' : 'min-w-[20px] max-w-[20px]', 'relative z-10')}>
|
||||
<div
|
||||
className={clsx(
|
||||
'overflow-auto min-w-[230px] max-w-[230px] no-scrollbar',
|
||||
'bg-black/50 border-l-[1px] border-l-plumbus-light',
|
||||
)}
|
||||
>
|
||||
<div className="flex flex-col gap-y-4 p-6 pt-8 min-h-screen">
|
||||
<div>This is a beta version of StargazeTools.</div>
|
||||
<div>We are open for your feedback and suggestions!</div>
|
||||
<Anchor href={`${links.GitHub}/issues/new/choose`}>
|
||||
<Button rightIcon={<FiLink2 />} variant="outline">
|
||||
Submit an issue
|
||||
</Button>
|
||||
</Anchor>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* sidebar toggle */}
|
||||
<button
|
||||
className={clsx(
|
||||
'absolute top-[32px] left-[-12px] p-1 w-[24px] h-[24px]',
|
||||
'text-black bg-plumbus-light rounded-full',
|
||||
'hover:bg-plumbus',
|
||||
)}
|
||||
onClick={toggleSidebar}
|
||||
>
|
||||
<FaChevronRight className={clsx('mx-auto', { 'rotate-180': !isOpen })} size={12} />
|
||||
</button>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -47,9 +47,9 @@ export const Layout = ({ children, metadata = {} }: LayoutProps) => {
|
||||
<FaDesktop size={48} />
|
||||
<h1 className="text-2xl font-bold">Unsupported Viewport</h1>
|
||||
<p>
|
||||
StargazeTools is best viewed on the big screen.
|
||||
StargazeStudio is best viewed on the big screen.
|
||||
<br />
|
||||
Please open StargazeTools on your tablet or desktop browser.
|
||||
Please open StargazeStudio on your tablet or desktop browser.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
import type { ChangeEventHandler, ReactNode } from 'react'
|
||||
|
||||
export interface RadioProps<T = string> {
|
||||
id: string
|
||||
htmlFor: T
|
||||
title: string
|
||||
subtitle: string
|
||||
checked: boolean
|
||||
onChange: ChangeEventHandler<HTMLInputElement> | undefined
|
||||
selectSingle?: boolean
|
||||
|
||||
children?: ReactNode
|
||||
}
|
||||
|
||||
export const Radio = (props: RadioProps) => {
|
||||
const { id, htmlFor, title, subtitle, checked, onChange, children, selectSingle = false } = props
|
||||
return (
|
||||
<div className="flex space-x-4">
|
||||
{/* radio element */}
|
||||
<input
|
||||
checked={checked}
|
||||
className="mt-1 w-4 h-4 text-plumbus focus:ring-plumbus cursor-pointer form-radio"
|
||||
id={`${htmlFor}-${id}`}
|
||||
name={selectSingle ? id : htmlFor}
|
||||
onChange={onChange}
|
||||
type="radio"
|
||||
/>
|
||||
|
||||
<div className="flex flex-col flex-grow space-y-2">
|
||||
{/* radio description */}
|
||||
<label className="group cursor-pointer" htmlFor={`${htmlFor}-${id}`}>
|
||||
<span className="block font-bold group-hover:underline">{title}</span>
|
||||
<span className="block text-sm whitespace-pre-wrap">{subtitle}</span>
|
||||
</label>
|
||||
|
||||
{/* children if checked */}
|
||||
{checked ? children : null}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -1,52 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
import type { ComponentProps } from 'react'
|
||||
import { FaSearch } from 'react-icons/fa'
|
||||
|
||||
export interface SearchInputProps extends Omit<ComponentProps<'input'>, 'children'> {
|
||||
_container?: ComponentProps<'div'>
|
||||
value: string
|
||||
onClear: () => void
|
||||
}
|
||||
|
||||
export const SearchInput = (props: SearchInputProps) => {
|
||||
const { _container, value, onClear, ...rest } = props
|
||||
|
||||
return (
|
||||
<div className="relative" {..._container}>
|
||||
{/* search icon as label */}
|
||||
<label
|
||||
aria-label="Search"
|
||||
className="flex absolute inset-y-0 left-4 items-center text-white/50"
|
||||
htmlFor={props.id}
|
||||
>
|
||||
<FaSearch size={16} />
|
||||
</label>
|
||||
|
||||
{/* main search input element */}
|
||||
<input
|
||||
className={clsx(
|
||||
'py-2 pr-14 pl-10 w-[36ch] form-input placeholder-white/50',
|
||||
'bg-white/10 rounded border-2 border-white/25 focus:ring focus:ring-plumbus',
|
||||
)}
|
||||
placeholder="Search..."
|
||||
{...rest}
|
||||
/>
|
||||
|
||||
{/* clear button, visible when search value exists */}
|
||||
{value.length > 0 && (
|
||||
<div className="flex absolute inset-y-0 right-2 items-center">
|
||||
<button
|
||||
className={clsx(
|
||||
'py-1 px-2 text-xs font-bold text-plumbus',
|
||||
'hover:bg-plumbus/10 rounded border border-plumbus',
|
||||
)}
|
||||
onClick={onClear}
|
||||
type="button"
|
||||
>
|
||||
Clear
|
||||
</button>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -1,32 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
import type { ComponentProps, ReactNode } from 'react'
|
||||
|
||||
export interface StackedListProps extends ComponentProps<'dl'> {
|
||||
children: ReactNode
|
||||
}
|
||||
|
||||
export const StackedList = (props: StackedListProps) => {
|
||||
const { className, ...rest } = props
|
||||
|
||||
return (
|
||||
<dl
|
||||
className={clsx('bg-white/5 rounded border-2 border-white/25', 'divide-y-2 divide-white/25', className)}
|
||||
{...rest}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export interface StackedListItemProps extends ComponentProps<'dt'> {
|
||||
name: ReactNode
|
||||
}
|
||||
|
||||
StackedList.Item = function StackedListItem(props: StackedListItemProps) {
|
||||
const { name, className, ...rest } = props
|
||||
|
||||
return (
|
||||
<div className="grid grid-cols-3 py-3 px-4 hover:bg-white/5">
|
||||
<dd className="font-medium text-white/50">{name}</dd>
|
||||
<dt className={clsx('col-span-2', className)} {...rest} />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@ -1,25 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
import type { ReactNode } from 'react'
|
||||
|
||||
export interface StatsProps {
|
||||
title: string
|
||||
children: ReactNode
|
||||
}
|
||||
|
||||
export const Stats = ({ title, children }: StatsProps) => {
|
||||
return (
|
||||
<div className={clsx('flex flex-col p-6 space-y-1', 'bg-white/10 rounded border-2 border-white/20 backdrop-blur')}>
|
||||
<div className="font-bold text-white/50">{title}</div>
|
||||
<div className="text-4xl font-bold">{children}</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export interface StatsDenomProps {
|
||||
text: string | null
|
||||
}
|
||||
|
||||
Stats.Denom = function StatsDenom({ text }: StatsDenomProps) {
|
||||
/* Slice the first character because we get "u" for the denom */
|
||||
return <span className="font-mono text-xl">{text?.slice(1)}</span>
|
||||
}
|
||||
@ -1,17 +0,0 @@
|
||||
import clsx from 'clsx'
|
||||
import type { ComponentProps } from 'react'
|
||||
|
||||
export const TextArea = (props: ComponentProps<'textarea'>) => {
|
||||
const { className, ...rest } = props
|
||||
return (
|
||||
<textarea
|
||||
className={clsx(
|
||||
'bg-white/10 rounded border-2 border-white/20 form-input',
|
||||
'placeholder:text-white/50',
|
||||
'focus:ring focus:ring-plumbus-20',
|
||||
className,
|
||||
)}
|
||||
{...rest}
|
||||
/>
|
||||
)
|
||||
}
|
||||
@ -1,18 +0,0 @@
|
||||
import { Tooltip } from 'components/Tooltip'
|
||||
import type { ReactNode } from 'react'
|
||||
import { FaRegQuestionCircle } from 'react-icons/fa'
|
||||
import type { IconBaseProps } from 'react-icons/lib'
|
||||
|
||||
interface TooltipIconProps extends IconBaseProps {
|
||||
label: ReactNode
|
||||
}
|
||||
|
||||
export const TooltipIcon = ({ label, ...rest }: TooltipIconProps) => {
|
||||
return (
|
||||
<Tooltip label={label}>
|
||||
<span>
|
||||
<FaRegQuestionCircle className="cursor-help" {...rest} />
|
||||
</span>
|
||||
</Tooltip>
|
||||
)
|
||||
}
|
||||
@ -1,9 +1,9 @@
|
||||
{
|
||||
"path": "/assets/",
|
||||
"appName": "StargazeTools",
|
||||
"appShortName": "StargazeTools",
|
||||
"appDescription": "Stargaze Tools is built to provide useful smart contract interfaces that helps you build and deploy your own NFT collection in no time.",
|
||||
"developerName": "StargazeTools",
|
||||
"appName": "StargazeStudio",
|
||||
"appShortName": "StargazeStudio",
|
||||
"appDescription": "Stargaze Studio is built to provide useful smart contract interfaces that helps you build and deploy your own NFT collection in no time.",
|
||||
"developerName": "StargazeStudio",
|
||||
"developerURL": "https://",
|
||||
"background": "#FFC27D",
|
||||
"theme_color": "#FFC27D",
|
||||
|
||||
@ -6,6 +6,6 @@ export const meta = {
|
||||
domain: 'stargaze.tools',
|
||||
url: faviconsJson.developerURL,
|
||||
twitter: {
|
||||
username: '@stargazetools',
|
||||
username: '@stargazestudio',
|
||||
},
|
||||
}
|
||||
|
||||
22371
package-lock.json
generated
22371
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "stargaze-tools",
|
||||
"name": "stargaze-studio",
|
||||
"version": "0.1.0",
|
||||
"workspaces": [
|
||||
"packages/*"
|
||||
@ -62,7 +62,7 @@
|
||||
},
|
||||
"eslintConfig": {
|
||||
"extends": [
|
||||
"@stargaze-tools/eslint-config"
|
||||
"@stargaze-studio/eslint-config"
|
||||
],
|
||||
"ignorePatterns": [
|
||||
".next",
|
||||
@ -80,6 +80,6 @@
|
||||
"eslint --fix"
|
||||
]
|
||||
},
|
||||
"prettier": "@stargaze-tools/prettier-config",
|
||||
"prettier": "@stargaze-studio/prettier-config",
|
||||
"private": true
|
||||
}
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "@stargaze-tools/eslint-config",
|
||||
"name": "@stargaze-studio/eslint-config",
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"@babel/core": "^7",
|
||||
@ -26,6 +26,6 @@
|
||||
"prettier --write"
|
||||
]
|
||||
},
|
||||
"prettier": "@stargaze-tools/prettier-config",
|
||||
"prettier": "@stargaze-studio/prettier-config",
|
||||
"license": "MIT"
|
||||
}
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "@stargaze-tools/prettier-config",
|
||||
"name": "@stargaze-studio/prettier-config",
|
||||
"version": "0.0.0",
|
||||
"dependencies": {
|
||||
"prettier": "^2"
|
||||
@ -9,7 +9,7 @@
|
||||
},
|
||||
"eslintConfig": {
|
||||
"extends": [
|
||||
"@stargaze-tools/eslint-config"
|
||||
"@stargaze-studio/eslint-config"
|
||||
],
|
||||
"ignorePatterns": [
|
||||
"node_modules"
|
||||
|
||||
@ -1,48 +0,0 @@
|
||||
import type { BrandPreviewProps } from 'components/BrandPreview'
|
||||
import { BrandPreview } from 'components/BrandPreview'
|
||||
import type { NextPage } from 'next'
|
||||
import dynamic from 'next/dynamic'
|
||||
import { NextSeo } from 'next-seo'
|
||||
import { withMetadata } from 'utils/layout'
|
||||
|
||||
const ASSETS: BrandPreviewProps[] = [
|
||||
{
|
||||
name: 'StargazeTools',
|
||||
id: 'brand',
|
||||
url: 'brand/brand.svg',
|
||||
Asset: dynamic(() => import('public/brand/brand.svg')),
|
||||
},
|
||||
{
|
||||
name: 'StargazeTools Bust',
|
||||
id: 'brand-bust',
|
||||
url: 'brand/brand-bust.svg',
|
||||
Asset: dynamic(() => import('public/brand/brand-bust.svg')),
|
||||
},
|
||||
{
|
||||
name: 'StargazeTools Text',
|
||||
id: 'brand-text',
|
||||
url: 'brand/brand-text.svg',
|
||||
Asset: dynamic(() => import('public/brand/brand-text.svg')),
|
||||
},
|
||||
]
|
||||
|
||||
const BrandPage: NextPage = () => {
|
||||
return (
|
||||
<section className="p-8 pb-16 space-y-8">
|
||||
<NextSeo title="Brand Assets" />
|
||||
|
||||
<div className="space-y-2">
|
||||
<h1 className="text-4xl font-bold">Brand Assets</h1>
|
||||
<p>View and download StargazeTools brand assets</p>
|
||||
</div>
|
||||
|
||||
<hr className="border-white/20" />
|
||||
|
||||
{ASSETS.map((props, i) => (
|
||||
<BrandPreview key={`asset-${i}`} {...props} />
|
||||
))}
|
||||
</section>
|
||||
)
|
||||
}
|
||||
|
||||
export default withMetadata(BrandPage, { center: false })
|
||||
@ -25,21 +25,21 @@ const HomePage: NextPage = () => {
|
||||
link="/collections/create"
|
||||
title="Create a Collection"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Upload your assets, enter collection metadata and deploy your collection.
|
||||
</HomeCard>
|
||||
<HomeCard
|
||||
className="p-4 -m-4 hover:bg-gray-500/10 rounded"
|
||||
link="/collections/actions"
|
||||
title="Collection Actions"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Execute messages on a collection.
|
||||
</HomeCard>
|
||||
<HomeCard
|
||||
className="p-4 -m-4 hover:bg-gray-500/10 rounded"
|
||||
link="/collections/queries"
|
||||
title="Collection Queries"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Query data from a collection.
|
||||
</HomeCard>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -21,17 +21,17 @@ const HomePage: NextPage = () => {
|
||||
|
||||
<div className="grid gap-8 md:grid-cols-2">
|
||||
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/contracts/minter" title="Minter contract">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Execute messages and run queries on Stargaze's minter contract.
|
||||
</HomeCard>
|
||||
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/contracts/sg721" title="Sg721 Contract">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Execute messages and run queries on Stargaze's sg721 contract.
|
||||
</HomeCard>
|
||||
<HomeCard
|
||||
className="p-4 -m-4 hover:bg-gray-500/10 rounded"
|
||||
link="/contracts/whitelist"
|
||||
title="Whitelist Contract"
|
||||
>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Execute messages and run queries on Stargaze's whitelist contract.
|
||||
</HomeCard>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -10,11 +10,11 @@ const HomePage: NextPage = () => {
|
||||
</div>
|
||||
<h1 className="font-heading text-4xl font-bold">Welcome!</h1>
|
||||
<p className="text-xl">
|
||||
Looking for a fast and efficient way to build an NFT collection? Stargaze Tools is the solution.
|
||||
Looking for a fast and efficient way to build an NFT collection? Stargaze Studio is the solution.
|
||||
<br />
|
||||
<br />
|
||||
Stargaze Tools is built to provide useful smart contract interfaces that helps you build and deploy your own NFT
|
||||
collection in no time.
|
||||
Stargaze Studio is built to provide useful smart contract interfaces that helps you build and deploy your own
|
||||
NFT collections in no time.
|
||||
</p>
|
||||
|
||||
<br />
|
||||
@ -23,40 +23,11 @@ const HomePage: NextPage = () => {
|
||||
|
||||
<div className="grid gap-8 md:grid-cols-2">
|
||||
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/collections/create" title="Create">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Upload your assets, enter collection metadata and deploy your collection.
|
||||
</HomeCard>
|
||||
<HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/collections" title="My Collections">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
||||
Manage your collections with available actions and queries.
|
||||
</HomeCard>
|
||||
{/*
|
||||
<div className="space-y-4">
|
||||
<h2 className="text-xl font-bold">Smart Contract Dashboard</h2>
|
||||
<p className="text-white/75">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta
|
||||
asperiores quis soluta recusandae sequi adipisci quod tempora modi,
|
||||
debitis beatae tempore accusantium, esse itaque quaerat obcaecati
|
||||
quia totam necessitatibus voluptas!
|
||||
</p>
|
||||
</div>
|
||||
<div className="space-y-4">
|
||||
<h2 className="text-xl font-bold">Something Cool</h2>
|
||||
<p className="text-white/75">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga
|
||||
accusantium distinctio dignissimos maxime vero illum explicabo
|
||||
officiis. Pariatur magni, enim qui itaque atque quibusdam debitis
|
||||
iste delectus deserunt dolores quisquam?
|
||||
</p>
|
||||
</div>
|
||||
<div className="space-y-4">
|
||||
<h2 className="text-xl font-bold">Adding Value</h2>
|
||||
<p className="text-white/75">
|
||||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quasi enim
|
||||
minus voluptates dicta, eum debitis iusto commodi delectus itaque
|
||||
qui, unde adipisci. Esse eveniet dolorem consequatur tempore at
|
||||
voluptates aut?
|
||||
</p>
|
||||
</div>
|
||||
*/}
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
|
||||
BIN
public/assets/favicon-16x16.png
Normal file
BIN
public/assets/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/assets/favicon-32x32.png
Normal file
BIN
public/assets/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
public/assets/favicon-96x96.png
Normal file
BIN
public/assets/favicon-96x96.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.0 KiB |
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "StargazeTools",
|
||||
"short_name": "StargazeTools",
|
||||
"description": "StargazeTools is a swiss army knife that helps you build on Stargaze by providing smart contract front ends",
|
||||
"name": "StargazeStudio",
|
||||
"short_name": "StargazeStudio",
|
||||
"description": "Stargaze Studio is a dApp that helps you create and manage your collections on Stargaze by providing smart contract front ends",
|
||||
"dir": "auto",
|
||||
"lang": "en-US",
|
||||
"display": "standalone",
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 404 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 404 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 404 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 107 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 474 KiB |
@ -1,42 +0,0 @@
|
||||
<svg viewBox="0 0 239 595" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g opacity="0.25">
|
||||
<g filter="url(#filter0_f_129_631)">
|
||||
<path d="M74.956 487.295C70.3095 485.159 68.005 479.542 69.8081 474.748C73.4611 465.036 79.7986 448.187 86.8459 429.451L40.7054 448.33C36.1384 450.199 30.8202 447.736 28.8235 442.836L28.8194 442.826C26.821 437.92 28.8994 432.431 33.4664 430.562L79.2205 411.841C61.2722 403.579 45.1648 396.165 35.8439 391.874C31.1995 389.736 28.8987 384.117 30.7035 379.329C30.7056 379.324 30.7071 379.318 30.7071 379.318C32.5138 374.525 37.7436 372.372 42.3881 374.51L86.1661 394.662L69.5991 354.088C67.5969 349.185 69.6735 343.692 74.233 341.822L74.2428 341.818C78.8071 339.946 84.1303 342.403 86.1324 347.306L102.586 387.603C104.133 383.49 105.645 379.471 107.101 375.6C112.212 362.01 116.633 350.259 119.453 342.761C121.256 337.966 126.484 335.81 131.131 337.946C131.131 337.946 131.136 337.948 131.141 337.95C135.782 340.083 138.087 345.7 136.284 350.495C132.656 360.139 126.38 376.823 119.391 395.404L165.013 376.738C169.577 374.87 174.899 377.332 176.897 382.237L176.901 382.247C178.897 387.147 176.816 392.638 172.252 394.506L126.497 413.227L170.251 433.367C174.896 435.506 177.196 441.124 175.39 445.918C175.39 445.918 175.388 445.923 175.386 445.928C173.581 450.717 168.352 452.869 163.707 450.731L120.182 430.696L155.124 516.27L171.286 509.656C175.852 507.788 181.173 510.25 183.172 515.155L183.176 515.165C185.172 520.066 183.091 525.556 178.525 527.424L162.376 534.032L169.832 552.291C171.834 557.194 169.757 562.687 165.193 564.559L165.183 564.563C160.623 566.434 155.301 563.976 153.299 559.073L145.837 540.799L128.967 547.702C124.404 549.569 119.083 547.107 117.086 542.207L117.082 542.197C115.083 537.292 117.165 531.801 121.728 529.934L138.584 523.037L103.606 437.373C101.678 442.499 99.8033 447.482 98.0231 452.215L86.6391 482.481C84.8355 487.276 79.6074 489.432 74.9661 487.299C74.9609 487.297 74.956 487.295 74.956 487.295Z" fill="#F0827D" />
|
||||
</g>
|
||||
<g opacity="0.66" filter="url(#filter1_df_129_631)">
|
||||
<path d="M71.9534 204.265C70.9188 201.593 72.1776 198.439 74.7652 197.219C80.0068 194.748 89.1003 190.461 99.2124 185.694L73.3555 175.25C70.7961 174.217 69.6193 171.151 70.7229 168.405L70.7252 168.399C71.8302 165.65 74.7984 164.259 77.3578 165.292L102.998 175.649L93.3522 150.694C92.3194 148.022 93.5805 144.869 96.1664 143.652C96.1691 143.651 96.1718 143.649 96.1718 143.649C98.7605 142.431 101.696 143.609 102.729 146.282L112.464 171.467L121.589 148.713C122.691 145.963 125.66 144.57 128.217 145.6L128.223 145.602C130.782 146.633 131.963 149.699 130.861 152.448L121.798 175.047C124.055 173.983 126.259 172.944 128.379 171.944C135.67 168.507 141.972 165.536 146 163.638C148.588 162.418 151.524 163.595 152.559 166.266C152.559 166.266 152.559 166.267 152.559 166.268C152.56 166.269 152.56 166.271 152.561 166.272C153.594 168.941 152.336 172.095 149.748 173.315C144.543 175.769 135.538 180.014 125.51 184.741L151.076 195.067C153.633 196.1 154.812 199.167 153.707 201.916L153.705 201.922C152.601 204.668 149.631 206.058 147.074 205.025L121.433 194.669L131.163 219.84C132.196 222.513 130.934 225.666 128.346 226.884L128.343 226.885L128.34 226.887C125.754 228.104 122.819 226.925 121.786 224.253L112.107 199.214L92.8626 247.203L101.92 250.861C104.479 251.895 105.657 254.961 104.552 257.71L104.55 257.716C103.446 260.462 100.476 261.853 97.9179 260.819L88.8681 257.164L84.7618 267.404C83.6591 270.154 80.6901 271.547 78.1305 270.516L78.125 270.513C75.568 269.483 74.3872 266.418 75.4899 263.668L79.5995 253.42L70.1459 249.602C67.5883 248.569 66.41 245.503 67.5136 242.757L67.5159 242.751C68.6209 240.002 71.5906 238.611 74.1482 239.644L83.594 243.459L102.859 195.419C100.285 196.632 97.7781 197.814 95.3845 198.943L78.5134 206.896C75.9255 208.116 72.9893 206.939 71.9557 204.27C71.9546 204.267 71.9534 204.265 71.9534 204.265Z" fill="#F0827D" />
|
||||
</g>
|
||||
<g opacity="0.33" filter="url(#filter2_df_129_631)">
|
||||
<path d="M31.0627 59.0411C29.8228 58.0317 29.5627 56.1518 30.4815 54.8419C32.3428 52.1888 35.5719 47.5859 39.1627 42.4673L23.7311 44.5723C22.2036 44.7807 20.7861 43.6196 20.5632 41.9807L20.5628 41.9773C20.3399 40.3367 21.396 38.8381 22.9235 38.6297L38.2258 36.5423L26.6541 27.1086C25.4151 26.0985 25.1563 24.2182 26.0751 22.9104C26.0761 22.909 26.077 22.9076 26.077 22.9076C26.9968 21.5982 28.7469 21.3558 29.9859 22.366L41.6646 31.887L39.8094 18.314C39.5852 16.6737 40.6411 15.174 42.1664 14.9645L42.1696 14.9641C43.6965 14.7544 45.116 15.9142 45.3403 17.5545L47.1828 31.0349C48.052 29.7959 48.8994 28.588 49.7108 27.4314C52.2187 23.8564 54.3819 20.7729 55.7769 18.7845C56.6958 17.4747 58.4456 17.2311 59.6854 18.2405L59.6881 18.2427C60.9266 19.2511 61.1868 21.131 60.268 22.4408C58.4195 25.0756 55.222 29.6335 51.6609 34.7097L66.9189 32.6284C68.4451 32.4201 69.864 33.5811 70.0869 35.2217L70.0874 35.2251C70.3101 36.864 69.2527 38.3627 67.7265 38.571L52.4239 40.6584L64.0963 50.1742C65.3354 51.1844 65.5942 53.0645 64.6743 54.3738C64.6743 54.3738 64.6735 54.3752 64.6724 54.3765C63.7536 55.6845 62.0036 55.927 60.7645 54.9168L49.1533 45.4508L53.0662 74.0775L58.4718 73.3402C59.9987 73.1318 61.4172 74.2928 61.6402 75.9334L61.6407 75.9369C61.8634 77.5758 60.8063 79.0745 59.2794 79.2828L53.8783 80.0195L54.7132 86.1277C54.9375 87.768 53.8814 89.2677 52.3546 89.4774L52.3513 89.4779C50.826 89.6873 49.4066 88.5275 49.1824 86.8872L48.3468 80.774L42.7049 81.5436C41.1785 81.7519 39.76 80.5909 39.5372 78.952L39.5367 78.9486C39.3138 77.308 40.3709 75.8093 41.8973 75.601L47.5346 74.832L43.6176 46.1751C42.7925 47.3512 41.9868 48.4998 41.2125 49.6034L34.9726 58.4982C34.0536 59.8081 32.3038 60.0516 31.0654 59.0433L31.0627 59.0411Z" fill="#F0827D" />
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_f_129_631" x="20.0594" y="329.121" width="171.875" height="244.069" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
|
||||
<feGaussianBlur stdDeviation="4" result="effect1_foregroundBlur_129_631" />
|
||||
</filter>
|
||||
<filter id="filter1_df_129_631" x="59.0995" y="135.169" width="103.022" height="143.687" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
|
||||
<feOffset dy="4" />
|
||||
<feGaussianBlur stdDeviation="2" />
|
||||
<feComposite in2="hardAlpha" operator="out" />
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_129_631" />
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_129_631" result="shape" />
|
||||
<feGaussianBlur stdDeviation="4" result="effect2_foregroundBlur_129_631" />
|
||||
</filter>
|
||||
<filter id="filter2_df_129_631" x="8.53308" y="2.93958" width="73.5839" height="98.5627" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix" />
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
|
||||
<feOffset dy="4" />
|
||||
<feGaussianBlur stdDeviation="2" />
|
||||
<feComposite in2="hardAlpha" operator="out" />
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_129_631" />
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_129_631" result="shape" />
|
||||
<feGaussianBlur stdDeviation="6" result="effect2_foregroundBlur_129_631" />
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.7 KiB |
BIN
public/icon.png
BIN
public/icon.png
Binary file not shown.
|
Before Width: | Height: | Size: 150 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 991 KiB |
Loading…
Reference in New Issue
Block a user