Branch to review the documentation

README.md

@@ -74,7 +74,7 @@ When the WriteChoice team creates or updates some content, they will require a r
 
 4. Access the **Files Changed** tab, where you can check all files that have been changed. If you're using the split preview, the original files appear on the left (lines modified are highlighted in red) and the new version appears on the right (modifications are highlighted in green). 
 
-![Files changed](/assets/files-changed.png "Files changed")
+![Files changed](/assets/files-changed.png "Files changed") 
 
 5. To add a review, move your mouse over the modified file. A blue button will appear on the line beginning. By clicking on it, a review window will appear.
 6. Add your review regarding the new content. You can tag users on your review by adding **@username**. After adding the review, click **Start Review**. You repeat the process as many times as necessary. 

visual-kpi-docs/docs/setup-and-administration/automation/configuration/sql-tutorial.mdx

@@ -159,8 +159,8 @@ To prepare for creating the RCS and KPIs, you need to first create a functional
 :::tip Tutorial purpose only
 To follow this tutorial properly, remember to:
 
-Give your ODBC interface the name **ODBC-Metrics**.<br></br>
-Update the Connect String to point to the **MiningData** database.
+- Give your ODBC interface the name **ODBC-Metrics**.
+- Update the Connect String to point to the **MiningData** database.
 :::
 
 To learn how to install a new ODBC Interface, refer to the [Interfaces guide](/docs/setup-and-administration/interfaces/configuration) of this documentation.

visual-kpi-docs/docs/setup-and-administration/installation/website-and-virtual-directory-structure.mdx

@@ -63,7 +63,7 @@ The table below illustrates the relationship between the Visual KPI components,
     <tr>
       <td><span>PI interface</span></td>
       <td><span>PIServer virtual directory</span></td>
-      <td><span>…\Visual KPI\Interfaces</span><br></br><span>\PIServer</span></td>
+      <td><span>…\Visual KPI\Interfaces\PIServer</span></td>
     </tr>
     <tr>
       <td><span>ODBC interface</span></td>

visual-kpi-docs/docs/setup-and-administration/interfaces/available-interfaces.mdx

@@ -15,4 +15,4 @@ This page provides a comprehensive overview of all the available interfaces in t
 
 The Visual KPI Server Manager offers various interfaces to connect to different data sources. Below you find all of them:
 
-<IconCards />
+<IconCards numColumns={4}/>

visual-kpi-docs/docs/setup-and-administration/interfaces/data-sources.mdx

@@ -19,32 +19,32 @@ Visual KPI can connect to a multitude of data sources, with each source requirin
     <tbody>
         <tr>
             <td>Industrial or Enterprise Historians</td>
-            <td>OSIsoft PI,<br></br>GE Proficy,<br></br>Rockwell,<br></br>Honeywell,<br></br>etc.</td>
+            <td>OSIsoft PI, GE Proficy, Rockwell, Honeywell, etc.</td>
             <td>Managing time series data for industrial or enterprise purposes.</td>
         </tr>
         <tr>
             <td>Relational Databases</td>
-            <td>Microsoft SQL Server,<br></br>Oracle,<br></br>MySQL,<br></br>Access,<br></br>etc.</td>
+            <td>Microsoft SQL Server, Oracle, MySQL, Access, etc.</td>
             <td>Using relational databases for data storage and retrieval.</td>
         </tr>
         <tr>
             <td>External Web Services</td>
-            <td>Weather,<br></br>Market pricing,<br></br>Supplier data.</td>
+            <td>Weather, Market pricing, Supplier data.</td>
             <td>Integrating data from external web services, such as weather, market pricing, and supplier data.</td>
         </tr>
         <tr>
             <td>Manually Entered Data</td>
-            <td>Excel,<br></br>Forms applications,<br></br>directly in Visual KPI.</td>
+            <td>Excel, Forms applications, directly in Visual KPI.</td>
             <td>Entering data manually through tools like Excel, forms applications, and direct input in Visual KPI.</td>
         </tr>
         <tr>
             <td>Business Applications</td>
-            <td>ERP,<br></br>CRM,<br></br>Vertical industry applications.</td>
+            <td>ERP, CRM, Vertical industry applications.</td>
             <td>Using data from business applications like Enterprise Resource Planning (ERP), Customer Relationship Management (CRM), and vertical industry applications.</td>
         </tr>
         <tr>
             <td>Devices</td>
