new content

6 files changed, 47 insertions, 24 deletions

diff --git a/content/2019-01-03-encoding-binary-data-into-dna-sequence.md b/content/2019-01-03-encoding-binary-data-into-dna-sequence.md
index a3bca72..d3c1396 100644
--- a/content/2019-01-03-encoding-binary-data-into-dna-sequence.md
+++ b/content/2019-01-03-encoding-binary-data-into-dna-sequence.md
@@ -190,12 +190,12 @@ FASTA format was extended by [FASTQ](https://en.wikipedia.org/wiki/FASTQ_format)
 
 ### PNG encoded DNA sequence
 
-| Nucleotides  | RGB         | Color name |
-| ------------ | ----------- | ---------- |
-| A (Adenine)  | (0,0,255)   | Blue       |
-| G (Guanine)  | (0,100,0)   | Green      |
-| C (Cytosine) | (255,0,0)   | Red        |
-| T (Thymine)  | (255,255,0) | Yellow     |
+| Nucleotides   | RGB         | Color name |
+| ------------- | ----------- | ---------- |
+| A -> Adenine  | (0,0,255)   | Blue       |
+| G -> Guanine  | (0,100,0)   | Green      |
+| C -> Cytosine | (255,0,0)   | Red        |
+| T -> Thymine  | (255,255,0) | Yellow     |
 
 With this in mind we can create a simple algorithm to create PNG representation of a DNA sequence.
 
diff --git a/content/2019-05-11-bci.md b/content/2019-05-11-bci.md
index 24e9a30..c055b65 100644
--- a/content/2019-05-11-bci.md
+++ b/content/2019-05-11-bci.md
@@ -57,11 +57,11 @@ Permissions are to do with security and further describe the security conditions
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pulvinar finibus ipsum, vitae mattis neque elementum nec. Cras vel lacinia diam, a porttitor nisl. Sed ullamcorper convallis bibendum. Ut id lectus risus. Morbi aliquam eros condimentum volutpat pretium. Praesent malesuada congue eros, vitae mollis erat laoreet nec. Quisque porta tempus turpis a mollis. Nulla at mollis sem, at scelerisque velit. Mauris non ex lectus. Morbi eget erat interdum lacus pretium vehicula vitae ac justo. Quisque vulputate interdum semper. Duis dignissim porta magna, vel faucibus leo pulvinar at. Donec nibh purus, vestibulum vel velit a, ultricies volutpat ipsum.
 
-<img src="/files/bci/spike-waves.png">
+![spikes](/files/bci/spike-waves.png)
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pulvinar finibus ipsum, vitae mattis neque elementum nec. Cras vel lacinia diam, a porttitor nisl. Sed ullamcorper convallis bibendum. Ut id lectus risus. Morbi aliquam eros condimentum volutpat pretium. Praesent malesuada congue eros, vitae mollis erat laoreet nec. Quisque porta tempus turpis a mollis. Nulla at mollis sem, at scelerisque velit. Mauris non ex lectus. Morbi eget erat interdum lacus pretium vehicula vitae ac justo. Quisque vulputate interdum semper. Duis dignissim porta magna, vel faucibus leo pulvinar at. Donec nibh purus, vestibulum vel velit a, ultricies volutpat ipsum.
 
-<img src="http://satyr.io/1100x300/eee" class="large">
+![banner](http://satyr.io/1100x300/eee#large)
 
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus pulvinar finibus ipsum, vitae mattis neque elementum nec. Cras vel lacinia diam, a porttitor nisl. Sed ullamcorper convallis bibendum. Ut id lectus risus. Morbi aliquam eros condimentum volutpat pretium. Praesent malesuada congue eros, vitae mollis erat laoreet nec. Quisque porta tempus turpis a mollis. Nulla at mollis sem, at scelerisque velit. Mauris non ex lectus. Morbi eget erat interdum lacus pretium vehicula vitae ac justo. Quisque vulputate interdum semper. Duis dignissim porta magna, vel faucibus leo pulvinar at. Donec nibh purus, vestibulum vel velit a, ultricies volutpat ipsum.
 
diff --git a/gulpfile.js b/gulpfile.js
index 630ca1a..cf0ce50 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -7,13 +7,13 @@ const terser = require('gulp-terser');
 const clean = require('gulp-clean-css');
 const settings = require('./settings.js');
 const minify = require('html-minifier').minify;
+var browserSync = require('browser-sync').create();
 
 const fs = require('fs');
 const markdown = require('markdown-it');
 const prism = require('markdown-it-prism');
 const nunjucks = require('nunjucks');
 const yaml = require('yaml');
-const slugify = require('slugify');
 const dayjs = require('dayjs');
 
 const md = new markdown({
@@ -23,7 +23,6 @@ const md = new markdown({
   breaks: true,
 })
   .use(prism)
-  .use(require('markdown-it-table').markdownItTable)
   .use(require('markdown-it-deflist'))
   .use(require('markdown-it-footnote'))
   .use(require('markdown-it-anchor'))
@@ -165,5 +164,18 @@ const watchers = (done) => {
   done();
 }
 
-gulp.task('dev', gulp.parallel(watchers));
+gulp.task('browser-sync', () => {
+  browserSync.init({
+    watch: true,
+    open: false,
+    server: {
+      baseDir: './public',
+      serveStaticOptions: {
+        extensions: ["html"]
+      }
+    }
+  });
+});
+
+gulp.task('dev', gulp.series('css', 'js', 'copy-robots', 'copy-files', 'generate-static', gulp.parallel(watchers, 'browser-sync')));
 gulp.task('build', gulp.series('css', 'js', 'copy-robots', 'copy-files', 'generate-static'));
diff --git a/package.json b/package.json
index a643a13..ab61dc9 100644
--- a/package.json
+++ b/package.json
@@ -12,22 +12,21 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "dayjs": "^1.8.6",
-    "gulp": "^4.0.0",
-    "gulp-clean-css": "^4.0.0",
+    "browser-sync": "^2.26.7",
+    "dayjs": "^1.8.16",
+    "gulp": "^4.0.2",
+    "gulp-clean-css": "^4.2.0",
     "gulp-concat": "^2.6.1",
-    "gulp-terser": "^1.1.7",
-    "html-minifier": "^3.5.21",
+    "gulp-terser": "^1.2.0",
+    "html-minifier": "^4.0.0",
     "http-server": "^0.11.1",
-    "markdown-it": "^8.4.2",
-    "markdown-it-anchor": "^5.0.2",
+    "markdown-it": "^9.1.0",
+    "markdown-it-anchor": "^5.2.4",
     "markdown-it-checkbox": "^1.1.0",
     "markdown-it-deflist": "^2.0.3",
-    "markdown-it-footnote": "^3.0.1",
-    "markdown-it-prism": "^2.0.1",
-    "markdown-it-table": "^2.0.4",
-    "nunjucks": "^3.1.7",
-    "slugify": "^1.3.4",
-    "yaml": "^1.3.2"
+    "markdown-it-footnote": "^3.0.2",
+    "markdown-it-prism": "^2.0.3",
+    "nunjucks": "^3.2.0",
+    "yaml": "^1.6.0"
   }
 }
diff --git a/source/assets/default.css b/source/assets/default.css
index 304c294..0d1b09e 100644
--- a/source/assets/default.css
+++ b/source/assets/default.css
@@ -266,6 +266,7 @@ footer > * {
   text-decoration: none;
 }
 
+article img[src*="#large"],
 article img.large {
     max-width: 1100px;
     width: 1100px;
diff --git a/source/layouts/footer.njk b/source/layouts/footer.njk
index a8e3aa1..6fbb1b8 100644
--- a/source/layouts/footer.njk
+++ b/source/layouts/footer.njk
@@ -21,4 +21,15 @@
   });
 </script>
 
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-12769079-10"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag() { dataLayer.push(arguments); }
+  gtag('js', new Date());
+
+  gtag('config', 'UA-12769079-10');
+</script>
+
+
 <script src="//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-AMS-MML_HTMLorMML" async></script>