initial commit

JoNilsson · Sep 9, 2019 · 39b8c2d · 39b8c2d
commit 39b8c2d
Show file tree

Hide file tree

Showing 49 changed files with 5,415 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,117 @@
+###Linux###
+
+*~
+
+# KDE directory preferences
+.directory
+
+
+###OSX###
+
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+# Thumbnails
+._*
+
+# Files that might appear on external disk
+.Spotlight-V100
+.Trashes
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+
+###Windows###
+
+# Windows image file caches
+Thumbs.db
+ehthumbs.db
+
+# Folder config file
+Desktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+
+###Node###
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# next.js build output
+.next

diff --git a/build/images/articles/buildings.jpg b/build/images/articles/buildings.jpg
diff --git a/build/images/articles/doctors.jpg b/build/images/articles/doctors.jpg
diff --git a/build/images/articles/food.jpg b/build/images/articles/food.jpg
diff --git a/build/images/articles/plane.jpg b/build/images/articles/plane.jpg
diff --git a/build/images/articles/solar.jpg b/build/images/articles/solar.jpg
diff --git a/build/images/articles/space.jpg b/build/images/articles/space.jpg
diff --git a/build/images/articles/weather.jpg b/build/images/articles/weather.jpg
diff --git a/build/images/home/business.jpg b/build/images/home/business.jpg
diff --git a/build/images/icon/icon.svg b/build/images/icon/icon.svg
diff --git a/build/index.html b/build/index.html
@@ -0,0 +1,109 @@
+<!--
+Copyright 2018 Google Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+  <!-- Set the viewport -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+
+  <!-- Set character encoding -->
+  <meta charset="utf-8">
+
+  <!-- Set title -->
+  <title>News</title>
+
+  <!-- Request styles -->
+  <link rel="stylesheet" href="/style/main.css" />
+
+</head>
+
+<body>
+  <header>
+    <ul class="navbar">
+      <li><a href="/index.html">Home</a></li>
+      <li><a href="#">World</a></li>
+      <li><a href="#">Tech</a></li>
+      <li><a href="#">Contact</a></li>
+      <li class="profile-icon"><img src="/images/icon/icon.svg" alt="profile icon" /></li>
+    </ul>
+  </header>
+
+  <article>
+    <h1>News</h1>
+    <section>
+      <div class="img-container left column">
+        <img src="images/home/business.jpg" alt="A person reading the business section of a newspaper">
+      </div>
+      <div class="right column">
+        <h2 class="headline">Headline</h2>
+        <p class="content">
+          I love cheese, especially manchego swiss. ☺ Fromage queso jarlsberg cheesy
+          feet emmental cottage cheese camembert de normandie bocconcini. Cottage cheese
+          everyone loves cauliflower cheese rubber cheese squirty cheese halloumi cow
+          fondue. Bocconcini cheese and biscuits everyone loves fondue red leicester
+          st. agur blue cheese rubber cheese ricotta. Cheesy grin mozzarella.
+        </p>
+      </div>
+    </section>
+    <section>
+      <div class="left column">
+        <h4 class="list-title">Trending Articles</h4>
+        <ul class="vertical-list">
+          <li class="list-item"><a href="pages/article1.html" class="post-link">Article 1</a></li>
+          <li class="list-item"><a href="pages/article2.html" class="post-link">Article 2</a></li>
+          <li class="list-item"><a href="pages/article3.html" class="post-link">Article 3</a></li>
+          <li class="list-item"><a href="pages/article4.html" class="post-link">Article 4</a></li>
+          <li class="list-item"><a href="pages/article-missing.html" class="post-link">Non-existent article</a></li>
+        </ul>
+      </div>
+      <div class="right column">
+        <h4 class="list-title">Archived Posts</h4>
+        <ul class="vertical-list">
+          <li class="list-item"><a href="pages/post1.html" class="post-link">Archived Post 1</a></li>
+          <li class="list-item"><a href="pages/post2.html" class="post-link">Archived Post 2</a></li>
+          <li class="list-item"><a href="pages/post3.html" class="post-link">Archived Post 3</a></li>
+          <li class="list-item"><a href="pages/post-missing.html" class="post-link">Non-existent Post 4</a></li>
+        </ul>
+      </div>
+    </section>
+  </article>
+
+  <footer>
+    <a href="#" class="footer-link">Twitter</a>
+    <a href="#" class="footer-link">Facebook</a>
+    <a href="#" class="footer-link">Google+</a>
+    <a href="#" class="footer-link">Digg</a>
+  </footer>
+
+  <script src="/js/animation.js"></script>
+
+  <script>
+    if ('serviceWorker' in navigator) {
+      window.addEventListener('load', () => {
+        navigator.serviceWorker.register('/sw.js')
+          .then(registration => {
+            console.log(`Service Worker registered! Scope: ${registration.scope}`);
+          })
+          .catch(err => {
+            console.log(`Service Worker registration failed: ${err}`);
+          });
+      });
+    }
+  </script>
+
+</body>
+</html>
diff --git a/build/js/animation.js b/build/js/animation.js
@@ -0,0 +1,18 @@
+var el = document.body
+
+function fadeIn (el) {
+  el.style.opacity = 0
+
+  var tick = function () {
+    el.style.opacity = +el.style.opacity + 0.01
+
+    if (+el.style.opacity < 1) {
+      (window.requestAnimationFrame && requestAnimationFrame(tick)) ||
+        setTimeout(tick, 8)
+    }
+  }
+
+  tick()
+}
+
+fadeIn(el)
diff --git a/build/pages/404.html b/build/pages/404.html
@@ -0,0 +1,38 @@
+<!--
+Copyright 2018 Google Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+
+    <!-- Set the viewport -->
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+
+    <!-- Set character encoding -->
+    <meta charset="utf-8">
+
+    <!-- Set title -->
+    <title>404 Page</title>
+
+    <!-- Request styles -->
+    <link rel="stylesheet" href="/style/main.css" />
+  </head>
+  <body>
+    <h1>404 page</h1>
+    <p class="padded">Woops! Can't find the page you are requesting.</p>
+    <br><br>
+    <a href="../index.html" class="back-link">Home</a>
+  </body>
+</html>
diff --git a/build/pages/article1.html b/build/pages/article1.html
@@ -0,0 +1,76 @@
+<!--
+Copyright 2018 Google Inc.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+  <!-- Set the viewport -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+
+  <!-- Set character encoding -->
+  <meta charset="utf-8">
+
+  <!-- Set title -->
+  <title>Article1</title>
+
+  <!-- Request styles -->
+  <link rel="stylesheet" href="/style/main.css" />
+
+</head>
+
+<body>
+
+  <header>
+    <ul class="navbar">
+      <li><a href="/index.html">Home</a></li>
+      <li class="profile-icon"><img src="/images/icon/icon.svg" alt="profile icon" /></li>
+    </ul>
+  </header>
+
+  <article id="post">
+
+    <section>
+
+      <div class="img-container left column">
+        <img src="/images/articles/buildings.jpg" alt="Looking up at skyscrapers">
+      </div>
+
+      <div class="right column">
+        <h2 class="headline">Article 1</h2>
+        <p class="content">
+          I love cheese, especially manchego swiss. ☺ Fromage queso jarlsberg cheesy
+          feet emmental cottage cheese camembert de normandie bocconcini. Cottage cheese
+          everyone loves cauliflower cheese rubber cheese squirty cheese halloumi cow
+          fondue. Bocconcini cheese and biscuits everyone loves fondue red leicester
+          st. agur blue cheese rubber cheese ricotta. Cheesy grin mozzarella.
+        </p>
+      </div>
+
+    </section>
+
+  </article>
+
+  <footer>
+    <a href="#" class="footer-link">Twitter</a>
+    <a href="#" class="footer-link">Facebook</a>
+    <a href="#" class="footer-link">Google+</a>
+    <a href="#" class="footer-link">Digg</a>
+  </footer>
+
+  <script src="/js/animation.js"></script>
+
+</body>
+</html>