-            <td>Sensors,<br></br>IoT,<br></br>IIoT,<br></br>Control systems (DCS/PLC).</td>
+            <td>Sensors, IoT, IIoT, Control systems (DCS/PLC).</td>
             <td>Collecting data from various devices such as sensors, Internet of Things (IoT), Industrial Internet of Things (IIoT), and control systems (DCS/PLC).</td>
         </tr>
     </tbody>

visual-kpi-docs/docusaurus.config.js

@@ -1,9 +1,9 @@
 // @ts-check
 // Note: type annotations allow type checking and IDEs autocompletion
 
-const {themes} = require('prism-react-renderer');
-const lightTheme = themes.github;
-const darkTheme = themes.dracula;
+import {themes as prismThemes} from 'prism-react-renderer';
+const lightTheme = prismThemes.vsLight;
+const darkTheme = prismThemes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {

visual-kpi-docs/src/css/HomePage.css

@@ -1,5 +1,5 @@
-* {
-  font-family: 'Raleway' !important;
+html {
+  font-family: Raleway !important;
 }
 
 .header_container {
@@ -14,7 +14,7 @@
 .header_container h1 {
   /* font-size: 65.1px; */
   margin-bottom: 20px;
-  font-family: 'Raleway' !important;
+  font-family: "Raleway" !important;
   color: #282a30;
   font-size: 80px;
   font-style: normal;
@@ -26,7 +26,7 @@
 .header_container .first_column p {
   margin: 0 0 40px 12px;
   max-width: 462px;
-  font-family: 'Raleway' !important;
+  font-family: "Raleway" !important;
   color: #282a30;
   font-size: 23.762px;
   font-style: normal;
@@ -146,27 +146,27 @@
 }
 
 .cards_container .card .image1 {
-  background-image: url('../../static/img/homepage/card1.png');
+  background-image: url("../../static/img/homepage/card1.png");
 }
 
 .cards_container .card .image2 {
-  background-image: url('../../static/img/homepage/card2.png');
+  background-image: url("../../static/img/homepage/card2.png");
 }
 
 .cards_container .card .image3 {
-  background-image: url('../../static/img/homepage/card3.png');
+  background-image: url("../../static/img/homepage/card3.png");
 }
 
 .cards_container .card .image4 {
-  background-image: url('../../static/img/homepage/card4.png');
+  background-image: url("../../static/img/homepage/card4.png");
 }
 
 .cards_container .card .image5 {
-  background-image: url('../../static/img/homepage/card5.png');
+  background-image: url("../../static/img/homepage/card5.png");
 }
 
 .cards_container .card .image6 {
-  background-image: url('../../static/img/homepage/card6.png');
+  background-image: url("../../static/img/homepage/card6.png");
 }
 
 /* .cards_container .card_text {
@@ -178,7 +178,7 @@
   margin: 0;
   /* margin-top: 5px; */
   color: #282a30;
-  font-family: 'Raleway' !important;
+  font-family: "Raleway" !important;
   font-size: 17.5px;
   font-style: normal;
   font-weight: 700 !important;

visual-kpi-docs/src/css/custom.css

@@ -51,6 +51,7 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+
 /* Set Open Sans as the default font for the entire website */
 * {
   font-family: "Open Sans" !important;
@@ -206,3 +207,7 @@
 .container.margin-vert--lg .row .col.col--7 {
   background-color: #fff !important;
 }
+
+pre code {
+  background-color: rgb(246, 247, 248);
+}

visual-kpi-docs/src/css/iconCards.css

@@ -6,19 +6,14 @@
 
 .icon_cards_container .icon_card {
   align-items: flex-start;
-  background: #FFF;
+  background: #fff;
   display: flex;
   gap: 10px;
   justify-content: flex-start;
   min-height: 50px;
   padding: 10px;
 }
 
-.icon_cards_container .title_only_card {
-  align-items: center !important;
-  text-align: center;
-}
-
 .icon_cards_container .icon_card h3 {
   color: #000;
   font-size: 14px;
@@ -43,36 +38,58 @@
   border-radius: 4px;
   width: 20px;
   height: 20px;
-  background-color: #FFF;
+  background-color: #fff;
 }
 
 .icon_cards_container .icon_card .icon_img:hover {
   cursor: default !important;
 }
 
-/* Default grid styles for medium to large screens */
 .icon_cards_container.grid-columns-auto {
-  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+}
+
+.icon_cards_container.grid-columns-1 {
+  grid-template-columns: repeat(1, minmax(150px, 1fr));
 }
 
 .icon_cards_container.grid-columns-2 {
-  grid-template-columns: repeat(2, minmax(200px, 1fr));
+  grid-template-columns: repeat(2, minmax(150px, 1fr));
 }
 
 .icon_cards_container.grid-columns-3 {
-  grid-template-columns: repeat(3, minmax(200px, 1fr));
+  grid-template-columns: repeat(3, minmax(150px, 1fr));
 }
 
 .icon_cards_container.grid-columns-4 {
   grid-template-columns: repeat(4, minmax(150px, 1fr));
 }
 
-/* Adjustments for screens smaller than 400px */
-@media (max-width: 399px) {
+.icon_cards_container.grid-columns-5 {
+  grid-template-columns: repeat(5, minmax(100px, 1fr));
+}
+
+@media (min-width: 995px) and (max-width: 1378px) {
+  .icon_cards_container.grid-columns-4,
+  .icon_cards_container.grid-columns-5 {
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  }
+}
+
+@media (min-width: 995px) and (max-width: 1060px) {
+  .icon_cards_container.grid-columns-auto,
+  .icon_cards_container.grid-columns-1 .icon_cards_container.grid-columns-2,
+  .icon_cards_container.grid-columns-3 {
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  }
+}
+
+@media (max-width: 650px) {
   .icon_cards_container.grid-columns-auto,
-  .icon_cards_container.grid-columns-2,
+  .icon_cards_container.grid-columns-1 .icon_cards_container.grid-columns-2,
   .icon_cards_container.grid-columns-3,
-  .icon_cards_container.grid-columns-4 {
+  .icon_cards_container.grid-columns-4,
+  .icon_cards_container.grid-columns-5 {
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   }
-}
+}

visual-kpi-docs/src/css/table.css

@@ -6,7 +6,7 @@
 
 .filters_container .filter_label {
   color: #690;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -21,7 +21,7 @@
   border-radius: 5px;
   background: #607c0d;
   color: #fff;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -84,7 +84,7 @@
   border: 0;
   background: #607c0d;
   color: #fff;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -128,7 +128,7 @@ table thead th {
   text-align: left;
   background: #690 !important;
   color: #fff;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
@@ -143,17 +143,16 @@ table thead th {
 table tr td {
   background-color: #ffffff;
   color: #8e8e8e;
-  font-feature-settings: 'clig' off, 'liga' off;
+  font-feature-settings: "clig" off, "liga" off;
   font-family: Raleway;
   font-size: 14px;
   font-style: normal;
   font-weight: 500;
   line-height: 18px;
-  padding: 20px;
   text-align: start;
   vertical-align: top;
-  word-break: break-all !important;
-  word-wrap: break-word !important;
+  word-break: keep-all !important;
+  word-wrap: normal !important;
 }
 
 table thead tr {

visual-kpi-docs/static/data/setup-and-administration/interfaces/interfaces.json

@@ -1,14 +1,4 @@
 [
-  {
-    "name": "AnyLog",
-    "logo": "anylog",
-    "description": ""
-  },
-  {
-    "name": "Cumulocity",
-    "logo": "cumulocity",
-    "description": ""
-  },
   {
     "name": "eGauge",
     "logo": "egauge",
@@ -54,21 +44,11 @@
     "logo": "morningstar",
     "description": ""
   },
-  {
-    "name": "Quandl",
-    "logo": "quandl",
-    "description": ""
-  },
   {
     "name": "MarketView",
     "logo": "marketview",
     "description": ""
   },
-  {
-    "name": "NIWNAS",
-    "logo": "niwnas",
-    "description": ""
-  },
   {
     "name": "OLAP",
     "logo": "olap",
@@ -119,21 +99,11 @@
     "logo": "splunk",
     "description": ""
   },
-  {
-    "name": "TempolQ",
-    "logo": "tempolq",
-    "description": ""
-  },
   {
     "name": "Transpara tStore",
     "logo": "tstore",
     "description": ""
   },
-  {
-    "name": "Tomorrow.io",
-    "logo": "tomorrow",
-    "description": ""
-  },
   {
     "name": "vROps",
     "logo": "vrops",
@@ -154,14 +124,9 @@
     "logo": "wonderware",
     "description": ""
   },
-  {
-    "name": "Xompass",
-    "logo": "xompass",
-    "description": ""
-  },
   {
     "name": "Zabbix",
     "logo": "zabbix",
     "description": ""
   }
-]
+]