First commit.

4 files changed, 198 insertions, 0 deletions

diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..f6f529f
--- /dev/null
+++ b/static/favicon.ico
diff --git a/static/mateja-key.asc b/static/mateja-key.asc
new file mode 100644
index 0000000..c3dd48d
--- /dev/null
+++ b/static/mateja-key.asc
@@ -0,0 +1,52 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+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
+XfKcvmxJ9qYnQVY=
+=pg59
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/static/robots.txt b/static/robots.txt
new file mode 100644
index 0000000..63801da
--- /dev/null
+++ b/static/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Disallow:
+Sitemap: https://matejamaric.com/sitemap.xml
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..bdc8a87
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,143 @@
+/* Most people have Google Fonts preloaded in their browser */
+.monospace {
+    font-family: Consolas, Monaco, monospace;
+}
+.sans-serif {
+    font-family: "Noto Sans", sans-serif;
+}
+.serif {
+    font-family: "Noto Serif", Georgia, Times, serif;
+}
+
+body {
+    margin: 0;
+    padding: 0;
+    font-size: 1.4em;
+    line-height: 1.6em;
+    font-family: "Noto Serif", Georgia, Times, serif;
+
+    color: #444;
+    background-color: #EEE;
+}
+nav {
+    height: 100%;
+    width: 16em;
+    box-sizing: border-box;
+    position: fixed;
+    z-index: 1;
+    top: 0;
+    left: 0;
+    background-color: #111;
+    overflow-x: hidden;
+}
+.mm {
+    font-size: 4em;
+    line-height: 1em;
+    color: #EEE;
+    padding: 0.3em;
+    font-weight: bold;
+}
+nav a {
+    display: block;
+    color: #EEE;
+    text-decoration: none;
+    padding: 0 1.3em;
+}
+nav a:hover {
+    text-decoration: underline;
+}
+nav a.active {
+    font-weight: bold;
+}
+main {
+    margin: 0;
+    margin-left: 16em;
+    padding: 1em;
+    padding-left: 1.6em;
+    box-sizing: border-box;
+}
+
+h1,h2,h3 {
+    line-height: 1.2em;
+}
+a {
+	color: #07A;
+	/* wrap long text and urls */
+	white-space: pre; /* CSS 2.0 */
+	white-space: pre-wrap; /* CSS 2.1 */
+	white-space: pre-line; /* CSS 3.0 */
+	white-space: -pre-wrap; /* Opera 4-6 */
+	white-space: -o-pre-wrap; /* Opera 7 */
+	white-space: -moz-pre-wrap; /* Mozilla */
+	word-wrap: break-word; /* IE 5+ */
+}
+
+/* Styling for blog elements */
+.note {
+    border-left: 5px solid yellow;
+    background-color:#eeeeb4;
+}
+.alert {
+    border-left: 5px solid red;
+    background-color:#edd;
+}
+.dir_snippet {
+    padding: 3px 3px 3px 10px;
+    border-left: 5px solid #2196F3;
+    background-color:#dee;
+    font-family: Consolas, Monaco, monospace;
+    font-size: 0.875em;
+
+    border-bottom: #2196F3 1px dashed;
+}
+code {
+    font-family: Consolas, Monaco, monospace;
+    font-size: 0.8em;
+/*    background-color:#dee; */
+    background-color:#ddd;
+
+    /* padding: 0.5em; */
+    margin: 0;
+}
+pre {
+    background-color:#ddd;
+/*    background-color:#dee;*/
+/*    border-left: 5px solid #2196F3;*/
+    border-left: 5px solid #111;
+    display: block;
+    overflow-x: auto;
+    overflow-y: hidden;
+    line-height: 1.4em;
+    padding: 0.5em;
+}
+
+/* Media queries */
+@media only screen and (max-width: 800px) {
+    body {
+        font-size: 1em;
+    }
+    nav {
+        width: 100%;
+        height: auto;
+        position: relative;
+
+        text-align: center;
+        padding-bottom: 1em;
+    }
+    .mm {
+        padding-bottom: 0.1em;
+        line-height: 1.2em;
+    }
+    nav a {
+        text-align: center;
+        padding: 0.3em;
+        font-size: 1.2em;
+    }
+    main {
+        margin-left: 0;
+        font-size: 1em;
+    }
+    code {
+        font-size: 0.875em;
+    }
+}