https://github.com/alexrogalskiy/weather-time
🌡️ Styled Weather Time API
https://github.com/alexrogalskiy/weather-time
typescript vercel-serverless-functions weather weather-api
Last synced: 4 months ago
JSON representation
🌡️ Styled Weather Time API
- Host: GitHub
- URL: https://github.com/alexrogalskiy/weather-time
- Owner: AlexRogalskiy
- License: gpl-3.0
- Created: 2021-03-05T18:19:22.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2024-11-21T00:03:16.000Z (6 months ago)
- Last Synced: 2024-11-24T18:56:59.272Z (6 months ago)
- Topics: typescript, vercel-serverless-functions, weather, weather-api
- Language: TypeScript
- Homepage: https://styled-weather-time.vercel.app
- Size: 2.38 MB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 628
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
- Security: SECURITY.md
- Support: .github/support.yml
Awesome Lists containing this project
README
# *Weather Time*
> Generate SVG [weather-time](https://en.wikipedia.org/wiki/Weather)
[](https://deepsource.io/gh/AlexRogalskiy/weather-time/?ref=repository-badge)
[](https://deepscan.io/dashboard#view=project\&tid=11946\&pid=16471\&bid=354704)
[](https://app.codeac.io/github/AlexRogalskiy/weather-time)
[](https://github.com/XAMPPRocky/tokei)
[](https://houndci.com)
[](https://zenodo.org/badge/latestdoi/344897154)
[](https://david-dm.org/AlexRogalskiy/weather-time)
[](https://david-dm.org/AlexRogalskiy/weather-time?type=dev)
[](https://raw.githubusercontent.com/alexrogalskiy/weather-time/master/LICENSE?token=AH44ZFH7IF2KSEDK7LSIW3C7YOFYC)
[](https://img.shields.io/github/issues/alexrogalskiy/weather-time)
[](https://img.shields.io/github/forks/alexrogalskiy/weather-time)
[](https://img.shields.io/github/stars/alexrogalskiy/weather-time)
[](https://codeclimate.com/github/AlexRogalskiy/weather-time/maintainability)
[](https://lgtm.com/projects/g/AlexRogalskiy/weather-time/alerts/)
[](https://lgtm.com/projects/g/AlexRogalskiy/weather-time/context:javascript)
[](https://codebeat.co/projects/github-com-alexrogalskiy-weather-time-master)
[](https://renovatebot.com/)
[](https://dependabot.com/)
[](https://newreleases.io/github/AlexRogalskiy/weather-time)
[](https://hitsofcode.com/github/AlexRogalskiy/weather-time/view)
[][tags]
[](https://codecov.io/gh/AlexRogalskiy/weather-time)
[](https://github.com/AlexRogalskiy/weather-time/actions/workflows/build.yml)
[](https://github.com/marketplace/actions/super-linter)
[](https://github.com/OrRosenblatt/validate-json-action)
[](https://bettercodehub.com/)
[](https://gitpod.io/#https://github.com/AlexRogalskiy/weather-time)
[](https://github.com/AlexRogalskiy/weather-time/discussions)
[](https://github.com/AlexRogalskiy/weather-time/labels/question)
[](https://github.com/AlexRogalskiy/weather-time/labels/bug)
## *Table of contents*
- [*Description*](#description)
- [*How to use*](#how-to-use)
- [*Example*](#example)
- [*Visitor stats*](#visitor-stats)
- [*Licensing*](#licensing)
- [*Authors*](#authors)
- [*Versioning*](#versioning)
- [*Contribution*](#contribution)
- [*Acknowledgement*](#acknowledgement)
- [*Forks*](#forks)
- [*Issues*](#issues)
- [*Team Tools*](#team-tools)
- [*OpenGraph Card*](#opengraph-card)
- [*Development Support*](#development-support)
## *Description*
***Weather Time*** is a serverless function that generates dynamically styled weather images based on SVG (Scalable Vector Graphics).
For the tech stack, ***Weather Time*** using Typescript and serverless function from Vercel stack.
## *How to use*
It's simple, you can copy paste this markdown content, like this one:
```
```
There are several options you can use from the list:
| **Options** | **Description** | **Type** | **Example** | **Query Params** |
| ----------------------------- | ---------------------------------- | --------------------------------- | ------------------ | -------------------------- |
| **\[Theme]** | Theme of the image | String | default_repocard | `?theme=[value]` |
| **\[Layout]** | Layout of the image | String | churchill | `&layout=[value]` |
| **\[Animation]** | Animation of the image | String | grow_out_in | `&animation=[value]` |
| **\[Background Color]** | Background color of the image | Hex color code | ffffff | `&bgColor=[value]` |
| **\[Opacity Pattern]** | Opacity of the background pattern | Float number | 0 - 1 | `&opacity=[value]` |
| **\[Color Pattern]** | Color of the background pattern | Hex color code | 1abc9c | `&colorPattern=[value]` |
| **\[Primary Font Color]** | Primary font color of the text | Hex color code | 000000 | `&primaryColor=[value]` |
| **\[Secondary Font Color]** | Secondary font color of the text | Hex color code | 000000 | `&secondaryColor=[value]` |
| **\[Width]** | Image width | String | 100% | `&width=[value]` |
| **\[Height]** | Image height | String | 100% | `&height=[value]` |
Here is a list of supported image themes:
| **Name** | **Value** |
| --------------------------------- | ----------------------------- |
| **Default** | default |
| **Default repocard** | default_repocard |
| **Dark** | dark |
| **Radical** | radical |
| **Merko** | merko |
| **Gruvbox** | gruvbox |
| **Tokyo night** | tokyonight |
| **One dark** | onedark |
| **Cobalt** | cobalt |
| **Synth wave** | synthwave |
| **High contrast** | highcontrast |
| **Dracula** | dracula |
| **Prussian** | prussian |
| **Monokai** | monokai |
| **Vue** | vue |
| **Vue dark** | vue_dark |
| **Shades of purple** | shades_of_purple |
| **Night owl** | nightowl |
| **Buefy** | buefy |
| **Blue green** | blue_green |
| **Algolia** | algolia |
| **Great Gatsby** | great_gatsby |
| **Darcula** | darcula |
| **Bear** | bear |
| **Solarized dark** | solarized_dark |
| **Solarized light** | solarized_light |
| **Chartreuse dark** | chartreuse_dark |
| **Nord** | nord |
| **Gotham** | gotham |
| **Material pale night** | material_palenight |
| **Gray white** | graywhite |
| **Vision friendly dark** | vision_friendly_dark |
| **Ayu mirage** | ayu_mirage |
| **Midnight purple** | midnight_purple |
| **Calm** | calm |
| **Flag India** | flag_india |
| **Omni** | omni |
| **React** | react |
| **Jolly** | jolly |
| **Maroongold** | maroongold |
| **Yeblu** | yeblu |
| **Blueberry** | blueberry |
| **State orange** | slateorange |
| **Kacho ga** | kacho_ga |
| **Arabesque** | arabesque |
List of supported image layouts:
| **Name** | **Value** |
| --------------------------------- | ----------------------------- |
| **Default** | default |
| **Churchill** | churchill |
| **Pluto** | pluto |
| **Samuel** | samuel |
| **Socrates** | socrates |
| **Zues** | zues |
List of supported image animations:
| **Name** | **Value** |
| --------------------------------- | ----------------------------- |
| **Default** | default |
| **Grow-out-in** | grow_out_in |
## *Example*
This is example of using ***Weather Time***:
```
```
Result:
## *Visitor stats*
[](https://hits.seeyoufarm.com)
## *Licensing*
***Weather Time*** is distributed under LGPL version 3 or later, \[[License](https://github.com/AlexRogalskiy/weather-time/blob/master/LICENSE)].
LGPLv3 is additional permissions on top of GPLv3.
## *Authors*
***Weather Time*** is maintained by the following GitHub team-members:
- [](https://github.com/AlexRogalskiy)
with community support please contact with us if you have some question or proposition.
## *Versioning*
The project uses [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository][tags].
## *Contribution*
[](https://badges.pufler.dev)
Please read
[CONTRIBUTING.md](https://github.com/AlexRogalskiy/weather-time/blob/master/.github/CONTRIBUTING.md)
for details on our code of conduct, and the process for submitting pull requests to us ([emoji key](https://allcontributors.org/docs/en/emoji-key)).
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind are welcome!
[](http://makeapullrequest.com)
See also the list of [contributors][contributors] who participated in this project.
## *Acknowledgement*
[][stars]
## *Forks*
[][forkers]
## *Issues*
[](https://issuehunt.io/r/AlexRogalskiy/weather-time)
## *Team Tools*
[](https://www.jetbrains.com/)
***Weather Time*** Team would like inform that JetBrains is helping by provided IDE to develop the application. Thanks to its support program for an Open Source projects!
[](https://gitpod.io/#https://github.com/AlexRogalskiy/weather-time)
***Weather Time*** has experimental support for Gitpod, a pre-configured development environment that runs in your browser. To use Gitpod, click the button below and sign in with GitHub. Gitpod also offers a browser add-on, though it is not required.
## *OpenGraph Card*
## *Development Support*
Like ***Weather Time*** ? Consider buying me a coffee :)
[](https://www.patreon.com/alexrogalskiy)
[](https://www.buymeacoffee.com/AlexRogalskiy)
[](https://ko-fi.com/alexrogalskiy)
***
[](https://www.typescriptlang.org/)
[](https://vercel.com/)
[](https://forthebadge.com/)
[repo]: https://github.com/AlexRogalskiy/weather-time
[tags]: https://github.com/AlexRogalskiy/weather-time/tags
[issues]: https://github.com/AlexRogalskiy/weather-time/issues
[pulls]: https://github.com/AlexRogalskiy/weather-time/pulls
[wiki]: https://github.com/AlexRogalskiy/weather-time/wiki
[stars]: https://github.com/AlexRogalskiy/weather-time/stargazers
[forkers]: https://github.com/AlexRogalskiy/weather-time/network/members
[contributors]: https://github.com/AlexRogalskiy/weather-time/graphs/contributors