Mobile-responsive personal website, generated using Hugo. https://kevin-mok.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
3.4 KiB

  1. <!DOCTYPE html>
  2. <html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="description" content="{{ if eq .Description "" }}{{ .Site.Params.description }}{{ else }}{{ .Description }}{{ end }}">
  6. {{- with $.Param "keywords" }}
  7. <meta name="keywords" content="{{ delimit . "," }}">
  8. {{- end }}
  9. {{- with $.Param "author" }}
  10. <meta name="author" content="{{ . }}">
  11. {{- end }}
  12. {{ hugo.Generator }}
  13. <meta name="google-site-verification" content="3aZhrY5bFgQY0HY2DNNUhbkuIfVEcwkrQHnbJd8jCCQ" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1">
  15. <!-- <script src="https://cdn.khkm.gq/live.js" charset="utf-8"></script> -->
  16. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  17. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  18. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  19. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  20. <!-- <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700" type="text/css"> -->
  21. <link rel='stylesheet' href='//cdn.jsdelivr.net/npm/hack-font@3.3.0/build/web/hack-subset.css'>
  22. <!-- <link rel="stylesheet" href="https://meyerweb.com/eric/tools/css/reset/reset.css" type="text/css" media="all" /> -->
  23. <link rel="stylesheet" href="{{ "css/style.css" | relURL }}" type="text/css">
  24. {{ $main_sass := resources.Get "sass/main.scss" }}
  25. {{ $main_style := $main_sass | resources.ToCSS }}
  26. <link rel="stylesheet" href="{{ $main_style.RelPermalink }}" type="text/css">
  27. <title>
  28. {{ $isHomePage := eq .Title .Site.Title }}
  29. {{ .Title }}
  30. {{ if eq $isHomePage false }} -
  31. {{ .Site.Title }}
  32. {{ end }}
  33. </title>
  34. <!-- <link rel="shortcut icon" type="image/png" href="imgs/icons/gitlab.png" id="favicon"/> -->
  35. <link rel="apple-touch-icon" sizes="180x180" href="{{ "img/favicon/apple-touch-icon.png" | relURL }}">
  36. <link rel="icon" type="image/png" sizes="32x32" href="{{ "img/favicon/favicon-32x32.png" | relURL }}">
  37. <link rel="icon" type="image/png" sizes="16x16" href="{{ "img/favicon/favicon-16x16.png" | relURL }}">
  38. <link rel="manifest" href="{{ "img/favicon/site.webmanifest" | relURL }}">
  39. <link rel="mask-icon" href="{{ "img/favicon/safari-pinned-tab.svg" | relURL }}" color="#5bbad5">
  40. <meta name="msapplication-TileColor" content="#2b5797">
  41. <meta name="theme-color" content="#ffffff">
  42. <!-- <title>
  43. {{ .Site.Title }} &nbsp;&nbsp;~{{ .Page.RelPermalink }}
  44. </title> -->
  45. </head>
  46. <body>
  47. <!-- <header>
  48. <div class="container clearfix">
  49. [><a class="path" href="{{ .Site.BaseURL }}">[{{ .Site.Title }}]</a><]
  50. <a class="path" href="{{ .Site.BaseURL }}">[~]</a>
  51. <span class="caret"># _</span>
  52. <div class="right">
  53. {{ range $i, $page := (where .Site.Pages "Section" "pages") }}
  54. {{ if not (eq $i 0) }}|{{ end }}
  55. <a class="path" href="{{ $page.RelPermalink }}">{{ $page.Title }}</a>
  56. {{ end }}
  57. </div>
  58. </div>
  59. </header> -->
  60. <div class="container">