How to IMPROVE a HUGO Website - Hugo Tips

{{- /* You can add your own layouts/comments.html to override this file */ -}}

{{- $pageCommentSystems := .Param "pageCommentSystems"}}
{{- if not $pageCommentSystems }}
  {{- $pageCommentSystems = site.Params.defaultCommentSystems }}
{{- end }}

{{- $page := . -}}
{{- with site.Params.commentSystems -}}
  {{- if $pageCommentSystems.remark42 -}}
  {{- with .remark42 -}}
    {{- partial "remark42.html" (dict "page" $page "ctx" .) }}
  {{- end -}}
  {{- end -}}

  {{- if $pageCommentSystems.telegramWidget -}}
  {{- with .telegramWidget -}}
    {{- partial "telegram_widget.html" . }}
  {{- end -}}
  {{- end -}}

  {{- if $pageCommentSystems.disqus -}}
  {{- with .disqus -}}
    {{- partial "disqus.html" (dict "page" $page "ctx" .) }}
  {{- end -}}
  {{- end -}}
{{- end -}}

<div class="comments">
  <div class="title">
    <span>Comments</span>
    <span class="counter"><span class="remark42__counter" data-url="{{ .page.Permalink }}"></span></span>
  </div>
  <div id="remark42">
  </div>
</div>

<script>
  var remark_config = {
    host: '{{ .ctx.url }}',
    site_id: '{{ .ctx.site }}',
    components: ['embed', 'counter'],
    max_shown_comments: 20,
    theme: 'light',
    simple_view: true,
    admonition: JSON.stringify(['Please subscribe by email to receive reply notifications.']),
  };
  if (isDarkTheme()) {
    remark_config.theme = 'dark'
  }

  (function() {
    // toogle theme callback
    const key = 'remark42'
    if (!toggleThemeCallbacks.hasOwnProperty(key)) {
      toggleThemeCallbacks[key] = (isDark) => {
        const remark42 = window.REMARK42
        if (!remark42 || !document.querySelector('#remark42')) {
          return;
        }
        if (isDark) {
          remark42.changeTheme('light');
        } else {
          remark42.changeTheme('dark');
        }
      }
    }

    // init or reset remark42
    const remark42 = window.REMARK42
    if (remark42) {
      remark42.destroy()
      remark42.createInstance(remark_config)
    } else {
      for (const component of remark_config.components) {
        var d = document, s = d.createElement('script');
        s.src = `${remark_config.host}/web/${component}.mjs`;
        s.type = 'module';
        s.defer = true;
        // prevent the <script> from loading mutiple times by InstantClick
        s.setAttribute('data-no-instant', '')
        d.head.appendChild(s);
      }
    }
  })();
</script>

        {{- if $Projects }}
        <div class="project-cards">
            <h2>Awesome F/OSS Projects</h2>
            <ul>
                {{- range $Projects }}
                <li>
                    <div class="project-item">
                        {{ if .Params.icon }}
                            <img src="{{ .Params.icon }}" alt="{{ .Title }} Icon" class="project-icon">
                        {{ end }}
                        <span class="project-title">{{ .Title }}</span> <!-- Project Title -->
                        <p class="project-description">{{ .Params.description }}</p> <!-- Project Description -->
                        <a href="{{ .Params.link }}">📖</a> <!-- Hyperlink to Project -->
                        {{ if .Params.Guide }}
                            <a href="{{ .Params.Guide }}">📋</a> <!-- Hyperlink to Guide -->
                        {{ end }}
                    </div>
                </li>
                {{- end }}
            </ul>   
        </div>
        {{- end }}

git clone https://github.com/ohmyform/ohmyform.git
#Step Two: Modify anything you want to in the source.
cd ohmyform
#git submodule update --init
docker-compose up -d
#docker-compose ps

version: "3"
services:
  ohmyform:
    image: ohmyform/ohmyform
    volumes:
#      - "./data:/data"
      - ohmyform_data:/app/data      
    environment:
      CREATE_ADMIN: "TRUE"
      ADMIN_EMAIL: [email protected]
      ADMIN_USERNAME: admin
      ADMIN_PASSWORD: admin
      DATABASE_DRIVER: sqlite
      DATABASE_URL: "sqlite:///data/data.sqlite"
      MAILER_URI: smtp://local.host
      LOGIN_NOTE: "Either login with admin:admin or create your own account to test OhMyForm"
    ports:
      - "8037:3000"
    restart: unless-stopped
volumes:
  ohmyform_data:

<iframe>
    class="nc-embed"
    src="https://nocodb.noted.lol/dashboard/#/nc/form/f42affl0-25d2-2f31-a90a-8d1996d8ck0l"
    frameborder="0"
    width="100%"
    height="800"
    style="background: transparent; border: 1px solid #ddd"
</iframe>

git clone https://github.com/nocodb/nocodb
cd nocodb/docker-compose/pg
docker-compose up -d