Added: New theme for Fredericia Main site

Author: Simon L. Lange

web/themes/custom/fds_fredericia_theme/.gitignore

@@ -0,0 +1 @@
+node_modules/

web/themes/custom/fds_fredericia_theme/README.md

@@ -0,0 +1,42 @@
+
+### Prerequisites
+
+<!-- Before being able to run this package you need to have node installed on your machine.
+
+After node is installed you need a global package manager, as well. We use Yarn instead of NPM as it is way faster due to the way it utilizes local caching.
+
+To install Yarn, follow the guide on: https://yarnpkg.com/en/docs/install#mac-stable  -->
+
+We use npm
+Node version on Fredericia v14.19.0
+<!-- cannot update higher because of incompatibility
+
+if we want to update >= Node v15 then we should update node sass, and this forces us to update font-awesome and dkfds packages.
+Updating those packages forces us update whole website.  -->
+
+### First time use
+When you initialize this project, you need to install all required node dependencies (listed inside package.json).
+
+To install all node dependencies run:
+
+`npm install`
+
+### Compile and build CSS and javascript
+
+You can see which options this project has inside package.json's "scripts: { option }".
+
+To compile CSS and javascript, run:
+
+`npm run watch`
+
+### Hot reload (live reload)
+
+This starts up a local server which proxies the traffic from your local installation, to the server.
+
+When editing a CSS or JS file, the page will instantly reload and display the changes.
+
+Inside "./src/compile-settings.json" there is a "proxy" value. This value determines the path to your local live installation of this project.
+
+In my local project i would access this project inside the browser with ex. "project.dev". Therefor this is the value i would enter inside the "proxy".
+
+**As this value is developer specific and would vary from developer-to-developer, please don't commit your change to this file.**

web/themes/custom/fds_fredericia_theme/color/color.inc

@@ -0,0 +1,52 @@
+<?php
+
+$info = [
+  // Available colors and color labels used in theme.
+  'fields' => [
+    'background_color__default' => t('Background color - default'),
+    'background_color__primary' => t('Background color - primary'),
+    'background_color__secondary' => t('Background color - secondary (has white text)'),
+    // 'background_color__tertiary' => t('Background color - tertiary (has white text)'),
+    // 'background_color__navigation' => t('Background color - navigation  (has white text)'),
+    // 'background_color__footer_primary' => t('Background color - footer primary (has white text)'),
+    // 'background_color__footer_secondary' => t('Background color - footer secondary (has white text)'),
+    // 'background_color__button' => t('Background color - button'),
+    // 'background_color__button_hover' => t('Background color - button:hover'),
+    // 'color__link' => t('Link color'),
+    // 'color__link__hover' => t('Link:hover color'),
+    // 'color__footer_link' => t('Footer link color'),
+    // 'color__bullets' => t('Bullets color'),
+  ],
+
+  // Pre-defined color schemes.
+  'schemes' => [
+    'default' => [
+      'title' => t('Standard (default)'),
+      'colors' => [
+        'background_color__default' => '#007ca3',
+        'background_color__primary' => '#007ca3',
+        'background_color__secondary' => '#4195b2',
+        // 'background_color__tertiary' => '#165f1d',
+        // 'background_color__navigation' => '#921730',
+        // 'background_color__footer_primary' => '#00335b',
+        // 'background_color__footer_secondary' => '#2a4f75',
+        // 'background_color__button' => '#196620',
+        // 'background_color__button_hover' => '#114f16',
+        // 'color__link' => '#022e51',
+        // 'color__link__hover' => '#01233e',
+        // 'color__footer_link' => '#6dcff6',
+        // 'color__bullets' => '#a5122f',
+      ],
+    ],
+  ],
+
+  // CSS files (excluding @import) to rewrite with new color scheme.
+  'css' => [
+    'dist/stylesheets/stylesheet.css',
+  ],
+
+  // Files to copy.
+  'copy' => [
+    'logo.svg',
+  ],
+];

web/themes/custom/fds_fredericia_theme/favicon.ico

@@ -0,0 +1,37 @@
+name: 'Designsystem.dk - Fredericia'
+type: theme
+description: 'Theme for Fredericia.'
+core: 8.x
+core_version_requirement: ^8 || ^9
+screenshot: screenshot.png
+logo: logo.png
+base theme: fds_base_theme
+package: OS2web
+
+regions:
+  header__logo: 'Header - logo'
+  header__top_navigation: 'Header - top navigation'
+  header__main_navigation: 'Header - main navigation'
+  banner_search: 'Banner search'
+  small_search: 'Small search'
+  highlighted: Highlighted
+  featured_top: 'Featured top'
+  breadcrumb: Breadcrumb
+  content: Content
+  sidebar_first: 'Sidebar first'
+  sidebar_second: 'Sidebar second'
+  featured_bottom_first: 'Featured bottom first'
+  footer__latest_content: 'Footer - latest content'
+  footer_first: 'Footer first'
+  footer_second: 'Footer second'
+  embedded_code: 'Embedded code'
+
+libraries:
+  - 'fds_fredericia_theme/fonts'
+  - 'fds_fredericia_theme/styles'
+  - 'fds_fredericia_theme/javascripts'
+
+# libraries-override:
+#   fds_base_theme/javascripts:
+#     js:
+#       js/slideshow.js: js/slideshow.js

web/themes/custom/fds_fredericia_theme/fds_fredericia_theme.info.yml

@@ -0,0 +1,21 @@
+fonts:
+  css:
+    base:
+      'https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap': { type: external }
+
+styles:
+  css:
+    theme:
+      dist/stylesheets/stylesheet.css: {}
+      "https://slinky.js.org/dist/slinky.min.css": { type: external, minified: true }
+javascripts:
+  js:
+    src/javascripts/slinky.js: {}
+    'https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.js': { type: external }
+    js/tns.js: {}
+    js/slideshow.js: {}
+    dist/javascripts/app.js: {}
+    'https://cdhsign.dk/cdh_player.js': { type: external }
+  dependencies:
+    - core/drupal
+    - core/jquery