/startpage

A simple, semantic start page built with HTML, CSS, and a mouse-sized bit of JavaScript.

Primary LanguageCSS

_traichu

_trai´chu, n. A simple, semantic start page built with HTML, CSS, and a mouse-sized bit of JavaScript.

_traichu's markup is valid and aims to adhere to HTML semantics. Traditional Japanese, WCAG 2.0 compliant colors make up the color palette. The monospace font is ol' Fira Code loaded via Google Fonts. Icons are inline SVGs, DuckDuckGo's API delivers the favicons, and OpenWeather's API provides the weather forecast and icons. Vanilla JavaScript and CSS handle all interactivity.

DuckDuckGo is the default search engine because privacy is important 'round here.

⚠️ You will need to generate your own OpenWeather API key!

  1. Register for an OpenWeather account (OpenWeather will generate a default API key)
  2. Sign in and navigate to Username > API keys and copy the key
  3. Paste the key into line 10 of main.js

How to update your city

  1. Find your city using OpenWeather's search
  2. Copy the city ID from the end of the URL

https://openweathermap.org/city/1850147 🠆 1850147

  1. Paste the city ID into line 26 of main.js

_traichu's dark mode

_traichu's light mode