infotorg-api-jekyll-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: be55f818004b2b279bfb817a255144bb76f59e3da933e255cca4aa99729cafe1
+  data.tar.gz: c54cc5ade2cd97d141af8d87234dd8c3b951af99ef626503e2ba21fcad543178
+SHA512:
+  metadata.gz: e44e4f500cfc8d6e7e3f7af9f784a23d01ac365dd0a77244b4fb1d5781edfee4432144f51815c3a50042603dce142efc89c87bab7d121acc3862ab60dd349fd9
+  data.tar.gz: 9f3eb9504635f7aaf8cbab8416ffc3f306873e952f356fe9c89aefa6922bb4827ac83c8540d20968c5e313cc640eb23d6fd6d6418f69623fb0e111851539649a

data/README.md

@@ -0,0 +1,3 @@
+# infotorg-api-jekyll-theme
+Jekyll theme for Infotorg API
+test commit

data/_config.yml

@@ -0,0 +1,37 @@
+# --- Jekyll configuration ---
+defaults:
+  - scope:
+      path: ""
+    values:
+      layout: "default"
+sass:
+    style: compressed # possible values: nested expanded compact compressed
+plugins:
+  # See the documentation for Jekyll SEO Tag: https://github.com/jekyll/jekyll-seo-tag
+  - jekyll-seo-tag
+
+# --- Site data configuration ---
+lang: en-US
+title: infotorg API
+subtitle: Onboarding guidelines and documentation
+# Your Google Analytics GTM-XXXX code
+google_analytics_tag_manager: ''
+
+# --- Swagger UI configuration ---
+# Path to Open API file name, used for Swagger UI.
+# As a convention, all Open API files should be stored in the /assets/openapi folder.
+openapi: '/assets/openapi/eiendom.json'
+
+# Swagger UI Theme
+# If not set will fetch the latest default theme css from an official CDN.
+# Other available themes:
+#  - feeling-blue
+#  - flattop
+#  - material
+#  - monokai
+#  - muted
+#  - newspaper
+#  - outline
+# Theme files are located in the /assets/css/swagger-ui/3.x folder.
+# Screenshots are available on the https://github.com/ostranme/swagger-ui-themes page.
+swaggerui_theme: ''

data/_includes/footer.html

@@ -0,0 +1,11 @@
+<footer class="footer mt-auto py-4">
+    <div class="container pt-4 d-flex">
+        <div class="flex-grow-1">
+            <a href="https://www.infotorg.no/">Infotorg.no</a>
+        </div>
+        <div class="company">
+            <span class="service-from-text">En tjeneste fra</span>
+            <a href="https://www.tietoevry.com/"><img src="assets/images/tieto-evry-logo.svg" width="100px" alt="TietoEVRY"/></a>
+        </div>
+    </div>
+</footer>

data/_includes/head-app-css.html

@@ -0,0 +1,2 @@
+<link rel="stylesheet" href="{{ 'assets/css/main.css?v=' | append: site.github.build_revision }}">
+<link rel="stylesheet" href="{{ 'assets/css/print.css?v=' | append: site.github.build_revision }}">

data/_includes/head-fonts.html

@@ -0,0 +1,2 @@
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;400;500&family=Roboto:wght@400;700&display=swap">

data/_includes/head-google-analytics.html

@@ -0,0 +1,13 @@
+{% comment %}
+ * Google Analytics Tag Manager
+ * The content will be included only if the 'google_analytics_tag_manager' option is setup in the '/_config.yml' file.
+{% endcomment %}
+{% if site.google_analytics_tag_manager and site.google_analytics_tag_manager != "" %}
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics_tag_manager }}"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+    gtag('config', '{{ site.google_analytics }}');
+</script>
+{% endif %}

data/_includes/navigation.html

