-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-index-jsx-6a1111324032328ce5d7.js.map
1 lines (1 loc) · 8.19 KB
/
component---src-pages-index-jsx-6a1111324032328ce5d7.js.map
1
{"version":3,"file":"component---src-pages-index-jsx-6a1111324032328ce5d7.js","mappings":"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","sources":["webpack://kotomusubi/./src/pages/index.jsx"],"sourcesContent":["import * as React from 'react';\nimport { navigate } from 'gatsby';\nimport { Layout } from '@/components/layout';\nimport { Seo } from '@/components/seo';\n\nconst IndexPage = () => {\n const [opacity, setOpacity] = React.useState(0);\n\n React.useEffect(() => {\n const link = document.createElement('link');\n link.rel = 'stylesheet';\n link.href = '/css/tutorial.css';\n\n const script = document.createElement('script');\n script.src =\n 'https://cdnjs.cloudflare.com/ajax/libs/rellax/1.12.1/rellax.min.js';\n script.onload = () => {\n setTimeout(() => {\n setOpacity(1);\n\n setTimeout(() => {\n const Rellax = window.Rellax;\n\n new Rellax('.rellax-10', { speed: -10 });\n new Rellax('.rellax-9', { speed: -9 });\n new Rellax('.rellax-8', { speed: -8 });\n new Rellax('.rellax-7', { speed: -7 });\n new Rellax('.rellax-6', { speed: -6 });\n new Rellax('.rellax-5', { speed: -5 });\n new Rellax('.rellax-4', { speed: -4 });\n new Rellax('.rellax-3', { speed: -3 });\n new Rellax('.rellax-2', { speed: -2 });\n new Rellax('.rellax-1', { speed: -1 });\n }, 500);\n }, 500);\n };\n\n document.head.appendChild(link);\n document.body.appendChild(script);\n\n return () => {\n document.head.removeChild(link);\n document.body.removeChild(script);\n };\n }, []);\n\n return (\n <Layout>\n <div\n className='container'\n style={{\n transition: 'opacity 1000ms ease-out',\n opacity\n }}\n >\n <div className='parallax-container'>\n {/* 富士山の向こうにある雲 */}\n <div className='parallax-parts kumo-1-2 rellax-10'></div>\n <div className='parallax-parts kumo-1-1 rellax-10'></div>\n\n {/* 富士山 */}\n <div className='parallax-parts haikei-huji rellax-10'></div>\n\n {/* 富士山の手前にある雲 */}\n <div className='parallax-parts kumo-2-2 rellax-9'></div>\n <div className='parallax-parts kumo-2-1 rellax-8'></div>\n\n {/* 山 */}\n <div className='parallax-parts background-haikei rellax-8'></div>\n <div className='parallax-parts background-tyukei rellax-7'></div>\n <div className='parallax-parts background-zenkei rellax-6'></div>\n\n {/* 森 */}\n <div className='parallax-parts forest rellax-5'></div>\n\n {/* 犬のエリア */}\n <div className='parallax-parts iwayama-zenkei rellax-inu rellax-4'></div>\n <div className='parallax-parts inu-zenkei rellax-inu rellax-4'></div>\n\n {/* ロゴ */}\n <div className='kotomusubi-logo'></div>\n </div>\n\n {/* 雲 */}\n <div className='parallax-parts genjigumo rellax-2'></div>\n\n <div className='textarea'>\n <section className='first-text'>\n <h2>\n 立派な狛犬となることを志した「たま」が\n <br />\n 日本古来の言葉である”大和言葉”を人々に伝えるために\n <br />\n 懸命に走るタイピングゲームです。\n </h2>\n </section>\n\n <section className='second-text'>\n <h1>ルール説明</h1>\n\n <div className='capture'></div>\n\n <div className='rule-text'>\n <h1>其の一</h1>\n <h2>\n 黒い枠の「開始ボタン」でゲームがスタートします。\n <br />\n 押した瞬間に始まります。\n <br />\n そのままキーボードで文字を入力してください。\n </h2>\n </div>\n\n <div className='rule-text'>\n <h1>其の二</h1>\n <h2>\n 開始すると画面上部に文章が表示されるので、\n <br />\n 赤い枠内に同じ文章を入力してください。\n <br />\n キーボードのエンターキーを押すと、次の文章が表示されます。\n </h2>\n </div>\n\n <div className='rule-text'>\n <h1>其の三</h1>\n <h2>\n 70秒の制限時間があります。時間内にクリアすると、\n <br />\n ランキング登録もでき、上位10人の名前が表示されます。\n <br />\n 頑張ってください。\n </h2>\n </div>\n\n <a\n href='/play'\n style={{ display: 'inline-block' }}\n onClick={(e) => {\n e.preventDefault();\n navigate('/play');\n }}\n >\n <div\n className='button'\n style={{\n margin: '0 auto'\n }}\n >\n <h1>挑戦する</h1>\n </div>\n </a>\n </section>\n </div>\n\n <footer className='footer'>\n <p>\n <small>© 2020 K Shindo</small>\n </p>\n </footer>\n </div>\n </Layout>\n );\n};\n\nexport default IndexPage;\n\nexport const Head = () => {\n return <Seo />;\n};\n"],"names":["IndexPage","opacity","setOpacity","React","link","document","createElement","rel","href","script","src","onload","setTimeout","Rellax","window","speed","head","appendChild","body","removeChild","___EmotionJSX","Layout","className","style","transition","display","onClick","e","preventDefault","navigate","margin","Head","Seo"],"sourceRoot":""}