Add basic scaffolding

2017-05-28 18:59:35 +02:00 · 2017-05-28 18:59:35 +02:00 · 169926ac2c
parent f2402829b1
commit 169926ac2c
9 changed files with 289 additions and 0 deletions
--- a/src/base.less
+++ b/src/base.less
@ -0,0 +1,5 @@
+html, body {
+    margin: 0;
+    padding: 0;
+    border: none;
+}
--- a/src/content.less
+++ b/src/content.less
@ -0,0 +1,7 @@
+@import 'globals';
+
+.content {
+    padding-top: @header-height;
+    max-width: @content-width;
+    margin: 0 auto;
+}
--- a/src/globals.less
+++ b/src/globals.less
@ -0,0 +1,2 @@
+@content-width: 800px;
+@header-height: 40px;
--- a/src/header.less
+++ b/src/header.less
@ -0,0 +1,19 @@
+@import 'globals';
+
+.header {
+    width: 100%;
+    margin: 0 auto;
+    position: fixed;
+}
+
+.header .wrapper {
+    width: 100%;
+    height: @header-height;
+    max-width: @content-width;
+    margin: 0 auto;
+    overflow: hidden;
+}
+
+.header .logo,.title {
+    float: left;
+}
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,26 @@
+<html>
+
+<head>
+    <title>Unit</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="index.css">
+</head>
+
+<body>
+    <div class="header">
+        <div class="wrapper">
+            <div class="logo">
+                <img src="logo.svg" alt="logo">
+            </div>
+            <div class="title">Unit</div>
+        </div>
+    </div>
+    <div class="content">
+        <div class="no-js">
+            <a href="news.rss">news.rss</a>
+        </div>
+    </div>
+    <script src="index.js"></script>
+</body>
+
+</html>
--- a/src/index.js
+++ b/src/index.js
@ -0,0 +1,5 @@
+var noJs = document.querySelectorAll('.no-js');
+
+noJs.forEach(function (elem) {
+    elem.remove();
+});
--- a/src/index.less
+++ b/src/index.less
@ -0,0 +1,4 @@
+@import 'base';
+@import 'header';
+@import 'logo';
+@import 'content';
--- a/src/logo.less
+++ b/src/logo.less
@ -0,0 +1,6 @@
+@import 'globals';
+
+.logo img {
+    width: @header-height;
+    height: @header-height;
+}
--- a/src/logo.svg
+++ b/src/logo.svg