diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..6563b57
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+/build
+/venv
diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
new file mode 100644
index 0000000..080adb0
--- /dev/null
+++ b/.pre-commit-config.yaml
@@ -0,0 +1,13 @@
+- repo: https://github.com/pre-commit/pre-commit-hooks
+ sha: v0.7.1
+ hooks:
+ - id: trailing-whitespace
+ - id: end-of-file-fixer
+ - id: check-added-large-files
+ - id: check-yaml
+ - id: requirements-txt-fixer
+- repo: https://github.com/pre-commit/mirrors-scss-lint
+ sha: v0.52.0
+ hooks:
+ - id: scss-lint
+ language_version: 2.1.5
diff --git a/.scss-lint.yml b/.scss-lint.yml
new file mode 100644
index 0000000..95964b1
--- /dev/null
+++ b/.scss-lint.yml
@@ -0,0 +1,9 @@
+linters:
+ ColorVariable:
+ enabled: false
+ Indentation:
+ width: 4
+ PropertySortOrder:
+ enabled: false
+ SingleLinePerSelector:
+ enabled: false
diff --git a/Makefile b/Makefile
new file mode 100644
index 0000000..6daa892
--- /dev/null
+++ b/Makefile
@@ -0,0 +1,16 @@
+all: build/style.css
+
+venv: requirements.txt
+ rm -rf venv
+ virtualenv venv -ppython3.6
+ venv/bin/pip install -rrequirements.txt
+ venv/bin/pre-commit install -f --install-hooks
+
+build:
+ mkdir build
+
+build/%.css: assets/scss/%.scss build venv
+ venv/bin/sassc -t compressed $< $@
+
+clean:
+ rm -rf venv build
diff --git a/assets/icon.png b/assets/icon.png
new file mode 100644
index 0000000..acc6a18
Binary files /dev/null and b/assets/icon.png differ
diff --git a/assets/python-logo.png b/assets/python-logo.png
new file mode 100644
index 0000000..193c227
Binary files /dev/null and b/assets/python-logo.png differ
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
new file mode 100644
index 0000000..d2cafe6
--- /dev/null
+++ b/assets/scss/style.scss
@@ -0,0 +1,71 @@
+html, body {
+ height: 100%;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+
+ font-family: verdana, sans-serif;
+}
+
+body {
+ box-sizing: border-box;
+ border-width: 1em;
+ border-style: solid;
+
+ > * {
+ position: absolute;
+ }
+}
+
+.channel-icon {
+ top: 2em;
+ right: 2em;
+ width: 20%;
+}
+
+.logo {
+ left: 2em;
+ bottom: 2em;
+ width: 30%;
+}
+
+.title {
+ left: 10em;
+ top: 2em;
+
+ span {
+ font-size: 14em;
+ font-weight: bold;
+ }
+}
+
+.subtitle {
+ left: 37.5em;
+ top: 27.5em;
+
+ span {
+ display: inline-block;
+ text-align: center;
+ font-size: 7.5em;
+ }
+}
+
+.episode {
+ bottom: 2em;
+ right: 2em;
+
+ span {
+ font-size: 12.5em;
+ }
+}
+
+.dark {
+ background: #000;
+ color: #ddd;
+}
+
+.light {
+ background: #eee;
+ color: #333;
+}
diff --git a/py3.htm b/py3.htm
new file mode 100644
index 0000000..2ef3af8
--- /dev/null
+++ b/py3.htm
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+ 
+ 
+ Python 3
+ An Introduction to Porting
+ #1
+
+
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..c6f97c4
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,2 @@
+libsass
+pre-commit