Fixed code styles and preview images.
This commit is contained in:
		@ -42,7 +42,7 @@ pre tt {
 | 
			
		||||
 | 
			
		||||
pre {
 | 
			
		||||
  max-height: 40em;
 | 
			
		||||
  padding: 0.7em 1.1em;
 | 
			
		||||
  padding: 0em;
 | 
			
		||||
  overflow: auto;
 | 
			
		||||
  overflow-y: auto;
 | 
			
		||||
  overflow-x: scroll;
 | 
			
		||||
@ -67,7 +67,8 @@ pre {
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  code {
 | 
			
		||||
    padding: 0;
 | 
			
		||||
    display: block;
 | 
			
		||||
    padding: 0.7em;
 | 
			
		||||
    margin: 0;
 | 
			
		||||
 | 
			
		||||
    table {
 | 
			
		||||
@ -81,7 +82,6 @@ pre {
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  code[data-name] {
 | 
			
		||||
    display: block;
 | 
			
		||||
    position: relative;
 | 
			
		||||
    padding-top: 2em !important;
 | 
			
		||||
 | 
			
		||||
@ -91,10 +91,10 @@ pre {
 | 
			
		||||
      font-weight: bold;
 | 
			
		||||
      top: 0;
 | 
			
		||||
      left: 0;
 | 
			
		||||
      padding-left: 1em;
 | 
			
		||||
      padding-left: 0.7em;
 | 
			
		||||
      padding-top: 0.2em;
 | 
			
		||||
      width: 100%;
 | 
			
		||||
      background-color: $midnightblue;
 | 
			
		||||
      background-color: $highlight-grey;
 | 
			
		||||
      z-index: 1;
 | 
			
		||||
      color: $text;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
@ -42,22 +42,24 @@
 | 
			
		||||
  {% endif %}
 | 
			
		||||
 | 
			
		||||
  <meta name="twitter:card" content="summary_large_image" />
 | 
			
		||||
  {% if page.extra and page.extra.image %}
 | 
			
		||||
  <meta property="og:image" content="{{get_url(path=page.extra.image)}}" />
 | 
			
		||||
  <meta property="og:image:width" content="{{page.extra.image_width}}" />
 | 
			
		||||
  <meta property="og:image:height" content="{{page.extra.image_height}}" />
 | 
			
		||||
  {% if page.extra and page.extra.preview_image %}
 | 
			
		||||
  {% set meta = get_image_metadata(path=page.extra.preview_image) %}
 | 
			
		||||
  <meta property="og:image" content="{{get_url(path=page.extra.preview_image)}}" />
 | 
			
		||||
  <meta property="og:image:width" content="{{meta.width}}" />
 | 
			
		||||
  <meta property="og:image:height" content="{{meta.height}}" />
 | 
			
		||||
 | 
			
		||||
  <meta name="twitter:image" content="{{get_url(path=page.extra.image)}}" />
 | 
			
		||||
  <meta name="twitter:image:width" content="{{page.extra.image_width}}" />
 | 
			
		||||
  <meta name="twitter:image:height" content="{{page.extra.image_height}}" />
 | 
			
		||||
  <meta name="twitter:image" content="{{get_url(path=page.extra.preview_image)}}" />
 | 
			
		||||
  <meta name="twitter:image:width" content="{{meta.width}}" />
 | 
			
		||||
  <meta name="twitter:image:height" content="{{meta.height}}" />
 | 
			
		||||
  {% else %}
 | 
			
		||||
  <meta property="og:image" content="{{get_url(path='preview.png')}}" />
 | 
			
		||||
  <meta property="og:image:width" content="1200" />
 | 
			
		||||
  <meta property="og:image:height" content="720" />
 | 
			
		||||
  {% set meta = get_image_metadata(path=config.extra.preview_image) %}
 | 
			
		||||
  <meta property="og:image" content="{{get_url(path=config.extra.preview_image)}}" />
 | 
			
		||||
  <meta property="og:image:width" content="{{meta.width}}" />
 | 
			
		||||
  <meta property="og:image:height" content="{{meta.height}}" />
 | 
			
		||||
 | 
			
		||||
  <meta name="twitter:image" content="{{get_url(path='preview.png')}}" />
 | 
			
		||||
  <meta name="twitter:image:width" content="1200" />
 | 
			
		||||
  <meta name="twitter:image:height" content="720" />
 | 
			
		||||
  <meta name="twitter:image" content="{{get_url(path=config.extra.preview_image)}}" />
 | 
			
		||||
  <meta name="twitter:image:width" content="{{meta.width}}" />
 | 
			
		||||
  <meta name="twitter:image:height" content="{{meta.height}}" />
 | 
			
		||||
  {% endif %}
 | 
			
		||||
 | 
			
		||||
  <!-- Twitter/X -->
 | 
			
		||||
@ -119,32 +121,6 @@
 | 
			
		||||
    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
 | 
			
		||||
        onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script>
 | 
			
		||||
 | 
			
		||||
    {% if config.extra.highlightjs.enable %}
 | 
			
		||||
    <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets@11.11.1/styles/default.min.css">
 | 
			
		||||
    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.11.1/highlight.min.js"></script>
 | 
			
		||||
    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.11.1/languages/dockerfile.min.js"></script>
 | 
			
		||||
		<script src="https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js"></script>
 | 
			
		||||
 | 
			
		||||
		<link href="{{config.extra.highlightjs.theme}}" rel="stylesheet">
 | 
			
		||||
		<script>
 | 
			
		||||
      hljs.highlightAll("pre>code");
 | 
			
		||||
		</script>
 | 
			
		||||
		{% if config.extra.highlightjs.clipboard %}
 | 
			
		||||
			<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
 | 
			
		||||
			<script>
 | 
			
		||||
				var options = {
 | 
			
		||||
					copyIconClass: "gg-clipboard",
 | 
			
		||||
					checkIconClass: "gg-check"
 | 
			
		||||
				};
 | 
			
		||||
				window.highlightJsBadge(options);
 | 
			
		||||
			</script>
 | 
			
		||||
		{% endif %}
 | 
			
		||||
 | 
			
		||||
	{% endif %}
 | 
			
		||||
 | 
			
		||||
	{% if not config.extra.highlightjs.enable %}
 | 
			
		||||
	<script src="{{get_url(path="js/copy.js")}}"></script>
 | 
			
		||||
	{% endif %}
 | 
			
		||||
	<script src="{{get_url(path="js/main.js")}}"></script>
 | 
			
		||||
 | 
			
		||||
    {% block js_footer %}
 | 
			
		||||
 | 
			
		||||
		Reference in New Issue
	
	Block a user