├── favicon.ico ├── logo192.png ├── logo512.png ├── robots.txt ├── img ├── background.png ├── eyecatch_home.png ├── icon-profile.png ├── eyecatch_trade.png ├── activity-book-01.jpg ├── activity-book-02.jpg ├── activity-book-03.jpg ├── eyecatch_covid19.png ├── eyecatch_jpycoins.png ├── eyecatch_musicxml.png ├── eyecatch_passport.png ├── eyecatch_pyramids.png ├── eyecatch_teachers.png ├── eyecatch_tourists.png ├── social-icon-github.png ├── social-icon-note.png ├── activity-article-01.jpg ├── activity-article-02.png ├── activity-article-03.jpg ├── eyecatch_chart-bloom.png ├── eyecatch_collisions.png ├── eyecatch_dissolution.png ├── eyecatch_earthquakes.png ├── eyecatch_landprices.png ├── eyecatch_landprices2.png ├── eyecatch_librarians.png ├── eyecatch_nobelprize.png ├── eyecatch_population.png ├── eyecatch_temperature.png ├── social-icon-facebook.png ├── social-icon-linkedin.png ├── social-icon-twitter.png ├── activity-interview-01.png ├── activity-interview-02.png ├── activity-interview-03.png ├── activity-interview-04.jpg ├── eyecatch_electoralfund.png ├── eyecatch_hometown-tax.png ├── eyecatch_overpitching.png ├── eyecatch_precipitation.png ├── eyecatch_viz4socialgood.png ├── eyecatch_covid19-vaccine.png ├── eyecatch_dissolution_true.png ├── eyecatch_parliament-bills.png ├── eyecatch_digital-journalism-showcase.png └── icon-arrow-down.svg ├── README.md ├── static ├── media │ ├── Hue-Medium.bba429e64a8c26898f44.otf │ ├── background.5d111c9aedfd86dbe7c2.png │ ├── Hue-Medium.164a488d518cc38d98a3.woff2 │ ├── icon-profile.2d45dc492fbd183a75ed.png │ ├── social-icon-twitter.4d73a49285dbe9cac801.png │ └── icon-arrow-down.d0e99a588bb11493b774.svg ├── js │ ├── main.05ffe7b2.js.LICENSE.txt │ ├── main.123ace07.js.LICENSE.txt │ ├── main.15332b85.js.LICENSE.txt │ ├── main.227583b7.js.LICENSE.txt │ ├── main.251b3a9c.js.LICENSE.txt │ ├── main.3991e84b.js.LICENSE.txt │ ├── main.41bb361c.js.LICENSE.txt │ ├── main.7cd42ca3.js.LICENSE.txt │ ├── main.8392195d.js.LICENSE.txt │ ├── main.86f2919d.js.LICENSE.txt │ ├── main.8e907ce8.js.LICENSE.txt │ ├── main.93645ff6.js.LICENSE.txt │ ├── main.a04a3470.js.LICENSE.txt │ ├── main.a83888c1.js.LICENSE.txt │ └── main.b12282a8.js.LICENSE.txt └── css │ ├── main.23fe7d22.css │ ├── main.83626e38.css │ ├── main.76b6bc53.css │ ├── main.9159ac89.css │ ├── main.704e8c5e.css │ ├── main.11b1273b.css │ ├── main.dd641821.css │ ├── main.d619c126.css │ ├── main.e5f9fc91.css │ ├── main.23fe7d22.css.map │ ├── main.83626e38.css.map │ ├── main.704e8c5e.css.map │ ├── main.dd641821.css.map │ ├── main.76b6bc53.css.map │ ├── main.d619c126.css.map │ ├── main.9159ac89.css.map │ ├── main.e5f9fc91.css.map │ ├── main.11b1273b.css.map │ ├── main.6acdb95e.css.map │ ├── main.e28dac54.css.map │ ├── main.6acdb95e.css │ └── main.e28dac54.css ├── manifest.json ├── index.html └── asset-manifest.json /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/favicon.ico -------------------------------------------------------------------------------- /logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/logo192.png -------------------------------------------------------------------------------- /logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/logo512.png -------------------------------------------------------------------------------- /robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /img/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/background.png -------------------------------------------------------------------------------- /img/eyecatch_home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_home.png -------------------------------------------------------------------------------- /img/icon-profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/icon-profile.png -------------------------------------------------------------------------------- /img/eyecatch_trade.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_trade.png -------------------------------------------------------------------------------- /img/activity-book-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-book-01.jpg -------------------------------------------------------------------------------- /img/activity-book-02.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-book-02.jpg -------------------------------------------------------------------------------- /img/activity-book-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-book-03.jpg -------------------------------------------------------------------------------- /img/eyecatch_covid19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_covid19.png -------------------------------------------------------------------------------- /img/eyecatch_jpycoins.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_jpycoins.png -------------------------------------------------------------------------------- /img/eyecatch_musicxml.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_musicxml.png -------------------------------------------------------------------------------- /img/eyecatch_passport.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_passport.png -------------------------------------------------------------------------------- /img/eyecatch_pyramids.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_pyramids.png -------------------------------------------------------------------------------- /img/eyecatch_teachers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_teachers.png -------------------------------------------------------------------------------- /img/eyecatch_tourists.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_tourists.png -------------------------------------------------------------------------------- /img/social-icon-github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/social-icon-github.png -------------------------------------------------------------------------------- /img/social-icon-note.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/social-icon-note.png -------------------------------------------------------------------------------- /img/activity-article-01.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-article-01.jpg -------------------------------------------------------------------------------- /img/activity-article-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-article-02.png -------------------------------------------------------------------------------- /img/activity-article-03.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-article-03.jpg -------------------------------------------------------------------------------- /img/eyecatch_chart-bloom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_chart-bloom.png -------------------------------------------------------------------------------- /img/eyecatch_collisions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_collisions.png -------------------------------------------------------------------------------- /img/eyecatch_dissolution.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_dissolution.png -------------------------------------------------------------------------------- /img/eyecatch_earthquakes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_earthquakes.png -------------------------------------------------------------------------------- /img/eyecatch_landprices.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_landprices.png -------------------------------------------------------------------------------- /img/eyecatch_landprices2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_landprices2.png -------------------------------------------------------------------------------- /img/eyecatch_librarians.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_librarians.png -------------------------------------------------------------------------------- /img/eyecatch_nobelprize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_nobelprize.png -------------------------------------------------------------------------------- /img/eyecatch_population.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_population.png -------------------------------------------------------------------------------- /img/eyecatch_temperature.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_temperature.png -------------------------------------------------------------------------------- /img/social-icon-facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/social-icon-facebook.png -------------------------------------------------------------------------------- /img/social-icon-linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/social-icon-linkedin.png -------------------------------------------------------------------------------- /img/social-icon-twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/social-icon-twitter.png -------------------------------------------------------------------------------- /img/activity-interview-01.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-interview-01.png -------------------------------------------------------------------------------- /img/activity-interview-02.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-interview-02.png -------------------------------------------------------------------------------- /img/activity-interview-03.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-interview-03.png -------------------------------------------------------------------------------- /img/activity-interview-04.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/activity-interview-04.jpg -------------------------------------------------------------------------------- /img/eyecatch_electoralfund.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_electoralfund.png -------------------------------------------------------------------------------- /img/eyecatch_hometown-tax.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_hometown-tax.png -------------------------------------------------------------------------------- /img/eyecatch_overpitching.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_overpitching.png -------------------------------------------------------------------------------- /img/eyecatch_precipitation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_precipitation.png -------------------------------------------------------------------------------- /img/eyecatch_viz4socialgood.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_viz4socialgood.png -------------------------------------------------------------------------------- /img/eyecatch_covid19-vaccine.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_covid19-vaccine.png -------------------------------------------------------------------------------- /img/eyecatch_dissolution_true.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_dissolution_true.png -------------------------------------------------------------------------------- /img/eyecatch_parliament-bills.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_parliament-bills.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # kaz-ogiwara.github.io 2 | 3 | URL: https://kaz-ogiwara.github.io 4 | 5 | 荻原和樹の個人ウェブサイトです。 6 | 7 | 受賞歴、取材記事、講義実績、作品などを載せています。 8 | 9 | 10 | -------------------------------------------------------------------------------- /img/eyecatch_digital-journalism-showcase.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/img/eyecatch_digital-journalism-showcase.png -------------------------------------------------------------------------------- /static/media/Hue-Medium.bba429e64a8c26898f44.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/static/media/Hue-Medium.bba429e64a8c26898f44.otf -------------------------------------------------------------------------------- /static/media/background.5d111c9aedfd86dbe7c2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/static/media/background.5d111c9aedfd86dbe7c2.png -------------------------------------------------------------------------------- /static/media/Hue-Medium.164a488d518cc38d98a3.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/static/media/Hue-Medium.164a488d518cc38d98a3.woff2 -------------------------------------------------------------------------------- /static/media/icon-profile.2d45dc492fbd183a75ed.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/static/media/icon-profile.2d45dc492fbd183a75ed.png -------------------------------------------------------------------------------- /static/media/social-icon-twitter.4d73a49285dbe9cac801.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kaz-ogiwara/kaz-ogiwara.github.io/master/static/media/social-icon-twitter.4d73a49285dbe9cac801.png -------------------------------------------------------------------------------- /img/icon-arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /static/media/icon-arrow-down.d0e99a588bb11493b774.svg: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "homepage": "https://kaz-ogiwara.github.io/", 3 | "short_name": "React App", 4 | "name": "Create React App Sample", 5 | "icons": [ 6 | { 7 | "src": "favicon.ico", 8 | "sizes": "64x64 32x32 24x24 16x16", 9 | "type": "image/x-icon" 10 | }, 11 | { 12 | "src": "logo192.png", 13 | "type": "image/png", 14 | "sizes": "192x192" 15 | }, 16 | { 17 | "src": "logo512.png", 18 | "type": "image/png", 19 | "sizes": "512x512" 20 | } 21 | ], 22 | "start_url": ".", 23 | "display": "standalone", 24 | "theme_color": "#000000", 25 | "background_color": "#ffffff" 26 | } 27 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 荻原 和樹 / Kazuki OGIWARA
-------------------------------------------------------------------------------- /asset-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": { 3 | "main.css": "/static/css/main.6acdb95e.css", 4 | "main.js": "/static/js/main.227583b7.js", 5 | "static/media/background.png": "/static/media/background.5d111c9aedfd86dbe7c2.png", 6 | "static/media/social-icon-twitter.png": "/static/media/social-icon-twitter.4d73a49285dbe9cac801.png", 7 | "static/media/icon-profile.png": "/static/media/icon-profile.2d45dc492fbd183a75ed.png", 8 | "static/media/Hue-Medium.otf": "/static/media/Hue-Medium.bba429e64a8c26898f44.otf", 9 | "static/media/Hue-Medium.woff2": "/static/media/Hue-Medium.164a488d518cc38d98a3.woff2", 10 | "index.html": "/index.html", 11 | "static/media/icon-arrow-down.svg": "/static/media/icon-arrow-down.d0e99a588bb11493b774.svg", 12 | "main.6acdb95e.css.map": "/static/css/main.6acdb95e.css.map", 13 | "main.227583b7.js.map": "/static/js/main.227583b7.js.map" 14 | }, 15 | "entrypoints": [ 16 | "static/css/main.6acdb95e.css", 17 | "static/js/main.227583b7.js" 18 | ] 19 | } -------------------------------------------------------------------------------- /static/js/main.05ffe7b2.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.123ace07.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.15332b85.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.227583b7.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.251b3a9c.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.3991e84b.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.41bb361c.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.7cd42ca3.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.8392195d.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.86f2919d.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.8e907ce8.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.93645ff6.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.a04a3470.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.a83888c1.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/js/main.b12282a8.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /** @license React v0.20.2 8 | * scheduler.production.min.js 9 | * 10 | * Copyright (c) Facebook, Inc. and its affiliates. 11 | * 12 | * This source code is licensed under the MIT license found in the 13 | * LICENSE file in the root directory of this source tree. 14 | */ 15 | 16 | /** @license React v17.0.2 17 | * react-dom.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v17.0.2 26 | * react-jsx-runtime.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.2 35 | * react.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | -------------------------------------------------------------------------------- /static/css/main.23fe7d22.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#f3f3f3;overflow-y:scroll;width:100%}.Header_title__MvkNC{color:#333;font-size:20px;margin:32px 0;text-align:center}.Header_box__vu7Yu{background-color:#fefefe;border-radius:2px;margin:0 auto 16px;max-width:720px;padding:0 16px 16px;width:calc(100% - 32px)}.Header_box__vu7Yu h4{padding-top:16px}.Header_box__vu7Yu p{line-height:32px}.Header_box__vu7Yu .Header_links__DwnUa{margin-top:16px}.Header_box__vu7Yu .Header_links__DwnUa a{color:#369}.Header_box__vu7Yu .Header_links__DwnUa span{color:#eee;margin:0 16px}.Publication_section__DeOlm{background-color:#fefefe;border-radius:2px;margin:16px auto;max-width:720px;padding:16px;width:calc(100% - 32px)}.Publication_section__DeOlm h3{font-size:16px;font-weight:700;margin-bottom:8px}.Publication_section__DeOlm article{display:flex;flex-wrap:wrap;margin-top:16px}.Publication_section__DeOlm article div{line-height:23px}.Publication_section__DeOlm article div:first-child{color:#999;width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:first-child{width:72px}}.Publication_section__DeOlm article div:nth-child(2){width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:nth-child(2){width:calc(100% - 72px)}}.Publication_section__DeOlm article div a{color:#369}.Works_title__T\+tgm{margin:0 auto;max-width:1248px;width:calc(100% - 32px)}.Works_title__T\+tgm h2{font-size:24px;font-weight:700;margin-top:64px}.Works_title__T\+tgm h5{font-weight:400;margin-bottom:32px;margin-top:4px}.Works_works__GlEsY{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px;width:calc(100% - 16px)}.Works_works__GlEsY section{background-color:#fefefe;border-radius:2px;margin:0 8px 16px;width:100%}@media screen and (min-width:540px){.Works_works__GlEsY section{width:calc(50% - 16px)}}@media screen and (min-width:900px){.Works_works__GlEsY section{width:calc(33.33333% - 16px)}}.Works_works__GlEsY section .Works_imageWrapper__6UYDq{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq:before{content:"";display:block;padding-top:52.5%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq .Works_image__9414W{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.Works_works__GlEsY section .Works_info__iIurg{padding:16px}.Works_works__GlEsY section .Works_info__iIurg h3{font-size:14px;height:40px;line-height:20px;margin-bottom:8px}.Works_works__GlEsY section .Works_info__iIurg p{font-size:14px;height:28px}.Works_works__GlEsY section .Works_info__iIurg p a{color:#369;font-size:14px}.Works_works__GlEsY section .Works_info__iIurg .Works_date__O8ZnO{color:#aaa;font-size:14px} 2 | /*# sourceMappingURL=main.23fe7d22.css.map*/ -------------------------------------------------------------------------------- /static/css/main.83626e38.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#f3f3f3;overflow-y:scroll;width:100%}.Header_title__MvkNC{color:#333;font-size:20px;margin:32px 0;text-align:center}.Header_box__vu7Yu{background-color:#fafafa;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 auto 16px;max-width:720px;padding:0 16px 16px;width:calc(100% - 32px)}.Header_box__vu7Yu h4{padding-top:16px}.Header_box__vu7Yu p{line-height:32px}.Header_box__vu7Yu .Header_links__DwnUa{margin-top:16px}.Header_box__vu7Yu .Header_links__DwnUa a{color:#369}.Header_box__vu7Yu .Header_links__DwnUa span{color:#eee;margin:0 16px}.Publication_section__DeOlm{background-color:#fafafa;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:16px auto;max-width:720px;padding:16px;width:calc(100% - 32px)}.Publication_section__DeOlm h3{font-size:16px;font-weight:700;margin-bottom:8px}.Publication_section__DeOlm article{display:flex;flex-wrap:wrap;margin-top:16px}.Publication_section__DeOlm article div{line-height:23px}.Publication_section__DeOlm article div:first-child{color:#999;width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:first-child{width:72px}}.Publication_section__DeOlm article div:nth-child(2){width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:nth-child(2){width:calc(100% - 72px)}}.Publication_section__DeOlm article div a{color:#369}.Works_title__T\+tgm{margin:0 auto;max-width:1248px;width:calc(100% - 32px)}.Works_title__T\+tgm h2{font-size:24px;font-weight:700;margin-top:64px}.Works_title__T\+tgm h5{font-weight:400;margin-bottom:32px;margin-top:4px}.Works_works__GlEsY{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px;width:calc(100% - 16px)}.Works_works__GlEsY section{background-color:#fafafa;border:1px solid #fff;border-radius:4px;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 8px 16px;width:100%}@media screen and (min-width:540px){.Works_works__GlEsY section{width:calc(50% - 16px)}}@media screen and (min-width:900px){.Works_works__GlEsY section{width:calc(33.33333% - 16px)}}.Works_works__GlEsY section .Works_imageWrapper__6UYDq{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq:before{content:"";display:block;padding-top:52.5%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq .Works_image__9414W{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.Works_works__GlEsY section .Works_info__iIurg{padding:16px}.Works_works__GlEsY section .Works_info__iIurg h3{font-size:14px;height:40px;line-height:20px;margin-bottom:8px}.Works_works__GlEsY section .Works_info__iIurg p{font-size:14px;height:28px}.Works_works__GlEsY section .Works_info__iIurg p a{color:#369;font-size:14px}.Works_works__GlEsY section .Works_info__iIurg .Works_date__O8ZnO{color:#aaa;font-size:14px} 2 | /*# sourceMappingURL=main.83626e38.css.map*/ -------------------------------------------------------------------------------- /static/css/main.76b6bc53.css: -------------------------------------------------------------------------------- 1 | @font-face{text-rendering:optimizeLegibility;font-family:Hue;font-style:normal;font-weight:400;src:url(/static/media/Hue-Medium.164a488d518cc38d98a3.woff2) format("woff2"),url(/static/media/Hue-Medium.bba429e64a8c26898f44.otf) format("opentype")}*{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#eee}#component-header{.hero{background-color:#666;background-image:url(/static/media/background.5d111c9aedfd86dbe7c2.png);background-size:60%;border-bottom:2px solid #fefefe;height:200px;width:100%}.hero,.icon{background-position:50%}.icon{background-color:#ccc;background-image:url(/static/media/icon-profile.2d45dc492fbd183a75ed.png);background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}.title{margin:0 auto;max-width:1260px;width:calc(100% - 32px);h1{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#68a;font-size:1.5rem;margin-top:90px}h1,h2{font-weight:700}h2{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#333;font-size:1rem;margin-top:4px}}}#component-works{display:flex;flex-wrap:wrap;margin:48px auto 0;max-width:1280px;width:calc(100% - 16px);section{background-color:#fefefe;border-radius:2px;margin:0 4px 16px;width:100%;@media screen and (min-width:540px){width:calc(50% - 8px)}@media screen and (min-width:900px){width:calc(33.33333% - 8px)}@media screen and (min-width:1280px){width:calc(25% - 8px)}.imageWrapper{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%;&:before{content:"";display:block;padding-top:52.5%}.image{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}}.info{padding:16px;h3{height:40px;line-height:20px;margin-bottom:8px}h3,p{font-size:14px}p{height:28px;a{color:#369}}.date{color:#aaa;font-size:14px}}}}#component-switch{.switch-container{background-color:#242a3c;border:none;border-radius:21px;bottom:16px;box-shadow:0 0 8px rgba(0,0,0,.3);display:flex;height:42px;left:16px;max-width:360px;position:fixed;width:calc(100vw - 32px);@media screen and (min-width:(360px + (16px * 2) + 1)){left:calc(50vw - 180px)}.switch-item{border-radius:20px;color:#aaa;font-size:16px;height:40px;line-height:40px;margin:1px;text-align:center;width:50%;&:hover{background-color:#474f62;cursor:pointer}&.selected{background-color:#d72;color:#fefefe}}}}#component-profile{margin-bottom:128px;.profile{background-color:#fefefe;border-radius:2px;line-height:2rem;margin:0 auto 16px;max-width:640px;padding:16px 32px;width:calc(100% - 32px)}.activities{margin:0 auto;max-width:720px;width:100%;h3{font-size:1rem;font-weight:700;margin-left:16px;margin-top:64px}.activity,h3{width:100%}.activity{background-color:#fefefe;display:grid;grid-template-columns:100px 1fr;margin-top:16px;.image{background-color:#f8f8f8;max-height:120px;a{display:block;height:100%}img{height:100%;object-fit:cover}}.info{display:flex;flex-direction:column;justify-content:center;padding:8px;.title{font-weight:700}.subtitle{color:#666;font-size:.8rem}.media{color:#999;font-size:.7rem;margin-top:8px}}}}} 2 | /*# sourceMappingURL=main.76b6bc53.css.map*/ -------------------------------------------------------------------------------- /static/css/main.9159ac89.css: -------------------------------------------------------------------------------- 1 | @font-face{text-rendering:optimizeLegibility;font-family:Hue;font-style:normal;font-weight:400;src:url(/static/media/Hue-Medium.164a488d518cc38d98a3.woff2) format("woff2"),url(/static/media/Hue-Medium.bba429e64a8c26898f44.otf) format("opentype")}*{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#eee}#component-header{.hero{background-color:#666;background-image:url(/static/media/background.5d111c9aedfd86dbe7c2.png);background-size:60%;border-bottom:2px solid #fefefe;height:200px;width:100%}.hero,.icon{background-position:50%}.icon{background-color:#ccc;background-image:url(/static/media/icon-profile.2d45dc492fbd183a75ed.png);background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}.title{margin:0 auto;max-width:1260px;width:calc(100% - 32px);h1{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#68a;font-size:1.5rem;margin-top:90px}h1,h2{font-weight:700}h2{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#333;font-size:1rem;margin-top:4px}}}#component-works{display:flex;flex-wrap:wrap;margin:48px auto 0;max-width:1280px;width:calc(100% - 8px);section{background-color:#fefefe;border-radius:2px;margin:0 4px 16px;width:100%;@media screen and (min-width:540px){width:calc(50% - 8px)}@media screen and (min-width:900px){width:calc(33.33333% - 8px)}@media screen and (min-width:1280px){width:calc(25% - 8px)}.imageWrapper{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%;&:before{content:"";display:block;padding-top:52.5%}.image{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}}.info{padding:16px;h3{height:40px;line-height:20px;margin-bottom:8px}h3,p{font-size:14px}p{height:28px;a{color:#369}}.date{color:#aaa;font-size:14px}}}}#component-switch{.switch-container{background-color:#242a3c;border:none;border-radius:21px;bottom:16px;box-shadow:0 0 8px rgba(0,0,0,.3);display:flex;height:42px;left:16px;max-width:360px;position:fixed;width:calc(100vw - 32px);@media screen and (min-width:(360px + (16px * 2) + 1)){left:calc(50vw - 180px)}.switch-item{border-radius:20px;color:#aaa;font-size:16px;height:40px;line-height:40px;margin:1px;text-align:center;width:50%;&:hover{background-color:#474f62;cursor:pointer}&.selected{background-color:#d72;color:#fefefe}}}}#component-profile{margin:0 auto;max-width:720px;width:calc(100% - 16px);h3{border-left:4px solid #6ab;font-size:1rem;font-weight:700;margin-top:64px;padding-left:6px;width:100%}.profile{background-color:#fefefe;border-radius:2px;color:#333;font-size:.9rem;line-height:2rem;margin-top:8px;padding:16px;width:100%}.activities{.activity{background-color:#fefefe;border-radius:2px;display:grid;grid-template-columns:100px 1fr;margin-top:16px;overflow:hidden;width:100%;.image{background-color:#f8f8f8;max-height:120px;a{display:block}a,img{height:100%;width:100%}img{object-fit:cover}}.info{display:flex;flex-direction:column;justify-content:center;padding:8px;.title{font-weight:700}.subtitle{color:#666;font-size:.8rem}.media{color:#999;font-size:.7rem;margin-top:8px}}}}.copyright{color:#aaa;font-size:.7rem;margin-bottom:64px;margin-top:64px;text-align:center}} 2 | /*# sourceMappingURL=main.9159ac89.css.map*/ -------------------------------------------------------------------------------- /static/css/main.704e8c5e.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#f3f3f3;background-image:url(/static/media/white_wall_hash.30fb9f92f63a4f4c8d47.png);overflow-y:scroll;width:100%}.Header_hero__Y8uMn{background-color:#666;background-image:url(/static/media/background.74a6761c415da9aeb11a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fefefe;height:200px;width:100%}.Header_hero__Y8uMn:before{background-color:rgba(0,0,0,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Header_icon__azzLy{background-color:#0f0;background-image:url(/static/media/icon_rect.8fc04dfda857a320a180.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-48px;height:96px;left:calc(50% - 48px);position:absolute;width:96px}h1{color:#333;font-size:30px;margin:64px 0 0}h1,h2{text-align:center}h2{color:#999;font-size:24px;margin:8px 0 0}.Header_box__vu7Yu{background-color:#fafafa;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:32px auto 16px;max-width:720px;padding:0 16px 16px;width:calc(100% - 32px)}.Header_box__vu7Yu h4{padding-top:16px}.Header_box__vu7Yu p{line-height:32px}.Header_box__vu7Yu .Header_links__DwnUa{margin-top:16px}.Header_box__vu7Yu .Header_links__DwnUa a{color:#369}.Header_box__vu7Yu .Header_links__DwnUa span{color:#eee;margin:0 16px}.Publication_section__DeOlm{background-color:#fafafa;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:16px auto;max-width:720px;padding:16px;width:calc(100% - 32px)}.Publication_section__DeOlm h3{font-size:16px;font-weight:700;margin-bottom:8px}.Publication_section__DeOlm article{display:flex;flex-wrap:wrap;margin-top:16px}.Publication_section__DeOlm article div{line-height:23px}.Publication_section__DeOlm article div:first-child{color:#999;width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:first-child{width:72px}}.Publication_section__DeOlm article div:nth-child(2){width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:nth-child(2){width:calc(100% - 72px)}}.Publication_section__DeOlm article div a{color:#369}.Works_title__T\+tgm{margin:0 auto;max-width:1248px;width:calc(100% - 32px)}.Works_title__T\+tgm h2{font-size:24px;font-weight:700;margin-top:64px}.Works_title__T\+tgm h5{font-weight:400;margin-bottom:32px;margin-top:4px}.Works_works__GlEsY{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px;width:calc(100% - 16px)}.Works_works__GlEsY section{background-color:#fafafa;border:1px solid #fff;border-radius:4px;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 8px 16px;width:100%}@media screen and (min-width:540px){.Works_works__GlEsY section{width:calc(50% - 16px)}}@media screen and (min-width:900px){.Works_works__GlEsY section{width:calc(33.33333% - 16px)}}.Works_works__GlEsY section .Works_imageWrapper__6UYDq{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq:before{content:"";display:block;padding-top:52.5%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq .Works_image__9414W{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.Works_works__GlEsY section .Works_info__iIurg{padding:16px}.Works_works__GlEsY section .Works_info__iIurg h3{font-size:14px;height:40px;line-height:20px;margin-bottom:8px}.Works_works__GlEsY section .Works_info__iIurg p{font-size:14px;height:28px}.Works_works__GlEsY section .Works_info__iIurg p a{color:#369;font-size:14px}.Works_works__GlEsY section .Works_info__iIurg .Works_date__O8ZnO{color:#aaa;font-size:14px} 2 | /*# sourceMappingURL=main.704e8c5e.css.map*/ -------------------------------------------------------------------------------- /static/css/main.11b1273b.css: -------------------------------------------------------------------------------- 1 | @font-face{text-rendering:optimizeLegibility;font-family:Hue;font-style:normal;font-weight:400;src:url(/static/media/Hue-Medium.164a488d518cc38d98a3.woff2) format("woff2"),url(/static/media/Hue-Medium.bba429e64a8c26898f44.otf) format("opentype")}*{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#eee}#component-header{.hero{background-color:#666;background-image:url(/static/media/background.5d111c9aedfd86dbe7c2.png);background-size:60%;border-bottom:2px solid #fefefe;height:200px;width:100%}.hero,.icon{background-position:50%}.icon{background-color:#ccc;background-image:url(/static/media/icon-profile.2d45dc492fbd183a75ed.png);background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}.title{margin:0 auto;max-width:1260px;width:calc(100% - 32px);h1{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#68a;font-size:1.5rem;margin-top:90px}h1,h2{font-weight:700}h2{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#333;font-size:1rem;margin-top:4px}}}#component-works{height:auto;margin:48px auto 0;max-height:1200px;max-width:1280px;overflow-y:hidden;width:calc(100% - 8px);@media (min-width:540px){max-height:800px}@media (min-width:900px){max-height:400px}&.expand{max-height:20000px;transition:max-height 2s ease;.bottom{display:none}}.inner{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;section{background-color:#fefefe;border-radius:2px;margin:0 4px 16px;width:100%;@media screen and (min-width:540px){width:calc(50% - 8px)}@media screen and (min-width:900px){width:calc(33.33333% - 8px)}@media screen and (min-width:1280px){width:calc(25% - 8px)}.imageWrapper{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%;&:before{content:"";display:block;padding-top:52.5%}.image{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}}.info{padding:16px;h3{height:40px;line-height:20px;margin-bottom:8px}h3,p{font-size:14px}p{height:28px;a{color:#369}}.date{color:#aaa;font-size:14px}}}}.bottom{background-image:linear-gradient(180deg,hsla(0,0%,94%,0) 0,#efefef);bottom:0;height:60px;left:0;position:absolute;width:100%;button{background-color:rgba(0,0,0,.6);background-image:url(/static/media/icon-arrow-down.d0e99a588bb11493b774.svg);background-position:50% 100%;background-size:40px;border:1px solid #fefefe;border-radius:22px;bottom:8px;height:44px;left:calc(50% - 22px);position:absolute;width:44px;&:hover{background-color:rgba(0,0,0,.7);cursor:pointer}}}}#component-switch{.switch-container{background-color:#242a3c;border:none;border-radius:21px;bottom:16px;box-shadow:0 0 8px rgba(0,0,0,.3);display:flex;height:42px;left:16px;max-width:360px;position:fixed;width:calc(100vw - 32px);@media screen and (min-width:(360px + (16px * 2) + 1)){left:calc(50vw - 180px)}.switch-item{border-radius:20px;color:#aaa;font-size:16px;height:40px;line-height:40px;margin:1px;text-align:center;width:50%;&:hover{background-color:#474f62;cursor:pointer}&.selected{background-color:#d72;color:#fefefe}}}}#component-profile{margin:0 auto;max-width:720px;width:calc(100% - 16px);h3{border-left:4px solid #6ab;font-size:1rem;font-weight:700;margin-top:64px;padding-left:6px;width:100%}.profile{background-color:#fefefe;border-radius:2px;color:#333;font-size:.9rem;line-height:2rem;margin-top:8px;padding:16px;width:100%}.activities{.activity{background-color:#fefefe;border-radius:2px;display:grid;grid-template-columns:100px 1fr;margin-top:16px;overflow:hidden;text-decoration:none;width:100%;;.image{background-color:#f8f8f8;height:121px;img{height:100%;object-fit:cover;width:100%}}.info{display:flex;flex-direction:column;justify-content:center;padding:8px;.title{font-weight:700}.subtitle{color:#666;font-size:.8rem}.media{color:#999;font-size:.7rem;margin-top:8px}}}}.copyright{color:#aaa;font-size:.7rem;margin-bottom:64px;margin-top:64px;text-align:center}} 2 | /*# sourceMappingURL=main.11b1273b.css.map*/ -------------------------------------------------------------------------------- /static/css/main.dd641821.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.02em;margin:0;outline:0;padding:0;position:relative}body{background-color:#f3f3f3;background-image:url(/static/media/white_wall_hash.30fb9f92f63a4f4c8d47.png);overflow-y:scroll;width:100%}.Header_hero__Y8uMn{background-color:#666;background-image:url(/static/media/background.74a6761c415da9aeb11a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fefefe;height:200px;width:100%}.Header_hero__Y8uMn:before{background-color:rgba(0,0,0,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Header_icon__azzLy{background-color:#0f0;background-image:url(/static/media/icon_rect.8fc04dfda857a320a180.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}h1{color:#333;font-size:28px;margin:72px 0 0}h1,h2{text-align:center}h2{color:#aaa;font-size:20px;margin:0}h5{color:#333;font-size:16px;font-weight:400;margin:16px 0 0;text-align:center}.Header_box__vu7Yu{margin:64px auto 16px;max-width:720px;width:calc(100% - 32px)}.Header_box__vu7Yu p{line-height:32px}.Header_box__vu7Yu .Header_links__DwnUa{margin:32px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Header_box__vu7Yu .Header_links__DwnUa a{background-color:#fefefe;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fefefe;border-radius:50%;display:inline-block;height:48px;width:48px}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_tw__gKmcD{background-image:url(/static/media/icon-twitter.db4f5b0c8ddbce4c5022.svg)}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_gh__rMZ9-{background-image:url(/static/media/icon-github.54f629ee8cf7d145e24e.svg)}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_nt__qmIQo{background-image:url(/static/media/icon-note.e680e2b5d4080fb420c2.svg);background-position:50%}.Header_box__vu7Yu .Header_links__DwnUa span{color:#eee;margin:0 16px}.Publication_section__DeOlm{background-color:#fafafa;border:1px solid #fff;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:16px auto;max-width:720px;padding:16px;width:calc(100% - 32px)}.Publication_section__DeOlm h3{font-size:16px;font-weight:700;margin-bottom:8px}.Publication_section__DeOlm article{display:flex;flex-wrap:wrap;margin-top:16px}.Publication_section__DeOlm article div{line-height:23px}.Publication_section__DeOlm article div:first-child{color:#999;width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:first-child{width:72px}}.Publication_section__DeOlm article div:nth-child(2){width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:nth-child(2){width:calc(100% - 72px)}}.Publication_section__DeOlm article div a{color:#369}.Works_title__T\+tgm{margin:0 auto;max-width:1248px;width:calc(100% - 32px)}.Works_title__T\+tgm h2{font-size:24px;font-weight:700;margin-top:64px}.Works_title__T\+tgm h5{font-weight:400;margin-bottom:32px;margin-top:4px}.Works_works__GlEsY{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px;width:calc(100% - 16px)}.Works_works__GlEsY section{background-color:#fafafa;border:1px solid #fff;border-radius:4px;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 8px 16px;width:100%}@media screen and (min-width:540px){.Works_works__GlEsY section{width:calc(50% - 16px)}}@media screen and (min-width:900px){.Works_works__GlEsY section{width:calc(33.33333% - 16px)}}.Works_works__GlEsY section .Works_imageWrapper__6UYDq{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq:before{content:"";display:block;padding-top:52.5%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq .Works_image__9414W{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.Works_works__GlEsY section .Works_info__iIurg{padding:16px}.Works_works__GlEsY section .Works_info__iIurg h3{font-size:14px;height:40px;line-height:20px;margin-bottom:8px}.Works_works__GlEsY section .Works_info__iIurg p{font-size:14px;height:28px}.Works_works__GlEsY section .Works_info__iIurg p a{color:#369;font-size:14px}.Works_works__GlEsY section .Works_info__iIurg .Works_date__O8ZnO{color:#aaa;font-size:14px} 2 | /*# sourceMappingURL=main.dd641821.css.map*/ -------------------------------------------------------------------------------- /static/css/main.d619c126.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.02em;margin:0;outline:0;padding:0;position:relative}body{background-color:#f3f3f3;background-image:url(/static/media/white_wall_hash.30fb9f92f63a4f4c8d47.png);overflow-y:scroll;width:100%}.Header_hero__Y8uMn{background-color:#666;background-image:url(/static/media/background.74a6761c415da9aeb11a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fefefe;height:200px;width:100%}.Header_hero__Y8uMn:before{background-color:rgba(0,0,0,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Header_icon__azzLy{background-color:#ccc;background-image:url(/static/media/icon_rect.8fc04dfda857a320a180.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}h1{color:#333;font-size:28px;margin:72px 0 0}h1,h2{text-align:center}h2{color:#aaa;font-size:20px;margin:0}h5{color:#333;font-size:16px;font-weight:400;margin:16px 0 0;text-align:center}.Header_box__vu7Yu{margin:64px auto 16px;max-width:720px;width:calc(100% - 32px)}.Header_box__vu7Yu p{line-height:32px}.Header_box__vu7Yu .Header_links__DwnUa{margin:32px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Header_box__vu7Yu .Header_links__DwnUa a{background-color:#fefefe;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fefefe;border-radius:50%;display:inline-block;height:48px;width:48px}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_tw__gKmcD{background-image:url(/static/media/icon-twitter.db4f5b0c8ddbce4c5022.svg)}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_gh__rMZ9-{background-image:url(/static/media/icon-github.54f629ee8cf7d145e24e.svg)}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_nt__qmIQo{background-image:url(/static/media/icon-note.e680e2b5d4080fb420c2.svg);background-position:50%}.Header_box__vu7Yu .Header_links__DwnUa span{color:#eee;margin:0 16px}.Publication_section__DeOlm{margin:16px auto;max-width:720px;padding:16px;width:100%}.Publication_section__DeOlm h3{border-bottom:1px solid #ccc;font-size:16px;font-weight:700;margin-bottom:8px}.Publication_section__DeOlm article{display:flex;flex-wrap:wrap;margin-top:16px;padding-left:12px}.Publication_section__DeOlm article div{line-height:23px}.Publication_section__DeOlm article div:first-child{color:#bbb;font-weight:700;width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:first-child{width:72px}}.Publication_section__DeOlm article div:nth-child(2){width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:nth-child(2){width:calc(100% - 72px)}}.Publication_section__DeOlm article div a{color:#369;text-decoration:none}.Publication_section__DeOlm article:before{background-color:rgba(120,200,160,.3);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.Works_title__T\+tgm{margin:0 auto;max-width:1248px;width:calc(100% - 32px)}.Works_title__T\+tgm h2{font-size:24px;font-weight:700;margin-top:64px}.Works_title__T\+tgm h5{font-weight:400;margin-bottom:32px;margin-top:4px}.Works_works__GlEsY{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px;width:calc(100% - 16px)}.Works_works__GlEsY section{background-color:#fafafa;border:1px solid #fff;border-radius:4px;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 8px 16px;width:100%}@media screen and (min-width:540px){.Works_works__GlEsY section{width:calc(50% - 16px)}}@media screen and (min-width:900px){.Works_works__GlEsY section{width:calc(33.33333% - 16px)}}.Works_works__GlEsY section .Works_imageWrapper__6UYDq{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq:before{content:"";display:block;padding-top:52.5%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq .Works_image__9414W{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.Works_works__GlEsY section .Works_info__iIurg{padding:16px}.Works_works__GlEsY section .Works_info__iIurg h3{font-size:14px;height:40px;line-height:20px;margin-bottom:8px}.Works_works__GlEsY section .Works_info__iIurg p{font-size:14px;height:28px}.Works_works__GlEsY section .Works_info__iIurg p a{color:#369;font-size:14px}.Works_works__GlEsY section .Works_info__iIurg .Works_date__O8ZnO{color:#aaa;font-size:14px} 2 | /*# sourceMappingURL=main.d619c126.css.map*/ -------------------------------------------------------------------------------- /static/css/main.e5f9fc91.css: -------------------------------------------------------------------------------- 1 | *{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.02em;margin:0;outline:0;padding:0;position:relative}body{background-color:#f3f3f3;background-image:url(/static/media/white_wall_hash.30fb9f92f63a4f4c8d47.png);overflow-y:scroll;width:100%}.Header_hero__Y8uMn{background-color:#666;background-image:url(/static/media/background.74a6761c415da9aeb11a.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom:2px solid #fefefe;height:200px;width:100%}.Header_hero__Y8uMn:before{background-color:rgba(0,0,0,.7);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.Header_icon__azzLy{background-color:#ccc;background-image:url(/static/media/icon_rect.8fc04dfda857a320a180.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}h1{color:#333;font-size:28px;margin:72px 0 0}h1,h2{text-align:center}h2{color:#aaa;font-size:20px;margin:0}h5{color:#333;font-size:16px;font-weight:400;margin:16px 0 0;text-align:center}.Header_box__vu7Yu{margin:64px auto 16px;max-width:720px;width:calc(100% - 32px)}.Header_box__vu7Yu p{line-height:32px}.Header_box__vu7Yu .Header_links__DwnUa{margin:32px auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Header_box__vu7Yu .Header_links__DwnUa a{background-color:#fefefe;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fefefe;border-radius:50%;display:inline-block;height:48px;width:48px}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_tw__gKmcD{background-image:url(/static/media/icon-twitter.db4f5b0c8ddbce4c5022.svg)}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_gh__rMZ9-{background-image:url(/static/media/icon-github.54f629ee8cf7d145e24e.svg)}.Header_box__vu7Yu .Header_links__DwnUa a.Header_icon_nt__qmIQo{background-image:url(/static/media/icon-note.e680e2b5d4080fb420c2.svg);background-position:50%}.Header_box__vu7Yu .Header_links__DwnUa span{color:#eee;margin:0 16px}.Publication_section__DeOlm{margin:16px auto;max-width:720px;padding:16px;width:100%}.Publication_section__DeOlm h3{border-bottom:1px solid #ccc;font-size:16px;font-weight:700;margin-bottom:8px}.Publication_section__DeOlm article{display:flex;flex-wrap:wrap;margin-top:16px;padding-left:12px}.Publication_section__DeOlm article div{line-height:23px}.Publication_section__DeOlm article div:first-child{color:#bbb;font-weight:700;width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:first-child{width:72px}}.Publication_section__DeOlm article div:nth-child(2){width:100%}@media screen and (min-width:540px){.Publication_section__DeOlm article div:nth-child(2){width:calc(100% - 72px)}}.Publication_section__DeOlm article div a{color:#369;text-decoration:none}.Publication_section__DeOlm article:before{background-color:rgba(120,200,160,.3);border-radius:2px;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.Works_title__T\+tgm{margin:0 auto;max-width:1248px;width:calc(100% - 32px)}.Works_title__T\+tgm h2{font-size:24px;font-weight:700;margin-top:64px}.Works_title__T\+tgm h5{font-weight:400;margin-bottom:32px;margin-top:4px}.Works_works__GlEsY{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1280px;width:calc(100% - 16px)}.Works_works__GlEsY section{background-color:#fafafa;border:1px solid #fff;border-radius:4px;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:0 8px 16px;width:100%}@media screen and (min-width:540px){.Works_works__GlEsY section{width:calc(50% - 16px)}}@media screen and (min-width:900px){.Works_works__GlEsY section{width:calc(33.33333% - 16px)}}.Works_works__GlEsY section .Works_imageWrapper__6UYDq{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq:before{content:"";display:block;padding-top:52.5%}.Works_works__GlEsY section .Works_imageWrapper__6UYDq a{bottom:0;left:0;position:absolute;right:0;top:0}.Works_works__GlEsY section .Works_imageWrapper__6UYDq a .Works_image__9414W{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}.Works_works__GlEsY section .Works_info__iIurg{padding:16px}.Works_works__GlEsY section .Works_info__iIurg h3{font-size:14px;height:40px;line-height:20px;margin-bottom:8px}.Works_works__GlEsY section .Works_info__iIurg a{color:#369;display:block;font-size:14px;height:28px}.Works_works__GlEsY section .Works_info__iIurg p{color:#999;display:block;font-size:14px;height:72px}.Works_works__GlEsY section .Works_info__iIurg .Works_date__O8ZnO{color:#666;font-size:14px} 2 | /*# sourceMappingURL=main.e5f9fc91.css.map*/ -------------------------------------------------------------------------------- /static/css/main.23fe7d22.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.23fe7d22.css","mappings":"AACA,EAQE,qBAAsB,CAFtB,UAAW,CAHX,0FAAiG,CACjG,cAAe,CACf,oBAAqB,CAHrB,QAAS,CAOT,SAAQ,CARR,SAAU,CAMV,iBAEU,CACX,KAIC,wBAAyB,CACzB,iBAAkB,CAClB,UAAW,CChBb,qBAEE,UAAW,CADX,cAAe,CAGf,cADA,iBACc,CACf,mBAGC,wBAAyB,CACzB,iBAAkB,CAClB,kBAAwB,CACxB,eAAgB,CAEhB,mBAAyB,CACzB,uBAAwB,CAP1B,sBAUI,gBAAiB,CAVrB,qBAcI,gBAAiB,CAdrB,wCAkBI,eAAgB,CAlBpB,0CAqBM,UAAW,CArBjB,6CAyBM,UAAW,CACX,aAAc,CC/BpB,4BACE,wBAAyB,CACzB,iBAAkB,CAClB,gBAAiB,CAGjB,gBAFA,YAAa,CACb,uBACgB,CANlB,+BASI,cAAe,CACf,eAAiB,CACjB,iBAAkB,CAXtB,oCAeI,YAAa,CACb,cAAe,CACf,eAAgB,CAjBpB,wCAqBM,gBAAiB,CArBvB,oDAyBQ,WADA,UACW,CAEX,oCA3BR,oDA4BU,UAAO,CAEV,CA9BP,qDAiCQ,UAAW,CAEX,oCAnCR,qDAoCU,uBAAkC,CAErC,CAtCP,0CAyCQ,UAAW,CCxCnB,qBAGE,cADA,gBAAiB,CADjB,uBAEc,CAHhB,wBAMI,cAAe,CACf,eAAiB,CACjB,eAAgB,CARpB,wBAcI,gBADA,kBAAmB,CADnB,cAEmB,CACpB,oBAID,YAAa,CACb,cAAe,CAGf,cADA,gBAAiB,CADjB,uBAEc,CALhB,4BAQI,wBAAyB,CACzB,iBAAkB,CAClB,iBAAsB,CACtB,UAAW,CAEX,oCAbJ,4BAcM,sBAA8B,CA0DjC,CAvDC,oCAjBJ,4BAkBM,4BAA8B,CAsDjC,CAxEH,uDAwBM,wBAAyB,CACzB,kBAHA,iBAAkB,CAClB,UAEkB,CAzBxB,8DA4BQ,UAAU,CACV,aAAc,CACd,iBAAkB,CA9B1B,2EAwCQ,qBAAsB,CACtB,uBAAkC,CAClC,2BAA4B,CAC5B,sBAJA,iBAAkB,CAFlB,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAQ,CAHR,KAQsB,CA3C9B,+CAgDM,YAAa,CAhDnB,kDAmDQ,cAAe,CAEf,WAAY,CADZ,gBAAiB,CAEjB,iBAAkB,CAtD1B,iDA0DQ,cAAe,CACf,WAAY,CA3DpB,mDA+DU,WADA,cACW,CA/DrB,kEAqEQ,WADA,cACW","sources":["App.scss","components/Header.module.scss","components/Publication.module.scss","components/Works.module.scss"],"sourcesContent":["\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\",Arial,\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;\n font-size: 15px;\n letter-spacing: .04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\n\nbody {\n background-color: #f3f3f3;\n overflow-y: scroll;\n width: 100%;\n}\n","\n.title {\n font-size: 20px;\n color: #333;\n text-align: center;\n margin: 32px 0;\n}\n\n.box {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 auto 16px auto;\n max-width: 720px;\n\n padding: 0 16px 16px 16px;\n width: calc(100% - 32px);\n\n h4 {\n padding-top: 16px;\n }\n\n p {\n line-height: 32px;\n }\n\n .links {\n margin-top: 16px;\n\n a {\n color: #369;\n }\n\n span {\n color: #eee;\n margin: 0 16px;\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n.section {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 16px auto;\n padding: 16px;\n width: calc(100% - 32px);\n max-width: 720px;\n\n h3 {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 8px;\n }\n\n article {\n display: flex;\n flex-wrap: wrap;\n margin-top: 16px;\n\n div {\n $date-width: 72px;\n line-height: 23px;\n\n &:nth-child(1) {\n width: 100%;\n color: #999;\n\n @media screen and (min-width: $width-tablet) {\n width: #{$date-width};\n }\n }\n\n &:nth-child(2) {\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc(100% - #{$date-width});\n }\n }\n\n a {\n color: #369;\n }\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n\n.title {\n width: calc(100% - 32px);\n max-width: 1248px;\n margin: 0 auto;\n\n h2 {\n font-size: 24px;\n font-weight: bold;\n margin-top: 64px;\n }\n\n h5 {\n margin-top: 4px;\n margin-bottom: 32px;\n font-weight: normal;\n }\n}\n\n.works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 16px);\n max-width: 1280px;\n margin: 0 auto;\n\n section {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 8px 16px 8px;\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc((100% / 2) - 16px);\n }\n\n @media screen and (min-width: $width-pc) {\n width: calc((100% / 3) - 16px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n p {\n font-size: 14px;\n height: 28px;\n\n a {\n font-size: 14px;\n color: #369;\n }\n }\n\n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.83626e38.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.83626e38.css","mappings":"AACA,EAQE,qBAAsB,CAFtB,UAAW,CAHX,0FAAiG,CACjG,cAAe,CACf,oBAAqB,CAHrB,QAAS,CAOT,SAAQ,CARR,SAAU,CAMV,iBAEU,CACX,KAIC,wBAAyB,CACzB,iBAAkB,CAClB,UAAW,CChBb,qBAEE,UAAW,CADX,cAAe,CAGf,cADA,iBACc,CACf,mBAGC,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAElB,mCAA0C,CAC1C,kBAAwB,CACxB,eAAgB,CAEhB,mBAAyB,CACzB,uBAAwB,CAT1B,sBAYI,gBAAiB,CAZrB,qBAgBI,gBAAiB,CAhBrB,wCAoBI,eAAgB,CApBpB,0CAuBM,UAAW,CAvBjB,6CA2BM,UAAW,CACX,aAAc,CCjCpB,4BACE,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAElB,mCAA0C,CAC1C,gBAAiB,CAGjB,gBAFA,YAAa,CACb,uBACgB,CARlB,+BAWI,cAAe,CACf,eAAiB,CACjB,iBAAkB,CAbtB,oCAiBI,YAAa,CACb,cAAe,CACf,eAAgB,CAnBpB,wCAuBM,gBAAiB,CAvBvB,oDA2BQ,WADA,UACW,CAEX,oCA7BR,oDA8BU,UAAO,CAEV,CAhCP,qDAmCQ,UAAW,CAEX,oCArCR,qDAsCU,uBAAkC,CAErC,CAxCP,0CA2CQ,UAAW,CC1CnB,qBAGE,cADA,gBAAiB,CADjB,uBAEc,CAHhB,wBAMI,cAAe,CACf,eAAiB,CACjB,eAAgB,CARpB,wBAcI,gBADA,kBAAmB,CADnB,cAEmB,CACpB,oBAID,YAAa,CACb,cAAe,CAGf,cADA,gBAAiB,CADjB,uBAEc,CALhB,4BAQI,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAGlB,iBAAkB,CADlB,mCAA0C,CAE1C,iBAAsB,CACtB,UAAW,CAEX,oCAhBJ,4BAiBM,sBAA8B,CA0DjC,CAvDC,oCApBJ,4BAqBM,4BAA8B,CAsDjC,CA3EH,uDA2BM,wBAAyB,CACzB,kBAHA,iBAAkB,CAClB,UAEkB,CA5BxB,8DA+BQ,UAAU,CACV,aAAc,CACd,iBAAkB,CAjC1B,2EA2CQ,qBAAsB,CACtB,uBAAkC,CAClC,2BAA4B,CAC5B,sBAJA,iBAAkB,CAFlB,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAQ,CAHR,KAQsB,CA9C9B,+CAmDM,YAAa,CAnDnB,kDAsDQ,cAAe,CAEf,WAAY,CADZ,gBAAiB,CAEjB,iBAAkB,CAzD1B,iDA6DQ,cAAe,CACf,WAAY,CA9DpB,mDAkEU,WADA,cACW,CAlErB,kEAwEQ,WADA,cACW","sources":["App.scss","components/Header.module.scss","components/Publication.module.scss","components/Works.module.scss"],"sourcesContent":["\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\",Arial,\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;\n font-size: 15px;\n letter-spacing: .04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\n\nbody {\n background-color: #f3f3f3;\n overflow-y: scroll;\n width: 100%;\n}\n","\n.title {\n font-size: 20px;\n color: #333;\n text-align: center;\n margin: 32px 0;\n}\n\n.box {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n margin: 0 auto 16px auto;\n max-width: 720px;\n\n padding: 0 16px 16px 16px;\n width: calc(100% - 32px);\n\n h4 {\n padding-top: 16px;\n }\n\n p {\n line-height: 32px;\n }\n\n .links {\n margin-top: 16px;\n\n a {\n color: #369;\n }\n\n span {\n color: #eee;\n margin: 0 16px;\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n.section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n margin: 16px auto;\n padding: 16px;\n width: calc(100% - 32px);\n max-width: 720px;\n\n h3 {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 8px;\n }\n\n article {\n display: flex;\n flex-wrap: wrap;\n margin-top: 16px;\n\n div {\n $date-width: 72px;\n line-height: 23px;\n\n &:nth-child(1) {\n width: 100%;\n color: #999;\n\n @media screen and (min-width: $width-tablet) {\n width: #{$date-width};\n }\n }\n\n &:nth-child(2) {\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc(100% - #{$date-width});\n }\n }\n\n a {\n color: #369;\n }\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n\n.title {\n width: calc(100% - 32px);\n max-width: 1248px;\n margin: 0 auto;\n\n h2 {\n font-size: 24px;\n font-weight: bold;\n margin-top: 64px;\n }\n\n h5 {\n margin-top: 4px;\n margin-bottom: 32px;\n font-weight: normal;\n }\n}\n\n.works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 16px);\n max-width: 1280px;\n margin: 0 auto;\n\n section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n margin: 0 8px 16px 8px;\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc((100% / 2) - 16px);\n }\n\n @media screen and (min-width: $width-pc) {\n width: calc((100% / 3) - 16px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n p {\n font-size: 14px;\n height: 28px;\n\n a {\n font-size: 14px;\n color: #369;\n }\n }\n\n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.704e8c5e.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.704e8c5e.css","mappings":"AACA,EAQE,qBAAsB,CAFtB,UAAW,CAHX,0FAAiG,CACjG,cAAe,CACf,oBAAqB,CAHrB,QAAS,CAOT,SAAQ,CARR,SAAU,CAMV,iBAEU,CACX,KAIC,wBAAyB,CACzB,4EAEA,kBAAW,YCjBb,oBAGE,qBAAsB,CACtB,uEACA,CAEA,uBACA,CAFA,2BACA,CAFA,qBACA,CAEA,+BARF,CAEE,YAAa,CADb,UADF,4BAiBI,+BACD,CAFQ,QACP,CALA,WAKA,OALA,iBAGA,QACA,CADA,KAGD,qBAUD,qBACA,CAEA,uEAEA,CACA,uBAKW,CALX,4BADA,qBACA,CAJA,wBACA,CAJA,iBACA,CAFA,aADA,WACA,sBACA,CAEA,iBACA,CANA,UAgBA,IACA,WADA,cACA,CAIA,eAEA,OANA,iBAWA,CALA,GACA,WADA,cACA,CACD,cAGC,oBACA,wBACA,CACA,sBADA,iBACA,oCAEA,sBAEA,gBACA,oBATF,wBAYI,uBAZJ,gBAgBI,sBAhBJ,2KA4BoB,yBC7EpB,4BACE,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAElB,mCAA0C,CAC1C,gBAAiB,CAGjB,gBAFA,YAAa,CACb,uBACgB,CARlB,+BAWI,cAAe,CACf,eAAiB,CACjB,iBAAkB,CAbtB,oCAiBI,YAAa,CACb,cAAe,CACf,eAAgB,CAnBpB,wCAuBM,gBAAiB,CAvBvB,oDA2BQ,WADA,UACW,CAEX,oCA7BR,oDA8BU,UAAO,CAEV,CAhCP,qDAmCQ,UAAW,CAEX,oCArCR,qDAsCU,uBAAkC,CAErC,CAxCP,0CA2CQ,UAAW,CC1CnB,qBAGE,cADA,gBAAiB,CADjB,uBAEc,CAHhB,wBAMI,cAAe,CACf,eAAiB,CACjB,eAAgB,CARpB,wBAcI,gBADA,kBAAmB,CADnB,cAEmB,CACpB,oBAID,YAAa,CACb,cAAe,CAGf,cADA,gBAAiB,CADjB,uBAEc,CALhB,4BAQI,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAGlB,iBAAkB,CADlB,mCAA0C,CAE1C,iBAAsB,CACtB,UAAW,CAEX,oCAhBJ,4BAiBM,sBAA8B,CA0DjC,CAvDC,oCApBJ,4BAqBM,4BAA8B,CAsDjC,CA3EH,uDA2BM,wBAAyB,CACzB,kBAHA,iBAAkB,CAClB,UAEkB,CA5BxB,8DA+BQ,UAAU,CACV,aAAc,CACd,iBAAkB,CAjC1B,2EA2CQ,qBAAsB,CACtB,uBAAkC,CAClC,2BAA4B,CAC5B,sBAJA,iBAAkB,CAFlB,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAQ,CAHR,KAQsB,CA9C9B,+CAmDM,YAAa,CAnDnB,kDAsDQ,cAAe,CAEf,WAAY,CADZ,gBAAiB,CAEjB,iBAAkB,CAzD1B,iDA6DQ,cAAe,CACf,WAAY,CA9DpB,mDAkEU,WADA,cACW,CAlErB,kEAwEQ,WADA,cACW","sources":["App.scss","components/Header.module.scss","components/Publication.module.scss","components/Works.module.scss"],"sourcesContent":["\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\",Arial,\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;\n font-size: 15px;\n letter-spacing: .04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\n\nbody {\n background-color: #f3f3f3;\n background-image: url(\"../build/img/white_wall_hash.png\");\n overflow-y: scroll;\n width: 100%;\n}\n","\n.hero {\n width: 100%;\n height: 200px;\n background-color: #666;\n background-image: url(\"../../public/img/background.png\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n border-bottom: 2px solid #fefefe;\n\n &::before{\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0,0,0,0.7);\n }\n}\n\n.icon {\n $r: 96px;\n width: $r;\n height: $r;\n bottom: -0.5 * $r;\n left: calc(50% - (0.5 * #{$r}));\n border-radius: 50%;\n background-color: #0f0;\n position: absolute;\n border: 2px solid #fefefe;\n background-image: url(\"../../public/img/icon_rect.jpeg\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n}\n\nh1 {\n font-size: 30px;\n color: #333;\n text-align: center;\n margin: 64px 0 0 0;\n}\n\nh2 {\n font-size: 24px;\n color: #999;\n text-align: center;\n margin: 8px 0 0 0;\n}\n\n.box {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n margin: 32px auto 16px auto;\n max-width: 720px;\n\n padding: 0 16px 16px 16px;\n width: calc(100% - 32px);\n\n h4 {\n padding-top: 16px;\n }\n\n p {\n line-height: 32px;\n }\n\n .links {\n margin-top: 16px;\n\n a {\n color: #369;\n }\n\n span {\n color: #eee;\n margin: 0 16px;\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n.section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n margin: 16px auto;\n padding: 16px;\n width: calc(100% - 32px);\n max-width: 720px;\n\n h3 {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 8px;\n }\n\n article {\n display: flex;\n flex-wrap: wrap;\n margin-top: 16px;\n\n div {\n $date-width: 72px;\n line-height: 23px;\n\n &:nth-child(1) {\n width: 100%;\n color: #999;\n\n @media screen and (min-width: $width-tablet) {\n width: #{$date-width};\n }\n }\n\n &:nth-child(2) {\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc(100% - #{$date-width});\n }\n }\n\n a {\n color: #369;\n }\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n\n.title {\n width: calc(100% - 32px);\n max-width: 1248px;\n margin: 0 auto;\n\n h2 {\n font-size: 24px;\n font-weight: bold;\n margin-top: 64px;\n }\n\n h5 {\n margin-top: 4px;\n margin-bottom: 32px;\n font-weight: normal;\n }\n}\n\n.works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 16px);\n max-width: 1280px;\n margin: 0 auto;\n\n section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n margin: 0 8px 16px 8px;\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc((100% / 2) - 16px);\n }\n\n @media screen and (min-width: $width-pc) {\n width: calc((100% / 3) - 16px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n p {\n font-size: 14px;\n height: 28px;\n\n a {\n font-size: 14px;\n color: #369;\n }\n }\n\n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.dd641821.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.dd641821.css","mappings":"AACA,EAQE,qBAAsB,CAFtB,UAAW,CAHX,0FAAiG,CACjG,cAAe,CACf,oBAAqB,CAHrB,QAAS,CAOT,SAAQ,CARR,SAAU,CAMV,iBAEU,CACX,KAIC,wBAAyB,CACzB,4EAEA,kBAAW,YCjBb,oBAGE,qBAAsB,CACtB,uEACA,CAEA,uBACA,CAFA,2BACA,CAFA,qBACA,CAEA,+BARF,CAEE,YAAa,CADb,UADF,4BAiBI,+BACD,CAFQ,QACP,CALA,WAKA,OALA,iBAGA,QACA,CADA,KAGD,qBAUD,qBACA,CAEA,uEAEA,CACA,uBAKW,CALX,4BADA,qBACA,CAJA,wBACA,CAJA,iBACA,CAFA,aADA,YACA,sBACA,CAEA,iBACA,CANA,WAgBA,IACA,WADA,cACA,CAIA,eAEA,OANA,iBAYA,CANA,GACA,WADA,cACA,CAIA,QACA,IAGA,WAHA,cACW,CACX,eACA,CACD,eAGC,CAJA,iBAIA,oBACA,qBACA,gBAHF,wBAMI,sBANJ,0EAUI,gDACA,kBAXJ,2CAoBM,wBACA,CAEA,uBAvBN,CAuBM,4BADA,qBACA,CAFA,wBACA,CAHA,iBACA,CAJA,oBAEA,CACA,YADA,UAlBN,iEA0BQ,yEA1BR,iEA8BQ,wEA9BR,iEAmCQ,sEAnCR,wBAyCoB,uEClGpB,4BACE,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAElB,mCAA0C,CAC1C,gBAAiB,CAGjB,gBAFA,YAAa,CACb,uBACgB,CARlB,+BAWI,cAAe,CACf,eAAiB,CACjB,iBAAkB,CAbtB,oCAiBI,YAAa,CACb,cAAe,CACf,eAAgB,CAnBpB,wCAuBM,gBAAiB,CAvBvB,oDA2BQ,WADA,UACW,CAEX,oCA7BR,oDA8BU,UAAO,CAEV,CAhCP,qDAmCQ,UAAW,CAEX,oCArCR,qDAsCU,uBAAkC,CAErC,CAxCP,0CA2CQ,UAAW,CC1CnB,qBAGE,cADA,gBAAiB,CADjB,uBAEc,CAHhB,wBAMI,cAAe,CACf,eAAiB,CACjB,eAAgB,CARpB,wBAcI,gBADA,kBAAmB,CADnB,cAEmB,CACpB,oBAID,YAAa,CACb,cAAe,CAGf,cADA,gBAAiB,CADjB,uBAEc,CALhB,4BAQI,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAGlB,iBAAkB,CADlB,mCAA0C,CAE1C,iBAAsB,CACtB,UAAW,CAEX,oCAhBJ,4BAiBM,sBAA8B,CA0DjC,CAvDC,oCApBJ,4BAqBM,4BAA8B,CAsDjC,CA3EH,uDA2BM,wBAAyB,CACzB,kBAHA,iBAAkB,CAClB,UAEkB,CA5BxB,8DA+BQ,UAAU,CACV,aAAc,CACd,iBAAkB,CAjC1B,2EA2CQ,qBAAsB,CACtB,uBAAkC,CAClC,2BAA4B,CAC5B,sBAJA,iBAAkB,CAFlB,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAQ,CAHR,KAQsB,CA9C9B,+CAmDM,YAAa,CAnDnB,kDAsDQ,cAAe,CAEf,WAAY,CADZ,gBAAiB,CAEjB,iBAAkB,CAzD1B,iDA6DQ,cAAe,CACf,WAAY,CA9DpB,mDAkEU,WADA,cACW,CAlErB,kEAwEQ,WADA,cACW","sources":["App.scss","components/Header.module.scss","components/Publication.module.scss","components/Works.module.scss"],"sourcesContent":["\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\",Arial,\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;\n font-size: 15px;\n letter-spacing: .02em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\n\nbody {\n background-color: #f3f3f3;\n background-image: url(\"../build/img/white_wall_hash.png\");\n overflow-y: scroll;\n width: 100%;\n}\n","\n.hero {\n width: 100%;\n height: 200px;\n background-color: #666;\n background-image: url(\"../../public/img/background.png\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n border-bottom: 2px solid #fefefe;\n\n &::before{\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0,0,0,0.7);\n }\n}\n\n.icon {\n $r: 108px;\n width: $r;\n height: $r;\n bottom: -0.5 * $r;\n left: calc(50% - (0.5 * #{$r}));\n border-radius: 50%;\n background-color: #0f0;\n position: absolute;\n border: 2px solid #fefefe;\n background-image: url(\"../../public/img/icon_rect.jpeg\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n}\n\nh1 {\n font-size: 28px;\n color: #333;\n text-align: center;\n margin: 72px 0 0 0;\n}\n\nh2 {\n font-size: 20px;\n color: #aaa;\n text-align: center;\n margin: 0 0 0 0;\n}\n\nh5 {\n font-size: 16px;\n font-weight: normal;\n color: #333;\n text-align: center;\n margin: 16px 0 0 0;\n}\n\n.box {\n margin: 64px auto 16px auto;\n max-width: 720px;\n width: calc(100% - 32px);\n\n p {\n line-height: 32px;\n }\n\n .links {\n width: fit-content;\n margin: 32px auto;\n\n a {\n display: inline-block;\n $r: 48px;\n width: $r;\n height: $r;\n border-radius: 50%;\n background-color: #fefefe;\n border: 1px solid #fefefe;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n\n &.icon_tw {\n background-image: url(\"../../public/img/icon-twitter.svg\");\n }\n\n &.icon_gh {\n background-image: url(\"../../public/img/icon-github.svg\");\n }\n\n &.icon_nt {\n background-image: url(\"../../public/img/icon-note.svg\");\n background-position: center center;\n }\n }\n\n span {\n color: #eee;\n margin: 0 16px;\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n.section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n margin: 16px auto;\n padding: 16px;\n width: calc(100% - 32px);\n max-width: 720px;\n\n h3 {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 8px;\n }\n\n article {\n display: flex;\n flex-wrap: wrap;\n margin-top: 16px;\n\n div {\n $date-width: 72px;\n line-height: 23px;\n\n &:nth-child(1) {\n width: 100%;\n color: #999;\n\n @media screen and (min-width: $width-tablet) {\n width: #{$date-width};\n }\n }\n\n &:nth-child(2) {\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc(100% - #{$date-width});\n }\n }\n\n a {\n color: #369;\n }\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n\n.title {\n width: calc(100% - 32px);\n max-width: 1248px;\n margin: 0 auto;\n\n h2 {\n font-size: 24px;\n font-weight: bold;\n margin-top: 64px;\n }\n\n h5 {\n margin-top: 4px;\n margin-bottom: 32px;\n font-weight: normal;\n }\n}\n\n.works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 16px);\n max-width: 1280px;\n margin: 0 auto;\n\n section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n margin: 0 8px 16px 8px;\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc((100% / 2) - 16px);\n }\n\n @media screen and (min-width: $width-pc) {\n width: calc((100% / 3) - 16px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n p {\n font-size: 14px;\n height: 28px;\n\n a {\n font-size: 14px;\n color: #369;\n }\n }\n\n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.76b6bc53.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.76b6bc53.css","mappings":"AAEA,WAKE,iCAAkC,CAJlC,eAAkB,CAElB,iBAAkB,CAClB,eAAmB,CAFnB,sJAIF,CAEA,EAQE,qBAAsB,CAFtB,UAAW,CAHX,0FAAsG,CACtG,cAAe,CACf,oBAAsB,CAHtB,QAAS,CAOT,SAAU,CARV,SAAU,CAMV,iBAGF,CAEA,KACE,qBACF,CAEA,kBAEE,MACE,qBAAsB,CACtB,uEAAmD,CAEnD,mBAAoB,CACpB,+BAAgC,CAChC,YAAa,CACb,UACF,CAEA,YAPE,uBAoBF,CAbA,MAEE,qBAAsB,CACtB,yEAAqD,CAErD,2BAA4B,CAC5B,qBAAsB,CACtB,wBAAyB,CACzB,iBAAkB,CAIlB,YAAa,CAHb,YAAa,CAEb,qBAAsB,CAVtB,iBAAkB,CASlB,WAGF,CAEA,OACE,aAAc,CAEd,gBAAiB,CADjB,uBAAwB,CAGxB,GAKE,oCAA6B,CAA7B,4BAA6B,CAH7B,UAAW,CADX,gBAAiB,CAEjB,eAGF,CAEA,MAJE,eAUF,CANA,GAKE,oCAA6B,CAA7B,4BAA6B,CAH7B,UAAW,CADX,cAAiB,CAEjB,cAGF,CACF,CACF,CAEA,iBACE,YAAa,CACb,cAAe,CAIf,kBAAgB,CAFhB,gBAAiB,CADjB,uBAAwB,CAKxB,QACE,wBAAyB,CACzB,iBAAkB,CAClB,iBAAsB,CACtB,UAAW,CAEX,oCACE,qBACF,CAEA,oCACE,2BACF,CAEA,qCACE,qBACF,CAEA,cAGE,wBAAyB,CACzB,iBAAkB,CAHlB,iBAAkB,CAClB,UAAW,CAIX,SACE,UAAU,CACV,aAAc,CACd,iBACF,CAEA,OAOE,qBAAsB,CACtB,uBAAkC,CAClC,2BAA4B,CAC5B,qBAAsB,CAJtB,iBAAkB,CAFlB,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAQ,CAHR,KASF,CACF,CAEA,MACE,YAAa,CAEb,GAGE,WAAY,CADZ,gBAAiB,CAEjB,iBACF,CAEA,KANE,cAcF,CARA,EAEE,WAAY,CAEZ,EAEE,UACF,CACF,CAEA,MAEE,UAAW,CADX,cAEF,CACF,CACF,CACF,CAGA,kBAEE,kBAME,wBAAyB,CAEzB,WAAY,CAEZ,kBAAmB,CANnB,WAAY,CAOZ,iCAA0C,CAJ1C,YAAa,CAEb,WAAY,CAJZ,SAAU,CAFV,eAAgB,CAFhB,cAAe,CACf,wBAAyB,CAWzB,uDACE,uBACF,CAEA,aAKE,kBAAmB,CAHnB,UAAW,CAIX,cAAe,CAFf,WAAY,CAIZ,gBAAiB,CAPjB,UAAW,CAMX,iBAAkB,CAJlB,SAAU,CAOV,QAEE,wBAAyB,CADzB,cAEF,CAEA,WACE,qBAAsB,CACtB,aACF,CACF,CACF,CACF,CAGA,mBACE,mBAAoB,CAEpB,SACE,wBAAyB,CACzB,iBAAkB,CAIlB,gBAAiB,CAHjB,kBAAwB,CACxB,eAAgB,CAChB,iBAAkB,CAElB,uBACF,CAGA,YACE,aAAc,CAEd,eAAgB,CADhB,UAAW,CAGX,GAKE,cAAe,CADf,eAAiB,CAFjB,gBAAiB,CADjB,eAKF,CAEA,aALE,UAmDF,CA9CA,UAME,wBAAyB,CALzB,YAAa,CACb,+BAAgC,CAEhC,eAAgB,CAIhB,OACE,wBAAyB,CACzB,gBAAiB,CAEjB,EACE,aAAc,CAEd,WACF,CAEA,IAEE,WAAY,CACZ,gBACF,CACF,CAEA,MACE,YAAa,CACb,qBAAsB,CACtB,sBAAuB,CACvB,WAAY,CAEZ,OACE,eACF,CAEA,UAEE,UAAW,CADX,eAEF,CAEA,OAGE,UAAW,CADX,eAAiB,CADjB,cAGF,CACF,CACF,CACF,CACF","sources":["styles.css"],"sourcesContent":["@charset \"UTF-8\";\n\n@font-face {\n font-family: \"Hue\";\n src: url(\"../public/fonts/Hue-Medium.woff2\") format(\"woff2\"), url(\"../public/fonts/Hue-Medium.otf\") format(\"opentype\"); /* Safari, Android, iOS */\n font-style: normal;\n font-weight: normal;\n text-rendering: optimizeLegibility;\n}\n\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n font-size: 15px;\n letter-spacing: 0.04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\nbody {\n background-color: #eee;\n}\n\n#component-header {\n\n .hero {\n background-color: #666;\n background-image: url(../public/img/background.png);\n background-position: 50%;\n background-size: 60%;\n border-bottom: 2px solid #fefefe;\n height: 200px;\n width: 100%;\n }\n \n .icon {\n position: absolute;\n background-color: #ccc;\n background-image: url(../public/img/icon-profile.png);\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border: 2px solid #fefefe;\n border-radius: 50%;\n height: 108px;\n width: 108px;\n left: calc(50% - 54px);\n bottom: -54px;\n }\n \n .title {\n margin: 0 auto;\n width: calc(100% - 32px);\n max-width: 1260px;\n \n h1 {\n font-size: 1.5rem;\n color: #68a;\n margin-top: 90px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n }\n \n h2 {\n font-size: 1.0rem;\n color: #333;\n margin-top: 4px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n } \n }\n}\n\n#component-works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 16px);\n max-width: 1280px;\n margin: 0 auto;\n margin-top: 48px;\n\n section {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 4px 16px 4px;\n width: 100%;\n \n @media screen and (min-width: 540px) {\n width: calc((100% / 2) - 8px);\n }\n\n @media screen and (min-width: 900px) {\n width: calc((100% / 3) - 8px);\n }\n\n @media screen and (min-width: 1280px) {\n width: calc((100% / 4) - 8px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n p {\n font-size: 14px;\n height: 28px;\n\n a {\n font-size: 14px;\n color: #369;\n }\n }\n\n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n }\n}\n\n\n#component-switch {\n\n .switch-container {\n position: fixed;\n width: calc(100vw - 32px);\n max-width: 360px;\n bottom: 16px;\n left: 16px;\n background-color: #242a3c;\n display: flex;\n border: none;\n height: 42px;\n border-radius: 21px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n \n @media screen and (min-width: (360px + (16px * 2) + 1)){\n left: calc(50vw - (360px / 2));\n }\n \n .switch-item {\n margin: 1px;\n color: #aaa;\n width: 50%;\n height: 40px;\n border-radius: 20px;\n font-size: 16px;\n text-align: center;\n line-height: 40px;\n \n &:hover {\n cursor: pointer;\n background-color: #474f62;\n }\n \n &.selected {\n background-color: #d72;\n color: #fefefe;\n }\n }\n }\n}\n\n\n#component-profile {\n margin-bottom: 128px;\n\n .profile {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 auto 16px auto;\n max-width: 640px;\n padding: 16px 32px;\n line-height: 2rem;\n width: calc(100% - 32px);\n } \n\n\n .activities {\n margin: 0 auto;\n width: 100%;\n max-width: 720px;\n\n h3 {\n margin-top: 64px;\n margin-left: 16px;\n width: 100%;\n font-weight: bold;\n font-size: 1rem;\n }\n\n .activity {\n display: grid;\n grid-template-columns: 100px 1fr;\n\n margin-top: 16px;\n width: 100%;\n background-color: #fefefe;\n\n .image {\n background-color: #f8f8f8;\n max-height: 120px;\n\n a {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px;\n\n .title {\n font-weight: bold;\n }\n\n .subtitle {\n font-size: 0.8rem;\n color: #666;\n }\n\n .media {\n margin-top: 8px;\n font-size: 0.7rem;\n color: #999;\n }\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.d619c126.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.d619c126.css","mappings":"AACA,EAQE,qBAAsB,CAFtB,UAAW,CAHX,0FAAiG,CACjG,cAAe,CACf,oBAAqB,CAHrB,QAAS,CAOT,SAAQ,CARR,SAAU,CAMV,iBAEU,CACX,KAIC,wBAAyB,CACzB,4EAEA,kBAAW,YCjBb,oBAGE,qBAAsB,CACtB,uEACA,CAEA,uBACA,CAFA,2BACA,CAFA,qBACA,CAEA,+BARF,CAEE,YAAa,CADb,UADF,4BAiBI,+BACD,CAFQ,QACP,CALA,WAKA,OALA,iBAGA,QACA,CADA,KAGD,qBAUD,qBACA,CAEA,uEAEA,CACA,uBAKW,CALX,4BADA,qBACA,CAJA,wBACA,CAJA,iBACA,CAFA,aADA,YACA,sBACA,CAEA,iBACA,CANA,WAgBA,IACA,WADA,cACA,CAIA,eAEA,OANA,iBAYA,CANA,GACA,WADA,cACA,CAIA,QACA,IAGA,WAHA,cACW,CACX,eACA,CACD,eAGC,CAJA,iBAIA,oBACA,qBACA,gBAHF,wBAMI,sBANJ,0EAUI,gDACA,kBAXJ,2CAoBM,wBACA,CAEA,uBAvBN,CAuBM,4BADA,qBACA,CAFA,wBACA,CAHA,iBACA,CAJA,oBAEA,CACA,YADA,UAlBN,iEA0BQ,yEA1BR,iEA8BQ,wEA9BR,iEAmCQ,sEAnCR,wBAyCoB,uEClGpB,4BAME,gBAAiB,CAGjB,gBAFA,YAAa,CACb,UACgB,CATlB,+BAeI,6BAHA,cAAe,CACf,eAAiB,CACjB,iBAC6B,CAfjC,oCAmBI,YAAa,CACb,cAAe,CACf,eAAgB,CAChB,iBAAkB,CAtBtB,wCA0BM,gBAAiB,CA1BvB,oDA8BQ,UAAW,CACX,gBAFA,UAEiB,CAEjB,oCAjCR,oDAkCU,UAAO,CAEV,CApCP,qDAuCQ,UAAW,CAEX,oCAzCR,qDA0CU,uBAAkC,CAErC,CA5CP,0CA+CQ,UAAW,CACX,oBAAqB,CAhD7B,2CA4DM,sCADA,iBAAkB,CANlB,UAAW,CAKX,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,SAG0C,CC3DhD,qBAGE,cADA,gBAAiB,CADjB,uBAEc,CAHhB,wBAMI,cAAe,CACf,eAAiB,CACjB,eAAgB,CARpB,wBAcI,gBADA,kBAAmB,CADnB,cAEmB,CACpB,oBAID,YAAa,CACb,cAAe,CAGf,cADA,gBAAiB,CADjB,uBAEc,CALhB,4BAQI,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAGlB,iBAAkB,CADlB,mCAA0C,CAE1C,iBAAsB,CACtB,UAAW,CAEX,oCAhBJ,4BAiBM,sBAA8B,CA0DjC,CAvDC,oCApBJ,4BAqBM,4BAA8B,CAsDjC,CA3EH,uDA2BM,wBAAyB,CACzB,kBAHA,iBAAkB,CAClB,UAEkB,CA5BxB,8DA+BQ,UAAU,CACV,aAAc,CACd,iBAAkB,CAjC1B,2EA2CQ,qBAAsB,CACtB,uBAAkC,CAClC,2BAA4B,CAC5B,sBAJA,iBAAkB,CAFlB,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAQ,CAHR,KAQsB,CA9C9B,+CAmDM,YAAa,CAnDnB,kDAsDQ,cAAe,CAEf,WAAY,CADZ,gBAAiB,CAEjB,iBAAkB,CAzD1B,iDA6DQ,cAAe,CACf,WAAY,CA9DpB,mDAkEU,WADA,cACW,CAlErB,kEAwEQ,WADA,cACW","sources":["App.scss","components/Header.module.scss","components/Publication.module.scss","components/Works.module.scss"],"sourcesContent":["\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\",Arial,\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;\n font-size: 15px;\n letter-spacing: .02em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\n\nbody {\n background-color: #f3f3f3;\n background-image: url(\"../build/img/white_wall_hash.png\");\n overflow-y: scroll;\n width: 100%;\n}\n","\n.hero {\n width: 100%;\n height: 200px;\n background-color: #666;\n background-image: url(\"../../public/img/background.png\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n border-bottom: 2px solid #fefefe;\n\n &::before{\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0,0,0,0.7);\n }\n}\n\n.icon {\n $r: 108px;\n width: $r;\n height: $r;\n bottom: -0.5 * $r;\n left: calc(50% - (0.5 * #{$r}));\n border-radius: 50%;\n background-color: #ccc;\n position: absolute;\n border: 2px solid #fefefe;\n background-image: url(\"../../public/img/icon_rect.jpeg\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n}\n\nh1 {\n font-size: 28px;\n color: #333;\n text-align: center;\n margin: 72px 0 0 0;\n}\n\nh2 {\n font-size: 20px;\n color: #aaa;\n text-align: center;\n margin: 0 0 0 0;\n}\n\nh5 {\n font-size: 16px;\n font-weight: normal;\n color: #333;\n text-align: center;\n margin: 16px 0 0 0;\n}\n\n.box {\n margin: 64px auto 16px auto;\n max-width: 720px;\n width: calc(100% - 32px);\n\n p {\n line-height: 32px;\n }\n\n .links {\n width: fit-content;\n margin: 32px auto;\n\n a {\n display: inline-block;\n $r: 48px;\n width: $r;\n height: $r;\n border-radius: 50%;\n background-color: #fefefe;\n border: 1px solid #fefefe;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n\n &.icon_tw {\n background-image: url(\"../../public/img/icon-twitter.svg\");\n }\n\n &.icon_gh {\n background-image: url(\"../../public/img/icon-github.svg\");\n }\n\n &.icon_nt {\n background-image: url(\"../../public/img/icon-note.svg\");\n background-position: center center;\n }\n }\n\n span {\n color: #eee;\n margin: 0 16px;\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n.section {\n //background-color: #fafafa;\n //border-radius: 4px;\n //border: 1px solid #fff;\n //box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n //margin: 16px auto;\n margin: 16px auto;\n padding: 16px;\n width: 100%;\n max-width: 720px;\n\n h3 {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 8px;\n border-bottom: 1px solid #ccc;\n }\n\n article {\n display: flex;\n flex-wrap: wrap;\n margin-top: 16px;\n padding-left: 12px;\n\n div {\n $date-width: 72px;\n line-height: 23px;\n\n &:nth-child(1) {\n width: 100%;\n color: #bbb;\n font-weight: bold;\n\n @media screen and (min-width: $width-tablet) {\n width: #{$date-width};\n }\n }\n\n &:nth-child(2) {\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc(100% - #{$date-width});\n }\n }\n\n a {\n color: #369;\n text-decoration: none;\n }\n }\n\n &:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n border-radius: 2px;\n background-color: rgba(120, 200, 160, 0.3);\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n\n.title {\n width: calc(100% - 32px);\n max-width: 1248px;\n margin: 0 auto;\n\n h2 {\n font-size: 24px;\n font-weight: bold;\n margin-top: 64px;\n }\n\n h5 {\n margin-top: 4px;\n margin-bottom: 32px;\n font-weight: normal;\n }\n}\n\n.works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 16px);\n max-width: 1280px;\n margin: 0 auto;\n\n section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n margin: 0 8px 16px 8px;\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc((100% / 2) - 16px);\n }\n\n @media screen and (min-width: $width-pc) {\n width: calc((100% / 3) - 16px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n p {\n font-size: 14px;\n height: 28px;\n\n a {\n font-size: 14px;\n color: #369;\n }\n }\n\n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.9159ac89.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.9159ac89.css","mappings":"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","sources":["styles.css"],"sourcesContent":["@charset \"UTF-8\";\n\n@font-face {\n font-family: \"Hue\";\n src: url(\"../public/fonts/Hue-Medium.woff2\") format(\"woff2\"), url(\"../public/fonts/Hue-Medium.otf\") format(\"opentype\"); /* Safari, Android, iOS */\n font-style: normal;\n font-weight: normal;\n text-rendering: optimizeLegibility;\n}\n\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n font-size: 15px;\n letter-spacing: 0.04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\nbody {\n background-color: #eee;\n}\n\n#component-header {\n\n .hero {\n background-color: #666;\n background-image: url(../public/img/background.png);\n background-position: 50%;\n background-size: 60%;\n border-bottom: 2px solid #fefefe;\n height: 200px;\n width: 100%;\n }\n \n .icon {\n position: absolute;\n background-color: #ccc;\n background-image: url(../public/img/icon-profile.png);\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border: 2px solid #fefefe;\n border-radius: 50%;\n height: 108px;\n width: 108px;\n left: calc(50% - 54px);\n bottom: -54px;\n }\n \n .title {\n margin: 0 auto;\n width: calc(100% - 32px);\n max-width: 1260px;\n \n h1 {\n font-size: 1.5rem;\n color: #68a;\n margin-top: 90px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n }\n \n h2 {\n font-size: 1.0rem;\n color: #333;\n margin-top: 4px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n } \n }\n}\n\n#component-works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 8px);\n max-width: 1280px;\n margin: 0 auto;\n margin-top: 48px;\n\n section {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 4px 16px 4px;\n width: 100%;\n \n @media screen and (min-width: 540px) {\n width: calc((100% / 2) - 8px);\n }\n\n @media screen and (min-width: 900px) {\n width: calc((100% / 3) - 8px);\n }\n\n @media screen and (min-width: 1280px) {\n width: calc((100% / 4) - 8px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n p {\n font-size: 14px;\n height: 28px;\n\n a {\n font-size: 14px;\n color: #369;\n }\n }\n\n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n }\n}\n\n\n#component-switch {\n\n .switch-container {\n position: fixed;\n width: calc(100vw - 32px);\n max-width: 360px;\n bottom: 16px;\n left: 16px;\n background-color: #242a3c;\n display: flex;\n border: none;\n height: 42px;\n border-radius: 21px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n \n @media screen and (min-width: (360px + (16px * 2) + 1)){\n left: calc(50vw - (360px / 2));\n }\n \n .switch-item {\n margin: 1px;\n color: #aaa;\n width: 50%;\n height: 40px;\n border-radius: 20px;\n font-size: 16px;\n text-align: center;\n line-height: 40px;\n \n &:hover {\n cursor: pointer;\n background-color: #474f62;\n }\n \n &.selected {\n background-color: #d72;\n color: #fefefe;\n }\n }\n }\n}\n\n\n#component-profile {\n margin: 0 auto;\n width: calc(100% - 16px);\n max-width: 720px;\n\n h3 {\n margin-top: 64px;\n width: 100%;\n font-weight: bold;\n font-size: 1rem;\n border-left: 4px solid #6ab;\n padding-left: 6px;\n }\n\n .profile {\n width: 100%;\n margin-top: 8px;\n background-color: #fefefe;\n border-radius: 2px;\n padding: 16px;\n line-height: 2rem;\n font-size: 0.9rem;\n color: #333;\n } \n\n .activities {\n .activity {\n display: grid;\n grid-template-columns: 100px 1fr;\n\n margin-top: 16px;\n width: 100%;\n border-radius: 2px;\n overflow: hidden;\n background-color: #fefefe;\n\n .image {\n background-color: #f8f8f8;\n max-height: 120px;\n\n a {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px;\n\n .title {\n font-weight: bold;\n }\n\n .subtitle {\n font-size: 0.8rem;\n color: #666;\n }\n\n .media {\n margin-top: 8px;\n font-size: 0.7rem;\n color: #999;\n }\n }\n }\n }\n\n .copyright {\n margin-top: 64px;\n margin-bottom: 64px;\n text-align: center;\n font-size: 0.7rem;\n color: #aaa;\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.e5f9fc91.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.e5f9fc91.css","mappings":"AACA,EAQE,qBAAsB,CAFtB,UAAW,CAHX,0FAAiG,CACjG,cAAe,CACf,oBAAqB,CAHrB,QAAS,CAOT,SAAQ,CARR,SAAU,CAMV,iBAEU,CACX,KAIC,wBAAyB,CACzB,4EAEA,kBAAW,YCjBb,oBAGE,qBAAsB,CACtB,uEACA,CAEA,uBACA,CAFA,2BACA,CAFA,qBACA,CAEA,+BARF,CAEE,YAAa,CADb,UADF,4BAiBI,+BACD,CAFQ,QACP,CALA,WAKA,OALA,iBAGA,QACA,CADA,KAGD,qBAUD,qBACA,CAEA,uEAEA,CACA,uBAKW,CALX,4BADA,qBACA,CAJA,wBACA,CAJA,iBACA,CAFA,aADA,YACA,sBACA,CAEA,iBACA,CANA,WAgBA,IACA,WADA,cACA,CAIA,eAEA,OANA,iBAYA,CANA,GACA,WADA,cACA,CAIA,QACA,IAGA,WAHA,cACW,CACX,eACA,CACD,eAGC,CAJA,iBAIA,oBACA,qBACA,gBAHF,wBAMI,sBANJ,0EAUI,gDACA,kBAXJ,2CAoBM,wBACA,CAEA,uBAvBN,CAuBM,4BADA,qBACA,CAFA,wBACA,CAHA,iBACA,CAJA,oBAEA,CACA,YADA,UAlBN,iEA0BQ,yEA1BR,iEA8BQ,wEA9BR,iEAmCQ,sEAnCR,wBAyCoB,uEClGpB,4BAME,gBAAiB,CAGjB,gBAFA,YAAa,CACb,UACgB,CATlB,+BAeI,6BAHA,cAAe,CACf,eAAiB,CACjB,iBAC6B,CAfjC,oCAmBI,YAAa,CACb,cAAe,CACf,eAAgB,CAChB,iBAAkB,CAtBtB,wCA0BM,gBAAiB,CA1BvB,oDA8BQ,UAAW,CACX,gBAFA,UAEiB,CAEjB,oCAjCR,oDAkCU,UAAO,CAEV,CApCP,qDAuCQ,UAAW,CAEX,oCAzCR,qDA0CU,uBAAkC,CAErC,CA5CP,0CA+CQ,UAAW,CACX,oBAAqB,CAhD7B,2CA4DM,sCADA,iBAAkB,CANlB,UAAW,CAKX,WAAY,CAFZ,MAAO,CAFP,iBAAkB,CAClB,KAAM,CAEN,SAG0C,CC3DhD,qBAGE,cADA,gBAAiB,CADjB,uBAEc,CAHhB,wBAMI,cAAe,CACf,eAAiB,CACjB,eAAgB,CARpB,wBAcI,gBADA,kBAAmB,CADnB,cAEmB,CACpB,oBAID,YAAa,CACb,cAAe,CAGf,cADA,gBAAiB,CADjB,uBAEc,CALhB,4BAQI,wBAAyB,CAEzB,qBAAsB,CADtB,iBAAkB,CAGlB,iBAAkB,CADlB,mCAA0C,CAE1C,iBAAsB,CACtB,UAAW,CAEX,oCAhBJ,4BAiBM,sBAA8B,CAsEjC,CAnEC,oCApBJ,4BAqBM,4BAA8B,CAkEjC,CAvFH,uDA2BM,wBAAyB,CACzB,kBAHA,iBAAkB,CAClB,UAEkB,CA5BxB,8DA+BQ,UAAU,CACV,aAAc,CACd,iBAAkB,CAjC1B,yDAwCQ,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAM,CAHN,KAGQ,CAzChB,6EAkDU,qBAAsB,CACtB,uBAAkC,CAClC,2BAA4B,CAC5B,sBAJA,iBAAkB,CAFlB,QAAS,CADT,MAAO,CAFP,iBAAkB,CAIlB,OAAQ,CAHR,KAQsB,CArDhC,+CA2DM,YAAa,CA3DnB,kDA8DQ,cAAe,CAEf,WAAY,CADZ,gBAAiB,CAEjB,iBAAkB,CAjE1B,iDAwEQ,WAFA,aAAc,CACd,cAAe,CAFf,WAGW,CAxEnB,iDA+EQ,WAFA,aAAc,CACd,cAAe,CAFf,WAGW,CA/EnB,kEAoFQ,WADA,cACW","sources":["App.scss","components/Header.module.scss","components/Publication.module.scss","components/Works.module.scss"],"sourcesContent":["\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\",Arial,\"Hiragino Kaku Gothic ProN\",\"Hiragino Sans\",Meiryo,sans-serif;\n font-size: 15px;\n letter-spacing: .02em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\n\nbody {\n background-color: #f3f3f3;\n background-image: url(\"../build/img/white_wall_hash.png\");\n overflow-y: scroll;\n width: 100%;\n}\n","\n.hero {\n width: 100%;\n height: 200px;\n background-color: #666;\n background-image: url(\"../../public/img/background.png\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n border-bottom: 2px solid #fefefe;\n\n &::before{\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0,0,0,0.7);\n }\n}\n\n.icon {\n $r: 108px;\n width: $r;\n height: $r;\n bottom: -0.5 * $r;\n left: calc(50% - (0.5 * #{$r}));\n border-radius: 50%;\n background-color: #ccc;\n position: absolute;\n border: 2px solid #fefefe;\n background-image: url(\"../../public/img/icon_rect.jpeg\");\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n}\n\nh1 {\n font-size: 28px;\n color: #333;\n text-align: center;\n margin: 72px 0 0 0;\n}\n\nh2 {\n font-size: 20px;\n color: #aaa;\n text-align: center;\n margin: 0 0 0 0;\n}\n\nh5 {\n font-size: 16px;\n font-weight: normal;\n color: #333;\n text-align: center;\n margin: 16px 0 0 0;\n}\n\n.box {\n margin: 64px auto 16px auto;\n max-width: 720px;\n width: calc(100% - 32px);\n\n p {\n line-height: 32px;\n }\n\n .links {\n width: fit-content;\n margin: 32px auto;\n\n a {\n display: inline-block;\n $r: 48px;\n width: $r;\n height: $r;\n border-radius: 50%;\n background-color: #fefefe;\n border: 1px solid #fefefe;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center center;\n\n &.icon_tw {\n background-image: url(\"../../public/img/icon-twitter.svg\");\n }\n\n &.icon_gh {\n background-image: url(\"../../public/img/icon-github.svg\");\n }\n\n &.icon_nt {\n background-image: url(\"../../public/img/icon-note.svg\");\n background-position: center center;\n }\n }\n\n span {\n color: #eee;\n margin: 0 16px;\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n.section {\n //background-color: #fafafa;\n //border-radius: 4px;\n //border: 1px solid #fff;\n //box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n //margin: 16px auto;\n margin: 16px auto;\n padding: 16px;\n width: 100%;\n max-width: 720px;\n\n h3 {\n font-size: 16px;\n font-weight: bold;\n margin-bottom: 8px;\n border-bottom: 1px solid #ccc;\n }\n\n article {\n display: flex;\n flex-wrap: wrap;\n margin-top: 16px;\n padding-left: 12px;\n\n div {\n $date-width: 72px;\n line-height: 23px;\n\n &:nth-child(1) {\n width: 100%;\n color: #bbb;\n font-weight: bold;\n\n @media screen and (min-width: $width-tablet) {\n width: #{$date-width};\n }\n }\n\n &:nth-child(2) {\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc(100% - #{$date-width});\n }\n }\n\n a {\n color: #369;\n text-decoration: none;\n }\n }\n\n &:before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 4px;\n height: 100%;\n border-radius: 2px;\n background-color: rgba(120, 200, 160, 0.3);\n }\n }\n}\n","$width-tablet: 540px;\n$width-pc: 900px;\n\n\n.title {\n width: calc(100% - 32px);\n max-width: 1248px;\n margin: 0 auto;\n\n h2 {\n font-size: 24px;\n font-weight: bold;\n margin-top: 64px;\n }\n\n h5 {\n margin-top: 4px;\n margin-bottom: 32px;\n font-weight: normal;\n }\n}\n\n.works {\n display: flex;\n flex-wrap: wrap;\n width: calc(100% - 16px);\n max-width: 1280px;\n margin: 0 auto;\n\n section {\n background-color: #fafafa;\n border-radius: 4px;\n border: 1px solid #fff;\n box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n margin: 0 8px 16px 8px;\n width: 100%;\n\n @media screen and (min-width: $width-tablet) {\n width: calc((100% / 2) - 16px);\n }\n\n @media screen and (min-width: $width-pc) {\n width: calc((100% / 3) - 16px);\n }\n\n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n\n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n\n a {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n }\n\n .info {\n padding: 16px;\n\n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n\n a {\n height: 28px;\n display: block;\n font-size: 14px;\n color: #369;\n }\n\n p {\n height: 72px;\n display: block;\n font-size: 14px;\n color: #999;\n }\n\n .date {\n font-size: 14px;\n color: #666;\n }\n }\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.11b1273b.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.11b1273b.css","mappings":"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","sources":["styles.css"],"sourcesContent":["@charset \"UTF-8\";\n\n@font-face {\n font-family: \"Hue\";\n src: url(\"../public/fonts/Hue-Medium.woff2\") format(\"woff2\"), url(\"../public/fonts/Hue-Medium.otf\") format(\"opentype\"); /* Safari, Android, iOS */\n font-style: normal;\n font-weight: normal;\n text-rendering: optimizeLegibility;\n}\n\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n font-size: 15px;\n letter-spacing: 0.04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\nbody {\n background-color: #eee;\n}\n\n#component-header {\n\n .hero {\n background-color: #666;\n background-image: url(../public/img/background.png);\n background-position: 50%;\n background-size: 60%;\n border-bottom: 2px solid #fefefe;\n height: 200px;\n width: 100%;\n }\n \n .icon {\n position: absolute;\n background-color: #ccc;\n background-image: url(../public/img/icon-profile.png);\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border: 2px solid #fefefe;\n border-radius: 50%;\n height: 108px;\n width: 108px;\n left: calc(50% - 54px);\n bottom: -54px;\n }\n \n .title {\n margin: 0 auto;\n width: calc(100% - 32px);\n max-width: 1260px;\n \n h1 {\n font-size: 1.5rem;\n color: #68a;\n margin-top: 90px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n }\n \n h2 {\n font-size: 1.0rem;\n color: #333;\n margin-top: 4px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n } \n }\n}\n\n#component-works {\n width: calc(100% - 8px);\n max-width: 1280px;\n margin: 0 auto;\n margin-top: 48px;\n\n height: auto;\n max-height: 1200px;\n overflow-y: hidden;\n\n @media (min-width: 540px) {\n max-height: 800px;\n }\n\n @media (min-width: 900px) {\n max-height: 400px;\n }\n\n &.expand {\n /* 現状Worksが24個、1件の上限は約400pxなので最大約9600px */\n transition: max-height ease 2000ms;\n max-height: 20000px;\n\n .bottom {\n display: none;\n }\n }\n\n .inner {\n width: 100%;\n height: fit-content;\n display: flex;\n flex-wrap: wrap;\n \n section {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 4px 16px 4px;\n width: 100%;\n \n @media screen and (min-width: 540px) {\n width: calc((100% / 2) - 8px);\n }\n \n @media screen and (min-width: 900px) {\n width: calc((100% / 3) - 8px);\n }\n \n @media screen and (min-width: 1280px) {\n width: calc((100% / 4) - 8px);\n }\n \n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n \n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n \n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n \n .info {\n padding: 16px;\n \n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n \n p {\n font-size: 14px;\n height: 28px;\n \n a {\n font-size: 14px;\n color: #369;\n }\n }\n \n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n } \n }\n\n .bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 60px;\n background-image: linear-gradient(to bottom, \n rgba(239, 239, 239, 0) 0%,\n rgba(239, 239, 239, 1) 100%);\n\n button {\n position: absolute;\n bottom: 8px;\n left: calc(50% - 22px);\n border: 1px solid #fefefe;\n width: 44px;\n height: 44px;\n border-radius: 22px;\n background-color: rgba(0, 0, 0, 0.6);\n background-image: url(../public/img/icon-arrow-down.svg);\n background-position: 50% 100%;\n background-size: 40px;\n\n &:hover {\n background-color: rgba(0,0,0,0.7);\n cursor: pointer;\n }\n }\n }\n}\n\n\n#component-switch {\n\n .switch-container {\n position: fixed;\n width: calc(100vw - 32px);\n max-width: 360px;\n bottom: 16px;\n left: 16px;\n background-color: #242a3c;\n display: flex;\n border: none;\n height: 42px;\n border-radius: 21px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n \n @media screen and (min-width: (360px + (16px * 2) + 1)){\n left: calc(50vw - (360px / 2));\n }\n \n .switch-item {\n margin: 1px;\n color: #aaa;\n width: 50%;\n height: 40px;\n border-radius: 20px;\n font-size: 16px;\n text-align: center;\n line-height: 40px;\n \n &:hover {\n cursor: pointer;\n background-color: #474f62;\n }\n \n &.selected {\n background-color: #d72;\n color: #fefefe;\n }\n }\n }\n}\n\n\n#component-profile {\n margin: 0 auto;\n width: calc(100% - 16px);\n max-width: 720px;\n\n h3 {\n margin-top: 64px;\n width: 100%;\n font-weight: bold;\n font-size: 1rem;\n border-left: 4px solid #6ab;\n padding-left: 6px;\n }\n\n .profile {\n width: 100%;\n margin-top: 8px;\n background-color: #fefefe;\n border-radius: 2px;\n padding: 16px;\n line-height: 2rem;\n font-size: 0.9rem;\n color: #333;\n } \n\n .activities {\n .activity {\n display: grid;\n grid-template-columns: 100px 1fr;\n margin-top: 16px;\n width: 100%;\n border-radius: 2px;\n overflow: hidden;\n background-color: #fefefe;\n text-decoration: none;;\n\n .image {\n background-color: #f8f8f8;\n height: 121px;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px;\n\n .title {\n font-weight: bold;\n }\n\n .subtitle {\n font-size: 0.8rem;\n color: #666;\n }\n\n .media {\n margin-top: 8px;\n font-size: 0.7rem;\n color: #999;\n }\n }\n }\n }\n\n .copyright {\n margin-top: 64px;\n margin-bottom: 64px;\n text-align: center;\n font-size: 0.7rem;\n color: #aaa;\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.6acdb95e.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.6acdb95e.css","mappings":"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","sources":["styles.css"],"sourcesContent":["@charset \"UTF-8\";\n\n@font-face {\n font-family: \"Hue\";\n src: url(\"../public/fonts/Hue-Medium.woff2\") format(\"woff2\"), url(\"../public/fonts/Hue-Medium.otf\") format(\"opentype\"); /* Safari, Android, iOS */\n font-style: normal;\n font-weight: normal;\n text-rendering: optimizeLegibility;\n}\n\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n font-size: 15px;\n letter-spacing: 0.04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\nbody {\n background-color: #eee;\n}\n\n#component-header {\n\n .hero {\n background-color: #666;\n background-image: url(../public/img/background.png);\n background-position: 50%;\n background-size: 60%;\n border-bottom: 2px solid #fefefe;\n height: 200px;\n width: 100%;\n }\n \n .icon {\n position: absolute;\n background-color: #ccc;\n background-image: url(../public/img/icon-profile.png);\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border: 2px solid #fefefe;\n border-radius: 50%;\n height: 108px;\n width: 108px;\n left: calc(50% - 54px);\n bottom: -54px;\n }\n \n .title {\n margin: 0 auto;\n width: calc(100% - 32px);\n max-width: 1260px;\n \n h1 {\n font-size: 1.5rem;\n color: #68a;\n margin-top: 90px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n }\n \n h2 {\n font-size: 1.0rem;\n color: #333;\n margin-top: 4px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n } \n }\n}\n\n#component-works {\n width: calc(100% - 8px);\n max-width: 1280px;\n margin: 0 auto;\n margin-top: 48px;\n\n height: auto;\n max-height: 1200px;\n overflow-y: hidden;\n\n @media (min-width: 540px) {\n max-height: 800px;\n }\n\n @media (min-width: 900px) {\n max-height: 400px;\n }\n\n &.expand {\n /* 現状Worksが24個、1件の上限は約400pxなので最大約9600px */\n transition: max-height ease 2000ms;\n max-height: 20000px;\n\n .bottom {\n display: none;\n }\n }\n\n .inner {\n width: 100%;\n height: fit-content;\n display: flex;\n flex-wrap: wrap;\n \n .section {\n display: block;\n text-decoration: none;\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 4px 16px 4px;\n width: 100%;\n \n @media (min-width: 540px) {\n width: calc((100% / 2) - 8px);\n }\n \n @media (min-width: 900px) {\n width: calc((100% / 3) - 8px);\n }\n \n @media (min-width: 1280px) {\n width: calc((100% / 4) - 8px);\n }\n \n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n \n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n \n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n \n .info {\n padding: 16px;\n \n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n \n p {\n font-size: 0.8rem;\n height: 28px;\n color: #999;\n }\n }\n } \n }\n\n .bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 60px;\n background-image: linear-gradient(to bottom, \n rgba(239, 239, 239, 0) 0%,\n rgba(239, 239, 239, 1) 100%);\n\n button {\n position: absolute;\n bottom: 8px;\n left: calc(50% - 22px);\n border: 1px solid #fefefe;\n width: 44px;\n height: 44px;\n border-radius: 22px;\n background-color: rgba(0, 0, 0, 0.6);\n background-image: url(../public/img/icon-arrow-down.svg);\n background-position: 50% 100%;\n background-size: 40px;\n\n &:hover {\n background-color: rgba(0,0,0,0.7);\n cursor: pointer;\n }\n }\n }\n}\n\n\n#component-profile {\n margin: 0 auto;\n width: calc(100% - 16px);\n max-width: 720px;\n\n h3 {\n margin-top: 64px;\n width: 100%;\n font-weight: bold;\n font-size: 1rem;\n border-left: 4px solid #6ab;\n padding-left: 6px;\n }\n\n .profile {\n width: 100%;\n margin-top: 8px;\n background-color: #fefefe;\n border-radius: 2px;\n padding: 16px;\n line-height: 2rem;\n font-size: 0.9rem;\n color: #333;\n }\n\n .social-icons {\n max-width: 500px;\n margin: 0 auto;\n margin-top: 32px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n\n .social-icon {\n width: fit-content;\n margin: 0 auto;\n\n a {\n display: block;\n margin: 0 auto;\n width: 44px;\n height: 44px;\n border-radius: 22px;\n border: 1px solid #fefefe;\n background-color: #fefefe;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n\n &.facebook {\n background-size: 130%;\n background-image: url(../public/img/social-icon-facebook.png);\n }\n\n &.twitter {\n background-color: #000;\n background-size: 50%;\n background-image: url(../public/img/social-icon-twitter.png);\n }\n\n &.linkedin {\n background-image: url(../public/img/social-icon-linkedin.png);\n }\n\n &.note {\n background-image: url(../public/img/social-icon-note.png);\n }\n\n &.github {\n background-image: url(../public/img/social-icon-github.png);\n }\n\n }\n\n p {\n margin-top: 8px;\n font-size: 0.8rem;\n color: #999;\n text-align: center;\n }\n }\n }\n\n .activities {\n .activity {\n display: grid;\n grid-template-columns: 100px 1fr;\n margin-top: 16px;\n width: 100%;\n border-radius: 2px;\n overflow: hidden;\n background-color: #fefefe;\n text-decoration: none;;\n\n .image {\n background-color: #f8f8f8;\n height: 121px;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px;\n\n .title {\n font-weight: bold;\n }\n\n .subtitle {\n font-size: 0.8rem;\n color: #666;\n }\n\n .media {\n margin-top: 8px;\n font-size: 0.7rem;\n color: #999;\n }\n }\n }\n }\n\n .copyright {\n margin-top: 64px;\n margin-bottom: 64px;\n text-align: center;\n font-size: 0.7rem;\n color: #aaa;\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.e28dac54.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.e28dac54.css","mappings":"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","sources":["styles.css"],"sourcesContent":["@charset \"UTF-8\";\n\n@font-face {\n font-family: \"Hue\";\n src: url(\"../public/fonts/Hue-Medium.woff2\") format(\"woff2\"), url(\"../public/fonts/Hue-Medium.otf\") format(\"opentype\"); /* Safari, Android, iOS */\n font-style: normal;\n font-weight: normal;\n text-rendering: optimizeLegibility;\n}\n\n* {\n padding: 0;\n margin: 0;\n font-family: \"Helvetica Neue\", Arial, \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", Meiryo, sans-serif;\n font-size: 15px;\n letter-spacing: 0.04em;\n color: #333;\n position: relative;\n box-sizing: border-box;\n outline: 0;\n}\n\nbody {\n background-color: #eee;\n}\n\n#component-header {\n\n .hero {\n background-color: #666;\n background-image: url(../public/img/background.png);\n background-position: 50%;\n background-size: 60%;\n border-bottom: 2px solid #fefefe;\n height: 200px;\n width: 100%;\n }\n \n .icon {\n position: absolute;\n background-color: #ccc;\n background-image: url(../public/img/icon-profile.png);\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n border: 2px solid #fefefe;\n border-radius: 50%;\n height: 108px;\n width: 108px;\n left: calc(50% - 54px);\n bottom: -54px;\n }\n \n .title {\n margin: 0 auto;\n width: calc(100% - 32px);\n max-width: 1260px;\n \n h1 {\n font-size: 1.5rem;\n color: #68a;\n margin-top: 90px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n }\n \n h2 {\n font-size: 1.0rem;\n color: #333;\n margin-top: 4px;\n font-weight: bold;\n font-feature-settings: \"palt\";\n } \n }\n}\n\n#component-works {\n width: calc(100% - 8px);\n max-width: 1280px;\n margin: 0 auto;\n margin-top: 48px;\n\n height: auto;\n max-height: 1200px;\n overflow-y: hidden;\n\n @media (min-width: 540px) {\n max-height: 800px;\n }\n\n @media (min-width: 900px) {\n max-height: 400px;\n }\n\n &.expand {\n /* 現状Worksが24個、1件の上限は約400pxなので最大約9600px */\n transition: max-height ease 2000ms;\n max-height: 20000px;\n\n .bottom {\n display: none;\n }\n }\n\n .inner {\n width: 100%;\n height: fit-content;\n display: flex;\n flex-wrap: wrap;\n \n section {\n background-color: #fefefe;\n border-radius: 2px;\n margin: 0 4px 16px 4px;\n width: 100%;\n \n @media screen and (min-width: 540px) {\n width: calc((100% / 2) - 8px);\n }\n \n @media screen and (min-width: 900px) {\n width: calc((100% / 3) - 8px);\n }\n \n @media screen and (min-width: 1280px) {\n width: calc((100% / 4) - 8px);\n }\n \n .imageWrapper {\n position: relative;\n width: 100%;\n border: 2px solid #fefefe;\n border-radius: 2px;\n \n &:before {\n content:\"\";\n display: block;\n padding-top: 52.5%;\n }\n \n .image {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n border-radius: 2px;\n background-color: #aaa;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n \n .info {\n padding: 16px;\n \n h3 {\n font-size: 14px;\n line-height: 20px;\n height: 40px;\n margin-bottom: 8px;\n }\n \n p {\n font-size: 14px;\n height: 28px;\n \n a {\n font-size: 14px;\n color: #369;\n }\n }\n \n .date {\n font-size: 14px;\n color: #aaa;\n }\n }\n } \n }\n\n .bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 60px;\n background-image: linear-gradient(to bottom, \n rgba(239, 239, 239, 0) 0%,\n rgba(239, 239, 239, 1) 100%);\n\n button {\n position: absolute;\n bottom: 8px;\n left: calc(50% - 22px);\n border: 1px solid #fefefe;\n width: 44px;\n height: 44px;\n border-radius: 22px;\n background-color: rgba(0, 0, 0, 0.6);\n background-image: url(../public/img/icon-arrow-down.svg);\n background-position: 50% 100%;\n background-size: 40px;\n\n &:hover {\n background-color: rgba(0,0,0,0.7);\n cursor: pointer;\n }\n }\n }\n}\n\n\n#component-profile {\n margin: 0 auto;\n width: calc(100% - 16px);\n max-width: 720px;\n\n h3 {\n margin-top: 64px;\n width: 100%;\n font-weight: bold;\n font-size: 1rem;\n border-left: 4px solid #6ab;\n padding-left: 6px;\n }\n\n .profile {\n width: 100%;\n margin-top: 8px;\n background-color: #fefefe;\n border-radius: 2px;\n padding: 16px;\n line-height: 2rem;\n font-size: 0.9rem;\n color: #333;\n }\n\n .social-icons {\n max-width: 500px;\n margin: 0 auto;\n margin-top: 32px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr 1fr 1fr;\n\n .social-icon {\n width: fit-content;\n margin: 0 auto;\n\n a {\n display: block;\n margin: 0 auto;\n width: 44px;\n height: 44px;\n border-radius: 22px;\n border: 1px solid #fefefe;\n background-color: #fefefe;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n\n &.facebook {\n background-size: 130%;\n background-image: url(../public/img/social-icon-facebook.png);\n }\n\n &.twitter {\n background-color: #000;\n background-size: 50%;\n background-image: url(../public/img/social-icon-twitter.png);\n }\n\n &.linkedin {\n background-image: url(../public/img/social-icon-linkedin.png);\n }\n\n &.note {\n background-image: url(../public/img/social-icon-note.png);\n }\n\n &.github {\n background-image: url(../public/img/social-icon-github.png);\n }\n\n }\n\n p {\n margin-top: 8px;\n font-size: 0.8rem;\n color: #999;\n text-align: center;\n }\n }\n }\n\n .activities {\n .activity {\n display: grid;\n grid-template-columns: 100px 1fr;\n margin-top: 16px;\n width: 100%;\n border-radius: 2px;\n overflow: hidden;\n background-color: #fefefe;\n text-decoration: none;;\n\n .image {\n background-color: #f8f8f8;\n height: 121px;\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n .info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 8px;\n\n .title {\n font-weight: bold;\n }\n\n .subtitle {\n font-size: 0.8rem;\n color: #666;\n }\n\n .media {\n margin-top: 8px;\n font-size: 0.7rem;\n color: #999;\n }\n }\n }\n }\n\n .copyright {\n margin-top: 64px;\n margin-bottom: 64px;\n text-align: center;\n font-size: 0.7rem;\n color: #aaa;\n }\n}\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /static/css/main.6acdb95e.css: -------------------------------------------------------------------------------- 1 | @font-face{text-rendering:optimizeLegibility;font-family:Hue;font-style:normal;font-weight:400;src:url(/static/media/Hue-Medium.164a488d518cc38d98a3.woff2) format("woff2"),url(/static/media/Hue-Medium.bba429e64a8c26898f44.otf) format("opentype")}*{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#eee}#component-header{.hero{background-color:#666;background-image:url(/static/media/background.5d111c9aedfd86dbe7c2.png);background-size:60%;border-bottom:2px solid #fefefe;height:200px;width:100%}.hero,.icon{background-position:50%}.icon{background-color:#ccc;background-image:url(/static/media/icon-profile.2d45dc492fbd183a75ed.png);background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}.title{margin:0 auto;max-width:1260px;width:calc(100% - 32px);h1{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#68a;font-size:1.5rem;margin-top:90px}h1,h2{font-weight:700}h2{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#333;font-size:1rem;margin-top:4px}}}#component-works{height:auto;margin:48px auto 0;max-height:1200px;max-width:1280px;overflow-y:hidden;width:calc(100% - 8px);@media (min-width:540px){max-height:800px}@media (min-width:900px){max-height:400px}&.expand{max-height:20000px;transition:max-height 2s ease;.bottom{display:none}}.inner{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;.section{background-color:#fefefe;border-radius:2px;display:block;margin:0 4px 16px;text-decoration:none;width:100%;@media (min-width:540px){width:calc(50% - 8px)}@media (min-width:900px){width:calc(33.33333% - 8px)}@media (min-width:1280px){width:calc(25% - 8px)}.imageWrapper{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%;&:before{content:"";display:block;padding-top:52.5%}.image{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}}.info{padding:16px;h3{font-size:14px;height:40px;line-height:20px;margin-bottom:8px}p{color:#999;font-size:.8rem;height:28px}}}}.bottom{background-image:linear-gradient(180deg,hsla(0,0%,94%,0) 0,#efefef);bottom:0;height:60px;left:0;position:absolute;width:100%;button{background-color:rgba(0,0,0,.6);background-image:url(/static/media/icon-arrow-down.d0e99a588bb11493b774.svg);background-position:50% 100%;background-size:40px;border:1px solid #fefefe;border-radius:22px;bottom:8px;height:44px;left:calc(50% - 22px);position:absolute;width:44px;&:hover{background-color:rgba(0,0,0,.7);cursor:pointer}}}}#component-profile{margin:0 auto;max-width:720px;width:calc(100% - 16px);h3{border-left:4px solid #6ab;font-size:1rem;font-weight:700;margin-top:64px;padding-left:6px;width:100%}.profile{background-color:#fefefe;border-radius:2px;color:#333;font-size:.9rem;line-height:2rem;margin-top:8px;padding:16px;width:100%}.social-icons{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin:32px auto 0;max-width:500px;.social-icon{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;a{background-color:#fefefe;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fefefe;border-radius:22px;display:block;height:44px;margin:0 auto;width:44px;&.facebook{background-image:url(data:image/png;base64,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);background-size:130%}&.twitter{background-color:#000;background-image:url(/static/media/social-icon-twitter.4d73a49285dbe9cac801.png);background-size:50%}&.linkedin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABelBMVEUAAAAAfbsAf7oAfroAfrsAfrwAgLkAbbYAfrsAfrsAfrsAfrwAgKoAfrsAfbwAf7sAf7sAfb4AfrsAfrsAfrsAfrsAfrsAfrsAf7oAgLwAfrsAfbsAZswAfrtLpM+y2Orp9Pn6/P7f7/aYy+QlkcUIgr2o0+j////5/P1nstan0uj+/v9Yq9JJo87r9foOhb+x2Ophr9WazOSq1Ojh8PeSyOKezuVPptAtlcf9/v7Y6/UEgLx7vNz2+v01mclyuNn3+/3g7/c5m8odjcOz2evE4e9isNUZi8KNxeGj0Oa12uuPxuFlsdYij8Sl0eeDwN4+ncxBn8zA3+7V6vRdrdRertTt9voQhr+r1enU6fQnksUgjsTb7fXv9/tEoM0XisHw9/vu9vq73e3R6PMFgbxcrdTW6vQCf7wvlshvttmk0ecbjMINhb4ejcPO5vKt1uny+PxAnsygz+ZQptDX6/S+3u5gr9X0+fxfrtQRh8AjkMTe7vbx+Puu1unffKldAAAAHXRSTlMALZHU9JAsB5b9/JQGvr2XkyuO1dPz8vGNKry7Bee4i2UAAAABYktHRCctD6gjAAAAB3RJTUUH5QIUECghIvSuvQAAAa1JREFUWMPt2OdPwkAYBvCzgKPiRgTlFBU8FHEiijhAwb33nuAW99b/XUtte46QtO+ZaOT51ieXX9LmvaR5EXpLGqfTY43R6wzpSExGZhYGhc82JpwcDE6uIOVhBsl/+z5ZLCC+AHGYSQpRERvIhIrZQGaEGeWHoPIKe2VVtQMKOWtIIq5aIFRH3uOuB0EeIqehEQI1KRBphkB2CmqBQC4KaoVAXgpqg0A+CmqHQB1+2ekMgOaoS3K6e4BXpDeYcEJ94LvW3xWO1Aw4f9Ht/3vQ4MDQ8Mjw6Nh4cmiiVcqkWEzJhU94nJ5xSwMyOxdIAgXlgYyIxbxcLGC8uEToLK9ohFbXyMesb2iCNkPkc7YcGqDtHfI1u1H10PeJsYL29hlB5IAVdKgF8h95jk9OY3G6O9MAnV+IXeCSKuMaoCvpVPRaKb3qoRvl2K3S3qmH7pVjD26lVg89UueeAJCbGj08A4Ce6fsZBkALNPSSglJQCkpB/w76JX+1ZjZOCbuVhoENZEHpPJO1jxWhbBYQhxAylsKdMpuwZDPmA9+O52zve7+CQpPmNVKxyWIVjFe1PqO0YyuAvgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0yMFQxNjo0MDozMyswMDowMIloxFMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMjBUMTY6NDA6MzMrMDA6MDD4NXzvAAAAAElFTkSuQmCC)}&.note{background-image:url(data:image/png;base64,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)}&.github{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNTE3OEEzMjk5QTAxMUUyOUExNUJDMTA0NkE4OTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQTQxNEFCQzk5QTExMUUyOUExNUJDMTA0NkE4OTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTMwOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1MTc4QTMxOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R7ClIwAADR5JREFUeNrsnQuw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)}}p{color:#999;font-size:.8rem;margin-top:8px;text-align:center}}}.activities{.activity{background-color:#fefefe;border-radius:2px;display:grid;grid-template-columns:100px 1fr;margin-top:16px;overflow:hidden;text-decoration:none;width:100%;;.image{background-color:#f8f8f8;height:121px;img{height:100%;object-fit:cover;width:100%}}.info{display:flex;flex-direction:column;justify-content:center;padding:8px;.title{font-weight:700}.subtitle{color:#666;font-size:.8rem}.media{color:#999;font-size:.7rem;margin-top:8px}}}}.copyright{color:#aaa;font-size:.7rem;margin-bottom:64px;margin-top:64px;text-align:center}} 2 | /*# sourceMappingURL=main.6acdb95e.css.map*/ -------------------------------------------------------------------------------- /static/css/main.e28dac54.css: -------------------------------------------------------------------------------- 1 | @font-face{text-rendering:optimizeLegibility;font-family:Hue;font-style:normal;font-weight:400;src:url(/static/media/Hue-Medium.164a488d518cc38d98a3.woff2) format("woff2"),url(/static/media/Hue-Medium.bba429e64a8c26898f44.otf) format("opentype")}*{box-sizing:border-box;color:#333;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;font-size:15px;letter-spacing:.04em;margin:0;outline:0;padding:0;position:relative}body{background-color:#eee}#component-header{.hero{background-color:#666;background-image:url(/static/media/background.5d111c9aedfd86dbe7c2.png);background-size:60%;border-bottom:2px solid #fefefe;height:200px;width:100%}.hero,.icon{background-position:50%}.icon{background-color:#ccc;background-image:url(/static/media/icon-profile.2d45dc492fbd183a75ed.png);background-repeat:no-repeat;background-size:cover;border:2px solid #fefefe;border-radius:50%;bottom:-54px;height:108px;left:calc(50% - 54px);position:absolute;width:108px}.title{margin:0 auto;max-width:1260px;width:calc(100% - 32px);h1{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#68a;font-size:1.5rem;margin-top:90px}h1,h2{font-weight:700}h2{-webkit-font-feature-settings:"palt";font-feature-settings:"palt";color:#333;font-size:1rem;margin-top:4px}}}#component-works{height:auto;margin:48px auto 0;max-height:1200px;max-width:1280px;overflow-y:hidden;width:calc(100% - 8px);@media (min-width:540px){max-height:800px}@media (min-width:900px){max-height:400px}&.expand{max-height:20000px;transition:max-height 2s ease;.bottom{display:none}}.inner{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;section{background-color:#fefefe;border-radius:2px;margin:0 4px 16px;width:100%;@media screen and (min-width:540px){width:calc(50% - 8px)}@media screen and (min-width:900px){width:calc(33.33333% - 8px)}@media screen and (min-width:1280px){width:calc(25% - 8px)}.imageWrapper{border:2px solid #fefefe;border-radius:2px;position:relative;width:100%;&:before{content:"";display:block;padding-top:52.5%}.image{background-color:#aaa;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;bottom:0;left:0;position:absolute;right:0;top:0}}.info{padding:16px;h3{height:40px;line-height:20px;margin-bottom:8px}h3,p{font-size:14px}p{height:28px;a{color:#369}}.date{color:#aaa;font-size:14px}}}}.bottom{background-image:linear-gradient(180deg,hsla(0,0%,94%,0) 0,#efefef);bottom:0;height:60px;left:0;position:absolute;width:100%;button{background-color:rgba(0,0,0,.6);background-image:url(/static/media/icon-arrow-down.d0e99a588bb11493b774.svg);background-position:50% 100%;background-size:40px;border:1px solid #fefefe;border-radius:22px;bottom:8px;height:44px;left:calc(50% - 22px);position:absolute;width:44px;&:hover{background-color:rgba(0,0,0,.7);cursor:pointer}}}}#component-profile{margin:0 auto;max-width:720px;width:calc(100% - 16px);h3{border-left:4px solid #6ab;font-size:1rem;font-weight:700;margin-top:64px;padding-left:6px;width:100%}.profile{background-color:#fefefe;border-radius:2px;color:#333;font-size:.9rem;line-height:2rem;margin-top:8px;padding:16px;width:100%}.social-icons{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin:32px auto 0;max-width:500px;.social-icon{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;a{background-color:#fefefe;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #fefefe;border-radius:22px;display:block;height:44px;margin:0 auto;width:44px;&.facebook{background-image:url(data:image/png;base64,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);background-size:130%}&.twitter{background-color:#000;background-image:url(/static/media/social-icon-twitter.4d73a49285dbe9cac801.png);background-size:50%}&.linkedin{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABelBMVEUAAAAAfbsAf7oAfroAfrsAfrwAgLkAbbYAfrsAfrsAfrsAfrwAgKoAfrsAfbwAf7sAf7sAfb4AfrsAfrsAfrsAfrsAfrsAfrsAf7oAgLwAfrsAfbsAZswAfrtLpM+y2Orp9Pn6/P7f7/aYy+QlkcUIgr2o0+j////5/P1nstan0uj+/v9Yq9JJo87r9foOhb+x2Ophr9WazOSq1Ojh8PeSyOKezuVPptAtlcf9/v7Y6/UEgLx7vNz2+v01mclyuNn3+/3g7/c5m8odjcOz2evE4e9isNUZi8KNxeGj0Oa12uuPxuFlsdYij8Sl0eeDwN4+ncxBn8zA3+7V6vRdrdRertTt9voQhr+r1enU6fQnksUgjsTb7fXv9/tEoM0XisHw9/vu9vq73e3R6PMFgbxcrdTW6vQCf7wvlshvttmk0ecbjMINhb4ejcPO5vKt1uny+PxAnsygz+ZQptDX6/S+3u5gr9X0+fxfrtQRh8AjkMTe7vbx+Puu1unffKldAAAAHXRSTlMALZHU9JAsB5b9/JQGvr2XkyuO1dPz8vGNKry7Bee4i2UAAAABYktHRCctD6gjAAAAB3RJTUUH5QIUECghIvSuvQAAAa1JREFUWMPt2OdPwkAYBvCzgKPiRgTlFBU8FHEiijhAwb33nuAW99b/XUtte46QtO+ZaOT51ieXX9LmvaR5EXpLGqfTY43R6wzpSExGZhYGhc82JpwcDE6uIOVhBsl/+z5ZLCC+AHGYSQpRERvIhIrZQGaEGeWHoPIKe2VVtQMKOWtIIq5aIFRH3uOuB0EeIqehEQI1KRBphkB2CmqBQC4KaoVAXgpqg0A+CmqHQB1+2ekMgOaoS3K6e4BXpDeYcEJ94LvW3xWO1Aw4f9Ht/3vQ4MDQ8Mjw6Nh4cmiiVcqkWEzJhU94nJ5xSwMyOxdIAgXlgYyIxbxcLGC8uEToLK9ohFbXyMesb2iCNkPkc7YcGqDtHfI1u1H10PeJsYL29hlB5IAVdKgF8h95jk9OY3G6O9MAnV+IXeCSKuMaoCvpVPRaKb3qoRvl2K3S3qmH7pVjD26lVg89UueeAJCbGj08A4Ce6fsZBkALNPSSglJQCkpB/w76JX+1ZjZOCbuVhoENZEHpPJO1jxWhbBYQhxAylsKdMpuwZDPmA9+O52zve7+CQpPmNVKxyWIVjFe1PqO0YyuAvgAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0yMFQxNjo0MDozMyswMDowMIloxFMAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMjBUMTY6NDA6MzMrMDA6MDD4NXzvAAAAAElFTkSuQmCC)}&.note{background-image:url(data:image/png;base64,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)}&.github{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFNTE3OEEzMjk5QTAxMUUyOUExNUJDMTA0NkE4OTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQTQxNEFCQzk5QTExMUUyOUExNUJDMTA0NkE4OTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkU1MTc4QTMwOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU1MTc4QTMxOTlBMDExRTI5QTE1QkMxMDQ2QTg5MDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+R7ClIwAADR5JREFUeNrsnQuw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)}}p{color:#999;font-size:.8rem;margin-top:8px;text-align:center}}}.activities{.activity{background-color:#fefefe;border-radius:2px;display:grid;grid-template-columns:100px 1fr;margin-top:16px;overflow:hidden;text-decoration:none;width:100%;;.image{background-color:#f8f8f8;height:121px;img{height:100%;object-fit:cover;width:100%}}.info{display:flex;flex-direction:column;justify-content:center;padding:8px;.title{font-weight:700}.subtitle{color:#666;font-size:.8rem}.media{color:#999;font-size:.7rem;margin-top:8px}}}}.copyright{color:#aaa;font-size:.7rem;margin-bottom:64px;margin-top:64px;text-align:center}} 2 | /*# sourceMappingURL=main.e28dac54.css.map*/ --------------------------------------------------------------------------------