Replace <img> tags with markdown images.

Fixes broken image widths in some older blog posts.

public/css/custom.css

@@ -1003,6 +1003,9 @@ a.carousel-arrow-next {
     width: 100%;
   }
 }
+.blg-text > p > img {
+  margin: 1em 0;
+}
 .blg-social {
   list-style-type: none;
   margin: 0;

src/content/blog/2016/enabling-elastic-computing-nextflow.md

@@ -21,7 +21,7 @@ This solution is characterised by using a lean application stack which does not
 require any third party component installed in the EC2 instances other than a Java VM and the
 Docker engine (the latter it's only required in order to deploy pipeline binary dependencies).
 
-<img alt='Nextflow cloud deployment' width='640' height='448' src='/img/cloud-deployment.png' />
+![Nextflow cloud deployment](/img/cloud-deployment.png)
 
 Each EC2 instance runs a script, at bootstrap time, that mounts the [EFS](https://aws.amazon.com/efs/)
 storage and downloads and launches the Nextflow cluster daemon. This daemon is self-configuring,

src/content/blog/2017/nextflow-and-cwl.md

@@ -28,9 +28,7 @@ subworkflows are not supported, each step must be a CWL `CommandLineTool` file.
 
 The image below shows an example of the major components in the CWL files and then post-conversion (click to zoom).
 
-<a href='/img/cwl2nxf-min.png' target='_blank'>
-<img alt='Nextflow CWL conversion' width='760' src='/img/cwl2nxf-min.png' style='margin:1em auto'/>
-</a>
+[![Nextflow CWL conversion](/img/cwl2nxf-min.png)](/img/cwl2nxf-min.png)
 
 CWL and Nextflow share a similar structure of defining inputs and outputs as shown above.
 

src/content/blog/2017/nextflow-hack17.md

@@ -39,7 +39,7 @@ An image of the example report is shown below with the interactive HTML availabl
 [here](/misc/nf-trace-report.html). It is expected to be merged into the main branch of Nextflow
 with documentation in a near-future release.
 
-<img alt='Nextflow HTML execution report' width='760' src='/img/nf-trace-report-min.png' style='margin:1em auto'/>
+![Nextflow HTML execution report](/img/nf-trace-report-min.png)
 
 ### Nextflow pipeline for 16S microbial data
 

src/content/blog/2017/nextflow-workshop.md

@@ -177,4 +177,4 @@ The registration form is [available here](http://apps.crg.es/content/internet/ev
 <br>
 See you in Barcelona!
 
-<img alt='Nextflow workshop' width='640' src='/img/nf-workshop.png' style='padding-top: 1em'/>
+![Nextflow workshop](/img/nf-workshop.png)

src/content/blog/2018/nextflow-turns-5.md

@@ -31,7 +31,11 @@ There is also a Python package with helper tools for Nextflow.
 
 You can find more information about the community via the project [website](https://nf-core.github.io), [GitHub repository](https://github.com/nf-core), [Twitter account](https://twitter.com/nf_core) or join the dedicated [Gitter](https://gitter.im/nf-core/Lobby) chat.
 
-<img alt='nf-core logo' width='560' src='/img/nf-core-logo-min.png' style='margin:1em auto; cursor: pointer;' onclick="window.open('https://nf-core.github.io')" />
+<div class="row"><div class="col-md-6 col-md-offset-3">
+
+[![nf-core logo](/img/nf-core-logo-min.png)](https://nf-co.re)
+
+</div></div>
 
 ### Kubernetes has landed
 
@@ -41,7 +45,7 @@ Kubernetes looks be one of the key technologies for the application of container
 
 The new command `nextflow kuberun` launches the Nextflow driver as a _pod_ which is then able to run workflow tasks as other pods within a Kubernetes cluster. You can read more in the documentation on Kubernetes support for Nextflow [here](https://www.nextflow.io/docs/latest/kubernetes.html).
 
-<img alt='Nextflow and Kubernetes' width='760' src='/img/nextflow-kubernetes-min.png' style='margin:1em auto'/>
+![Nextflow and Kubernetes](/img/nextflow-kubernetes-min.png)
 
 ### Improved reporting and notifications
 
@@ -57,14 +61,21 @@ There has also been additions to workflow notifications. Currently these can be
 
 Writing workflows no longer has to be done in monochrome. There is now syntax highlighting for Nextflow in the popular [Atom editor](https://atom.io) as well as in [Visual Studio Code](https://code.visualstudio.com).
 
-<img alt='Nextflow syntax highlighting with Atom' width='360' src='/img/atom-min.png' style='margin:1em auto; cursor: pointer;' onclick="window.open(this.src)" />
-<img alt='Nextflow syntax highlighting with VSCode' width='360' src='/img/vscode-min.png' style='margin:1em auto; cursor: pointer;' onclick="window.open(this.src)" />
+<div class="row"><div class="col-md-6">
+
+[![Nextflow syntax highlighting with Atom](/img/atom-min.png)](/img/atom-min.png)
+
+</div><div class="col-md-6">
+
+[![Nextflow syntax highlighting with VSCode](/img/vscode-min.png)](/img/vscode-min.png)
+
+</div></div>
 
 You can find the Atom plugin by searching for Nextflow in Atoms package installer or clicking [here](https://atom.io/packages/language-nextflow). The Visual Studio plugin can be downloaded [here](https://marketplace.visualstudio.com/items?itemName=nextflow.nextflow).
 
 On a related note, Nextflow is now an official language on GitHub!
 
-<img alt='GitHub nextflow syntax' width='760' src='/img/github-nf-syntax-min.png' style='margin:1em auto'/>
+![GitHub nextflow syntax](/img/github-nf-syntax-min.png)
 
 ### Conclusion
 

src/content/blog/2021/nextflow-developer-environment.md

@@ -28,7 +28,7 @@ Nextflow pipelines can be written in any plain text editor. I'm personally a bit
 
 My current choice is Visual Studio Code which provides a wealth of add-ons, the most obvious of these being syntax highlighting. With [VSCode installed](https://code.visualstudio.com/download), you can search for the Nextflow extension in the marketplace.
 
-<img alt='VSCode with Nextflow Syntax Highlighting' width='796' height='482' src='/img/vscode-nf-highlighting.png' />
+![VSCode with Nextflow Syntax Highlighting](/img/vscode-nf-highlighting.png)
 
 Other syntax highlighting has been made available by the community including:
 
@@ -46,7 +46,7 @@ Start the Nextflow console with the following command:
 $ nextflow console
 ```
 
-<img alt='Nextflow REPL console' width='796' height='549' src='/img/nf-repl-console.png' />
+![Nextflow REPL console](/img/nf-repl-console.png)
 
 Use the `CTRL+R` keyboard shortcut to run (`⌘+R`on the Mac) and to evaluate your code. You can also evaluate by selecting code and use the **Run selection**.
 
@@ -70,7 +70,7 @@ To learn more about building Docker containers, see the [Seqera Labs tutorial](h
 
 Additionally, you can install the VSCode marketplace addon for Docker to manage and interactively run and test the containers and images on your machine. You can even connect to remote registries such as Dockerhub, Quay.io, AWS ECR, Google Cloud and Azure Container registries.
 
-<img alt='VSCode with Docker Extension' width='796' height='482' src='/img/vs-code-with-docker-extension.png' />
+![VSCode with Docker Extension](/img/vs-code-with-docker-extension.png)
 
 ### 5. Use Tower to monitor your pipelines
 
@@ -106,7 +106,7 @@ or
 $ pip install nf-core
 ```
 
-<img alt='nf-core tools' width='796' height='561' src='/img/nf-core-tools.png' />
+![nf-core tools](/img/nf-core-tools.png)
 
 ### Conclusion