Initial commit

sass/_variables.scss

+$modularstorage-color-a: #84653d;
+$modularstorage-color-b: #b24800;
+$modularstorage-color-c: #099fc9;
+$modularstorage-color-d: #5e6caa;
+$modularstorage-color-e: #78879d;
+$medium-gray: #757575;
+$focus-color: #9dccfd;
+
+
+
+$screen-xs-min: 480px !default;
+$screen-sm-min: 768px !default;
+$screen-md-min: 992px !default;
+$screen-lg-min: 1200px !default;
+$screen-xl-min: 1440px !default;
+$screen-xs-max: ($screen-sm-min - 1) !default;
+$screen-sm-max: ($screen-md-min - 1) !default;
+$screen-md-max: ($screen-lg-min - 1) !default;
+
+$alt-font-sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+
+

sass/customizations.css

+.btn-primary {
+  background-color: #dab06a;
+  border-radius: 0;
+  padding: 7px 30px;
+  color: white;
+  border: none; }
+  .btn-primary:hover, .btn-primary:focus {
+    background-color: #d09a42;
+    color: white; }
+  .btn-primary:active {
+    background-color: #b37f2c; }
+
+.btn-secondary {
+  background-color: #43bad6;
+  border-radius: 0;
+  padding: 7px 30px;
+  color: white;
+  border: none; }
+  .btn-secondary:hover, .btn-secondary:focus {
+    background-color: #29a1bd;
+    color: white; }
+  .btn-secondary:active {
+    background-color: #207d93; }
+
+@media (min-width: 768px) {
+  .interior-content {
+    width: 100%; } }
+@media (min-width: 1440px) {
+  .interior-content {
+    width: 1440px; } }
+@media screen and (max-width: 992px) {
+  .interior-content {
+    padding: 0; } }
+
+.step {
+  display: block;
+  font-size: 1.4em;
+  margin-bottom: 0.5em;
+  font-weight: bold; }
+
+.step-1 {
+  padding-right: 1em; }
+
+#questionlist {
+  font-size: 1em;
+  padding-left: 2em; }
+  #questionlist li {
+    color: #207d93;
+    font-weight: bold;
+    font-size: 1.4em;
+    margin-bottom: 1em; }
+  #questionlist h4 {
+    font-weight: bold;
+    font-size: 1em;
+    line-height: 1.2; }
+  #questionlist label {
+    font-weight: normal;
+    font-size: 0.7em;
+    color: #333; }
+  #questionlist .control-indicator {
+    font-family: "FontAwesome";
+    text-decoration: none;
+    color: silver;
+    font-weight: normal; }
+    #questionlist .control-indicator.collapsed {
+      transform: rotate(180deg); }
+    #questionlist .control-indicator::before {
+      content: '\f05a';
+      display: inline; }
+    #questionlist .control-indicator:hover::before {
+      color: #8d8d8d; }
+    #questionlist .control-indicator:active::before {
+      color: #5a5a5a; }
+  #questionlist .explanation {
+    color: #8d8d8d;
+    font-weight: normal; }
+    #questionlist .explanation, #questionlist .explanation p, #questionlist .explanation li {
+      font-size: initial;
+      margin-bottom: initial; }
+    #questionlist .explanation .panel-title, #questionlist .explanation .panel-body {
+      font-size: 12px;
+      padding: 10px;
+      margin: 0; }
+    #questionlist .explanation .panel-heading {
+      margin: 0;
+      padding: 0;
+      background-color: #95789d;
+      border-color: #95789d; }
+
+.mismatch {
+  opacity: 0.35; }
+
+#rdmsg-services {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  margin: 0;
+  padding: 0.25em 0.3em; }
+  #rdmsg-services .service-panel {
+    box-sizing: border-box;
+    margin: 0.25em;
+    width: calc(20% - 0.5em);
+    display: flex; }
+    #rdmsg-services .service-panel label {
+      position: relative;
+      width: 100%;
+      flex-basis: auto;
+      padding: 1em;
+      margin-bottom: 1px; }
+    #rdmsg-services .service-panel input {
+      position: absolute;
+      left: -9999px; }
+      #rdmsg-services .service-panel input ~ .control-indicator {
+        margin: 0;
+        background-color: #f2eef3;
+        border: 2px #c3b3c8 solid;
+        border-radius: 0.25em;
+        height: 100%;
+        width: 100%;
+        position: absolute;
+        top: 0;
+        right: 0;
+        bottom: 0;
+        left: 0;
+        z-index: -1;
+        font-size: 2em; }
+        #rdmsg-services .service-panel input ~ .control-indicator::before {
+          content: "\f10c";
+          font-family: "FontAwesome";
+          display: block;
+          color: #7b5f83;
+          font-weight: normal;
+          margin-left: 0.25em;
+          position: absolute;
+          top: 10px;
+          right: 10px; }
+      #rdmsg-services .service-panel input:checked ~ .control-indicator {
+        background-color: #c3b3c8; }
+        #rdmsg-services .service-panel input:checked ~ .control-indicator::before {
+          content: "\f058";
+          color: #443448; }
+      #rdmsg-services .service-panel input:checked ~ h4, #rdmsg-services .service-panel input:checked ~ p {
+        color: #513f57; }
+    @media screen and (max-width: 1440px) {
+      #rdmsg-services .service-panel {
+        width: calc(25% - 0.5em); } }
+    @media screen and (max-width: 1200px) {
+      #rdmsg-services .service-panel {
+        width: calc(33% - 0.5em); } }
+    @media screen and (max-width: 992px) {
+      #rdmsg-services .service-panel {
+        width: calc(50% - 0.5em); } }
+    #rdmsg-services .service-panel h4, #rdmsg-services .service-panel p {
+      color: #6d5474;
+      margin: 0; }
+    #rdmsg-services .service-panel h4 {
+      font-size: 0.8em;
+      font-size: 1.4em; }
+    #rdmsg-services .service-panel .service-title {
+      padding: 0;
+      padding-right: 1.8em; }
+      #rdmsg-services .service-panel .service-title + p {
+        margin-top: 10px; }
+    #rdmsg-services .service-panel p {
+      font-size: 12px;
+      padding-right: 1.8em; }
+
+.comparisonlist-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 1em 0; }
+  .comparisonlist-wrapper input {
+    position: absolute;
+    left: -9999px; }
+    .comparisonlist-wrapper input + .control-indicator::before {
+      content: "\f070";
+      font-family: "FontAwesome";
+      display: block;
+      color: #c3b3c8;
+      margin-left: 0.25em; }
+    .comparisonlist-wrapper input:checked + .control-indicator::before {
+      content: "\f06e";
+      color: #95789d; }
+  .comparisonlist-wrapper label {
+    display: flex;
+    padding: 0.25em 0.4em 0.2em;
+    color: #95789d;
+    border: 1px solid #c3b3c8;
+    margin: 0.25em;
+    border-radius: 0.25em;
+    cursor: pointer; }
+
+#comparisonchart th:first-of-type {
+  width: 15%; }
+  @media screen and (max-width: 768px) {
+    #comparisonchart th:first-of-type {
+      display: none; } }
+#comparisonchart th {
+  width: calc(85%/3); }
+#comparisonchart td {
+  width: calc(85%/3);
+  overflow: hidden; }
+  @media screen and (max-width: 768px) {
+    #comparisonchart td::before {
+      content: attr(data-label);
+      display: block;
+      font-weight: bold; } }
+#comparisonchart td, #comparisonchart th {
+  height: 5em;
+  overflow: hidden; }
+#comparisonchart thead th {
+  height: auto;
+  font-size: 1.4em;
+  position: -webkit-sticky;
+  position: sticky;
+  background: white;
+  top: 0;
+  border-bottom: 0; }
+  #comparisonchart thead th::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    border-bottom: 1px solid #ddd; }
+#comparisonchart p, #comparisonchart ul {
+  font-size: 14px; }
+
+.jump-to-chart {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  padding: 1em 0;
+  background: #207d93;
+  z-index: 2;
+  display: none; }
+  .jump-to-chart p {
+    color: white; }
+    .jump-to-chart p span {
+      font-size: 120%; }
+
+.btn-compare-results {
+  white-space: nowrap; }
+
+.pager {
+  position: -webkit-sticky;
+  position: sticky;
+  bottom: 0;
+  background-color: white; }
+  .pager button {
+    margin: 0.5em; }
+  .pager .previous button {
+    float: left; }
+  .pager .next button {
+    float: right; }
+
+.cd-row {
+  display: table-row; }
+  @media screen and (max-width: 768px) {
+    .cd-row {
+      display: block; } }
+
+.cd-cell {
+  display: table-cell; }
+  @media screen and (max-width: 768px) {
+    .cd-cell {
+      display: block;
+      width: 100%; } }
+
+.cd-questions {
+  position: relative;
+  width: 30%; }
+  @media screen and (max-width: 768px) {
+    .cd-questions {
+      position: static;
+      width: 100%; } }
+
+.cd-services {
+  width: 70%; }
+  @media screen and (max-width: 768px) {
+    .cd-services {
+      width: 100%; } }
+
+.cd-overflow {
+  overflow-y: scroll;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  padding-right: 1em; }
+  @media screen and (max-width: 768px) {
+    .cd-overflow {
+      position: static;
+      width: 100%;
+      height: auto;
+      overflow: auto; } }
+
+/*# sourceMappingURL=customizations.css.map */

