Web Technologies
Websites must be created with three things in mind guiding principles:
- Open Standards Full adherence to open standards, specifically those of the World Wide Web Consortium ( W3C ) w3.org
- Open Source Use only open source software ( operating systems and tools). so only Linux in both development and production, and opensource programs.
- Command Line Use only command line tools, from shell linux, without useless and buggy graphical or web user interfaces.
Toolbox
- Text editor vim vim.org
- Git distributed version control software git-scm.com
- SSG (static site generator) and Hugo web development framework, gohugo.io
- GraphicsMagick image manipulation suite graphicsmagick.org
- Text converter to various formats PanDoc [pandoc.org] (https://pandoc.org/)
- Ubuntu Linux OS on pc for development ubuntu.com
- OS Centos 7 in the production virtual machine centos.org
- HaProxy traffic balancer haproxy.org
- Nginx web server [nginx.org] (https://nginx.org/)
Languages
Hugo uses the Go language; Markdown is used on the site for text editing, tOML for configuration, serialization and data exchange (along with YAML and JSON) LaTex and MathJax (or KaTex) for inclusion of symbols and mathematical formulas, HTML 5,CSS 3 and Javascript (JQuery and Bootstrap frameworks) for presentation:
Internet connection
The website uses global Content Delivery Network (CDN) services and anycast Domain Name System (DNS) provider CloudFlare Inc. Email services of MX Guard Dog and [Mail Jet] (https://www.mailjet.com/).
Graphics
The graphic theme ( a responsive one page business template built with HTML5/CSS3, Bootstrap 3,JavaScript and JQuery) was derived from the meghna and airspace themes of ThemeFisher under a Creative Commons Attribution 3.0 (CC-BY-3.0) license. The icons are sources from the Elegant and Ion collections (ThemeFisher Icons)
The photographs come from the image stocks 123rf, pixabay, pexels, istockphoto,… license both free and paid one-time, royalty-free, no attribution for commercial use: 123rf, iStockPhoto, PixaBay, Pexels.
More guides and tutorials:
- https://gohugo.io/getting-started/quick-start/
- https://www.digitalocean.com/community/tutorials/how-to-install-and-use-hugo-a-static-site-generator-on-ubuntu-14-04
- https://georgecushen.com/create-your-website-with-hugo/
- https://kodify.net/hugo-static-site-tutorials/
- https://sourcethemes.com/academic/docs/writing-markdown-latex
- https://netlifycms.org/
- https://github.com/netlify-templates/one-click-hugo-cms
- https://www.hokus.io/
- https://gohugo.io/content-management/formats/
- Hugo MarkDown
- Markdown Cheatsheet
- github markdown dialect
- Hugo Learn Theme