The source code of my personal website! https://jfenn.me/
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.
 
 
 
 
 

75 lines
3.5 KiB

  1. <meta charset="utf-8">
  2. {% assign separator = " | " %}
  3. {% assign head_title = meta.name %}
  4. {% if title %}
  5. {% assign head_title = title | append: separator | append: meta.name %}
  6. {% elsif renderData.title %}
  7. {% assign head_title = renderData.title | append: separator | append: meta.name %}
  8. {% endif %}
  9. {% assign head_description = meta.description %}
  10. {% if description %}
  11. {% assign head_description = description | xml_escape %}
  12. {% elsif renderData.description %}
  13. {% assign head_description = renderData.description | xml_escape %}
  14. {% endif %}
  15. {% assign head_icon = meta.domainurl | append: meta.icon %}
  16. {% if icon %}{% assign head_icon = icon %}{% endif %}
  17. {% assign head_image = meta.domainurl | append: meta.image %}
  18. {% if image %}{% assign head_image = image %}{% endif %}
  19. <meta name="description" content="{{ head_description }}">
  20. <meta name="author" content="{{ meta.author }}">
  21. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  22. <title>{{ head_title }}</title>
  23. <meta name="theme-color" content="#FFFFFF">
  24. <meta name="mobile-web-app-capable" content="yes">
  25. <link rel="manifest" href="/manifest.json">
  26. <meta name="application-name" content="{{ meta.name }}">
  27. <meta name="msapplication-TileColor" content="#FFFFFF">
  28. <meta name="msapplication-TileImage" content="/images/favicon-144.png">
  29. <meta name="msapplication-tooltip" content="{{ meta.description }}">
  30. <meta name="msapplication-config" content="/ieconfig.xml">
  31. <link rel="apple-touch-icon" sizes="70x70" href="/images/favicon-70.png">
  32. <link rel="apple-touch-icon" sizes="144x144" href="/images/favicon-144.png">
  33. <link rel="apple-touch-icon" sizes="152x152" href="/images/favicon-152.png">
  34. <link rel="icon" type="image/png" sizes="192x192" href="{{ icon | default: '/images/favicon-192.png' }}">
  35. <link rel="icon" type="image/png" sizes="32x32" href="{{ icon | default: '/images/favicon-32.png' }}">
  36. <link rel="icon" type="image/png" sizes="96x96" href="{{ icon | default: '/images/favicon-96.png' }}">
  37. <link rel="icon" type="image/png" sizes="16x16" href="{{ icon | default: '/images/favicon-16.png' }}">
  38. <link rel="shortcut icon" href="{{ icon | default: '/favicon.ico' }}">
  39. <meta name="apple-mobile-web-app-capable" content="yes">
  40. <meta name="apple-mobile-web-app-status-bar-style" content="white">
  41. <meta name="apple-mobile-web-app-title" content="{{ meta.name }}">
  42. <link href="//fonts.googleapis.com/css?family=Crete+Round|Roboto|Montserrat" rel="stylesheet">
  43. <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  44. <link href="/assets/css/styles.css" rel="stylesheet">
  45. <meta name="twitter:card" content="summary">
  46. <meta name="twitter:title" content="{{ head_title }}">
  47. <meta name="twitter:description" content="{{ head_description }}">
  48. <meta name="twitter:image" content="{{ head_icon }}">
  49. <meta name="twitter:creator" content="@fennifith">
  50. <meta name="twitter:site" content="@fennifith">
  51. <meta name="og:title" content="{{ head_title }}">
  52. <meta name="og:type" content="website">
  53. <meta name="profile:first_name" content="James">
  54. <meta name="profile:last_name" content="Fenn">
  55. <meta name="profile:username" content="fennifith">
  56. <meta name="og:image" content="{{ head_image }}">
  57. <meta name="og:url" content="{{ meta.domainurl }}{{ page.url | url }}">
  58. <meta name="og:description" content="{{ head_description }}">
  59. <meta name="og:locale" content="en_US">
  60. <meta name="og:site_name" content="{{ meta.name }}">
  61. <link href="//unpkg.com/prism-themes@1.5.0/themes/prism-ghcolors.css" rel="stylesheet">