sass/customizations.css.map

+{
+"version": 3,
+"mappings": "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",
+"sources": ["buttons.scss","variables.scss","customizations.scss"],
+"names": [],
+"file": "customizations.css"
+}
\ No newline at end of file

sass/finder.scss

+@import 'variables';
+@import 'buttons';
+@import 'customizations';
\ No newline at end of file

sass/variables.css.map

+{
+"version": 3,
+"mappings": "",
+"sources": [],
+"names": [],
+"file": "variables.css"
+}
\ No newline at end of file

sass/variables.scss

+$rdmsg-teal: #207d93;
+$rdmsg-yellow: #f8bc5b;
+$rdmsg-ochre: darken($rdmsg-yellow, 36);
+$rdmsg-purple: #95789d;
+$rdmsg-green: #5A8128;
+$medium-gray: #757575;
+$focus-color: #9dccfd;
+
+$screen-xs-min: 480px !default;
+$screen-sm-min: 768px !default;
+$screen-md-min: 992px !default;
+$screen-lg-min: 1200px !default;
+$screen-xl-min: 1440px !default;
+$screen-xs-max: ($screen-sm-min - 1) !default;
+$screen-sm-max: ($screen-md-min - 1) !default;
+$screen-md-max: ($screen-lg-min - 1) !default;
+
+$alt-font-sans: 'Raleway', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+$alt-font-sans-standard: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
\ No newline at end of file

