Initial commit.

2018-04-12 20:03:20 +02:00 · 2018-04-12 20:03:20 +02:00 · e07bb658a2
commit e07bb658a2
5 changed files with 154 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+# Build directories.
+site
--- a/30
+++ b/30
@ -0,0 +1,30 @@
+SOURCE_DIRECTORY := src
+SOURCE_EXTENSION := .md
+SOURCE_FILES = $(shell find $(SOURCE_DIRECTORY) -type f -name '*$(SOURCE_EXTENSION)')
+
+OUTPUT_DIRECTORY := site
+OUTPUT_EXTENSION := .html
+OUTPUT_FILES = $(patsubst $(SOURCE_DIRECTORY)/%.md,$(OUTPUT_DIRECTORY)/%$(OUTPUT_EXTENSION), $(SOURCE_FILES))
+
+ASSETS_DIRECTORY := assets
+
+GENERATOR := pandoc
+GENERATOR_FLAGS = --standalone --from markdown --to html5 --template=index.html
+
+DEPLOY_SERVER := 192.168.1.51
+DEPLOY_PATH := /var/www/Webfiles/DotN64
+
+all: $(OUTPUT_FILES)
+	cp -r $(ASSETS_DIRECTORY)/. $(OUTPUT_DIRECTORY)
+
+$(OUTPUT_DIRECTORY)/%$(OUTPUT_EXTENSION): $(SOURCE_DIRECTORY)/%$(SOURCE_EXTENSION)
+	mkdir -p $(OUTPUT_DIRECTORY)
+	$(GENERATOR) $(GENERATOR_FLAGS) $< -o $@
+
+deploy: all
+	scp -r $(OUTPUT_DIRECTORY)/. $(DEPLOY_SERVER):$(DEPLOY_PATH)
+
+clean:
+	rm -r $(OUTPUT_DIRECTORY)
+
+.PHONY: all clean
--- a/assets/css/style.css
+++ b/assets/css/style.css
@ -0,0 +1,100 @@
+@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
+
+:root {
+    --background: #222;
+    --foreground: #DEE;
+    --accent: #159957;
+}
+
+body {
+    background-color: var(--background);
+    color: var(--foreground);
+    font-family: "Open Sans", sans-serif;
+    padding: 0;
+    margin: 0;
+}
+
+h1 {
+    font-size: 2em;
+}
+
+a {
+    color: #1E6BB8;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+.shadow {
+    text-shadow: var(--background) 0em 0em 0.08em;
+}
+
+.page-header {
+    padding: 5rem 6rem;
+    text-align: center;
+    background-image: linear-gradient(2rad, #155799, #159957);
+}
+
+.page-content {
+    font-size: 1.1rem;
+    margin: auto;
+    max-width: 75%;
+    padding: 2rem 5rem;
+    word-wrap: break-word;
+}
+
+.page-content :first-child {
+    margin-top: 0;
+}
+
+.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
+    color: var(--accent);
+    font-weight: normal;
+    margin-top: 2rem;
+    margin-bottom: 1rem;
+}
+
+.title {
+    font-size: 3.25rem;
+    margin-top: 0;
+    margin-bottom: 0.1rem;
+}
+
+.title > a {
+    color: var(--foreground);
+}
+
+.subtitle {
+    font-size: 1.25rem;
+    font-weight: normal;
+    margin-bottom: 2rem;
+    opacity: 0.7;
+}
+
+.button {
+    color: rgba(255, 255, 255, 0.7);
+    background-color: rgba(255, 255, 255, 0.08);
+    border-color: rgba(255, 255, 255, 0.2);
+    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 0.3rem;
+    padding: 0.75rem 1rem;
+}
+
+.button:hover {
+    color: rgba(255, 255, 255, 0.8);
+    background-color: rgba(255, 255, 255, 0.2);
+    border-color: rgba(255, 255, 255, 0.3);
+    text-decoration: none;
+}
+
+.button:active {
+    outline: 0;
+}
+
+.button + .button {
+    margin-left: 1rem;
+}
--- a/index.html
+++ b/index.html
@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+      <title>DotN64</title>
+      <link rel="stylesheet" href="css/style.css">
+      <link rel="icon" href="docs/images/Logo.svg">
+  </head>
+  <body>
+    <section class="page-header">
+        <h1 class="title shadow"><a href="/DotN64">DotN64</a></h1>
+        <h2 class="subtitle shadow">.N⁶⁴ is a cross-platform emulator in the works.</h2>
+        <a class="button" href="/git/Nabile/DotN64">Source</a>
+        <a class="button" href="docs">Documentation</a>
+    </section>
+    <section class="page-content">
+      $body$
+    </section>
+  </body>
+</html>
--- a/src/index.md
+++ b/src/index.md
@ -0,0 +1 @@
+# Hello, world !