diff options
| -rw-r--r-- | bsod.css | 62 | ||||
| -rw-r--r-- | index.html | 22 |
2 files changed, 84 insertions, 0 deletions
diff --git a/bsod.css b/bsod.css new file mode 100644 index 0000000..25537eb --- /dev/null +++ b/bsod.css @@ -0,0 +1,62 @@ +@font-face { + font-family: Segoe UI; + src: + local("Segoe UI Light"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2) format("woff2"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff) format("woff"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf) format("truetype"); + font-weight: 100; +} + +@font-face { + font-family: Segoe UI; + src: + local("Segoe UI Semilight"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2) format("woff2"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff) format("woff"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf) format("truetype"); + font-weight: 200; +} + +@font-face { + font-family: Segoe UI; + src: + local("Segoe UI"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2) format("woff2"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff) format("woff"), + url(https://c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf) format("truetype"); + font-weight: 400; +} + + +h1, h2, h3, h4, h5, h6 { + font-family: "Segoe UI Light"; + font-weight: 300; +} + +body { + font-family: "Segoe UI"; + color: #FFF; + background: #106faa; + margin: 0; +} + +main { + margin: 5% 8%; + margin-right: 30%; +} + +.emotion { + font-family: "Segoe UI"; + font-size: 8em; + margin: 0; +} + +.description { + font-size: 1.4em; + margin-bottom: 3em; +} + +footer small { + font-size: 0.8em; +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..2e2f920 --- /dev/null +++ b/index.html @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="UTF-8"> + <title>Crashstrike</title> + <meta name="theme-color" content="#106faa"> + <link rel="stylesheet" href="bsod.css"> +</head> + +<body> + <main> + <header> + <h1 class="emotion">:(</h1> + </header> + <a class="description">Your PC ran into a problem and needs to restart. We're just collecting some error info, and + then we'll restart for you.<p><span id="progress">0</span>% complete + </p></a> + </main> +</body> + +</html> |