src/Form/finderSettingsForm.php

+<?PHP
+
+// see
+// https://www.drupal.org/docs/8/api/configuration-api/working-with-configuration-forms
+//
+
+namespace Drupal\finder\Form;
+
+use Drupal\Core\Form\ConfigFormBase;
+use Drupal\Core\Form\FormStateInterface;
+
+/**
+ * Configure example settings for this site.
+ */
+class finderSettingsForm extends ConfigFormBase {
+  /** 
+   * {@inheritdoc}
+   */
+  public function getFormId() {
+    return 'finder_admin_settings';
+  }
+
+  /** 
+   * {@inheritdoc}
+   */
+  protected function getEditableConfigNames() {
+    return [
+      'finder.settings',
+    ];
+  }
+
+  /** 
+   * {@inheritdoc}
+   */
+  public function buildForm(array $form, FormStateInterface $form_state) {
+    $config = $this->config('finder.settings');
+
+    $form['title'] = array(
+      '#type' => 'textfield',
+      '#title' => $this->t('Title'),
+      '#default_value' => $config->get('title'),
+    );  
+
+    $form['subtitle'] = array(
+      '#type' => 'textarea',
+      '#title' => $this->t('Subtitle'),
+      '#default_value' => $config->get('subtitle'),
+    ); 
+
+    $form['question_header'] = array(
+      '#type' => 'textarea',
+      '#title' => $this->t('Question Header'),
+      '#default_value' => $config->get('question_header'),
+    );  
+
+    $form['service_header'] = array(
+      '#type' => 'textarea',
+      '#title' => $this->t('Service Header'),
+      '#default_value' => $config->get('service_header'),
+    );
+
+    $form['chart_header'] = array(
+      '#type' => 'textarea',
+      '#title' => $this->t('Chart Header'),
+      '#default_value' => $config->get('chart_header'),
+    );
+
+    $form['email_form_header'] = array(
+      '#type' => 'textarea',
+      '#title' => $this->t('Email Header'),
+      '#default_value' => $config->get('email_form_header'),
+    );
+
+    $form['email_address'] = array(
+      '#type' => 'textfield',
+      '#title' => $this->t('Email Address'),
+      '#default_value' => $config->get('email_address'),
+    );
+
+    $form['email_name'] = array(
+      '#type' => 'textfield',
+      '#title' => $this->t('Email Name'),
+      '#default_value' => $config->get('email_name'),
+    );
+
+    $form['email_body'] = array(
+      '#type' => 'textfield',
+      '#title' => $this->t('Email Body'),
+      '#default_value' => $config->get('email_body'),
+    );
+
+    $form['main_header'] = array(
+      '#type' => 'textfield',
+      '#title' => $this->t('Main header (text in green)'),
+      '#default_value' => $config->get('main_header'),
+    );
+
+    $form['button_select_all'] = array(
+      '#type' => 'textfield',
+      '#title' => $this->t('Text in the "Select All" button'),
+      '#default_value' => $config->get('button_select_all'),
+    );
+
+    $form['button_clear_selections'] = array(
+      '#type' => 'textfield',
+      '#title' => $this->t('Text in the "Clear Selections" button'),
+      '#default_value' => $config->get('button_clear_selections'),
+    );
+
+    return parent::buildForm($form, $form_state);
+  }
+
+  /** 
+   * {@inheritdoc}
+   */
+  public function submitForm(array &$form, FormStateInterface $form_state) {
+      // Retrieve the configuration
+      \Drupal::configFactory()->getEditable('finder.settings')
+      // Set the submitted configuration setting
+      // You can set multiple configurations at once by making
+      // multiple calls to set()
+      ->set('title', $form_state->getValue('title'))
+      ->set('subtitle', $form_state->getValue('subtitle'))
+      ->set('question_header', $form_state->getValue('question_header'))
+      ->set('service_header', $form_state->getValue('service_header'))
+      ->set('chart_header', $form_state->getValue('chart_header'))
+      ->set('email_form_header', $form_state->getValue('email_form_header'))
+      ->set('email_address', $form_state->getValue('email_address'))
+      ->set('email_name', $form_state->getValue('email_name'))
+      ->set('email_body', $form_state->getValue('email_body'))
+      ->set('main_header', $form_state->getValue('main_header'))
+      ->set('button_select_all', $form_state->getValue('button_select_all'))
+      ->set('button_clear_selections', $form_state->getValue('button_clear_selections'))
+      ->save();
+
+    parent::submitForm($form, $form_state);
+  }
+}