Add ui_components classes for rows and columns

import m from 'mithril'
import { Row, Col } from './ui_components/bootstrap.ts'
import render from 'mithril-node-render'

export default (_reposConfig: any, eleventyConfig: any, data: any) => {
  const slugify = eleventyConfig.getFilter("slugify")

  const pageContent = m('div', {class: "container"}, [
    Row("my-3", 
      Col.c(
        m('h1', data.reposConfig.defaultTemplateConfiguration?.allRepositoriesPageTitle || "All Repositories")
      )
    ),
    Row("d-flex flex-wrap",
      data.repos.map((repo) => {
        return (
          Col.c('', {style: "flex-basis: 50%; max-width: 50%;"},
            m('div', {class: "my-2 card bezel-gray flex-grow-1"},
              m('div', {class: "card-header"},
                m('a', {class: "card-title fs-5", href: `${data.reposPath}/${slugify(repo.name)}/branches/${repo.defaultBranch}`}, repo.name)

import m from 'mithril'
import { Row, Col } from './ui_components/bootstrap.ts'
import { type Repository } from '../src/dataTypes.ts'
import { NavHelper } from './helpers/nav.ts'
import htmlPage from './common/htmlPage.ts'

  const readmeContent = await renderContentIfAvailable(await getReadMe(repo.name, branch.name), branch.name)

  const pageContent = [
    Row([
      Col.c([
        m('div', {class: "px-4 pt-3 bezel-header"}, [
          Row([
            Col.c12('col-lg-6', [
              m('h1', {class: "display-3 text-white"},
                m('em', repo.name)
              ),

                ? m('p', {class: "text-white fs-4 fw-light"}, repo.description)
                : null
            ]),
            Col.c12('col-lg-6 d-flex flex-column justify-content-around', [
              Row('flex-grow-1 align-items-stretch language-percent-row', [
                Col.c12('d-flex align-items-stretch', [
                  m('div', {class: "language-cols d-flex flex-grow-1 flex-nowrap"}, topLanguagePercentages.map((percentTuple) => {
                    return m('div', {class: 'language-col flex-grow-1 overflow-hidden'}, [
                      m('div', {class: "language-name text-light font-monospace"}, percentTuple[0]),

                  )])),
                ])
              ]),
              Row('align-items-center', [
                Col.c12([
                  m('div', {class: "header-button-container"}, [
                    m('button', {class: "btn btn-info btn-lg dropdown-toggle clone-popover-btn"}, 'Clone'),
                    nav.homepageButtons.map((buttonConfig) => {

            ])
          ]),
          m('noscript',
            Row('mt-2',
              Col.c(
                m('p', {class: "font-monospace text-white"},
                  `Clone URL: ${repo.cloneUrl}`
                )
              )
            )
          ),
          Row('mt-2', [
            Col.c([
              m('p', {class: "font-monospace text-white mb-2 d-inline-block"}, [
                m('a', {class: "btn btn-outline-info badge shadow-none me-2", href: nav.repoCurrentBranchRssFeed()}, [
                  m('img', {src: `${nav.rootPath()}frontend/img/rss-icon.svg`, style: "width: 11px; margin-right: 5px;"}),

        ])
      ])
    ]),
    Row('my-4 mx-1',
      Col.c('readme', m.trust(readmeContent))
    )
  ]

import Row from './bootstrap/row.ts'
import Col from './bootstrap/col.ts'

export {
  Row,
  Col,
}

import m from 'mithril'

export default (classesOrContent: any, optionalContent?: any)  => {
  let classes = ''
  let content = classesOrContent

  if (optionalContent !== undefined) {
    classes = classesOrContent
    content = optionalContent
  }

  return m('div', {
    class: 'row ' + classes
  }, content)
}