This is the welcome page and you are very welcome here.
);
- }
-
- // if icon cannot be found, the default favicon will be used
- changeHead() {
- // set title of document
- let title = this.getTitle();
- if (this.getSubtitle()) {
- title += " " + this.getSubtitle();
- }
- document.title = title;
-
- // set document icon
- if (!this.values.icon) {
- return;
- }
- var oldlink = document.getElementById('dynamic-favicon');
-
- var link = document.createElement('link');
- link.id = 'dynamic-favicon';
- link.rel = 'shortcut icon'
- link.href = '/' + this.values.icon;
-
- if (oldlink) {
- document.head.removeChild(oldlink);
- }
- document.head.appendChild(link);
- }
-
- checkValues() {
- if (!this.values.hasOwnProperty('pages')) {
- let pages = {};
- pages.home = true;
- pages.scenarios = true;
- pages.infrastructure = true;
- pages.users = true;
- pages.account = true;
- pages.api = true;
-
- this.values.pages = pages;
- } else {
- if (!this.values.pages.hasOwnProperty('home')) {
- this.values.pages['home'] = false;
- }
- if (!this.values.pages.hasOwnProperty('scenarios')) {
- this.values.pages['scenarios'] = false;
- }
- if (!this.values.pages.hasOwnProperty('infrastructure')) {
- this.values.pages['infrastructure'] = false;
- }
- if (!this.values.pages.hasOwnProperty('users')) {
- this.values.pages['users'] = false;
- }
- if (!this.values.pages.hasOwnProperty('account')) {
- this.values.pages['account'] = false;
- }
- if (!this.values.pages.hasOwnProperty('api')) {
- this.values.pages['api'] = false;
- }
- }
- }
-
- applyStyle() {
- this.changeHead();
-
- const rootEl = document.querySelector(':root');
-
- let background = this.getBackgroundColor();
- if (background) {
- rootEl.style.setProperty('--bg', background);
- } else {
- console.log(document.body.style.backgroundColor)
- }
-
- let maincolor = this.getMainColor();
- if (maincolor) {
- rootEl.style.setProperty('--maincolor', maincolor);
- }
-
- let highlight = this.getHighlightColor();
- if (highlight) {
- rootEl.style.setProperty('--highlights', highlight);
- }
-
- let secondary = this.getSecondaryTextColor();
- if (secondary) {
- rootEl.style.setProperty('--secondarytext', secondary);
- }
-
- let font = this.getFont();
- if (font) {
- rootEl.style.setProperty('--mainfont', font);
- }
-
- let borderradius = this.getBorderRadius();
- if (borderradius) {
- rootEl.style.setProperty('--borderradius', borderradius);
- }
- }
-
- getLogo(style) {
- let image = null;
-
- try {
- image =
- } catch (err) {
- console.error("cannot find './" + this.brand + '/img/' + this.values.logo + "'");
- }
-
- return image;
- }
-
- getBackgroundColor() {
- if (this.values.style && this.values.style.background) {
- return this.values.style.background;
- }
- return null;
- }
-
- getMainColor() {
- if (this.values.style && this.values.style.maincolor) {
- return this.values.style.maincolor;
- }
- return null;
- }
-
- getHighlightColor() {
- if (this.values.style && this.values.style.highlights) {
- return this.values.style.highlights;
- }
- return null;
- }
-
- getSecondaryTextColor() {
- if (this.values.style && this.values.style.secondarytext) {
- return this.values.style.secondarytext;
- }
- return null;
- }
-
- getFont() {
- if (this.values.style && this.values.style.font) {
- return this.values.style.secondarytext;
- }
- return null;
- }
-
- getBorderRadius() {
- if (this.values.style && this.values.style.borderradius) {
- return this.values.style.borderradius;
- }
- return null;
- }
-
- getTitle() {
- return this.values.title ? this.values.title : "No Title!";
- }
-
- getSubtitle() {
- return this.values.subtitle ? this.values.subtitle : null;
- }
+ getSubtitle() {
+ return this.values.subtitle ? this.values.subtitle : null;
+ }
};
var branding = new Branding(process.env.REACT_APP_BRAND);
-export default branding;
\ No newline at end of file
+export default branding;
diff --git a/src/branding/opalrt/img/datamodel.png b/src/branding/opalrt/img/datamodel.png
new file mode 100644
index 0000000..f98745f
Binary files /dev/null and b/src/branding/opalrt/img/datamodel.png differ
diff --git a/src/branding/opalrt/img/eonerc_rwth.svg b/src/branding/opalrt/img/eonerc_rwth.svg
new file mode 100644
index 0000000..42c4c3f
--- /dev/null
+++ b/src/branding/opalrt/img/eonerc_rwth.svg
@@ -0,0 +1,152 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/branding/opalrt/img/opal-rt-logo-color.svg b/src/branding/opalrt/img/opal-rt-logo-color.svg
new file mode 100644
index 0000000..761d918
--- /dev/null
+++ b/src/branding/opalrt/img/opal-rt-logo-color.svg
@@ -0,0 +1,128 @@
+
+
+
+
diff --git a/src/branding/opalrt/img/villas_web.svg b/src/branding/opalrt/img/villas_web.svg
new file mode 100644
index 0000000..ccbc714
--- /dev/null
+++ b/src/branding/opalrt/img/villas_web.svg
@@ -0,0 +1,158 @@
+
+
+
+
diff --git a/src/branding/opalrt/opalrt-functions.js b/src/branding/opalrt/opalrt-functions.js
new file mode 100644
index 0000000..49a21e2
--- /dev/null
+++ b/src/branding/opalrt/opalrt-functions.js
@@ -0,0 +1,69 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see .
+ ******************************************************************************/
+import React from 'react';
+import { Button } from 'react-bootstrap';
+import { NavLink } from 'react-router-dom';
+
+export function opalrt_welcome() {
+ let url = 'https://villas.fein-aachen.org/doc/web.html';
+ return (
+
+
Welcome!
+
VILLASweb is a tool to configure real-time co-simulations and display simulation real-time data.
+ It enables the management and monitoring of simulators, models and simulations.
)
+}
+
+export function opalrt_footer() {
+ return (
+
+ );
+}
diff --git a/src/branding/opalrt/opalrt-values.js b/src/branding/opalrt/opalrt-values.js
new file mode 100644
index 0000000..5284aeb
--- /dev/null
+++ b/src/branding/opalrt/opalrt-values.js
@@ -0,0 +1,40 @@
+/**
+ * This file is part of VILLASweb.
+ *
+ * VILLASweb is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * VILLASweb is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with VILLASweb. If not, see .
+ ******************************************************************************/
+
+const villasweb_values = {
+ title: 'OPAL-RT VILLASweb',
+ // subtitle: 'OPAL-RT Web Dashboards',
+ logo: 'villas_web.svg',
+ pages: {
+ home: true,
+ scenarios: true,
+ infrastructure: true,
+ account: true,
+ api: true,
+ },
+ style: {
+ background: '#f0f4f7',
+ backgroundText: '#000000',
+ highlights: '#1158a2',
+ main: '#092f56',
+ secondaryText: '#c4c4c4',
+ fontFamily: 'Open Sans',
+ // borderRadius: ''
+ }
+}
+
+export default villasweb_values;
diff --git a/src/branding/slew/slew-functions.js b/src/branding/slew/slew-functions.js
index 05bd8d2..b584a36 100644
--- a/src/branding/slew/slew-functions.js
+++ b/src/branding/slew/slew-functions.js
@@ -19,48 +19,48 @@ import './slew.css'
export function slew_home() {
- return (
-
-
Home
-
- Welcome to SLEW!
-
-
SLEW is a learning platform for running experiments in a virtual power engineering world.
- The platform enables interaction with the experiments in real time and performing analysis on the experimental results.
+ return (
+
+
Home
+
+ Welcome to SLEW!
+
+
SLEW is a learning platform for running experiments in a virtual power engineering world.
+ The platform enables interaction with the experiments in real time and performing analysis on the experimental results.
-
The motivation behind SLEW is the ongoing transformation of the energy system, which is making the system more and more complex.
- Hence, understanding new phenomena and underlying interactions is getting more challenging, also because real experimental
- activities for obtaining a better understanding are not possible for obvious reasons of security and safety.
+
The motivation behind SLEW is the ongoing transformation of the energy system, which is making the system more and more complex.
+ Hence, understanding new phenomena and underlying interactions is getting more challenging, also because real experimental
+ activities for obtaining a better understanding are not possible for obvious reasons of security and safety.
-
The SLEW platform gives the possibility to perform experiments in a virtual infrastructure and to learn from the execution
- of complex models. It provides a virtual power engineering world where complex phenomena take place while users can interact
- with the system in real time.
+
The SLEW platform gives the possibility to perform experiments in a virtual infrastructure and to learn from the execution
+ of complex models. It provides a virtual power engineering world where complex phenomena take place while users can interact
+ with the system in real time.
-
The platform is based on the real-time simulation tool DPsim developed in RWTH,
- which is available as open-source software project to the power engineering community. Besides, it integrates the interactive
- computing environment Jupyter for further analysis of experimental results.
+
The platform is based on the real-time simulation tool DPsim developed in RWTH,
+ which is available as open-source software project to the power engineering community. Besides, it integrates the interactive
+ computing environment Jupyter for further analysis of experimental results.
SLEW is a learning platform for running experiments in a virtual power engineering world.
- The platform enables to interact with the experiments in real time and perform analyses on the experimental results.
-
)
+
+
Welcome!
+
SLEW is a learning platform for running experiments in a virtual power engineering world.
+ The platform enables to interact with the experiments in real time and perform analyses on the experimental results.
+
)
}
diff --git a/src/branding/slew/slew-values.js b/src/branding/slew/slew-values.js
index 1a7c323..4327656 100644
--- a/src/branding/slew/slew-values.js
+++ b/src/branding/slew/slew-values.js
@@ -16,29 +16,29 @@
******************************************************************************/
const slew_values = {
- title: 'SLEW',
- subtitle: 'Second Life for Energiewende',
- icon: "slew_blue.png",
- logo: "slew_logo.png",
- pages: {
- home: true,
- scenarios: true,
- infrastructure: false,
- account: false,
- api: false
- },
- links: {
- "DPsim Simulator": "https://dpsim.fein-aachen.org",
- "VILLASframework": "https://villas.fein-aachen.org/doc"
- },
- style: {
- background: 'rgba(207,209,210, 1)',
- highlights: 'rgba(0,84,159, 0.75)',
- maincolor: 'rgba(80,80,80, 1)',
- secondarytext: 'rgba(80,80,80, 0.9)',
- font: "16px Roboto, sans-serif",
- borderradius: "10px"
- }
+ title: 'SLEW',
+ subtitle: 'Second Life for Energiewende',
+ icon: "slew_blue.png",
+ logo: "slew_logo.png",
+ pages: {
+ home: true,
+ scenarios: true,
+ infrastructure: false,
+ account: false,
+ api: false
+ },
+ links: {
+ "DPsim Simulator": "https://dpsim.fein-aachen.org",
+ "VILLASframework": "https://villas.fein-aachen.org/doc"
+ },
+ style: {
+ background: 'rgba(207,209,210, 1)',
+ highlights: 'rgba(0,84,159, 0.75)',
+ main: 'rgba(80,80,80, 1)',
+ secondaryText: 'rgba(80,80,80, 0.9)',
+ fontFamily: "Roboto, sans-serif",
+ borderRadius: "10px"
+ }
}
-export default slew_values;
\ No newline at end of file
+export default slew_values;
diff --git a/src/branding/slew/slew.css b/src/branding/slew/slew.css
index c8f2ddf..a91c54b 100644
--- a/src/branding/slew/slew.css
+++ b/src/branding/slew/slew.css
@@ -1,4 +1,4 @@
#images {
margin-left: 2em;
margin-right: 2em
-}
\ No newline at end of file
+}
diff --git a/src/branding/template/template-functions.js b/src/branding/template/template-functions.js
index d6b8d58..7ddf98d 100644
--- a/src/branding/template/template-functions.js
+++ b/src/branding/template/template-functions.js
@@ -14,39 +14,39 @@
* You should have received a copy of the GNU General Public License
* along with VILLASweb. If not, see .
******************************************************************************/
- import React from 'react';
+import React from 'react';
-
- export function template_home() {
- return (
-
-
-
Home
-
- Welcome to BRAND!
-
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
- labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
- Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
- et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
- Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
- labore et dolore magna aliquyam erat, sed diam voluptua.
-
)
- }
- export function template_footer() {
- return (
- )
- }
\ No newline at end of file
+export function template_home() {
+ return (
+
+
+
Home
+
+ Welcome to BRAND!
+
+
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+ labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
+ Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+
+
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore
+ et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
+ Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut
+ labore et dolore magna aliquyam erat, sed diam voluptua.
VILLASweb is a tool to configure real-time co-simulations and display simulation real-time data.
- It enables the management and monitoring of simulators, models and simulations.
-
-
-
-
)
+
+
Welcome!
+
VILLASweb is a tool to configure real-time co-simulations and display simulation real-time data.
+ It enables the management and monitoring of simulators, models and simulations.
.default})
+ .default})
+ .default})
- .default})
- .default}){kind=logo}
-