8 #External External

8.1 #External.godbolt-logo-in-code-examples Compiler Explorer icon in code examples linked to it

Adds a Compiler Explorer icon in the top right of these code snippets from which I link to Compiler Explorer.

Example

struct A {
  int x;
  int f();
};

Markup

<script src="../highlight/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
<a href="https://godbolt.org/" target="_blank">
  <pre><code class="language-cpp">struct A {
  int x;
  int f();
};</code></pre>
</a>

Source: css/modules/code.css, line 5

8.2 #External.stackoverflow-widget StackOverflow widget

A panel to show StackOverflow-specific stuff.

This module defines its own variables and uses high specificity selectors. This is done to force it being stable regardless of other styles; after all, I don't want it to be coherent with the rest of the site, as it represents a view on an external site.

Example

Markup

<style>
.stackoverflow-widget {
  width: 10em;
  height: 5em;
}
</style>
<div class="stackoverflow-widget box-shadow">
hello world
</div>

Source: css/modules/stackoverflow.css, line 1