diff --git a/assets/css/custom.css b/assets/css/custom.css index c7e4884..8e5cd76 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -2,4 +2,6 @@ .language-latex {color: gray} .language-bash {color: gray} .language-make {color: gray} -.language-txt {color: gray} \ No newline at end of file +.language-txt {color: gray} +.language-html {color: gray} +.language-md {color: gray} diff --git a/content/post/20211218-didillinoiswin/index.md b/content/post/20211218-didillinoiswin/index.md index 782f5f3..2a1b585 100644 --- a/content/post/20211218-didillinoiswin/index.md +++ b/content/post/20211218-didillinoiswin/index.md @@ -125,34 +125,36 @@ These fragments are combined with an HTML header fragment... ...and stitched into a webpage using bash: ```bash - cat header.html > index.html - echo "
" >> index.html - echo "
" >> index.html - cat basketball.html >> index.html - echo "
" >> index.html - echo "
" >> index.html - cat football.html >> index.html - echo "
" >> index.html - echo "
" >> index.html - echo "
" >> index.html - echo "
" >> index.html - cat volleyball.html >> index.html - echo "
" >> index.html - echo "
" >> index.html +cat header.html > index.html +echo "
" >> index.html +echo "
" >> index.html +cat basketball.html >> index.html +echo "
" >> index.html +echo "
" >> index.html +cat football.html >> index.html +echo "
" >> index.html +echo "
" >> index.html +echo "
" >> index.html +echo "
" >> index.html +cat volleyball.html >> index.html +echo "
" >> index.html +echo "
" >> index.html ``` -The combind result is that each sport's HTML fragment is put into its own div, which are organized hierarchically into a table of `row` and `column`. -A bit of CSS is used to handle the responsive layout of those divs. +The combind result is that each sport's HTML fragment is put into its own div. +The divs are organized into a table of `row` and `column`. +A bit of CSS is used to handle the responsive layout of the divs wrapping the sports. ## Hosting I chose to host on Netlify. -Netlify can run some automated steps every time there is a push to a github repository. +Instead of creating an `index.html` file and uploading it, Netlify can run some automated steps every time there is a push to a github repository. I automated the generation of the website from the markdown files using GNU Make. Then, on Netlify under "Site Settings" > "Build and Deploy", I specified `make` as the build command. +Netlify will clone the repository every time I push a modification to the markdown files, run `make` to produce `index.html`, and serve that as the site. As of this writing, Netlify provides 100GB bandwidth and 300 build minutes, which is more than sufficient for a 0-traffic small static website. -Netlify [provides instructions](https://docs.netlify.com/domains-https/custom-domains/configure-external-dns/) for how to configure the external DNS (more on that below). +Netlify [provides instructions](https://docs.netlify.com/domains-https/custom-domains/configure-external-dns/) for how to configure the external DNS.