This website is built using Hugo, a static site generator. That means it contains template files in layouts/ and content files in content/, and these two things get combined to generate the website's HTML.
To run the server locally, open up a terminal and run:
$ hugo server
Browse to localhost:1313 on your web browser to see the site.
layouts contains snippets of HTML, for example here's banner.html:
<sectionid="banner"><imgclass="logo" src="/images/logos/transparent_logo.png" /><p>The University of Tennessee's resident computer security organization.</p><ulclass="actions"><li><ahref="https://goo.gl/forms/WBSZ9DwdjVdICwMf1" target="_blank" class="button">Join HackUTK</a></li><li><ahref="http://discord.hackutk.org/" target="_blank" class="button">Join our Discord</a></li><li><ahref="#sponsors" class="button">Our Sponsors</a></li></ul><ulclass="actions"><li><ahref="https://goo.gl/forms/KfmliuYvuiI49qtC3" class="button">Sign up for CTF</a></li></ul></section>Basically, in Hugo, you store these HTML snippets in /layouts, then whenever you want to use them, you call them like this in your HTML/Markdown files:
From /content/_index.md:
{{ partial "banner.html" . }}If you want to use a variable in your HTML (doesn't work in Markdown), put it in config.yaml underneath params:. For example:
params:
ctf_signup_url: "https://goo.gl/forms/KfmliuYvuiI49qtC3"Now, anytime you want to reference that variable in your HTML, call it like this:
<li><ahref="{{ .Site.Params.ctf_signup_url }}" class="button">Sign up for CTF</a></li>