Initial commitmaster

3 files changed, 95 insertions, 0 deletions

diff --git a/public/_/imgs/test b/public/_/imgs/test
new file mode 100644
index 0000000..d6a2d5c
--- /dev/null
+++ b/public/_/imgs/test
@@ -0,0 +1 @@
+Foo.
diff --git a/public/_/script.js b/public/_/script.js
new file mode 100644
index 0000000..05b3b3a
--- /dev/null
+++ b/public/_/script.js
@@ -0,0 +1,14 @@
+(function(){
+var q = document.querySelector.bind(document);
+var qa = document.querySelectorAll.bind(document);
+window.lib = {};
+lib.elems = {};
+lib.isListPage = !!q('.posts');
+lib.isArticle = !lib.isListPage;
+if (lib.isListPage) {
+lib.elems.posts = [].slice.call(qa('.post'));
+lib.elems.postsContainer = q('.posts');
+} else {
+lib.elems.post = q('.post');
+}
+})();
diff --git a/public/_/style.css b/public/_/style.css
new file mode 100644
index 0000000..3cff5f6
--- /dev/null
+++ b/public/_/style.css
@@ -0,0 +1,80 @@
+@media (max-width: 1199px) and (min-width: 401px) {
+	body {
+		font-size: 32pt;
+	}
+
+	div.content_section_text p::first-letter,div.content::first-letter {
+		font-size: 37pt;
+	}
+
+	/* https://css-tricks.com/responsive-data-tables/ */
+
+	/*
+	 * Force table to not be like tables anymore
+	 */
+	table, thead, tbody, th, td, tr {
+		display: block;
+	}
+
+	/*
+	 * Hide table headers (but not display: none;, for accessibility)
+	 */
+	thead tr {
+		position: absolute;
+		top: -9999%;
+		left: -9999%;
+	}
+
+	td {
+		/* Behave  like a "row" */
+		border: none;
+		position: relative;
+		padding-left: 50%;
+	}
+
+	td::before {
+		/* Now like a table header */
+		position: absolute;
+		/* Top/left values mimic padding */
+		top: 6px;
+		left: 6px;
+		width: 45%;
+		padding-right: 10px;
+		white-space: nowrap;
+	}
+}
+
+@media only screen and (orientation: landscape)
+and (min-width: 992px)
+and (max-width: 1199px) {
+	body {
+		font-size: 14pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (min-width: 768px)
+and (max-width: 991px) {
+	body {
+		font-size: 14pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (min-width: 480px)
+and (max-width: 767px) {
+	body {
+		font-size: 11pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (max-width: 479px) {
+	body {
+		font-size: 8pt;
+	}
+}
+@media only screen and (orientation: landscape)
+and (min-device-width : 375px)
+and (max-device-width : 667px) {
+	body {
+		font-size: 9.5pt;
+	}
+}