diff --git a/content/post/data-visualization/featured.jpg b/content/post/data-visualization/featured.jpg deleted file mode 100644 index 8c97312..0000000 Binary files a/content/post/data-visualization/featured.jpg and /dev/null differ diff --git a/content/post/data-visualization/index.md b/content/post/data-visualization/index.md deleted file mode 100644 index 2a584e3..0000000 --- a/content/post/data-visualization/index.md +++ /dev/null @@ -1,157 +0,0 @@ ---- -title: 📈 Communicate your results effectively with the best data visualizations -summary: Use popular tools such as Plotly, Mermaid, and data frames. -date: 2023-10-25 -authors: - - admin -tags: - - Hugo - - Hugo Blox - - Markdown -image: - caption: 'Image credit: [**Unsplash**](https://unsplash.com)' ---- - -Hugo Blox is designed to give technical content creators a seamless experience. You can focus on the content and Hugo Blox handles the rest. - -Use popular tools such as Plotly, Mermaid, and data frames. - -## Charts - -Hugo Blox supports the popular [Plotly](https://plot.ly/) format for interactive data visualizations. With Plotly, you can design almost any kind of visualization you can imagine! - -Save your Plotly JSON in your page folder, for example `line-chart.json`, and then add the `{{}}` shortcode where you would like the chart to appear. - -Demo: - -{{< chart data="line-chart" >}} - -You might also find the [Plotly JSON Editor](http://plotly-json-editor.getforge.io/) useful. - -## Diagrams - -Hugo Blox supports the _Mermaid_ Markdown extension for diagrams. - -An example **flowchart**: - - ```mermaid - graph TD - A[Hard] -->|Text| B(Round) - B --> C{Decision} - C -->|One| D[Result 1] - C -->|Two| E[Result 2] - ``` - -renders as - -```mermaid -graph TD -A[Hard] -->|Text| B(Round) -B --> C{Decision} -C -->|One| D[Result 1] -C -->|Two| E[Result 2] -``` - -An example **sequence diagram**: - - ```mermaid - sequenceDiagram - Alice->>John: Hello John, how are you? - loop Healthcheck - John->>John: Fight against hypochondria - end - Note right of John: Rational thoughts! - John-->>Alice: Great! - John->>Bob: How about you? - Bob-->>John: Jolly good! - ``` - -renders as - -```mermaid -sequenceDiagram -Alice->>John: Hello John, how are you? -loop Healthcheck - John->>John: Fight against hypochondria -end -Note right of John: Rational thoughts! -John-->>Alice: Great! -John->>Bob: How about you? -Bob-->>John: Jolly good! -``` - -An example **class diagram**: - - ```mermaid - classDiagram - Class01 <|-- AveryLongClass : Cool - Class03 *-- Class04 - Class05 o-- Class06 - Class07 .. Class08 - Class09 --> C2 : Where am i? - Class09 --* C3 - Class09 --|> Class07 - Class07 : equals() - Class07 : Object[] elementData - Class01 : size() - Class01 : int chimp - Class01 : int gorilla - Class08 <--> C2: Cool label - ``` - -renders as - -```mermaid -classDiagram -Class01 <|-- AveryLongClass : Cool -Class03 *-- Class04 -Class05 o-- Class06 -Class07 .. Class08 -Class09 --> C2 : Where am i? -Class09 --* C3 -Class09 --|> Class07 -Class07 : equals() -Class07 : Object[] elementData -Class01 : size() -Class01 : int chimp -Class01 : int gorilla -Class08 <--> C2: Cool label -``` - -An example **state diagram**: - - ```mermaid - stateDiagram - [*] --> Still - Still --> [*] - Still --> Moving - Moving --> Still - Moving --> Crash - Crash --> [*] - ``` - -renders as - -```mermaid -stateDiagram -[*] --> Still -Still --> [*] -Still --> Moving -Moving --> Still -Moving --> Crash -Crash --> [*] -``` - -## Data Frames - -Save your spreadsheet as a CSV file in your page's folder and then render it by adding the _Table_ shortcode to your page: - -```go -{{}} -``` - -renders as - -{{< table path="results.csv" header="true" caption="Table 1: My results" >}} - -## Did you find this page helpful? Consider sharing it 🙌 diff --git a/content/post/data-visualization/line-chart.json b/content/post/data-visualization/line-chart.json deleted file mode 100644 index 4307b4f..0000000 --- a/content/post/data-visualization/line-chart.json +++ /dev/null @@ -1,71 +0,0 @@ -{ - "data": [ - { - "uid": "babced", - "fill": "tonexty", - "mode": "none", - "name": "Col2", - "type": "scatter", - "x": [ - "2000-01-01", - "2001-01-01", - "2002-01-01", - "2003-01-01", - "2004-01-01", - "2005-01-01", - "2006-01-01", - "2007-01-01", - "2008-01-01", - "2009-01-01", - "2010-01-01", - "2011-01-01", - "2012-01-01", - "2013-01-01", - "2014-01-01", - "2015-01-01", - "2016-01-01" - ], - "y": [ - "17087182", - "29354370", - "38760373", - "40912332", - "51611646", - "64780617", - "85507314", - "121892559", - "172338726", - "238027855", - "206956723", - "346004403", - "697089489", - "672985183", - "968882453", - "863105652", - "1068513050" - ], - "fillcolor": "rgb(224, 102, 102)" - } - ], - "layout": { - "title": "Total Number of Websites", - "width": 800, - "xaxis": { - "type": "date", - "range": [946702800000, 1451624400000], - "title": "Source: Scribblrs
Source: Internet Live Stats", - "showgrid": false, - "autorange": true, - "tickformat": "%Y" - }, - "yaxis": { - "type": "linear", - "range": [0, 1124750578.9473684], - "title": "", - "autorange": true - }, - "height": 500, - "autosize": false - }, - "frames": [] -} diff --git a/content/post/data-visualization/results.csv b/content/post/data-visualization/results.csv deleted file mode 100644 index 0630ed9..0000000 --- a/content/post/data-visualization/results.csv +++ /dev/null @@ -1,4 +0,0 @@ -customer_id, score -1,0 -2,0.5 -3,1 diff --git a/content/post/project-management/featured.jpg b/content/post/project-management/featured.jpg deleted file mode 100644 index a9e0ac0..0000000 Binary files a/content/post/project-management/featured.jpg and /dev/null differ diff --git a/content/post/project-management/index.md b/content/post/project-management/index.md deleted file mode 100644 index 959b1af..0000000 --- a/content/post/project-management/index.md +++ /dev/null @@ -1,94 +0,0 @@ ---- -title: ✅ Manage your projects -summary: Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more! -date: 2023-10-23 -authors: - - admin -tags: - - Hugo Blox - - Markdown -image: - caption: 'Image credit: [**Unsplash**](https://unsplash.com)' ---- - -Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more! - -## Ideation - -Hugo Blox supports a Markdown extension for mindmaps. - -Simply insert a Markdown code block labelled as `markmap` and optionally set the height of the mindmap as shown in the example below. - -Mindmaps can be created by simply writing the items as a Markdown list within the `markmap` code block, indenting each item to create as many sub-levels as you need: - -
-
-
-```markmap {height="200px"}
-- Hugo Modules
-  - Hugo Blox
-  - blox-plugins-netlify
-  - blox-plugins-netlify-cms
-  - blox-plugins-reveal
-```
-
-
-
- -renders as - -```markmap {height="200px"} -- Hugo Modules - - Hugo Blox - - blox-plugins-netlify - - blox-plugins-netlify-cms - - blox-plugins-reveal -``` - -## Diagrams - -Hugo Blox supports the _Mermaid_ Markdown extension for diagrams. - -An example **Gantt diagram**: - - ```mermaid - gantt - section Section - Completed :done, des1, 2014-01-06,2014-01-08 - Active :active, des2, 2014-01-07, 3d - Parallel 1 : des3, after des1, 1d - Parallel 2 : des4, after des1, 1d - Parallel 3 : des5, after des3, 1d - Parallel 4 : des6, after des4, 1d - ``` - -renders as - -```mermaid -gantt -section Section -Completed :done, des1, 2014-01-06,2014-01-08 -Active :active, des2, 2014-01-07, 3d -Parallel 1 : des3, after des1, 1d -Parallel 2 : des4, after des1, 1d -Parallel 3 : des5, after des3, 1d -Parallel 4 : des6, after des4, 1d -``` - -## Todo lists - -You can even write your todo lists in Markdown too: - -```markdown -- [x] Write math example - - [x] Write diagram example -- [ ] Do something else -``` - -renders as - -- [x] Write math example - - [x] Write diagram example -- [ ] Do something else - -## Did you find this page helpful? Consider sharing it 🙌 diff --git a/content/post/second-brain/featured.jpg b/content/post/second-brain/featured.jpg deleted file mode 100644 index 9320048..0000000 Binary files a/content/post/second-brain/featured.jpg and /dev/null differ diff --git a/content/post/second-brain/index.md b/content/post/second-brain/index.md deleted file mode 100644 index a96a877..0000000 --- a/content/post/second-brain/index.md +++ /dev/null @@ -1,138 +0,0 @@ ---- -title: 🧠 Sharpen your thinking with a second brain -summary: Create a personal knowledge base and share your knowledge with your peers. -date: 2023-10-26 -authors: - - admin -tags: - - Second Brain - - Markdown -image: - caption: 'Image credit: [**Unsplash**](https://unsplash.com)' ---- - -Create a personal knowledge base and share your knowledge with your peers. - -Hugo Blox web framework empowers you with one of the most flexible note-taking capabilities out there. - -Create a powerful knowledge base that works on top of a local folder of plain text Markdown files. - -Use it as your second brain, either publicly sharing your knowledge with your peers via your website, or via a private GitHub repository and password-protected site just for yourself. - -## Mindmaps - -Hugo Blox supports a Markdown extension for mindmaps. - -With this open format, can even edit your mindmaps in other popular tools such as Obsidian. - -Simply insert a Markdown code block labelled as `markmap` and optionally set the height of the mindmap as shown in the example below. - -Mindmaps can be created by simply writing the items as a Markdown list within the `markmap` code block, indenting each item to create as many sub-levels as you need: - -
-
-
-```markmap {height="200px"}
-- Hugo Modules
-  - Hugo Blox
-  - blox-plugins-netlify
-  - blox-plugins-netlify-cms
-  - blox-plugins-reveal
-```
-
-
-
- -renders as - -```markmap {height="200px"} -- Hugo Modules - - Hugo Blox - - blox-plugins-netlify - - blox-plugins-netlify-cms - - blox-plugins-reveal -``` - -Anh here's a more advanced mindmap with formatting, code blocks, and math: - -
-
-
-```markmap
-- Mindmaps
-  - Links
-    - [Hugo Blox Docs](https://docs.hugoblox.com/)
-    - [Discord Community](https://discord.gg/z8wNYzb)
-    - [GitHub](https://github.com/HugoBlox/hugo-blox-builder)
-  - Features
-    - Markdown formatting
-    - **inline** ~~text~~ *styles*
-    - multiline
-      text
-    - `inline code`
-    -
-      ```js
-      console.log('hello');
-      console.log('code block');
-      ```
-    - Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$
-```
-
-
-
- -renders as - -```markmap -- Mindmaps - - Links - - [Hugo Blox Docs](https://docs.hugoblox.com/) - - [Discord Community](https://discord.gg/z8wNYzb) - - [GitHub](https://github.com/HugoBlox/hugo-blox-builder) - - Features - - Markdown formatting - - **inline** ~~text~~ *styles* - - multiline - text - - `inline code` - - - ```js - console.log('hello'); - console.log('code block'); - ``` - - Math: $x = {-b \pm \sqrt{b^2-4ac} \over 2a}$ -``` - -## Highlighting - -Highlight important text with `mark`: - -```html -Highlighted text -``` - -## Callouts - -Use [callouts](https://docs.hugoblox.com/reference/markdown/#callouts) (aka _asides_, _hints_, or _alerts_) to draw attention to notes, tips, and warnings. - -By wrapping a paragraph in `{{%/* callout note */%}} ... {{%/* /callout */%}}`, it will render as an aside. - -```markdown -{{%/* callout note */%}} -A Markdown aside is useful for displaying notices, hints, or definitions to your readers. -{{%/* /callout */%}} -``` - -renders as - -{{% callout note %}} -A Markdown aside is useful for displaying notices, hints, or definitions to your readers. -{{% /callout %}} - -Or use the `warning` callout type so your readers don't miss critical details: - -{{% callout warning %}} -A Markdown aside is useful for displaying notices, hints, or definitions to your readers. -{{% /callout %}} - -## Did you find this page helpful? Consider sharing it 🙌 diff --git a/content/post/teach-courses/ambient-piano.mp3 b/content/post/teach-courses/ambient-piano.mp3 deleted file mode 100644 index 8795f38..0000000 Binary files a/content/post/teach-courses/ambient-piano.mp3 and /dev/null differ diff --git a/content/post/teach-courses/featured.jpg b/content/post/teach-courses/featured.jpg deleted file mode 100644 index 5b05393..0000000 Binary files a/content/post/teach-courses/featured.jpg and /dev/null differ diff --git a/content/post/teach-courses/index.md b/content/post/teach-courses/index.md deleted file mode 100644 index f1d1dd6..0000000 --- a/content/post/teach-courses/index.md +++ /dev/null @@ -1,137 +0,0 @@ ---- -title: 👩🏼‍🏫 Teach academic courses -summary: Embed videos, podcasts, code, LaTeX math, and even test students! -date: 2023-10-24 -math: true -authors: - - admin -tags: - - Hugo - - Hugo Blox Builder - - Markdown -image: - caption: 'Embed rich media such as videos and LaTeX math' ---- - -[Hugo Blox Builder](https://hugoblox.com) is designed to give technical content creators a seamless experience. You can focus on the content and the Hugo Blox Builder which this template is built upon handles the rest. - -**Embed videos, podcasts, code, LaTeX math, and even test students!** - -On this page, you'll find some examples of the types of technical content that can be rendered with Hugo Blox. - -## Video - -Teach your course by sharing videos with your students. Choose from one of the following approaches: - -**Youtube**: - - {{}} - -{{< youtube D2vj0WcvH5c >}} - -**Bilibili**: - - {{}} - -{{< bilibili BV1WV4y1r7DF >}} - -**Video file** - -Videos may be added to a page by either placing them in your `assets/media/` media library or in your [page's folder](https://gohugo.io/content-management/page-bundles/), and then embedding them with the _video_ shortcode: - - {{}} - -## Podcast - -You can add a podcast or music to a page by placing the MP3 file in the page's folder or the media library folder and then embedding the audio on your page with the _audio_ shortcode: - - {{}} - -Try it out: - -{{< audio src="ambient-piano.mp3" >}} - -## Test students - -Provide a simple yet fun self-assessment by revealing the solutions to challenges with the `spoiler` shortcode: - -```markdown -{{}} -You found me! -{{}} -``` - -renders as - -{{< spoiler text="👉 Click to view the solution" >}} You found me 🎉 {{< /spoiler >}} - -## Math - -Hugo Blox Builder supports a Markdown extension for $\LaTeX$ math. Enable math by setting the `math: true` option in your page's front matter, or enable math for your entire site by toggling math in your `config/_default/params.yaml` file: - -```yaml -features: - math: - enable: true -``` - -To render _inline_ or _block_ math, wrap your LaTeX math with `$...$` or `$$...$$`, respectively. - -Example **math block**: - -```latex -$$ -\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2} -$$ -``` - -renders as - -$$\gamma_{n} = \frac{ \left | \left (\mathbf x_{n} - \mathbf x_{n-1} \right )^T \left [\nabla F (\mathbf x_{n}) - \nabla F (\mathbf x_{n-1}) \right ] \right |}{\left \|\nabla F(\mathbf{x}_{n}) - \nabla F(\mathbf{x}_{n-1}) \right \|^2}$$ - -Example **inline math** `$\nabla F(\mathbf{x}_{n})$` renders as $\nabla F(\mathbf{x}_{n})$. - -Example **multi-line math** using the math linebreak (`\\`): - -```latex -$$f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ -1-p_{0}^{*} & \text{if }k=0.\end{cases}$$ -``` - -renders as - -$$ -f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ -1-p_{0}^{*} & \text{if }k=0.\end{cases} -$$ - -## Code - -Hugo Blox Builder utilises Hugo's Markdown extension for highlighting code syntax. The code theme can be selected in the `config/_default/params.yaml` file. - - - ```python - import pandas as pd - data = pd.read_csv("data.csv") - data.head() - ``` - -renders as - -```python -import pandas as pd -data = pd.read_csv("data.csv") -data.head() -``` - -## Inline Images - -```go -{{}} Python -``` - -renders as - -{{< icon name="python" >}} Python - -## Did you find this page helpful? Consider sharing it 🙌 diff --git a/content/publication/larkin-sanders-andresen-algate-2018/index.md b/content/publication/larkin-sanders-andresen-algate-2018/index.md index 1a2a45a..b5f9d04 100644 --- a/content/publication/larkin-sanders-andresen-algate-2018/index.md +++ b/content/publication/larkin-sanders-andresen-algate-2018/index.md @@ -29,10 +29,10 @@ tags: - Behavioural Science featured: false -# links: +links: # - name: "" -# url: "" -url_pdf: https://journal-bpa.org/index.php/jbpa/article/view/54 +- url: "https://journal-bpa.org/index.php/jbpa/article/view/54" +url_pdf: https://papers.ssrn.com/sol3/papers.cfm?abstract_id=3167575 url_code: '' url_dataset: '' url_poster: ''