diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml new file mode 100644 index 0000000..2ed14d2 --- /dev/null +++ b/.github/FUNDING.yml @@ -0,0 +1,2 @@ +github: gcushen +custom: https://hugoblox.com/sponsor/ diff --git a/.github/preview.webp b/.github/preview.webp new file mode 100644 index 0000000..203ce8d Binary files /dev/null and b/.github/preview.webp differ diff --git a/.github/workflows/import-publications.yml b/.github/workflows/import-publications.yml new file mode 100644 index 0000000..8ee4b62 --- /dev/null +++ b/.github/workflows/import-publications.yml @@ -0,0 +1,57 @@ +# Hugo Blox GitHub Action to convert Bibtex publications to Markdown-based webpages +name: Import Publications From Bibtex + +# Require permission to create a PR +permissions: + contents: write + pull-requests: write + +# Run workflow when a `.bib` file is added or updated in the `data/` folder +on: + push: + branches: ['main'] + paths: ['publications.bib'] + + # Allows you to run this workflow manually from the Actions tab + workflow_dispatch: + +jobs: + hugoblox: + if: github.repository_owner != 'HugoBlox' + runs-on: ubuntu-latest + steps: + - name: Checkout the repo + uses: actions/checkout@v3 + - name: Set up Python 3.12 + uses: actions/setup-python@v4 + with: + python-version: "3.12" + - name: Install dependencies + run: | + python -m pip install --upgrade pip + pip install academic==0.10.0 + - name: Run Academic (Bibtex To Markdown Converter) + # Check `.bib` file exists for case when action runs on `.bib` deletion + # Note GH only provides hashFiles func in `steps.if` context, not `jobs.if` context + if: ${{ hashFiles('publications.bib') != '' }} + run: academic import publications.bib content/publication/ --compact + - name: Create Pull Request + # Set ID for `Check outputs` stage + id: cpr + uses: peter-evans/create-pull-request@v5 + with: + commit-message: 'content: import publications from Bibtex' + title: Hugo Blox Builder - Import latest publications + body: | + Import the latest publications from `publications.bib` to `content/publication/`. + 将最新的出版物从`publications.bib`导入到`content/publication/`。 + [View Documentation](https://github.com/GetRD/academic-file-converter) + base: main + labels: automated-pr, content + branch: hugoblox-import-publications + delete-branch: true + - name: Check outputs + if: ${{ steps.cpr.outputs.pull-request-number }} + run: | + echo "Pull Request Number - ${{ steps.cpr.outputs.pull-request-number }}" + echo "Pull Request URL - ${{ steps.cpr.outputs.pull-request-url }}" diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml new file mode 100644 index 0000000..53a106e --- /dev/null +++ b/.github/workflows/publish.yaml @@ -0,0 +1,72 @@ +name: Deploy website to GitHub Pages + +env: + WC_HUGO_VERSION: '0.126.3' + +on: + # Trigger the workflow every time you push to the `main` branch + push: + branches: ["main"] + # Allows you to run this workflow manually from the Actions tab on GitHub. + workflow_dispatch: + +# Provide permission to clone the repo and deploy it to GitHub Pages +permissions: + contents: read + pages: write + id-token: write + +concurrency: + group: "pages" + cancel-in-progress: false + +jobs: + # Build website + build: + if: github.repository_owner != 'HugoBlox' + runs-on: ubuntu-latest + steps: + - name: Checkout + uses: actions/checkout@v4 + with: + # Fetch history for Hugo's .GitInfo and .Lastmod + fetch-depth: 0 + - name: Setup Hugo + uses: peaceiris/actions-hugo@v2 + with: + hugo-version: ${{ env.WC_HUGO_VERSION }} + extended: true + - uses: actions/cache@v3 + with: + path: /tmp/hugo_cache_runner/ + key: ${{ runner.os }}-hugomod-${{ hashFiles('**/go.mod') }} + restore-keys: | + ${{ runner.os }}-hugomod- + - name: Setup Pages + id: pages + uses: actions/configure-pages@v3 + - name: Build with Hugo + env: + HUGO_ENVIRONMENT: production + run: | + echo "Hugo Cache Dir: $(hugo config | grep cachedir)" + hugo --minify --baseURL "${{ steps.pages.outputs.base_url }}/" + - name: Generate Pagefind search index + run: npx pagefind --site "public" + - name: Upload artifact + uses: actions/upload-pages-artifact@v2 + with: + path: ./public + + # Deploy website to GitHub Pages hosting + deploy: + if: github.repository_owner != 'HugoBlox' + environment: + name: github-pages + url: ${{ steps.deployment.outputs.page_url }} + runs-on: ubuntu-latest + needs: build + steps: + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v2 diff --git a/.github/workflows/updater-wip.yml b/.github/workflows/updater-wip.yml new file mode 100644 index 0000000..43aacf1 --- /dev/null +++ b/.github/workflows/updater-wip.yml @@ -0,0 +1,22 @@ +name: Updater (WIP) + +on: + schedule: + - cron: 0 0 * * 0 + # Allows you to run this workflow manually from the Actions tab on GitHub. + workflow_dispatch: + +# Provide permission to clone the repo and deploy it to GitHub Pages +permissions: + contents: write + +jobs: + update: + if: github.repository_owner == 'HugoBlox' + runs-on: ubuntu-latest + steps: + - uses: HugoBlox/gh-action-updater@v1 + with: + feed-url: https://hugoblox.com/rss.xml + readme-section: news + branch: main diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..d25bdeb --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2023-present George Cushen (https://georgecushen.com/) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/README.md b/README.md new file mode 100644 index 0000000..9f25f0f --- /dev/null +++ b/README.md @@ -0,0 +1,52 @@ +# [Hugo Academic CV Theme](https://github.com/HugoBlox/theme-academic-cv) + +[![Screenshot](.github/preview.webp)](https://hugoblox.com/templates/) + +The Hugo **Academic CV Template** empowers you to easily create your job-winning online resumé, showcase your academic publications, and create online courses or knowledge bases to grow your audience. + +[![Get Started](https://img.shields.io/badge/-Get%20started-ff4655?style=for-the-badge)](https://hugoblox.com/templates/) +[![Discord](https://img.shields.io/discord/722225264733716590?style=for-the-badge)](https://discord.com/channels/722225264733716590/742892432458252370/742895548159492138) +[![Twitter Follow](https://img.shields.io/twitter/follow/GetResearchDev?label=Follow%20on%20Twitter)](https://twitter.com/GetResearchDev) + +️**Trusted by 250,000+ researchers, educators, and students.** Highly customizable via the integrated **no-code, Hugo Blox Builder**, making every site truly personalized ⭐⭐⭐⭐⭐ + +Easily write technical content with plain text Markdown, LaTeX math, diagrams, RMarkdown, or Jupyter, and import publications from BibTeX. + +[Check out the latest demo](https://academic-demo.netlify.app/) of what you'll get in less than 10 minutes, or [get inspired by our academics and research groups](https://hugoblox.com/creators/). + +The integrated [**Hugo Blox Builder**](https://hugoblox.com) and CMS makes it easy to create a beautiful website for free. Edit your site in the CMS (or your favorite editor), generate it with [Hugo](https://github.com/gohugoio/hugo), and deploy with GitHub or Netlify. Customize anything on your site with widgets, light/dark themes, and language packs. + +- 👉 [**Get Started**](https://hugoblox.com/templates/) +- 📚 [View the **documentation**](https://docs.hugoblox.com/) +- 💬 [Chat with the **Hugo Blox Builder community**](https://discord.gg/z8wNYzb) or [**Hugo community**](https://discourse.gohugo.io) +- 🐦 Twitter: [@GetResearchDev](https://twitter.com/GetResearchDev) [@GeorgeCushen](https://twitter.com/GeorgeCushen) [#MadeWithHugoBlox](https://twitter.com/search?q=%23MadeWithHugoBlox&src=typed_query) +- ⬇️ **Automatically import your publications from BibTeX** with the [Hugo Academic CLI](https://github.com/GetRD/academic-file-converter) +- 💡 [Suggest an improvement](https://github.com/HugoBlox/hugo-blox-builder/issues) +- ⬆️ **Updating?** View the [Update Guide](https://docs.hugoblox.com/reference/update/) and [Release Notes](https://github.com/HugoBlox/hugo-blox-builder/releases) + +## We ask you, humbly, to support this open source movement + +Today we ask you to defend the open source independence of the Hugo Blox Builder and themes 🐧 + +We're an open source movement that depends on your support to stay online and thriving, but 99.9% of our creators don't give; they simply look the other way. + +### [❤️ Click here to become a Sponsor, unlocking awesome perks such as _exclusive academic templates and blocks_](https://hugoblox.com/sponsor/) + + + +## Demo image credits + +- [Unsplash](https://unsplash.com) + +## Latest news + + + +- [Easily make an academic CV website to get more cites and grow your audience 🚀](https://hugoblox.com/blog/easily-make-academic-website/) +- [What's new in v5.2?](https://hugoblox.com/blog/whats-new-in-v5.2/) +- [What's new in v5.1?](https://hugoblox.com/blog/whats-new-in-v5.1/) +- [Version 5.0 (February 2021)](https://hugoblox.com/blog/version-5.0-february-2021/) +- [Version 5.0 Beta 3 (February 2021)](https://hugoblox.com/blog/version-5.0-beta-3-february-2021/) + diff --git a/assets/media/icons/.gitkeep b/assets/media/icons/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/media/stacked-peaks.svg b/assets/media/stacked-peaks.svg new file mode 100644 index 0000000..1adb53a --- /dev/null +++ b/assets/media/stacked-peaks.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/config/_default/hugo.yaml b/config/_default/hugo.yaml new file mode 100644 index 0000000..f9c00fc --- /dev/null +++ b/config/_default/hugo.yaml @@ -0,0 +1,55 @@ +# Configuration of Hugo +# Guide: https://docs.hugoblox.com/tutorial/ +# Hugo Documentation: https://gohugo.io/getting-started/configuration/#all-configuration-settings +# This file is formatted using YAML syntax - learn more at https://learnxinyminutes.com/docs/yaml/ + +# Website name +title: Hugo Academic CV Theme +# Website URL +baseURL: 'https://example.com/' + +############################ +## LANGUAGE +############################ + +defaultContentLanguage: en +hasCJKLanguage: false +defaultContentLanguageInSubdir: false +removePathAccents: true + +############################ +## ADVANCED +############################ + +build: + writeStats: true +enableGitInfo: false +summaryLength: 30 +paginate: 10 +enableEmoji: true +enableRobotsTXT: true +footnotereturnlinkcontents: ^ +ignoreFiles: [\.ipynb$, .ipynb_checkpoints$, \.Rmd$, \.Rmarkdown$, _cache$] +permalinks: + authors: '/author/:slug/' +disableAliases: true +outputs: + home: [HTML, RSS, headers, redirects, backlinks] + section: [HTML, RSS] +imaging: + resampleFilter: lanczos + quality: 80 + anchor: smart +timeout: 600000 +taxonomies: + author: authors + tag: tags + publication_type: publication_types +markup: + _merge: deep + highlight: + lineNos: false +security: + _merge: deep +sitemap: + _merge: deep diff --git a/config/_default/languages.yaml b/config/_default/languages.yaml new file mode 100644 index 0000000..88fa733 --- /dev/null +++ b/config/_default/languages.yaml @@ -0,0 +1,22 @@ +# Languages +# Create a section for each of your site's languages. +# Documentation: https://docs.hugoblox.com/reference/language/ + +# Default language +en: + languageCode: en-us + # Uncomment for multi-lingual sites, and move English content into `en` sub-folder. + #contentDir: content/en + +# Uncomment the lines below to configure your website in a second language. +#zh: +# languageCode: zh-Hans +# contentDir: content/zh +# title: Chinese website title... +# params: +# description: Site description in Chinese... +# menu: +# main: +# - name: 传 +# url: '#about' +# weight: 1 diff --git a/config/_default/menus.yaml b/config/_default/menus.yaml new file mode 100644 index 0000000..f70c391 --- /dev/null +++ b/config/_default/menus.yaml @@ -0,0 +1,27 @@ +# Navigation Links +# To link a homepage widget, specify the URL as a hash `#` followed by the filename of the + # desired widget in your `content/home/` folder. + # The weight parameter defines the order that the links will appear in. + +main: + - name: Bio + url: / + weight: 10 + - name: Papers + url: /#papers + weight: 11 + - name: Talks + url: /#talks + weight: 12 + - name: News + url: /#news + weight: 13 + - name: Experience + url: experience/ + weight: 20 + - name: Projects + url: projects/ + weight: 30 + - name: Teaching + url: teaching/ + weight: 40 diff --git a/config/_default/module.yaml b/config/_default/module.yaml new file mode 100644 index 0000000..ac2a62a --- /dev/null +++ b/config/_default/module.yaml @@ -0,0 +1,25 @@ +############################ +## HUGO MODULES +## Install or uninstall themes and plugins here. +## Docs: https://gohugo.io/hugo-modules/ +############################ + +imports: + - path: github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify + - path: github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind + +# Install any Hugo Blox within the `hugo-blox/blox/` folder +mounts: + - source: hugo-blox/blox/community + target: layouts/partials/blox/community/ + includeFiles: '**.html' + - source: hugo-blox/blox/all-access + target: layouts/partials/blox/ + includeFiles: '**.html' + - source: hugo-blox/blox + target: assets/dist/community/blox/ + includeFiles: '**.css' + - source: layouts + target: layouts + - source: assets + target: assets diff --git a/config/_default/params.yaml b/config/_default/params.yaml new file mode 100644 index 0000000..33c6c5b --- /dev/null +++ b/config/_default/params.yaml @@ -0,0 +1,60 @@ +# SITE SETUP +# Guide: https://docs.hugoblox.com/tutorial/ +# Documentation: https://docs.hugoblox.com/ +# This file is formatted using YAML syntax - learn more at https://learnxinyminutes.com/docs/yaml/ + +# Appearance +appearance: + mode: system + color: emerald + +# SEO +marketing: + seo: + site_type: Person + local_business_type: '' + org_name: '' + description: 'The highly-customizable Hugo Academic theme powered by Hugo Blox Builder. Easily create your personal academic website.' + twitter: 'GetResearchDev' + analytics: + google_analytics: '' + baidu_tongji: '' + plausible: '' + fathom: '' + pirsch: '' + verification: + google: '' + baidu: '' + +# Site header +header: + navbar: + enable: true + blox: "navbar" + fixed_to_top: true + show_search: true + show_theme_chooser: true + logo: + text: "Your Name" + +# Site footer +footer: + copyright: + notice: '© {year} Me. This work is licensed under {license}' + license: + enable: true + allow_derivatives: false + share_alike: true + allow_commercial: false + +# Localization +locale: + date_format: 'Jan 2, 2006' + time_format: '3:04 PM' + +# Site features +features: + math: + enable: false + privacy_pack: + enable: false diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..d2dbd2e --- /dev/null +++ b/content/_index.md @@ -0,0 +1,125 @@ +--- +# Leave the homepage title empty to use the site title +title: "" +date: 2022-10-24 +type: landing + +design: + # Default section spacing + spacing: "6rem" + +sections: + - block: resume-biography-3 + content: + # Choose a user profile to display (a folder name within `content/authors/`) + username: admin + text: "" + # Show a call-to-action button under your biography? (optional) + button: + text: Download CV + url: uploads/resume.pdf + design: + css_class: dark + background: + color: black + image: + # Add your image background to `assets/media/`. + filename: stacked-peaks.svg + filters: + brightness: 1.0 + size: cover + position: center + parallax: false + - block: markdown + content: + title: '📚 My Research' + subtitle: '' + text: |- + Use this area to speak to your mission. I'm a research scientist in the Moonshot team at DeepMind. I blog about machine learning, deep learning, and moonshots. + + I apply a range of qualitative and quantitative methods to comprehensively investigate the role of science and technology in the economy. + + Please reach out to collaborate 😃 + design: + columns: '1' + - block: collection + id: papers + content: + title: Featured Publications + filters: + folders: + - publication + featured_only: true + design: + view: article-grid + columns: 2 + - block: collection + content: + title: Recent Publications + text: "" + filters: + folders: + - publication + exclude_featured: false + design: + view: citation + - block: collection + id: talks + content: + title: Recent & Upcoming Talks + filters: + folders: + - event + design: + view: article-grid + columns: 1 + - block: collection + id: news + content: + title: Recent News + subtitle: '' + text: '' + # Page type to display. E.g. post, talk, publication... + page_type: post + # Choose how many pages you would like to display (0 = all pages) + count: 5 + # Filter on criteria + filters: + author: "" + category: "" + tag: "" + exclude_featured: false + exclude_future: false + exclude_past: false + publication_type: "" + # Choose how many pages you would like to offset by + offset: 0 + # Page order: descending (desc) or ascending (asc) date. + order: desc + design: + # Choose a layout view + view: date-title-summary + # Reduce spacing + spacing: + padding: [0, 0, 0, 0] + - block: cta-card + demo: true # Only display this section in the Hugo Blox Builder demo site + content: + title: 👉 Build your own academic website like this + text: |- + This site is generated by Hugo Blox Builder - the FREE, Hugo-based open source website builder trusted by 250,000+ academics like you. + + Star + + Easily build anything with blocks - no-code required! + + From landing pages, second brains, and courses to academic resumés, conferences, and tech blogs. + button: + text: Get Started + url: https://hugoblox.com/templates/ + design: + card: + # Card background color (CSS class) + css_class: "bg-primary-700" + css_style: "" +--- diff --git a/content/authors/_index.md b/content/authors/_index.md new file mode 100644 index 0000000..c5e4b7b --- /dev/null +++ b/content/authors/_index.md @@ -0,0 +1,9 @@ +--- +# To publish author profile pages, remove all the `_build` and `cascade` settings below. +_build: + render: never +cascade: + _build: + render: never + list: always +--- diff --git a/content/authors/admin/_index.md b/content/authors/admin/_index.md new file mode 100644 index 0000000..16ed111 --- /dev/null +++ b/content/authors/admin/_index.md @@ -0,0 +1,186 @@ +--- +# Display name +title: 吳健雄 + +# Name pronunciation (optional) +name_pronunciation: Chien Shiung Wu + +# Full name (for SEO) +first_name: Shiung Wu +last_name: Chien + +# Status emoji +status: + icon: ☕️ + +# Is this the primary user of the site? +superuser: true + +# Highlight the author in author lists? (true/false) +highlight_name: true + +# Role/position/tagline +role: Chief Scientist + +# Organizations/Affiliations to display in Biography blox +organizations: + - name: OpenAI + url: https://openai.com/ + +# Social network links +# Need to use another icon? Simply download the SVG icon to your `assets/media/icons/` folder. +profiles: + - icon: at-symbol + url: 'mailto:your-email@example.com' + label: E-mail Me + - icon: brands/x + url: https://twitter.com/GetResearchDev + - icon: brands/instagram + url: https://www.instagram.com/ + - icon: brands/github + url: https://github.com/gcushen + - icon: brands/linkedin + url: https://www.linkedin.com/ + - icon: academicons/google-scholar + url: https://scholar.google.com/ + - icon: academicons/orcid + url: https://orcid.org/ + +interests: + - Artificial Intelligence + - Computational Linguistics + - Information Retrieval + +education: + - area: PhD Artificial Intelligence + institution: Stanford University + date_start: 2016-01-01 + date_end: 2020-12-31 + summary: | + Thesis on _Why LLMs are awesome_. Supervised by [Prof Joe Smith](https://example.com). Presented papers at 5 IEEE conferences with the contributions being published in 2 Springer journals. + button: + text: 'Read Thesis' + url: 'https://example.com' + - area: MEng Artificial Intelligence + institution: Massachusetts Institute of Technology + date_start: 2016-01-01 + date_end: 2020-12-31 + summary: | + GPA: 3.8/4.0 + + Courses included: + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - area: BSc Artificial Intelligence + institution: Massachusetts Institute of Technology + date_start: 2016-01-01 + date_end: 2020-12-31 + summary: | + GPA: 3.4/4.0 + + Courses included: + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - lorem ipsum dolor sit amet, consectetur adipiscing elit +work: + - position: Director of Cloud Infrastructure + company_name: GenCoin + company_url: '' + company_logo: '' + date_start: 2021-01-01 + date_end: '' + summary: |2- + Responsibilities include: + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - position: Backend Software Engineer + company_name: X + company_url: '' + company_logo: '' + date_start: 2016-01-01 + date_end: 2020-12-31 + summary: | + Responsibilities include: + - Migrated infrastructure to a new data center + - lorem ipsum dolor sit amet, consectetur adipiscing elit + - lorem ipsum dolor sit amet, consectetur adipiscing elit + +# Skills +# Add your own SVG icons to `assets/media/icons/` +skills: + - name: Technical Skills + items: + - name: Python + description: '' + percent: 80 + icon: code-bracket + - name: Data Science + description: '' + percent: 100 + icon: chart-bar + - name: SQL + description: '' + percent: 40 + icon: circle-stack + - name: Hobbies + color: '#eeac02' + color_border: '#f0bf23' + items: + - name: Hiking + description: '' + percent: 60 + icon: person-simple-walk + - name: Cats + description: '' + percent: 100 + icon: cat + - name: Photography + description: '' + percent: 80 + icon: camera + +languages: + - name: English + percent: 100 + - name: Chinese + percent: 75 + - name: Portuguese + percent: 25 + +# Awards. +# Add/remove as many awards below as you like. +# Only `title`, `awarder`, and `date` are required. +# Begin multi-line `summary` with YAML's `|` or `|2-` multi-line prefix and indent 2 spaces below. +awards: + - title: Neural Networks and Deep Learning + url: https://www.coursera.org/learn/neural-networks-deep-learning + date: '2023-11-25' + awarder: Coursera + icon: coursera + summary: | + I studied the foundational concept of neural networks and deep learning. By the end, I was familiar with the significant technological trends driving the rise of deep learning; build, train, and apply fully connected deep neural networks; implement efficient (vectorized) neural networks; identify key parameters in a neural network’s architecture; and apply deep learning to your own applications. + - title: Blockchain Fundamentals + url: https://www.edx.org/professional-certificate/uc-berkeleyx-blockchain-fundamentals + date: '2023-07-01' + awarder: edX + icon: edx + summary: | + Learned: + - Synthesize your own blockchain solutions + - Gain an in-depth understanding of the specific mechanics of Bitcoin + - Understand Bitcoin’s real-life applications and learn how to attack and destroy Bitcoin, Ethereum, smart contracts and Dapps, and alternatives to Bitcoin’s Proof-of-Work consensus algorithm + - title: 'Object-Oriented Programming in R' + url: https://www.datacamp.com/courses/object-oriented-programming-with-s3-and-r6-in-r + certificate_url: https://www.datacamp.com + date: '2023-01-21' + awarder: datacamp + icon: datacamp + summary: | + Object-oriented programming (OOP) lets you specify relationships between functions and the objects that they can act on, helping you manage complexity in your code. This is an intermediate level course, providing an introduction to OOP, using the S3 and R6 systems. S3 is a great day-to-day R programming tool that simplifies some of the functions that you write. R6 is especially useful for industry-specific analyses, working with web APIs, and building GUIs. +--- + +## About Me + +Chien Shiung Wu is a professor of artificial intelligence at the Stanford AI Lab. Her research interests include distributed robotics, mobile computing and programmable matter. She leads the Robotic Neurobiology group, which develops self-reconfiguring robots, systems of self-organizing robots, and mobile sensor networks. diff --git a/content/authors/admin/avatar.jpg b/content/authors/admin/avatar.jpg new file mode 100644 index 0000000..49337e4 Binary files /dev/null and b/content/authors/admin/avatar.jpg differ diff --git a/content/event/_index.md b/content/event/_index.md new file mode 100644 index 0000000..77c72f4 --- /dev/null +++ b/content/event/_index.md @@ -0,0 +1,13 @@ +--- +title: Recent & Upcoming Talks +cms_exclude: true +#url: talk + +# View +view: card + +# Optional cover image (relative to `assets/media/` folder). +image: + caption: '' + filename: '' +--- diff --git a/content/event/example/featured.jpg b/content/event/example/featured.jpg new file mode 100644 index 0000000..7b16c3c Binary files /dev/null and b/content/event/example/featured.jpg differ diff --git a/content/event/example/index.md b/content/event/example/index.md new file mode 100644 index 0000000..b68f9e7 --- /dev/null +++ b/content/event/example/index.md @@ -0,0 +1,75 @@ +--- +title: Example Talk + +event: Hugo Blox Builder Conference +event_url: https://example.org + +location: Hugo Blox Builder HQ +address: + street: 450 Serra Mall + city: Stanford + region: CA + postcode: '94305' + country: United States + +summary: An example talk using Hugo Blox Builder's Markdown slides feature. +abstract: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellusac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam.' + +# Talk start and end times. +# End time can optionally be hidden by prefixing the line with `#`. +date: '2030-06-01T13:00:00Z' +date_end: '2030-06-01T15:00:00Z' +all_day: false + +# Schedule page publish date (NOT talk date). +publishDate: '2017-01-01T00:00:00Z' + +authors: + - admin + +tags: [] + +# Is this a featured talk? (true/false) +featured: false + +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/bzdhc5b3Bxs)' + focal_point: Right + +#links: +# - icon: twitter +# icon_pack: fab +# name: Follow +# url: https://twitter.com/georgecushen +url_code: 'https://github.com' +url_pdf: '' +url_slides: 'https://slideshare.net' +url_video: 'https://youtube.com' + +# Markdown Slides (optional). +# Associate this talk with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides = "example-slides"` references `content/slides/example-slides.md`. +# Otherwise, set `slides = ""`. +slides: "" + +# Projects (optional). +# Associate this post with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `projects = ["internal-project"]` references `content/project/deep-learning/index.md`. +# Otherwise, set `projects = []`. +projects: + - example +--- + +{{% callout note %}} +Click on the **Slides** button above to view the built-in slides feature. +{{% /callout %}} + +Slides can be added in a few ways: + +- **Create** slides using Hugo Blox Builder's [_Slides_](https://docs.hugoblox.com/reference/content-types/) feature and link using `slides` parameter in the front matter of the talk file +- **Upload** an existing slide deck to `static/` and link using `url_slides` parameter in the front matter of the talk file +- **Embed** your slides (e.g. Google Slides) or presentation video on this page using [shortcodes](https://docs.hugoblox.com/reference/markdown/). + +Further event details, including [page elements](https://docs.hugoblox.com/reference/markdown/) such as image galleries, can be added to the body of this page. diff --git a/content/experience.md b/content/experience.md new file mode 100644 index 0000000..9b6f696 --- /dev/null +++ b/content/experience.md @@ -0,0 +1,35 @@ +--- +title: 'Experience' +date: 2023-10-24 +type: landing + +design: + spacing: '5rem' + +# Note: `username` refers to the user's folder name in `content/authors/` + +# Page sections +sections: + - block: resume-experience + content: + username: admin + design: + # Hugo date format + date_format: 'January 2006' + # Education or Experience section first? + is_education_first: false + - block: resume-skills + content: + title: Skills & Hobbies + username: admin + design: + show_skill_percentage: false + - block: resume-awards + content: + title: Awards + username: admin + - block: resume-languages + content: + title: Languages + username: admin +--- diff --git a/content/post/_index.md b/content/post/_index.md new file mode 100644 index 0000000..c067352 --- /dev/null +++ b/content/post/_index.md @@ -0,0 +1,4 @@ +--- +title: Blog +view: article-grid +--- diff --git a/content/post/data-visualization/featured.jpg b/content/post/data-visualization/featured.jpg new file mode 100644 index 0000000..8c97312 Binary files /dev/null and b/content/post/data-visualization/featured.jpg differ diff --git a/content/post/data-visualization/index.md b/content/post/data-visualization/index.md new file mode 100644 index 0000000..2a584e3 --- /dev/null +++ b/content/post/data-visualization/index.md @@ -0,0 +1,157 @@ +--- +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 new file mode 100644 index 0000000..4307b4f --- /dev/null +++ b/content/post/data-visualization/line-chart.json @@ -0,0 +1,71 @@ +{ + "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 new file mode 100644 index 0000000..0630ed9 --- /dev/null +++ b/content/post/data-visualization/results.csv @@ -0,0 +1,4 @@ +customer_id, score +1,0 +2,0.5 +3,1 diff --git a/content/post/get-started/featured.jpg b/content/post/get-started/featured.jpg new file mode 100644 index 0000000..4d20ee1 Binary files /dev/null and b/content/post/get-started/featured.jpg differ diff --git a/content/post/get-started/index.md b/content/post/get-started/index.md new file mode 100644 index 0000000..afe5db9 --- /dev/null +++ b/content/post/get-started/index.md @@ -0,0 +1,86 @@ +--- +title: 🎉 Easily create your own simple yet highly customizable blog +summary: Take full control of your personal brand and privacy by migrating away from the big tech platforms! +date: 2023-10-27 + +# Featured image +# Place an image named `featured.jpg/png` in this page's folder and customize its options here. +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com)' + +authors: + - admin + - Ted + +tags: + - Academic + - Hugo Blox + - Markdown +--- + +Welcome 👋 + +{{< toc mobile_only=true is_open=true >}} + +## Overview + +1. The Hugo Blox website builder for Hugo, along with its starter templates, is designed for professional creators, educators, and teams/organizations - although it can be used to create any kind of site +2. The template can be modified and customised to suit your needs. It's a good platform for anyone looking to take control of their data and online identity whilst having the convenience to start off with a **no-code solution (write in Markdown and customize with YAML parameters)** and having **flexibility to later add even deeper personalization with HTML and CSS** +3. You can work with all your favourite tools and apps with hundreds of plugins and integrations to speed up your workflows, interact with your readers, and much more + +[//]: # ([![The template is mobile first with a responsive design to ensure that your site looks stunning on every device.](https://raw.githubusercontent.com/wowchemy/wowchemy-hugo-modules/main/starters/academic/preview.png)](https://hugoblox.com)) + +### Get Started + +- 👉 [**Create a new site**](https://hugoblox.com/templates/) +- 📚 [**Personalize your site**](https://docs.hugoblox.com/) +- 💬 [Chat with the **Hugo Blox community**](https://discord.gg/z8wNYzb) or [**Hugo community**](https://discourse.gohugo.io) +- 🐦 Twitter: [@GetResearchDev](https://twitter.com/GetResearchDev) [@GeorgeCushen](https://twitter.com/GeorgeCushen) #MadeWithHugoBlox +- 💡 [Request a **feature** or report a **bug** for _Hugo Blox_](https://github.com/HugoBlox/hugo-blox-builder/issues) +- ⬆️ **Updating Hugo Blox?** View the [Update Guide](https://docs.hugoblox.com/reference/update/) and [Release Notes](https://github.com/HugoBlox/hugo-blox-builder/releases) + +## Crowd-funded open-source software + +To help us develop this template and software sustainably under the MIT license, we ask all individuals and businesses that use it to help support its ongoing maintenance and development via sponsorship. + +### [❤️ Click here to become a sponsor and help support Hugo Blox's future ❤️](https://hugoblox.com/sponsor/) + +As a token of appreciation for sponsoring, you can **unlock [these](https://hugoblox.com/sponsor/) awesome rewards and extra features 🦄✨** + +## Ecosystem + +- **[Bibtex To Markdown](https://github.com/GetRD/academic-file-converter):** Automatically import publications from BibTeX + +## Inspiration + +[Learn what other **creators**](https://hugoblox.com/creators/) are building with this template. + +## Features + +- **Page builder** - Create _anything_ with no-code [**blocks**](https://hugoblox.com/blocks/) and [**elements**](https://docs.hugoblox.com/reference/markdown/) +- **Edit any type of content** - Blog posts, publications, talks, slides, projects, and more! +- **Create content** in [**Markdown**](https://docs.hugoblox.com/reference/markdown/), [**Jupyter**](https://docs.hugoblox.com/getting-started/cms/), or [**RStudio**](https://docs.hugoblox.com/getting-started/cms/) +- **Plugin System** - Fully customizable [**color** and **font themes**](https://docs.hugoblox.com/getting-started/customize/) +- **Display Code and Math** - Code syntax highlighting and LaTeX math supported +- **Integrations** - [Google Analytics](https://analytics.google.com), [Disqus commenting](https://disqus.com), Maps, Contact Forms, and more! +- **Beautiful Site** - Simple and refreshing one-page design +- **Industry-Leading SEO** - Help get your website found on search engines and social media +- **Media Galleries** - Display your images and videos with captions in a customizable gallery +- **Mobile Friendly** - Look amazing on every screen with a mobile friendly version of your site +- **Multi-language** - 35+ language packs including English, 中文, and Português +- **Multi-user** - Each author gets their own profile page +- **Privacy Pack** - Assists with GDPR +- **Stand Out** - Bring your site to life with animation, parallax backgrounds, and scroll effects +- **One-Click Deployment** - No servers. No databases. Only files. + +## Themes + +Hugo Blox and its templates come with **automatic day (light) and night (dark) mode** built-in. Visitors can choose their preferred mode by clicking the sun/moon icon in the header. + +[Choose a stunning **theme** and **font**](https://docs.hugoblox.com/getting-started/customize/) for your site. Themes are fully customizable. + +## License + +Copyright 2016-present [George Cushen](https://georgecushen.com). + +Released under the [MIT](https://github.com/HugoBlox/hugo-blox-builder/blob/main/LICENSE.md) license. diff --git a/content/post/project-management/featured.jpg b/content/post/project-management/featured.jpg new file mode 100644 index 0000000..a9e0ac0 Binary files /dev/null and b/content/post/project-management/featured.jpg differ diff --git a/content/post/project-management/index.md b/content/post/project-management/index.md new file mode 100644 index 0000000..959b1af --- /dev/null +++ b/content/post/project-management/index.md @@ -0,0 +1,94 @@ +--- +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 new file mode 100644 index 0000000..9320048 Binary files /dev/null and b/content/post/second-brain/featured.jpg differ diff --git a/content/post/second-brain/index.md b/content/post/second-brain/index.md new file mode 100644 index 0000000..a96a877 --- /dev/null +++ b/content/post/second-brain/index.md @@ -0,0 +1,138 @@ +--- +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 new file mode 100644 index 0000000..8795f38 Binary files /dev/null and b/content/post/teach-courses/ambient-piano.mp3 differ diff --git a/content/post/teach-courses/featured.jpg b/content/post/teach-courses/featured.jpg new file mode 100644 index 0000000..5b05393 Binary files /dev/null and b/content/post/teach-courses/featured.jpg differ diff --git a/content/post/teach-courses/index.md b/content/post/teach-courses/index.md new file mode 100644 index 0000000..f1d1dd6 --- /dev/null +++ b/content/post/teach-courses/index.md @@ -0,0 +1,137 @@ +--- +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/project/pandas/featured.png b/content/project/pandas/featured.png new file mode 100644 index 0000000..719bb52 Binary files /dev/null and b/content/project/pandas/featured.png differ diff --git a/content/project/pandas/index.md b/content/project/pandas/index.md new file mode 100644 index 0000000..28b279b --- /dev/null +++ b/content/project/pandas/index.md @@ -0,0 +1,13 @@ +--- +title: Pandas +date: 2023-10-26 +external_link: https://github.com/pandas-dev/pandas +tags: + - Hugo + - Wowchemy + - Markdown +--- + +Flexible and powerful data analysis / manipulation library for Python, providing labeled data structures. + + diff --git a/content/project/pytorch/featured.png b/content/project/pytorch/featured.png new file mode 100644 index 0000000..c746af9 Binary files /dev/null and b/content/project/pytorch/featured.png differ diff --git a/content/project/pytorch/index.md b/content/project/pytorch/index.md new file mode 100644 index 0000000..9ae18e6 --- /dev/null +++ b/content/project/pytorch/index.md @@ -0,0 +1,13 @@ +--- +title: PyTorch +date: 2023-10-26 +external_link: https://github.com/pytorch/pytorch +tags: + - Hugo + - Wowchemy + - Markdown +--- + +PyTorch is a Python package that provides tensor computation (like NumPy) with strong GPU acceleration. + + diff --git a/content/project/scikit/featured.png b/content/project/scikit/featured.png new file mode 100644 index 0000000..f6a42aa Binary files /dev/null and b/content/project/scikit/featured.png differ diff --git a/content/project/scikit/index.md b/content/project/scikit/index.md new file mode 100644 index 0000000..fa208ef --- /dev/null +++ b/content/project/scikit/index.md @@ -0,0 +1,13 @@ +--- +title: scikit-learn +date: 2023-10-26 +external_link: https://github.com/scikit-learn/scikit-learn +tags: + - Hugo + - Wowchemy + - Markdown +--- + +scikit-learn is a Python module for machine learning built on top of SciPy and is distributed under the 3-Clause BSD license. + + diff --git a/content/projects.md b/content/projects.md new file mode 100644 index 0000000..cda3be1 --- /dev/null +++ b/content/projects.md @@ -0,0 +1,23 @@ +--- +title: 'Projects' +date: 2024-05-19 +type: landing + +design: + # Section spacing + spacing: '5rem' + +# Page sections +sections: + - block: collection + content: + title: Selected Projects + text: I enjoy making things. Here are a selection of projects that I have worked on over the years. + filters: + folders: + - project + design: + view: article-grid + fill_image: false + columns: 3 +--- diff --git a/content/publication/_index.md b/content/publication/_index.md new file mode 100644 index 0000000..b7abddf --- /dev/null +++ b/content/publication/_index.md @@ -0,0 +1,12 @@ +--- +title: Publications +cms_exclude: true + +# View. +view: citation + +# Optional header image (relative to `static/media/` folder). +banner: + caption: '' + image: '' +--- diff --git a/content/publication/conference-paper/cite.bib b/content/publication/conference-paper/cite.bib new file mode 100644 index 0000000..98c3748 --- /dev/null +++ b/content/publication/conference-paper/cite.bib @@ -0,0 +1,8 @@ +@inproceedings{example1, + title={An example conference paper}, + author={Bighetti, Nelson and Ford, Robert}, + booktitle={Source Themes Conference}, + pages={1--6}, + year={2013}, + organization={IEEE} +} diff --git a/content/publication/conference-paper/conference-paper.pdf b/content/publication/conference-paper/conference-paper.pdf new file mode 100644 index 0000000..747064e Binary files /dev/null and b/content/publication/conference-paper/conference-paper.pdf differ diff --git a/content/publication/conference-paper/featured.jpg b/content/publication/conference-paper/featured.jpg new file mode 100644 index 0000000..2ebab27 Binary files /dev/null and b/content/publication/conference-paper/featured.jpg differ diff --git a/content/publication/conference-paper/index.md b/content/publication/conference-paper/index.md new file mode 100644 index 0000000..fc8d850 --- /dev/null +++ b/content/publication/conference-paper/index.md @@ -0,0 +1,87 @@ +--- +title: 'An example conference paper' + +# Authors +# If you created a profile for a user (e.g. the default `admin` user), write the username (folder name) here +# and it will be replaced with their full name and linked to their profile. +authors: + - admin + - Robert Ford + +# Author notes (optional) +author_notes: + - 'Equal contribution' + - 'Equal contribution' + +date: '2013-07-01T00:00:00Z' +doi: '' + +# Schedule page publish date (NOT publication's date). +publishDate: '2017-01-01T00:00:00Z' + +# Publication type. +# Accepts a single type but formatted as a YAML list (for Hugo requirements). +# Enter a publication type from the CSL standard. +publication_types: ['paper-conference'] + +# Publication name and optional abbreviated publication name. +publication: In *Hugo Blox Builder Conference* +publication_short: In *ICW* + +abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +# Summary. An optional shortened abstract. +summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. + +tags: + - Large Language Models + +# Display this page in the Featured widget? +featured: true + +# Custom links (uncomment lines below) +# links: +# - name: Custom Link +# url: http://example.org + +url_pdf: '' +url_code: 'https://github.com/HugoBlox/hugo-blox-builder' +url_dataset: 'https://github.com/HugoBlox/hugo-blox-builder' +url_poster: '' +url_project: '' +url_slides: '' +url_source: 'https://github.com/HugoBlox/hugo-blox-builder' +url_video: 'https://youtube.com' + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/pLCdAaMFLTE)' + focal_point: '' + preview_only: false + +# Associated Projects (optional). +# Associate this publication with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `internal-project` references `content/project/internal-project/index.md`. +# Otherwise, set `projects: []`. +projects: + - example + +# Slides (optional). +# Associate this publication with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides: "example"` references `content/slides/example/index.md`. +# Otherwise, set `slides: ""`. +slides: example +--- + +{{% callout note %}} +Click the _Cite_ button above to demo the feature to enable visitors to import publication metadata into their reference management software. +{{% /callout %}} + +{{% callout note %}} +Create your slides in Markdown - click the _Slides_ button to check out the example. +{{% /callout %}} + +Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). diff --git a/content/publication/journal-article/cite.bib b/content/publication/journal-article/cite.bib new file mode 100644 index 0000000..a7da7ac --- /dev/null +++ b/content/publication/journal-article/cite.bib @@ -0,0 +1,8 @@ +@article{example2, + title = {An example journal article}, + author={Bighetti, Nelson and Ford, Robert}, + journal = {Journal of Source Themes}, + year = 2015, + volume = 1, + number = 1 +} diff --git a/content/publication/journal-article/featured.jpg b/content/publication/journal-article/featured.jpg new file mode 100644 index 0000000..15272c0 Binary files /dev/null and b/content/publication/journal-article/featured.jpg differ diff --git a/content/publication/journal-article/index.md b/content/publication/journal-article/index.md new file mode 100644 index 0000000..079228a --- /dev/null +++ b/content/publication/journal-article/index.md @@ -0,0 +1,75 @@ +--- +title: "An example journal article" +authors: +- admin +- Robert Ford +author_notes: +- "Equal contribution" +- "Equal contribution" +date: "2015-09-01T00:00:00Z" +doi: "" + +# Schedule page publish date (NOT publication's date). +publishDate: "2017-01-01T00:00:00Z" + +# Publication type. +# Accepts a single type but formatted as a YAML list (for Hugo requirements). +# Enter a publication type from the CSL standard. +publication_types: ["article-journal"] + +# Publication name and optional abbreviated publication name. +publication: "*Journal of Source Themes, 1*(1)" +publication_short: "" + +abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +# Summary. An optional shortened abstract. +summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. + +tags: +- Source Themes +featured: false + +# links: +# - name: "" +# url: "" +url_pdf: http://arxiv.org/pdf/1512.04133v1 +url_code: 'https://github.com/HugoBlox/hugo-blox-builder' +url_dataset: '' +url_poster: '' +url_project: '' +url_slides: '' +url_source: '' +url_video: '' + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/jdD8gXaTZsc)' + focal_point: "" + preview_only: false + +# Associated Projects (optional). +# Associate this publication with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `internal-project` references `content/project/internal-project/index.md`. +# Otherwise, set `projects: []`. +projects: [] + +# Slides (optional). +# Associate this publication with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides: "example"` references `content/slides/example/index.md`. +# Otherwise, set `slides: ""`. +slides: example +--- + +{{% callout note %}} +Click the *Cite* button above to demo the feature to enable visitors to import publication metadata into their reference management software. +{{% /callout %}} + +{{% callout note %}} +Create your slides in Markdown - click the *Slides* button to check out the example. +{{% /callout %}} + +Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). diff --git a/content/publication/preprint/featured.jpg b/content/publication/preprint/featured.jpg new file mode 100644 index 0000000..8fdeeee Binary files /dev/null and b/content/publication/preprint/featured.jpg differ diff --git a/content/publication/preprint/index.md b/content/publication/preprint/index.md new file mode 100644 index 0000000..5c9ad1e --- /dev/null +++ b/content/publication/preprint/index.md @@ -0,0 +1,71 @@ +--- +title: "An example preprint / working paper" +authors: +- admin +date: "2019-04-07T00:00:00Z" +doi: "" + +# Schedule page publish date (NOT publication's date). +publishDate: "2017-01-01T00:00:00Z" + +# Publication type. +# Accepts a single type but formatted as a YAML list (for Hugo requirements). +# Enter a publication type from the CSL standard. +publication_types: ["article"] + +# Publication name and optional abbreviated publication name. +publication: "" +publication_short: "" + +abstract: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. Sed ac faucibus dolor, scelerisque sollicitudin nisi. Cras purus urna, suscipit quis sapien eu, pulvinar tempor diam. Quisque risus orci, mollis id ante sit amet, gravida egestas nisl. Sed ac tempus magna. Proin in dui enim. Donec condimentum, sem id dapibus fringilla, tellus enim condimentum arcu, nec volutpat est felis vel metus. Vestibulum sit amet erat at nulla eleifend gravida. + +# Summary. An optional shortened abstract. +summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis posuere tellus ac convallis placerat. Proin tincidunt magna sed ex sollicitudin condimentum. + +tags: +- Large Language Models + +featured: true + +links: +- name: Custom Link + url: http://example.org +url_pdf: http://arxiv.org/pdf/1512.04133v1 +url_code: 'https://github.com/HugoBlox/hugo-blox-builder' +url_dataset: '#' +url_poster: '#' +url_project: '' +url_slides: '' +url_source: '#' +url_video: '#' + +# Featured image +# To use, add an image named `featured.jpg/png` to your page's folder. +image: + caption: 'Image credit: [**Unsplash**](https://unsplash.com/photos/s9CC2SKySJM)' + focal_point: "" + preview_only: false + +# Associated Projects (optional). +# Associate this publication with one or more of your projects. +# Simply enter your project's folder or file name without extension. +# E.g. `internal-project` references `content/project/internal-project/index.md`. +# Otherwise, set `projects: []`. +projects: +- internal-project + +# Slides (optional). +# Associate this publication with Markdown slides. +# Simply enter your slide deck's filename without extension. +# E.g. `slides: "example"` references `content/slides/example/index.md`. +# Otherwise, set `slides: ""`. +slides: example +--- + +This work is driven by the results in my [previous paper](/publication/conference-paper/) on LLMs. + +{{% callout note %}} +Create your slides in Markdown - click the *Slides* button to check out the example. +{{% /callout %}} + +Add the publication's **full text** or **supplementary notes** here. You can use rich formatting such as including [code, math, and images](https://docs.hugoblox.com/content/writing-markdown-latex/). diff --git a/content/teaching/_index.md b/content/teaching/_index.md new file mode 100644 index 0000000..f8e6bfa --- /dev/null +++ b/content/teaching/_index.md @@ -0,0 +1,23 @@ +--- +title: Teaching +summary: My courses +type: landing + +cascade: + - _target: + kind: page + params: + show_breadcrumb: true + +sections: + - block: collection + id: teaching + content: + title: Teaching + filters: + folders: + - teaching + design: + view: article-grid + columns: 2 +--- diff --git a/content/teaching/js/ambient-piano.mp3 b/content/teaching/js/ambient-piano.mp3 new file mode 100644 index 0000000..8795f38 Binary files /dev/null and b/content/teaching/js/ambient-piano.mp3 differ diff --git a/content/teaching/js/featured.jpg b/content/teaching/js/featured.jpg new file mode 100644 index 0000000..5b05393 Binary files /dev/null and b/content/teaching/js/featured.jpg differ diff --git a/content/teaching/js/index.md b/content/teaching/js/index.md new file mode 100644 index 0000000..de12d09 --- /dev/null +++ b/content/teaching/js/index.md @@ -0,0 +1,140 @@ +--- +title: Learn JavaScript +summary: Easily learn JavaScript in 10 minutes! +date: 2023-10-24 +type: docs +math: false +tags: + - JavaScript +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 D2vj0WcvH5c >}} + +**Youtube**: + + {{}} + +**Bilibili**: + + {{}} + +**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. You can enable this feature by toggling the `math` option in your `config/_default/params.yaml` file. + +To render _inline_ or _block_ math, wrap your LaTeX math with `{{}}$...${{}}` or `{{}}$$...$${{}}`, respectively. + +{{% callout note %}} +We wrap the LaTeX math in the Hugo Blox _math_ shortcode to prevent Hugo rendering our math as Markdown. +{{% /callout %}} + +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 + +{{< math >}} +$$\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}$$ +{{< /math >}} + +Example **inline math** `{{}}$\nabla F(\mathbf{x}_{n})${{}}` renders as {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}}. + +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 + +{{< math >}} + +$$ +f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ +1-p_{0}^{*} & \text{if }k=0.\end{cases} +$$ + +{{< /math >}} + +## 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/teaching/python/ambient-piano.mp3 b/content/teaching/python/ambient-piano.mp3 new file mode 100644 index 0000000..8795f38 Binary files /dev/null and b/content/teaching/python/ambient-piano.mp3 differ diff --git a/content/teaching/python/featured.jpg b/content/teaching/python/featured.jpg new file mode 100644 index 0000000..5b05393 Binary files /dev/null and b/content/teaching/python/featured.jpg differ diff --git a/content/teaching/python/index.md b/content/teaching/python/index.md new file mode 100644 index 0000000..60a0b42 --- /dev/null +++ b/content/teaching/python/index.md @@ -0,0 +1,140 @@ +--- +title: Learn Python +summary: Easily learn Python in 10 minutes! +date: 2023-10-24 +type: docs +math: false +tags: + - Python +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 D2vj0WcvH5c >}} + +**Youtube**: + + {{}} + +**Bilibili**: + + {{}} + +**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. You can enable this feature by toggling the `math` option in your `config/_default/params.yaml` file. + +To render _inline_ or _block_ math, wrap your LaTeX math with `{{}}$...${{}}` or `{{}}$$...$${{}}`, respectively. + +{{% callout note %}} +We wrap the LaTeX math in the Hugo Blox _math_ shortcode to prevent Hugo rendering our math as Markdown. +{{% /callout %}} + +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 + +{{< math >}} +$$\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}$$ +{{< /math >}} + +Example **inline math** `{{}}$\nabla F(\mathbf{x}_{n})${{}}` renders as {{< math >}}$\nabla F(\mathbf{x}_{n})${{< /math >}}. + +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 + +{{< math >}} + +$$ +f(k;p_{0}^{*}) = \begin{cases}p_{0}^{*} & \text{if }k=1, \\ +1-p_{0}^{*} & \text{if }k=0.\end{cases} +$$ + +{{< /math >}} + +## 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/go.mod b/go.mod new file mode 100644 index 0000000..3288a71 --- /dev/null +++ b/go.mod @@ -0,0 +1,8 @@ +module github.com/HugoBlox/hugo-blox-builder/starters/academic-cv + +go 1.19 + +require ( + github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify v1.1.2-0.20231209203044-d31adfedd40b + github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind v0.2.1-0.20240602133901-492e343c2a33 +) diff --git a/hugoblox.yaml b/hugoblox.yaml new file mode 100644 index 0000000..bf71f98 --- /dev/null +++ b/hugoblox.yaml @@ -0,0 +1,2 @@ +build: + hugo_version: '0.126.3' diff --git a/layouts/partials/hooks/head-end/github-button.html b/layouts/partials/hooks/head-end/github-button.html new file mode 100644 index 0000000..668938f --- /dev/null +++ b/layouts/partials/hooks/head-end/github-button.html @@ -0,0 +1 @@ + diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..c01bf62 --- /dev/null +++ b/netlify.toml @@ -0,0 +1,21 @@ +[build] + command = "hugo --gc --minify -b $URL && npx pagefind --source 'public'" + publish = "public" + +[build.environment] + HUGO_VERSION = "0.126.3" + HUGO_ENABLEGITINFO = "true" + +[context.production.environment] + HUGO_ENV = "production" + +[context.deploy-preview] + command = "hugo --gc --minify --buildFuture -b $DEPLOY_PRIME_URL && npx pagefind --source 'public'" + +[context.branch-deploy] + command = "hugo --gc --minify -b $DEPLOY_PRIME_URL && npx pagefind --source 'public'" + +[[plugins]] + package = "netlify-plugin-hugo-cache-resources" + [plugins.inputs] + debug = true diff --git a/static/uploads/resume.pdf b/static/uploads/resume.pdf new file mode 100644 index 0000000..d0489a3 Binary files /dev/null and b/static/uploads/resume.pdf differ