UBC UAS Website (ubcuas.com)

This is the repository for the UBC UAS website. The website is built using Hugo and deployed using Netlify.

Development

Prerequisites

• Hugo
• Node.js

Commands

Setup

• Clone theme submodule

  git submodule init
  git submodule update

• Install dependencies

  npm install

• Run Hugo server

  npm run dev

Update Theme

git submodule update --remote

Update Modules

npm run update-modules

Build

npm run build

Structure

.vscode/
    extensions.json                    # Suggested extensions

assets/                                # Static assets
    images/                            # Images
    scss/                              # Custom CSS files

config/                                # Hugo configuration files
    _default/                          # Default configuration files
        languages.toml                 # Language configuration (only English for us)
        menus.en.toml                  # Menu configuration
        module.toml                    # Hugo modules configuration - can add new modules here
        params.toml                    # Theme site parameters

content/                               # Content files
    english/
        blog/                          # Blog section
            _index.md                  # Blog home page
            <blog-post-url>.md         # Blog post
        contact/                       # Default contact page - not used for us
            _index.md
        homepage/                      # Homepage content
            _index.md
        pages/                         # Main pages
            <page-url>.md              # Page content
        sections/                      # Special pre-defined page sections
            call-to-action.md          # Call to action section - unused
            testimonials.md            # Testimonials section for home page - unused

data/
    social.json                        # Social media links for the footer
    theme.json                         # Theme configuration

i18n/                                  # Translation files
    en.yaml                            # English translation file

layouts/                               # Layout files (new items or overrides the theme layouts)
    _default/                          # Default layout files
    partials/                          # Partial layout files (reusable components)
    shortcodes/                        # Shortcodes (reusable components, notably in markdown)

scripts/                               # Scripts from the theme for setup and updates

themes/hugoplate                       # Theme files - pulled from git submodule

.editorconfig                          # Editor configuration
.jshintrc                              # JSHint configuration
.markdownlint.json                     # Markdown linting configuration
.prettierrc                            # Prettier configuration
go.mod                                 # Hugo modules versioning
hugo.toml                              # Hugo configuration
netlify.toml                           # Netlify configuration
package.json                           # Node.js configuration
postcss.config.js                      # PostCSS configuration
tailwind.config.js                     # Tailwind CSS configuration

CI/CD

Upon submitting a pull request, Netlify will automatically build and deploy a preview of the website. Be sure to view this preview and check the build logs before merging it. Once the pull request is merged, Netlify will automatically build and deploy the website to production.