Code Monkey home page Code Monkey logo

bad-opendata-temple's People

Contributors

halsk avatar kaizumaki avatar kanahiro avatar nekoyasan avatar nichesuch avatar ocean3fish avatar osoken avatar yfuruchin avatar yokinist avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

bad-opendata-temple's Issues

住職 日めくりカレンダー(名称仮)

  • 「今日のありがたい一言」的な
  • アクセスする毎に変わるコンテンツとして
  • 短めの文章
  • 出現はランダムでいいと思いますが、何かいい実装アイディアがあれば

お鈴を鳴らす

クリックするとチーンと鳴るようにしたい。
チーンの音源
例えばお鈴の画像があって、それをクリックするとチーンと鳴るというのもいいかも。

お知らせ一覧(最新・アーカイブ)

サイトトップにお知らせのセクションを配置します。
最新の数件分の表示の仕組み(ベタ書きか、スクリプトで取得するか)を考える必要があります。
また、お知らせ一覧(アーカイブ)の方法も考えたいです。

スクリーンショット 2020-11-07 13 51 18

紅白餅のGIF作成

オープンデータコミュニティにおけるミーム()の一つである「餅」と建立をセレブレーションする意味を米て紅白餅のGIFをつくる。仕様は以下のとおり

  • GIF形式
  • 紅白(桃白)
  • 可能ならアニメーション
  • 祝の字が入っている

ブレークポイントを設定したい

レスポンシブに対応できるように、ブレークポイントを設定したいです。
styled-componentsで書かれたスタイルの中で使うイメージです。

global graphql を使うのをやめる

現在ビルドで下記のメッセージが出るので、該当箇所を修正し、警告が出ないようにする

warn Using the global `graphql` tag is deprecated, and will not be supported in v3.
Import it instead like:  import { graphql } from 'gatsby' in file:
/path/to/repo/bad-opendata-temple/src/pages/index.tsx

お経を流す

音声ファイルを流す仕組みを実装したいです。
Webampがよさそうですが、他に方法があればぜひ。

ヒーローイメージ

ヒーローイメージは以下の要素に分けたいと思います。

  • ロゴ
  • 建設足場
  • 寺+山+月+星+夜空

スクリーンショット 2020-11-07 14 06 31
Figma

足場をとると寺が現れる。

スクリーンショット 2020-11-07 14 12 46

餅を投げる

寺をクリックすると上から餅を投げられるようにする。

少し上方向で、横方向はランダムなベクトルを入力すれば、放物線を描いて落ちていく。

餅自体は以下の作成を待つ。
#89

アナリティクスでイベント収集も出来るか?

酒樽アスキーアート

@kaizumaki こんなのできましたが、どうしましょう。

<Sakadaru name="LGTM" />
                  ___            
      -------=====@@@=====-------
      --++++++++ 奉 納 ++++++++--
      ===========================
     (  _     ____ _____ __  __  )     
    (( | |   / ___|_   _|  \/  | ))    
   ((( | |  | |  _  | | | |\/| | )))   
   ((( | |__| |_| | | | | |  | | )))   
    (( |_____\____| |_| |_|  |_| ))    
     (                           )     
      ===========================
        =======================  

スクリーンショット 2020-11-12 1 02 58

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.