diff --git a/README.md b/README.md index 7a8f192..23c1519 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,8 @@ -# namae.dev +# namae -> name your new project. +> name new project. -## Usage - -Access to [namae.dev](https://namae.dev). +namae saves your time searching around registries and checking if the desired name is ready for use. ## Contributing diff --git a/package.json b/package.json index 1ac6fd2..f08f686 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "namae", - "description": "name your new project.", + "description": "namae saves your time searching around registries and checking if the desired name is ready for use.", "author": "Yasuaki Uechi (https://uechi.io/)", "scripts": { "start": "now dev" diff --git a/web/public/index.html b/web/public/index.html index 54e26a1..79da108 100644 --- a/web/public/index.html +++ b/web/public/index.html @@ -7,10 +7,13 @@ - + - namae + namae — name new project diff --git a/web/src/App.js b/web/src/App.js index eedfa39..6589420 100644 --- a/web/src/App.js +++ b/web/src/App.js @@ -145,6 +145,6 @@ const Input = styled.input.attrs({ font-size: 5rem; ${mobile} { - font-size: 1.5rem; + font-size: 2rem; } ` diff --git a/web/src/components/Footer.js b/web/src/components/Footer.js index 909b07c..48cf6c4 100644 --- a/web/src/components/Footer.js +++ b/web/src/components/Footer.js @@ -8,9 +8,9 @@ export default function Footer() { return (

- Made by U with{' '} + Made by Yasuaki Uechi with{' '} - ☕️ + 🦀

@@ -30,7 +30,7 @@ const Container = styled.footer` text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; - font-size: 0.8em; + font-size: 0.7rem; display: flex; align-items: stretch; justify-content: center; @@ -46,3 +46,7 @@ const Links = styled.div` color: black; } ` + +const Bold = styled.span` + font-weight: bold; +` diff --git a/web/src/components/Welcome.js b/web/src/components/Welcome.js index a7378ad..ac3c895 100644 --- a/web/src/components/Welcome.js +++ b/web/src/components/Welcome.js @@ -17,67 +17,82 @@ import { mobile } from '../util/css' export default function Welcome() { return ( -
name your brand new project
-

- namæ helps you by searching around package registries and domains to see - if your desired name is already taken. -

-
    - - - Domains - - - GitHub Organization - - - npm - - - PyPI - - - Homebrew - - - crates.io (Rust) - - - js.org - - - AWS S3 Bucket - - - Twitter - - - Slack - - -
+ +
name new project
+ + namæ saves your time searching around registries and checking if the + desired name is ready for use. + + + + + Domains + + + GitHub Organization + + + npm + + + PyPI + + + Homebrew + + + crates.io (Rust) + + + js.org + + + AWS S3 Bucket + + + Twitter + + + Slack + + ) } const Container = styled.div` + padding-bottom: 40px; + padding-right: 20vw; + padding-left: 20vw; text-align: center; - padding: 0 40px; font-size: 1.5rem; line-height: 1.6em; ${mobile} { text-align: left; + padding-right: 40px; + padding-left: 40px; } ` const Header = styled.h1` - font-size: 2em; - padding: 10px 0 40px; + font-size: 5rem; + line-height: 0.8em; + padding-bottom: 30px; +` + +const Text = styled.p` + font-size: 1.2em; + color: #3c3c3c; +} +` + +const Hero = styled.div` + padding-top: 40px; ` const List = styled.div` - margin-top: 40px; + margin-top: 50px; padding: 20px; display: flex; flex-direction: row; @@ -97,7 +112,8 @@ const ListItem = styled.div` margin: 15px; display: flex; align-items: center; - line-height: 1rem; + font-size: 1.2rem; + line-height: 1em; ${mobile} { margin: 10px 0;