Start adding thumbnail files

anthonywritescode · Mar 26, 2017 · 5a2905c · 5a2905c
commit 5a2905c
Show file tree

Hide file tree

Showing 9 changed files with 127 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+/build
+/venv
diff --git a/.pre-commit-config.yaml 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
@@ -0,0 +1,9 @@
+linters:
+    ColorVariable:
+        enabled: false
+    Indentation:
+        width: 4
+    PropertySortOrder:
+        enabled: false
+    SingleLinePerSelector:
+        enabled: false
diff --git a/Makefile 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
diff --git a/assets/python-logo.png b/assets/python-logo.png
diff --git a/assets/scss/style.scss 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
@@ -0,0 +1,14 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="build/style.css">
+</head>
+<body class="light">
+    <img src="assets/icon.png" class="channel-icon">
+    <img src="assets/python-logo.png" class="logo">
+    <div class="title"><span>Python 3</span></div>
+    <div class="subtitle"><span>An Introduction to Porting</span></div>
+    <div class="episode"><span>#1</span></div>
+</body>
+</html>
diff --git a/requirements.txt b/requirements.txt
@@ -0,0 +1,2 @@
+libsass
+pre-commit