Skip to content

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

Notifications You must be signed in to change notification settings

archziac/_traichu

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

_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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 54.8%
  • HTML 39.4%
  • JavaScript 5.8%