Embed the image into your HTML or Markdown Document:
<img src="https://livewindow-api.onrender.com/api/" />
Parameter | Description | Options | Default |
---|---|---|---|
units | Temperature units | imperial (°F ), metric (°C ), standard (K ) |
metric |
lang | Description language | af , al , ar , az , bg , ca , cz , da , de , el , en , eu , fa , fi , fr , gl , he , hi , hr , hu , id , it , ja , kr , la , lt , mk , no , nl , pl , pt , pt_br , ro , ru , sv , se , sk , sl , sp , es , sr , th , tr , ua , uk , vi , zh_cn , zh_tw , zu |
en |
location | Location latitude and longitude coordinates | Any lat,lng | 40.7128,-74.0060 (New York City) |
Window | API Request |
---|---|
New York, USA (°F) https://livewindow-api.onrender.com/api/?location=40.7128,-74.0060&units=imperial |
|
Port of Spain, Trinidad & Tobago (°C) https://live-window.tunl.sh/api/?location=10.6603,-61.5086 |
|
Paris, France (K) https://live-window.tunl.sh/api/?units=standard&location=48.8566,2.3522&lang=fr |
How do I find my lat, long coordinates?
You can use this tool to find your coordinates: https://www.latlong.net/convert-address-to-lat-long.html
How do you embed the custom font?
In order for the custom font to show when the image is downloaded or included in Github Markdown, the font needs to be encoded directly into the styles. Note: You can generate the base 64 encoding for any font here: https://amio.github.io/embedded-google-fonts/
<svg>
<!-- Insert SVG Elements -->
<defs>
<style>
@font-face {{
font-family: 'Bebas Neue';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(data:font/woff2;[INSERT BASE64 ENCODING]) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}}
</style>
</defs>
</svg>
- Support any google font
- Support hiding location and/or current weather
- API Framework: Python Fast API
- API Docs: Stoplight Elements
- Hosting & Deployment: Render
- Designed In: Figma
- Open Weather Map API: Powers Weather, sunrise, and sunset times
- 3D Weather Icons
- Gradient Abstract Banners