https://github.com/shevawen/Weather-Screen

Weather Screen is a forecast viewer designed for non-interactive screens.
https://github.com/shevawen/Weather-Screen

Last synced: 18 days ago
JSON representation

Weather Screen is a forecast viewer designed for non-interactive screens.

• Host: GitHub
• URL: https://github.com/shevawen/Weather-Screen
• Owner: shevawen
• Created: 2015-09-17T06:48:41.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-11-18T01:07:03.000Z (almost 9 years ago)
• Last Synced: 2024-08-01T00:55:57.322Z (3 months ago)
• Language: JavaScript
• Homepage: http://shevawen.github.io/playground/weather-screen/
• Size: 1.5 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

        
# Weather Screen

Weather Screen is a forecast viewer designed for non-interactive screens.

## Usage

It is a single page app, you can deploy directly in any web server.

Set cities you concerned in `data/screens.json`.

```

[

  [

    {"name" :"London,United Kingdom","card_positon" : "t"},

    {"name" :"Buenos Aires","card_positon" : "b"},

    {"name" :"石家庄","card_positon" : "b"},

    {"name" :"太原","card_positon" : "t"},

    {"name" :"济南","card_positon" : "t"},

    {"name" :"呼和浩特","card_positon" : "b"}

    // more cities in this screen, at least two.

  ],

  [

    {"name" :"北京","card_positon" : "t"},

    {"name" :"天津","card_positon" : "b"},

    {"name" :"石家庄","card_positon" : "b"},

    {"name" :"太原","card_positon" : "t"},

    {"name" :"济南","card_positon" : "t"},

    {"name" :"呼和浩特","card_positon" : "b"}

  ]

  // more screens.

]

```

## Develop

Install dependencies

```

npm install

```

## Preview

![ScreenShot](/preview.png)

## Data Source

The forecast data is fetch from [heweather.com](http://heweather.com).

You can register an account to get a free license of data API.

Replace the value of `heweather_key` in `weather-screen.js` by your own key.

# Weather Screen

Weather Screen 是为非交互性屏幕(比如电视)设计的天气显示界面，可以通过切换场景显示多个定制城市的天气预报。

## 用法

这是一个静态的单页应用，直接发布在任何 Web Server 中即可。

在 `data/screens.json` 中设置你需要展示的城市.

```

[

  [

    {"name" :"London,United Kingdom","card_positon" : "t"},

    {"name" :"Buenos Aires","card_positon" : "b"},

    {"name" :"石家庄","card_positon" : "b"},

    {"name" :"太原","card_positon" : "t"},

    {"name" :"济南","card_positon" : "t"},

    {"name" :"呼和浩特","card_positon" : "b"}

    // 更多城市，至少两个.

  ],

  [

    {"name" :"北京","card_positon" : "t"},

    {"name" :"天津","card_positon" : "b"},

    {"name" :"石家庄","card_positon" : "b"},

    {"name" :"太原","card_positon" : "t"},

    {"name" :"济南","card_positon" : "t"},

    {"name" :"呼和浩特","card_positon" : "b"}

  ]

  // 更多屏幕.

]

```

## 开发

通过 NPM 安装依赖

```

npm install

```

## 预览

![ScreenShot](/preview.png)

## 数据源

预报数据来自 [和风天气](http://heweather.com).

你可以在该网站上注册一个账户，注册后可以获得一个免费的授权，然后用获得的 Key 替换 `weather-screen.js` 里的 `heweather_key`