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..05b2f59 Binary files /dev/null and b/.github/preview.webp differ diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml new file mode 100644 index 0000000..7df6268 --- /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@v3 + with: + hugo-version: ${{ env.WC_HUGO_VERSION }} + extended: true + - uses: actions/cache@v4 + 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@v5 + - 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 --source "public" + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 + 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@v4 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..cb76b31 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +resources/ diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..8fb2408 --- /dev/null +++ b/LICENSE.md @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020-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..01154f1 --- /dev/null +++ b/README.md @@ -0,0 +1,32 @@ +# [Hugo Landing Page Theme](https://github.com/HugoBlox/theme-landing-page) + +[![Screenshot](https://raw.githubusercontent.com/HugoBlox/theme-landing-page/main/.github/preview.webp)](https://hugoblox.com/templates/) + +The Hugo **Landing Page Template** empowers you to easily create startup websites, marketing websites, and landing pages to accelerate your business growth. + +️**Trusted by 250,000+ creators, teams, and organizations.** Highly customizable via the integrated **no-code, block-based website builder**, making every site truly personalized ⭐⭐⭐⭐⭐ + +[![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) + +[Check out the latest demo](https://theme-landing-page.netlify.app) of what you'll get in less than 10 minutes, or [view the showcase](https://hugoblox.com/creators/). + +The integrated [**Hugo Blox**](https://hugoblox.com) website builder 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) +- ⬇️ **Automatically import citations from BibTeX** with the [Hugo Academic CLI](https://github.com/GetRD/academic-file-converter) +- 🐦 Share your new site with the community: [@GetResearchDev](https://twitter.com/GetResearchDev) [@GeorgeCushen](https://twitter.com/GeorgeCushen) [#MadeWithHugoBlox](https://twitter.com/search?q=%23MadeWithHugoBlox&src=typed_query) +- 🗳 [Take the survey and help us improve #OpenSource](https://forms.gle/NioD9VhUg7PNmdCAA) +- 🚀 [Contribute improvements](https://github.com/HugoBlox/hugo-blox-builder/blob/main/CONTRIBUTING.md) or [suggest improvements](https://github.com/HugoBlox/hugo-blox-builder/issues) +- ⬆️ **Updating?** View the [Update Guide](https://docs.hugoblox.com/) 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 GitHub Sponsor, unlocking awesome perks such as _exclusive academic templates and widgets_](https://github.com/sponsors/gcushen) diff --git a/assets/media/bg-triangles.svg b/assets/media/bg-triangles.svg new file mode 100644 index 0000000..c2d584a --- /dev/null +++ b/assets/media/bg-triangles.svg @@ -0,0 +1 @@ + diff --git a/assets/media/build-website.png b/assets/media/build-website.png new file mode 100644 index 0000000..c8064ce Binary files /dev/null and b/assets/media/build-website.png differ diff --git a/assets/media/coffee.jpg b/assets/media/coffee.jpg new file mode 100644 index 0000000..be84aa1 Binary files /dev/null and b/assets/media/coffee.jpg differ diff --git a/assets/media/icons/custom/.gitkeep b/assets/media/icons/custom/.gitkeep new file mode 100644 index 0000000..e69de29 diff --git a/assets/media/logo.svg b/assets/media/logo.svg new file mode 100644 index 0000000..4c85673 --- /dev/null +++ b/assets/media/logo.svg @@ -0,0 +1 @@ + diff --git a/assets/media/testimonial-1.jpg b/assets/media/testimonial-1.jpg new file mode 100644 index 0000000..49337e4 Binary files /dev/null and b/assets/media/testimonial-1.jpg differ diff --git a/config/_default/hugo.yaml b/config/_default/hugo.yaml new file mode 100644 index 0000000..9698960 --- /dev/null +++ b/config/_default/hugo.yaml @@ -0,0 +1,84 @@ +# 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/ + +title: Creator's Landing Page | Hugo Theme # Website name +baseURL: 'https://example.com/' # Website URL + +############################ +## PAGE OPTIONS +############################ + +cascade: + # Blog post options + - _target: + path: /blog/** + kind: page + pager: true + editable: true + hide_date: false + show_date_updated: true + reading_time: true + commentable: true + show_related: true + share: true + # Just use Breadcrumb for navigation on blog post pages? + show_breadcrumb: false + header: + navbar: + enable: true + # Blog section options + - _target: + path: /blog/* + kind: section + # Set the listing view + view: date-title-summary + +############################ +## 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/' + tags: '/tag/:slug/' + categories: '/category/:slug/' +disableAliases: true +outputs: + home: [HTML, RSS, headers, redirects] + section: [HTML, RSS] +imaging: + resampleFilter: lanczos + quality: 95 + anchor: smart +timeout: 600000 +taxonomies: + tag: tags + category: categories + author: authors +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..65c2218 --- /dev/null +++ b/config/_default/menus.yaml @@ -0,0 +1,20 @@ +# Navigation Links +# To link a page section, specify the URL as a hash `/#` followed by the `id` of the section. +# The `weight` parameter defines the order that the links will appear in. + +main: + - name: Home + url: /#top + weight: 10 + - name: Features + url: /#features + weight: 20 + - name: Solutions + url: /#solutions + weight: 30 + - name: Resources + weight: 40 + hasChildren: true + - parent: Resources + name: Blog + url: blog/ 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..f172bc0 --- /dev/null +++ b/config/_default/params.yaml @@ -0,0 +1,55 @@ +# 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: light + color: indigo + +# SEO +marketing: + seo: + site_type: Person + local_business_type: '' + org_name: '' + description: 'A highly-customizable Hugo landing page theme powered by Hugo Blox website builder.' + twitter: 'GetResearchDev' + analytics: + google_analytics: '' + baidu_tongji: '' + plausible: '' + fathom: '' + pirsch: '' + verification: + google: '' + baidu: '' + +# Site header +header: + navbar: + enable: true + blox: "navbar" + align: "center" + fixed_to_top: true + logo: + text: "" + # Logo filename in `assets/media/` folder + filename: "logo.svg" + button: + enable: true + text: "Get Started" + url: "https://hugoblox.com/templates/" + show_search: true + show_theme_chooser: true + +# Site footer +footer: + copyright: + notice: '© {year} My Company' + +# Localization +locale: + date_format: 'Jan 2, 2006' + time_format: '3:04 PM' diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..61c64cd --- /dev/null +++ b/content/_index.md @@ -0,0 +1,142 @@ +--- +title: 'Home' +date: 2023-10-24 +type: landing + +design: + # Default section spacing + spacing: "6rem" + +sections: + - block: hero + content: + title: Build Your Landing Pages with Hugo Blox + text: 🧱 EASY. FREE (OPEN SOURCE). NO-CODE 🧱 + primary_action: + text: Get Started + url: https://hugoblox.com/templates/ + icon: rocket-launch + secondary_action: + text: Read the docs + url: https://docs.hugoblox.com + announcement: + text: "Announcing the release of version 1." + link: + text: "Read more" + url: "/blog/" + design: + spacing: + padding: [0, 0, 0, 0] + margin: [0, 0, 0, 0] + # For full-screen, add `min-h-screen` below + css_class: "dark" + background: + color: "navy" + image: + # Add your image background to `assets/media/`. + filename: bg-triangles.svg + filters: + brightness: 0.5 + - block: stats + content: + items: + - statistic: "1M+" + description: | + Websites built + with Hugo Blox + - statistic: "10k+" + description: | + GitHub stars + since 2016 + - statistic: "3k+" + description: | + Discord community + for support + design: + # Section background color (CSS class) + css_class: "bg-gray-100 dark:bg-gray-900" + # Reduce spacing + spacing: + padding: ["1rem", 0, "1rem", 0] + - block: features + id: features + content: + title: Features + text: Build your site with blocks 🧱 + items: + - name: Optimized SEO + icon: magnifying-glass + description: Automatic sitemaps, RSS feeds, and rich metadata take the pain out of SEO and syndication. + - name: Fast + icon: bolt + description: Super fast page load with Tailwind CSS and super fast site building with Hugo. + - name: Easy + icon: sparkles + description: One-click deployment to GitHub Pages. Have your new website live within 5 minutes! + - name: No-Code + icon: code-bracket + description: Edit and design your site just using rich text (Markdown) and configurable YAML parameters. + - name: Highly Rated + icon: star + description: Rated 5-stars by the community. + - name: Swappable Blocks + icon: rectangle-group + description: Build your pages with blocks - no coding required! + - block: cta-image-paragraph + id: solutions + content: + items: + - title: Build your future-proof website + text: As easy as 1, 2, 3! + feature_icon: check + features: + - "Future-proof - edit your content in text files" + - "Website is generated by a single app, Hugo" + - "No JavaScript knowledge required" + # Upload image to `assets/media/` and reference the filename here + image: build-website.png + button: + text: Get Started + url: https://hugoblox.com/templates/ + - title: Large Community + text: Join our large community on Discord - ask questions and get live responses + feature_icon: bolt + features: + - "Dedicated support channel" + - "3,000+ users on Discord" + - "Share your site and get feedback" + # Upload image to `assets/media/` and reference the filename here + image: coffee.jpg + button: + text: Join Discord + url: https://discord.gg/z8wNYzb + design: + # Section background color (CSS class) + css_class: "bg-gray-100 dark:bg-gray-900" + - block: testimonials + content: + title: "" + text: "" + items: + - name: "Hugo Smith" + role: "Marketing Executive at X" + # Upload image to `assets/media/` and reference the filename here + image: "testimonial-1.jpg" + text: "Awesome, so easy to use and saved me so much work with the swappable pre-designed sections!" + design: + spacing: + # Reduce bottom spacing so the testimonial appears vertically centered between sections + padding: ["6rem", 0, 0, 0] + - block: cta-card + content: + title: Build your future-proof website + text: As easy as 1, 2, 3! + 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..ebc5fef --- /dev/null +++ b/content/authors/admin/_index.md @@ -0,0 +1,59 @@ +--- +# 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 + +# Role/position/tagline +role: Professor of Artificial Intelligence + +# Organizations/Affiliations to show in About widget +organizations: + - name: Stanford University + url: https://www.stanford.edu/ + +# Short bio (displayed in user profile at end of posts) +bio: My research interests include distributed robotics, mobile computing and programmable matter. + +# Social Networking +# 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/linkedin + url: https://www.linkedin.com/ + # Link to a PDF of your resume/CV - upload it to `static/uploads/resume.pdf` + - icon: academicons/cv + url: uploads/resume.pdf + label: Download my resume + - icon: rss + url: ./post/index.xml + label: Subscribe to my blog via RSS feed + +# Highlight the author in author lists? (true/false) +highlight_name: true + +# Author's website URL +website: "" +--- + +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/blog/_index.md b/content/blog/_index.md new file mode 100644 index 0000000..9bff67d --- /dev/null +++ b/content/blog/_index.md @@ -0,0 +1,3 @@ +--- +title: Blog +--- diff --git a/content/blog/data-visualization/featured.jpg b/content/blog/data-visualization/featured.jpg new file mode 100644 index 0000000..8c97312 Binary files /dev/null and b/content/blog/data-visualization/featured.jpg differ diff --git a/content/blog/data-visualization/index.md b/content/blog/data-visualization/index.md new file mode 100644 index 0000000..2a584e3 --- /dev/null +++ b/content/blog/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/blog/data-visualization/line-chart.json b/content/blog/data-visualization/line-chart.json new file mode 100644 index 0000000..4307b4f --- /dev/null +++ b/content/blog/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/blog/data-visualization/results.csv b/content/blog/data-visualization/results.csv new file mode 100644 index 0000000..0630ed9 --- /dev/null +++ b/content/blog/data-visualization/results.csv @@ -0,0 +1,4 @@ +customer_id, score +1,0 +2,0.5 +3,1 diff --git a/content/blog/get-started/featured.jpg b/content/blog/get-started/featured.jpg new file mode 100644 index 0000000..4d20ee1 Binary files /dev/null and b/content/blog/get-started/featured.jpg differ diff --git a/content/blog/get-started/index.md b/content/blog/get-started/index.md new file mode 100644 index 0000000..afe5db9 --- /dev/null +++ b/content/blog/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/blog/project-management/featured.jpg b/content/blog/project-management/featured.jpg new file mode 100644 index 0000000..a9e0ac0 Binary files /dev/null and b/content/blog/project-management/featured.jpg differ diff --git a/content/blog/project-management/index.md b/content/blog/project-management/index.md new file mode 100644 index 0000000..959b1af --- /dev/null +++ b/content/blog/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/blog/second-brain/featured.jpg b/content/blog/second-brain/featured.jpg new file mode 100644 index 0000000..9320048 Binary files /dev/null and b/content/blog/second-brain/featured.jpg differ diff --git a/content/blog/second-brain/index.md b/content/blog/second-brain/index.md new file mode 100644 index 0000000..a96a877 --- /dev/null +++ b/content/blog/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/blog/teach-courses/ambient-piano.mp3 b/content/blog/teach-courses/ambient-piano.mp3 new file mode 100644 index 0000000..8795f38 Binary files /dev/null and b/content/blog/teach-courses/ambient-piano.mp3 differ diff --git a/content/blog/teach-courses/featured.jpg b/content/blog/teach-courses/featured.jpg new file mode 100644 index 0000000..5b05393 Binary files /dev/null and b/content/blog/teach-courses/featured.jpg differ diff --git a/content/blog/teach-courses/index.md b/content/blog/teach-courses/index.md new file mode 100644 index 0000000..f098f08 --- /dev/null +++ b/content/blog/teach-courses/index.md @@ -0,0 +1,143 @@ +--- +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 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/privacy.md b/content/privacy.md new file mode 100644 index 0000000..c7572bc --- /dev/null +++ b/content/privacy.md @@ -0,0 +1,7 @@ +--- +title: Privacy +date: 2023-12-01 +share: false +--- + +Add your company privacy policy here... diff --git a/content/terms.md b/content/terms.md new file mode 100644 index 0000000..3695864 --- /dev/null +++ b/content/terms.md @@ -0,0 +1,7 @@ +--- +title: Terms of Service +date: 2023-12-01 +share: false +--- + +Add your company legal terms here... diff --git a/go.mod b/go.mod new file mode 100644 index 0000000..197568a --- /dev/null +++ b/go.mod @@ -0,0 +1,8 @@ +module github.com/HugoBlox/theme-landing-page + +go 1.19 + +require ( + github.com/HugoBlox/hugo-blox-builder/modules/blox-plugin-netlify v1.1.2-0.20231108143325-448ed0e3bd2b + github.com/HugoBlox/hugo-blox-builder/modules/blox-tailwind v0.2.1-0.20240602133901-492e343c2a33 +) diff --git a/hugo-blox/blox/all-access/README.md b/hugo-blox/blox/all-access/README.md new file mode 100644 index 0000000..42cbda7 --- /dev/null +++ b/hugo-blox/blox/all-access/README.md @@ -0,0 +1,7 @@ +# Hugo Blox Builder: All Access + +Elevate your web projects with [All Access](https://hugoblox.com/sponsor/), our premium Tailwind blox collection! + +Get access to a diverse range of professionally designed, responsive components — from sleek pricing sections to interactive forms. Save time with our ready-to-use blox, fully customizable to fit your brand, and focus on creating unique features that set your website apart. Optimize your development process and enhance your designs effortlessly with our Tailwind blox! + +Upload All Access blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/). diff --git a/hugo-blox/blox/community/README.md b/hugo-blox/blox/community/README.md new file mode 100644 index 0000000..f77979b --- /dev/null +++ b/hugo-blox/blox/community/README.md @@ -0,0 +1,5 @@ +# Hugo Blox Builder: Community Blox + +Upload custom or community Hugo Blox to this folder and they will be automatically installed to your site, [ready for use in your pages](https://docs.hugoblox.com/getting-started/page-builder/). + +Creating your own blox? [Follow the step-by-step tutorial](https://docs.hugoblox.com/getting-started/page-builder/). 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/images/screenshot.png b/images/screenshot.png new file mode 100644 index 0000000..d6ef1d0 Binary files /dev/null and b/images/screenshot.png differ diff --git a/images/tn.png b/images/tn.png new file mode 100644 index 0000000..7ae8de2 Binary files /dev/null and b/images/tn.png differ diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..44bd1b6 --- /dev/null +++ b/netlify.toml @@ -0,0 +1,21 @@ +[build] + command = "hugo --gc --minify -b $URL" + 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" + +[context.branch-deploy] + command = "hugo --gc --minify -b $DEPLOY_PRIME_URL" + +[[plugins]] + package = "netlify-plugin-hugo-cache-resources" + [plugins.inputs] + debug = true diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..5706e20 --- /dev/null +++ b/theme.toml @@ -0,0 +1,15 @@ +name = "Landing Page Builder" +license = "MIT" +licenselink = "https://github.com/HugoBlox/theme-landing-page/blob/main/LICENSE.md" +description = "Easily build your landing page with pre-designed blocks. Create beautiful startup websites, marketing websites, and landing pages to accelerate your business growth." + +homepage = "https://github.com/HugoBlox/theme-landing-page" +demosite = "https://theme-landing-page.netlify.app/" + +tags = ["landing", "docs", "blog", "responsive", "minimal", "light", "dark", "multilingual", "dark mode", "tailwind", "company", "gallery"] +features = ["secure", "fast", "search", "dark mode", "widgets"] + +# If the theme has a single author +[author] + name = "George Cushen" + homepage = "https://georgecushen.com/"