@@ -0,0 +1,58 @@
+{% assign items = site.data.navigation | where:'show', true %}
+
+<nav class="navbar navbar-expand-lg navbar-light {{ include.class | default: 'mb-3' }}">
+    <div class="container-lg">
+      <a
+          href="/"
+          class="navbar-brand infotorg-developer-logo"
+      >
+        <img
+            src="assets/images/infotorg-developer.png"
+            srcset="assets/images/infotorg-developer@2x.png 2x,
+                    assets/images/infotorg-developer@3x.png 3x"
+            width="232"
+            height="40"
+            alt="infotorg developer"
+        />
+      </a>
+      <button
+          class="navbar-toggler"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarNav"
+          aria-controls="navbarNav"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+      >
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="d-none d-lg-block py-4">
+        {% include title.html %}
+      </div>
+      <div
+          id="navbarNav"
+          class="mcollapse navbar-collapse collapse"
+      >
+        <ul class="navbar-nav ml-auto">
+            {% for item in items %}
+            <li class="nav-item">
+                {% if item.link contains '://' %}
+                    {{ # External link }}
+                    {% assign item_url = item.link %}
+                {% else %}
+                    {{ # Internal link }}
+                    {% assign item_url = item.link | prepend: site.baseurl %}
+                {% endif %}
+                <a
+                    href="{{ item_url }}"
+                    class="nav-link{% if page.url == item.link %} active{% endif %}"
+                    {% if item.target %}target="{{item.target}}"{% endif %}
+                >
+                    {{ item.name }}
+                </a>
+            </li>
+            {% endfor %}
+        </ul>
+      </div>
+    </div>
+  </nav>

data/_includes/services.html

@@ -0,0 +1,75 @@
+{% assign services = site.data.services | where:'show', true %}
+
+<div
+    id="services-list"
+    class="services-list accordion accordion-flush"
+>
+    {% for item in services %}
+    <div class="service-item">
+        <h2
+            id="heading-{{ forloop.index }}"
+            class="accordion-header"
+        >
+            {% assign icons_dir = "assets/images/icons/services/" %}
+            {% assign icon_path = icons_dir | prepend: '/' | append: item.icon %}
+
+            {% for static_file in site.static_files %}
+                {% if static_file.path == icon_path %}
+                    {% assign icon_exists = true %}
+
+                    {% break %}
+                {% endif %}
+            {% endfor %}
+
+            <button
+                id="collapse-item-toggler-{{ forloop.index }}"
+                class="accordion-button collapsed"
+                type="button"
+                data-bs-toggle="collapse"
+                data-bs-target="#collapse-{{ forloop.index }}"
+                aria-expanded="false"
+                aria-controls="collapse-{{ forloop.index }}"
+            >
+                <span class="service-icon">
+                    {% if icon_exists == true %}
+                    <img src="{{ icons_dir }}{{ item.icon }}">
+                    {% endif %}
+                </span>
+
+                {{ item.name }}
+            </button>
+        </h2>
+        <div
+            id="collapse-{{ forloop.index }}"
+            class="collapse"
+            aria-labelledby="heading-{{ forloop.index }}"
+        >
+            <div class="accordion-body">
+                {{ item.info }}
+
+                {% if item.url %}
+                <p class="d-flex justify-content-between align-items-center pt-3">
+                    {% comment %} Link to a documentation page {% endcomment %}
+                    <a
+                        href="{{ item.url }}"
+                        class="btn btn-outline-dark"
+                        role="button"
+                    >
+                        {{ item.name }} API pages
+                    </a>
+
+                    <button
+                        type="button"
+                        class="btn btn-link btn-hide-details d-flex align-items-center"
+                        role="button"
+                        onclick="document.getElementById('collapse-item-toggler-{{ forloop.index }}').click()"
+                    >
+                        Hide details
+                    </button>
+                </p>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>

data/_includes/title.html

@@ -0,0 +1,4 @@
+<div class="header-info">
+    <h1>{{ site.title }}</h1>
+    <p>{{ site.subtitle }}</p>
+</div>

data/_layouts/default.html

@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="{{ site.lang | default: "en-US" }}" class="h-100">
+<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">
+
+    {% seo %}
+
+    {% include head-fonts.html %}
+    {% include head-app-css.html %}
+    {% include head-google-analytics.html %}
+</head>
+<body class="d-flex flex-column h-100">
+<!-- Navigation -->
+{% include navigation.html %}
+
+<section class="hero-section d-block d-lg-none">
+    <div class="container-fluid">
+        {% include title.html %}
+    </div>
+</section>
+
+<!-- Main content -->
+<main class="flex-shrink-0 mt-3">
+    <div class="container">
+        {{ content }}
+
+        <div class="bg-cube"></div>
+    </div>
+</main>
+
+<!-- Footer -->
+{% include footer.html %}
+<script src="assets/bootstrap.min.js"></script>
+</body>
+</html>

data/_layouts/services.html

@@ -0,0 +1,5 @@
+---
+layout: default
+comment: Infotorg Services APIs layout
+---
+{{ content }}

data/_layouts/swagger-ui.html

@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="{{ site.lang | default: "en-US" }}" class="h-100">
+<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">
+
+    {% seo %}
+
+    {% include head-fonts.html %}
+    {% include head-app-css.html %}
+    {% include head-google-analytics.html %}
+
+    {% if site.swaggerui_theme and site.swaggerui_theme != '' %}
+    <link rel="stylesheet" type="text/css" href="assets/css/swagger-ui/3.x/theme-{{ site.swaggerui_theme }}.css">
+    {% else %}
+    <link rel="stylesheet" type="text/css" href="https://unpkg.com/swagger-ui-dist@3/swagger-ui.css">
+    {% endif %}
+</head>
+<body class="d-flex flex-column h-100">
+<!-- Navigation -->
+{% include navigation.html class="mb-0" %}
+
+<section class="hero-section d-block d-lg-none">
+    <div class="container-fluid">
+        {% include title.html %}
+    </div>
+</section>
+
+<!-- Main content -->
+<main class="flex-shrink-0 mt-0 pt-0">
+    <div class="container-fluid">
+        {{ content }}
+        <div id="swagger-ui"></div>
+    </div>
+</main>
+<div class="flex-shrink-0 container">
+    <div class="bg-cube"></div>
+</div>
+
+<!-- Footer -->
+{% include footer.html %}
+
+<script src="assets/bootstrap.min.js"></script>
+<script src="https://unpkg.com/swagger-ui-dist@3/swagger-ui-standalone-preset.js"></script>
+<script src="https://unpkg.com/swagger-ui-dist@3/swagger-ui-bundle.js" charset="UTF-8"></script>
+<script>
+    window.onload = function() {
+        // Build a system
+        window.ui = SwaggerUIBundle({
+            url: '{{ site.openapi | relative_url }}',
+            dom_id: '#swagger-ui',
+            deepLinking: true,
+            presets: [
+                SwaggerUIBundle.presets.apis,
+                SwaggerUIStandalonePreset
+            ],
+            plugins: [
+                SwaggerUIBundle.plugins.DownloadUrl
+            ],
+            layout: "StandaloneLayout",
+        });
+    }
+</script>
+</body>
+</html>

data/_sass/_bootstrap.scss

@@ -0,0 +1,51 @@
+/*!
+ * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/)
+ * Copyright 2011-2020 The Bootstrap Authors
+ * Copyright 2011-2020 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+
+// scss-docs-start import-stack
+// Configuration
+@import "bootstrap/functions";
+@import "bootstrap/variables";
+@import "bootstrap/mixins";
+@import "bootstrap/utilities";
+
+// Layout & components
+@import "bootstrap/root";
+@import "bootstrap/reboot";
+@import "bootstrap/type";
+@import "bootstrap/images";
+@import "bootstrap/containers";
+@import "bootstrap/grid";
+@import "bootstrap/tables";
+@import "bootstrap/forms";
+@import "bootstrap/buttons";
+@import "bootstrap/transitions";
+@import "bootstrap/dropdown";
+@import "bootstrap/button-group";
+@import "bootstrap/nav";
+@import "bootstrap/navbar";
+@import "bootstrap/card";
+@import "bootstrap/accordion";
+@import "bootstrap/breadcrumb";
+@import "bootstrap/pagination";
+@import "bootstrap/badge";
+@import "bootstrap/alert";
+@import "bootstrap/progress";
+@import "bootstrap/list-group";
+@import "bootstrap/close";
+@import "bootstrap/toasts";
+@import "bootstrap/modal";
+@import "bootstrap/tooltip";
+@import "bootstrap/popover";
+@import "bootstrap/carousel";
+@import "bootstrap/spinners";
+
+// Helpers
+@import "bootstrap/helpers";
+
+// Utilities
+@import "bootstrap/utilities/api";
+// scss-docs-end import-stack

data/_sass/_bootstrap_variables.scss

@@ -0,0 +1,124 @@
+// --- BootstrapVue custom SCSS variables ---
+
+// Documentation is available here: https://bootstrap-vue.org/docs/reference/theming
+// You will find the complete list of Bootstrap’s variables in node_modules/bootstrap-vue/src/_variables.scss.
+// Copy and paste variables as needed, modify their values, and remove the !default flag.
+// If a variable has already been assigned, then it won’t be re-assigned by the default values in Bootstrap and BootstrapVue.
+// Also see Bootstrap theming documentation: https://getbootstrap.com/docs/4.5/getting-started/theming/
+
+@import "variables";
+
+// Color system
+$primary: $color-nordic-teal;
+$secondary: $color_navy_blue;
+$success: $color-happy-green;
+$info: $color-info-blue;
+$warning: $color-warning-yellow;
+$danger: $color-error-red;
+//$light: #f8f9fa;
+//$dark: #343a40;
+
+// Body
+//
+// Settings for the `<body>` element.
+$body-bg: #fff;
+
+// Links
+//
+// Style anchor elements.
+$link-color: $color-clear-blue;
+$link-decoration: underline;
+$link-hover-color: $color-clear-blue-dark;
+// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
+//$emphasized-link-hover-darken-percentage: 15% !default;
+
+// Grid containers
+//
+// Define the maximum width of `.container` for different screen sizes.
+$container-max-widths: (
+  lg: 820px
+);
+
+
+// Typography
+//
+// Font, line-height, and color for body text, headings, and more.
+
+$font-size-lg: $font_size_l;
+$font-size-sm: $font_size_s;
+
+$line-height-base: 1.4;
+
+$h1-font-size: $font_size_h1;
+$h2-font-size: $font_size_h2;
+$h3-font-size: $font_size_h3;
+$h4-font-size: $font_size_h4;
+$h5-font-size: $font_size_h5;
+$h6-font-size: $font_size_h6;
+
+$headings-margin-bottom: 1rem;
+$headings-font-family: $font_heading;
+$headings-color: rgb(80,95,108);
+
+
+/* !Update this by design needs
+
+// Navs
+
+$nav-link-padding-y:                .5rem !default;
+$nav-link-padding-x:                1rem !default;
+$nav-link-disabled-color:           $gray-600 !default;
+
+$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-border-width:             $border-width !default;
+$nav-tabs-border-radius:            $border-radius !default;
+$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
+$nav-tabs-link-active-color:        $gray-700 !default;
+$nav-tabs-link-active-bg:           $body-bg !default;
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
+
+$nav-pills-border-radius:           $border-radius !default;
+$nav-pills-link-active-color:       $component-active-color !default;
+$nav-pills-link-active-bg:          $component-active-bg !default;
+
+$nav-divider-color:                 $gray-200 !default;
+$nav-divider-margin-y:              $spacer / 2 !default;
+
+
+// Navbar
+
+$navbar-padding-y:                  $spacer / 2 !default;
+$navbar-padding-x:                  $spacer !default;
+
+$navbar-nav-link-padding-x:         .5rem !default;
+
+$navbar-brand-font-size:            $font-size-lg !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
+$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
+$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
+
+$navbar-toggler-padding-y:          .25rem !default;
+$navbar-toggler-padding-x:          .75rem !default;
+$navbar-toggler-font-size:          $font-size-lg !default;
+$navbar-toggler-border-radius:      $btn-border-radius !default;
+
+$navbar-dark-color:                 rgba($white, .5) !default;
+$navbar-dark-hover-color:           rgba($white, .75) !default;
+$navbar-dark-active-color:          $white !default;
+$navbar-dark-disabled-color:        rgba($white, .25) !default;
+$navbar-dark-toggler-icon-bg:       url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
+$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
+
+$navbar-light-color:                rgba($black, .5) !default;
+$navbar-light-hover-color:          rgba($black, .7) !default;
+$navbar-light-active-color:         rgba($black, .9) !default;
+$navbar-light-disabled-color:       rgba($black, .3) !default;
+$navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
+$navbar-light-toggler-border-color: rgba($black, .1) !default;
+
+$navbar-light-brand-color:                $navbar-light-active-color !default;
+$navbar-light-brand-hover-color:          $navbar-light-active-color !default;
+$navbar-dark-brand-color:                 $navbar-dark-active-color !default;
+$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
+ */