diff --git a/web/public/index.html b/web/public/index.html
index dc0973a..5903d33 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -10,12 +10,8 @@
/>
-
-
+
@@ -42,6 +38,7 @@
href="%PUBLIC_URL%/safari-pinned-tab.svg"
color="#5180fc"
/>
+
namae — name new project
diff --git a/web/public/manifest.json b/web/public/manifest.json
index 7c47822..db342db 100644
--- a/web/public/manifest.json
+++ b/web/public/manifest.json
@@ -1,6 +1,6 @@
{
"short_name": "namae",
- "name": "namae.dev",
+ "name": "namae",
"icons": [
{
"src": "favicon.ico",
diff --git a/web/src/App.js b/web/src/App.js
index 05cae8d..1c5a98a 100644
--- a/web/src/App.js
+++ b/web/src/App.js
@@ -3,11 +3,10 @@ import styled, { createGlobalStyle } from 'styled-components'
import { useDeferredState } from './hooks/state'
import { mobile } from './util/css'
-
+import { isStandalone } from './util/pwa'
import Welcome from './components/Welcome'
import Footer from './components/Footer'
import { Cards, CardContainer } from './components/Cards'
-
import GithubCard from './components/cards/GithubCard'
import DomainCard from './components/cards/DomainCard'
import HomebrewCard from './components/cards/HomebrewCard'
@@ -32,14 +31,13 @@ export default function App() {
return (
<>
+
-
-
{queryGiven ? (
@@ -56,10 +54,10 @@ export default function App() {
- ) : (
+ ) : !isStandalone() ? (
- )}
-
+ ) : null}
+ {!isStandalone() ? : null}
)
@@ -77,29 +75,31 @@ html {
}
body {
- background: #ffffff;
-
- ${mobile} {
- background: #f5f5f5;
- }
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
+ background: #ffffff;
+ ${mobile} {
+ background: #f5f5f5;
+ }
}
`
-const Content = styled.div``
+const Content = styled.div`
+ padding-top: 80px;
+
+ ${mobile} {
+ padding-top: 60px;
+ }
+`
const Header = styled.header`
- margin-bottom: 100px;
padding: 0 40px;
background-image: linear-gradient(180deg, #a2d4ff 0%, #ac57ff 99%);
${mobile} {
- margin-bottom: 60px;
padding: 0 20px;
}
`
diff --git a/web/src/components/Cards.js b/web/src/components/Cards.js
index f1f0871..12141ae 100644
--- a/web/src/components/Cards.js
+++ b/web/src/components/Cards.js
@@ -32,9 +32,7 @@ export function Card({ title, nameList, alternativeList = [], children }) {
)
}
-export const Cards = styled.div`
- margin-top: 40px;
-`
+export const Cards = styled.div``
export const CardContainer = styled.div`
display: flex;
@@ -58,7 +56,7 @@ const CardWrapper = styled.div`
const CardTitle = styled.div`
margin-bottom: 15px;
- font-size: 0.8rem;
+ font-size: 1rem;
font-weight: bold;
${mobile} {
diff --git a/web/src/components/Welcome.js b/web/src/components/Welcome.js
index a28e334..be7c790 100644
--- a/web/src/components/Welcome.js
+++ b/web/src/components/Welcome.js
@@ -87,13 +87,7 @@ const Text = styled.p`
color: #3c3c3c;
`
-const Hero = styled.div`
- padding-top: 40px;
-
- ${mobile} {
- padding-top: 20px;
- }
-`
+const Hero = styled.div``
const List = styled.div`
margin-top: 50px;
diff --git a/web/src/index.js b/web/src/index.js
index c62b1c9..836b201 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -2,11 +2,11 @@ import React from 'react'
import ReactDOM from 'react-dom'
import ReactGA from 'react-ga'
import App from './App'
-// import * as serviceWorker from './serviceWorker'
+import * as serviceWorker from './serviceWorker'
ReactDOM.render(, document.getElementById('root'))
ReactGA.initialize('UA-28919359-15')
ReactGA.pageview(window.location.pathname + window.location.search)
-// serviceWorker.unregister()
+serviceWorker.register()
diff --git a/web/src/util/pwa.js b/web/src/util/pwa.js
new file mode 100644
index 0000000..609aa33
--- /dev/null
+++ b/web/src/util/pwa.js
@@ -0,0 +1,3 @@
+export function isStandalone() {
+ return 'standalone' in window.navigator && window.navigator.standalone
+}