https://mads-docs.netlify.app/tutorial/Recent content in Tutorial onHugo -- gohugo.ioen-USTue, 17 Nov 2020 19:48:27 +0100https://mads-docs.netlify.app/tutorial/introduction/Thu, 17 Jun 2021 20:11:42 +0100https://mads-docs.netlify.app/tutorial/introduction/Steps Sign up on MADS. Start new project. Create Entity Map. Add Gateways. Create Dashboards. Analyse Data. Visualise Analysis.https://mads-docs.netlify.app/tutorial/sign-up-on-mads/Wed, 18 Nov 2020 08:20:35 +0100https://mads-docs.netlify.app/tutorial/sign-up-on-mads/Sign up on MADS This page is under construction, and will be up in no time. ```bash node --version ``` ### Check npm install ```bash npm --version ``` --https://mads-docs.netlify.app/tutorial/start-new-project/Mon, 30 Nov 2020 14:24:13 +0100https://mads-docs.netlify.app/tutorial/start-new-project/Start New Project This page is under construction, and will be up in no time. ```bash git clone https://github.com/h-enk/doks.git my-doks-site ``` ### Change directories ```bash cd my-doks-site ``` ### Install dependencies ```bash npm install ``` Installing dependencies can take a minute. Warnings can be ignored. ### Start development server ```bash npm run start ``` Doks will start the Hugo development webserver accessible by default at `http://localhost:1313`. Saved changes will live reload in the browser.https://mads-docs.netlify.app/tutorial/create-entity-map/Mon, 30 Nov 2020 14:27:14 +0100https://mads-docs.netlify.app/tutorial/create-entity-map/Create Entity Map This page is under construction, and will be up in no time. 💡 Visual Studio Code is a free code editor for Linux, macOS, and Windows. Open `./config/_default/params.toml` in your code editor. ## Meta data Set meta data for Search Engine Optimization (SEO) and Social Media sharing. ### Title + Description Change these settings: ```toml title = "Doks" titleSeparator = "-" titleAddition = "Modern Documentation Theme" description = "https://mads-docs.netlify.app/tutorial/add-gateways/Mon, 30 Nov 2020 14:27:30 +0100https://mads-docs.netlify.app/tutorial/add-gateways/Add Gateways This page is under construction, and will be up in no time. In `index.html`: ```html {{ define "main" }} .. {{ end }} {{ define "sidebar-prefooter" }} .. {{ end }} {{ define "sidebar-footer" }} .. {{ end }} ``` Per section, you can customize the [layout](https://getbootstrap.com/docs/4.5/layout/overview/): 1. optionally, add a [section](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section) element 2. add a [container](https://getbootstrap.com/docs/4.5/layout/overview/#containers) 3. add a [grid](https://getbootstrap.com/docs/4.5/layout/grid/) ### Components Within a grid, you can use components like [buttons](https://getbootstrap.https://mads-docs.netlify.app/tutorial/create-dashboards/Mon, 30 Nov 2020 14:27:39 +0100https://mads-docs.netlify.app/tutorial/create-dashboards/Create Dashboards This page is under construction, and will be up in no time. Open `./config/_default/menus.toml` in your code editor. ## Add to main menu ```toml [[main]] name = "Docs" url = "/docs/prologue/introduction/" weight = 10 [[main]] name = "Blog" url = "/blog/" weight = 20 ``` ## Add to social menu 👉 Doks uses Feather Icons ```toml [[social]] name = "Twitter" pre = "" url = "https://twitter.com/gethyas" weight = 10 [[social]] name = "https://mads-docs.netlify.app/tutorial/analyse-data/Mon, 30 Nov 2020 14:27:47 +0100https://mads-docs.netlify.app/tutorial/analyse-data/Analyse Data This page is under construction, and will be up in no time. 💡 Valid image formats are: jpg, png, tiff, bmp, and gif. Add a small image in your page bundle to your page using shortcode `img-simple`. ### Example ```bash {{}} ``` Will be processed into: ## Add a large image Using `figure` and `figcaption` with `img`, `src`, and `data-srcset`. With `noscript` fallback. 💡 Valid image formats are: jpg, png, tiff, and bmp.https://mads-docs.netlify.app/tutorial/visualise-analysis/Mon, 30 Nov 2020 14:28:08 +0100https://mads-docs.netlify.app/tutorial/visualise-analysis/Visualise Analysis This page is under construction, and will be up in no time. 👉 To avoid errors, do not initialize the new repository with README, LICENSE, and .gitignore files. Create a new repository on [GitHub](https://github.com/) (or [GitLab](https://gitlab.com/), or [Bitbucket](https://bitbucket.org/)): [Create new repository →](https://github.com/new) #### 2. Initialize your local directory Initialize your local Doks site directory as a Git repository: ```bash npm run init ``` #### 3. Add your local files Add the files in your new local repository.