add standalone template for commercial support page

wiremock · Jan 23, 2024 · 77a4e07 · 77a4e07
1 parent 155dba0
commit 77a4e07
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 6 deletions.
diff --git a/_docs_theme/standalone.html b/_docs_theme/standalone.html
@@ -0,0 +1,49 @@
+{% import "partials/language.html" as lang with context %}
+<!DOCTYPE html lang="{{ lang.t('language') }}" class="no-js">
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
+    />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>WireMock - flexible, open source API mocking | WireMock</title>
+    {% for path in config.theme.css %}
+    <link rel="stylesheet" href="{{ path | url }}" />
+    {% endfor %} {% for path in config.extra_css %}
+    <link rel="stylesheet" href="{{ path | url }}" />
+    {% endfor %}
+    <link
+      href="https://fonts.googleapis.com/css?family=DM+Sans:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&amp;display=fallback"
+      rel="stylesheet"
+    />
+    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.svg" />
+  </head>
+  <body class="static">
+    {% set staticPage = true %} {% include "partials/header.html" %} {% block
+    content %}
+    <main class="content">{{ page.content }}</main>
+    {% endblock %}
+
+    <div class="page__footer">
+      <footer>
+        <div class="page__footer-copyright">
+          <img src="/images/shortLogo.png" class="short-logo" />
+          <span class="footer-copyright-description">© 2024</span>
+          <ul class="footer-social-links">
+            <li>
+              <a href="http://github.com/wiremock" target="_blank">
+                <img src="/images/githubIcon.svg" />
+              </a>
+            </li>
+          </ul>
+        </div>
+      </footer>
+    </div>
+
+    {% for path in config.extra_javascript %}
+    <script src="{{ path | url }}"></script>
+    {% endfor %}
+  </body>
+</html>
diff --git a/_site/resources/commercial-support.md b/_site/resources/commercial-support.md
@@ -1,5 +1,6 @@
 ---
 description: How to get WireMock enterprise and commercial support with SLA, training and consulting options
+template: standalone.html
 ---
 
 # Commercial Support for WireMock
@@ -32,9 +33,10 @@ You can find more info about WireMock Cloud support plans [here](https://www.wir
 WireMocha is a plugin for IntelliJ based IDEs, and has tools for WireMock specific static code analysis (in the Java and JSON DSLs), code generation, stubbing, and many others to overall simplify the work with WireMock.
 
 Two prominent code generation features, beside a handful of smaller ones, can help you:
+
 - generate a scenario's Java and JSON stub implementations by simply modeling its states and transitions in a dedicated tool window,
 - generate and preview the Java version of JSON stub mappings on-the-fly during editing JSON mapping files. It can speed
-up migration from JSON to Java implementation.
+  up migration from JSON to Java implementation.
 
 JSON schemas are also associated to JSON mapping files, and are joined with various language injections. They provide additional syntax highlighting (e.g. Handlebars, XPath, ...) and validation, as well as code completion that can greatly speed up the implementation and maintenance of JSON mapping files.
 

diff --git a/extra_sass/_static.scss b/extra_sass/_static.scss
@@ -5,7 +5,8 @@
 @import "_syntax";
 
 .static {
-  font-family: "DMSans", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
+  font-family: "DMSans", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial,
+    sans-serif;
   color: #0f0f0f;
   font-size: 18px;
   line-height: 1.5;
@@ -101,8 +102,8 @@
 }
 
 .code-tabs-main-example .highlight {
-  background: #F0F5FF;
-  border: 1px solid #D2DFF9;
+  background: #f0f5ff;
+  border: 1px solid #d2dff9;
   box-sizing: border-box;
   border-radius: 8px;
 }
@@ -123,15 +124,20 @@
 }
 
 .codeSnippet.activeCodeSnippet {
-display: block;
+  display: block;
 }
 
 .code-tabs-main {
   width: 1018px;
 }
 
-@media (max-width:670px) {
+@media (max-width: 670px) {
   .code-tabs-main {
     width: 100% !important;
   }
 }
+
+.content {
+  max-width: 980px;
+  margin: 0 auto 60px auto;
+}