Initial homepage experiment

A rough setup for the website layout.

* Muted yellow background
* Logo set in Superclarendon by Typodermic

3 files changed, 31 insertions, 0 deletions

diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 0000000..42e1ab6
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1 @@
+<svg enable-background="new 0 0 420 88" height="88" viewBox="0 0 420 88" width="420" xmlns="http://www.w3.org/2000/svg"><path d="m5-14h459v120h-459z" fill="none"/><g enable-background="new"><path d="m37.879 8.87c4.67 0 8.778.347 12.32 1.038 3.542.693 6.506 2.013 8.893 3.961 2.387 1.947 4.17 4.689 5.352 8.227 1.18 3.537 1.771 8.151 1.771 13.842 0 5.793-.591 10.612-1.771 14.457-1.181 3.846-2.964 6.92-5.352 9.227-2.387 2.308-5.351 3.947-8.893 4.922s-7.65 1.461-12.32 1.461h-30.03v-4.389c4.568 0 6.853-1.183 6.853-3.549v-41.183c0-2.365-2.285-3.548-6.853-3.548v-4.543zm-11.396 6.006v45.122h12.628c2.875 0 5.275-.526 7.2-1.579 1.925-1.051 3.465-2.591 4.62-4.619 1.155-2.027 1.963-4.53 2.425-7.508.462-2.977.693-6.364.693-10.164 0-3.798-.231-7.046-.693-9.74-.462-2.695-1.271-4.89-2.425-6.584-1.155-1.693-2.695-2.938-4.62-3.734-1.925-.795-4.325-1.193-7.2-1.193h-12.628z"/><path d="m115.109 46.253c0 6.714-1.848 11.901-5.544 15.565-3.696 3.663-9.061 5.494-16.093 5.494-2.772 0-5.417-.321-7.931-.96-2.516-.64-4.71-1.742-6.583-3.305-1.874-1.562-3.376-3.639-4.504-6.227-1.129-2.586-1.694-5.803-1.694-9.646 0-7.019 1.771-12.412 5.313-16.178s8.957-5.65 16.247-5.65c2.822 0 5.505.347 8.046 1.038 2.541.692 4.748 1.845 6.622 3.458 1.873 1.615 3.361 3.754 4.466 6.418 1.103 2.667 1.655 5.997 1.655 9.993zm-20.83-15.9c-3.836 0-6.624 1.245-8.363 3.735-1.74 2.49-2.608 6.07-2.608 10.741 0 3.491.23 6.365.691 8.624.459 2.259 1.138 4.042 2.033 5.352.895 1.309 1.968 2.221 3.222 2.733 1.252.514 2.698.77 4.335.77 4.04 0 6.879-1.359 8.516-4.081 1.636-2.72 2.456-6.57 2.456-11.55 0-3.233-.243-5.902-.729-8.008-.486-2.104-1.19-3.773-2.11-5.005s-2.007-2.091-3.26-2.58c-1.256-.487-2.649-.731-4.183-.731z"/><path d="m191.723 58.15c0 2.31 2.181 3.465 6.545 3.465v4.389h-22.176v-4.389c3.388 0 5.082-1.155 5.082-3.465v-17.094c0-3.233-.371-5.544-1.112-6.93s-1.877-2.079-3.41-2.079c-2.3 0-4.484.898-6.553 2.695s-3.819 4.312-5.25 7.546v15.862c0 2.31 1.643 3.465 4.928 3.465v4.389h-20.559v-4.389c3.388 0 5.082-1.155 5.082-3.465v-17.094c0-3.233-.384-5.544-1.15-6.93s-1.942-2.079-3.525-2.079c-2.299 0-4.509.898-6.629 2.695-2.121 1.797-3.845 4.312-5.173 7.546v15.862c0 2.31 1.694 3.465 5.082 3.465v4.389h-22.099v-4.389c4.312 0 6.468-1.155 6.468-3.465v-23.485c0-2.311-2.156-3.465-6.468-3.465v-4.39h17.017l-.065 8.085c.823-1.128 1.761-2.232 2.816-3.311s2.239-2.027 3.552-2.849c1.312-.821 2.765-1.476 4.36-1.964 1.596-.487 3.37-.731 5.327-.731 2.933 0 5.364.731 7.294 2.194s3.125 3.734 3.589 6.814c1.694-2.515 3.9-4.646 6.622-6.391 2.72-1.745 5.852-2.618 9.394-2.618 3.388 0 6.07.898 8.046 2.695s2.964 4.723 2.964 8.777v20.639z"/><path d="m214.9 45.83c.103 5.287 1.078 9.355 2.926 12.204 1.849 2.85 4.646 4.273 8.394 4.273 2.926 0 5.518-.718 7.776-2.155 2.259-1.437 3.823-3.773 4.697-7.008l4.774.925c-.463 1.693-1.144 3.337-2.041 4.928-.898 1.592-2.066 3.003-3.504 4.234-1.438 1.232-3.17 2.222-5.197 2.965-2.028.743-4.402 1.116-7.122 1.116-2.67 0-5.263-.322-7.777-.963-2.516-.643-4.762-1.762-6.737-3.355-1.977-1.595-3.568-3.742-4.774-6.442-1.207-2.699-1.81-6.106-1.81-10.222 0-3.136.474-6.003 1.424-8.601.949-2.597 2.322-4.821 4.12-6.673 1.796-1.851 3.991-3.29 6.583-4.319 2.592-1.028 5.556-1.543 8.894-1.543 12.936 0 19.404 6.879 19.404 20.636zm20.481-4.004c0-1.704-.205-3.292-.615-4.765-.412-1.473-1.027-2.764-1.848-3.875-.822-1.11-1.836-1.989-3.042-2.635-1.207-.646-2.606-.969-4.196-.969-2.772 0-5.135.956-7.084 2.867-1.951 1.911-3.132 5.037-3.543 9.376h20.328z"/><path d="m311.381 13.336c-1.9.052-3.633.411-5.198 1.08-1.566.669-3.017 1.568-4.351 2.699l-13.167 11.26 19.173 29.307c.873 1.389 1.86 2.392 2.965 3.008 1.104.617 2.553.926 4.351.926h2.155v4.389h-30.106v-4.389h5.544c.872 0 1.488-.154 1.848-.462.359-.309.539-.719.539-1.232 0-.667-.258-1.411-.77-2.233l-14.014-22.254-10.935 9.548v13.091c0 2.361 2.284 3.542 6.853 3.542v4.389h-25.486v-4.389c4.568 0 6.854-1.183 6.854-3.549v-41.183c0-2.365-2.285-3.548-6.854-3.548v-4.543h25.486v4.543c-4.568 0-6.853 1.182-6.853 3.542v20.559l22.177-19.173c.871-.718 1.309-1.54 1.309-2.464 0-.718-.27-1.309-.809-1.771s-1.374-.693-2.502-.693h-3.389v-4.543h25.18z"/><path d="m329.321 45.83c.103 5.287 1.078 9.355 2.926 12.204 1.849 2.85 4.646 4.273 8.394 4.273 2.927 0 5.518-.718 7.776-2.155 2.259-1.437 3.824-3.773 4.697-7.008l4.774.925c-.462 1.693-1.144 3.337-2.04 4.928-.898 1.592-2.067 3.003-3.504 4.234-1.438 1.232-3.17 2.222-5.197 2.965-2.029.743-4.402 1.116-7.123 1.116-2.67 0-5.262-.322-7.777-.963-2.516-.643-4.762-1.762-6.736-3.355-1.977-1.595-3.568-3.742-4.774-6.442-1.207-2.699-1.81-6.106-1.81-10.222 0-3.136.475-6.003 1.424-8.601.949-2.597 2.322-4.821 4.12-6.673 1.796-1.851 3.991-3.29 6.583-4.319 2.592-1.028 5.557-1.543 8.895-1.543 12.936 0 19.403 6.879 19.403 20.636zm20.482-4.004c0-1.704-.205-3.292-.616-4.765s-1.027-2.764-1.848-3.875c-.821-1.11-1.836-1.989-3.042-2.635-1.207-.646-2.605-.969-4.196-.969-2.772 0-5.134.956-7.084 2.867-1.951 1.911-3.132 5.037-3.542 9.376h20.328z"/><path d="m410.326 31.2c-1.849 0-3.209.219-4.082.654-.873.437-1.488 1.091-1.848 1.964l-14.014 33.726c-1.078 2.618-2.066 4.915-2.965 6.892-.898 1.976-1.899 3.645-3.003 5.005-1.104 1.359-2.399 2.387-3.888 3.08-1.49.693-3.363 1.039-5.621 1.039-3.543 0-6.418-.885-8.625-2.656s-3.311-4.146-3.311-7.122c0-.514.102-1.104.309-1.771.204-.668.539-1.283 1-1.848.463-.565 1.027-1.04 1.694-1.425s1.463-.577 2.388-.577c1.795 0 3.13.436 4.004 1.309.871.872 1.309 1.898 1.309 3.08 0 1.334-.398 2.374-1.193 3.118-.797.744-1.861 1.194-3.195 1.348.461.747 1.116 1.357 1.963 1.831.848.474 2.245.71 4.197.71 1.848 0 3.361-.743 4.543-2.229 1.18-1.486 2.488-3.793 3.926-6.919l-15.399-36.519c-.874-1.792-2.722-2.689-5.544-2.689v-4.39h22.021v4.39h-3.772c-1.489 0-2.233.488-2.233 1.463 0 .411.077.796.231 1.155l10.01 25.179 10.164-24.486c.153-.462.231-.872.231-1.231 0-1.387-1.105-2.079-3.312-2.079h-2.31v-4.39h16.324v4.388z"/></g></svg>
\ No newline at end of file
diff --git a/assets/styles.css b/assets/styles.css
new file mode 100644
index 0000000..10bd544
--- /dev/null
+++ b/assets/styles.css
@@ -0,0 +1,8 @@
+body {
+	background-color: #e3ce88;
+	color: #222;
+
+	font: 19px "Georgia", serif;
+}
+
+header h1 { display: none; }
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..03efc45
--- /dev/null
+++ b/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>DomeKey</title>
+	<meta name="description" content="">
+
+	<meta name="viewport" content="width=device-width">
+
+	<link rel="stylesheet" href="assets/styles.css" />
+</head>
+<body>
+	<header>
+		<h1>DomeKey</h1>
+		<img src="assets/logo.svg" alt="DomeKey" />
+	</header>
+
+	<div class="content">
+		DomeKey lets you customise headphone buttons 
+	</div>
+</body>
+</html>