From d219bf257bbb6739c677882cd7c92c4feff17fba Mon Sep 17 00:00:00 2001 From: Thales Lima Oliveira Date: Thu, 16 Jul 2020 23:25:01 -0300 Subject: PSP-UFu website update --- docusaurus/src/css/custom.css | 31 +++++ docusaurus/src/pages/index.js | 233 +++++++++++++++++++++++++++++++++ docusaurus/src/pages/styles.module.css | 38 ++++++ 3 files changed, 302 insertions(+) create mode 100644 docusaurus/src/css/custom.css create mode 100644 docusaurus/src/pages/index.js create mode 100644 docusaurus/src/pages/styles.module.css (limited to 'docusaurus/src') diff --git a/docusaurus/src/css/custom.css b/docusaurus/src/css/custom.css new file mode 100644 index 0000000..08cde97 --- /dev/null +++ b/docusaurus/src/css/custom.css @@ -0,0 +1,31 @@ +/* stylelint-disable docusaurus/copyright-header */ +/** + * Any CSS included here will be global. The classic template + * bundles Infima by default. Infima is a CSS framework designed to + * work well for content-centric websites. + */ + +/* You can override the default Infima variables here. */ +:root { + --ifm-color-primary: #33a3ff; + --ifm-color-primary-dark: rgb(33, 175, 144); + --ifm-color-primary-darker: rgb(31, 165, 136); + --ifm-color-primary-darkest: rgb(26, 136, 112); + --ifm-color-primary-light: rgb(70, 203, 174); + --ifm-color-primary-lighter: rgb(102, 212, 189); + --ifm-color-primary-lightest: rgb(146, 224, 208); + --ifm-code-font-size: 95%; +} + +.docusaurus-highlight-code-line { + background-color: rgb(72, 77, 91); + display: block; + margin: 0 calc(-1 * var(--ifm-pre-padding)); + padding: 0 var(--ifm-pre-padding); +} + +video { + display: block; + width: 100%; + height: 100%; +} diff --git a/docusaurus/src/pages/index.js b/docusaurus/src/pages/index.js new file mode 100644 index 0000000..3c60c4d --- /dev/null +++ b/docusaurus/src/pages/index.js @@ -0,0 +1,233 @@ +import React from 'react'; +import clsx from 'clsx'; +import Layout from '@theme/Layout'; +import Link from '@docusaurus/Link'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; +import useBaseUrl from '@docusaurus/useBaseUrl'; +import styles from './styles.module.css'; + +const features = [ + { + title: <>Complete Platform, + imageUrl: 'img/complete-platform.svg', + description: ( + <> + PSP-UFU is a cross-platform, multilingual, Free and Open-Source Software (FOSS) with advanced GUI (Graphical User Interface) features and CAD (Computer-Aided Design) tools for electrical power system studies. + + ), + }, + { + title: <>Advanced CAD Features, + imageUrl: 'img/advanced-cad.svg', + description: ( + <> + The software allows the construction of any electric transmission network and control systems through the deployment of visual elements. + + ), + }, + { + title: <>Easy Visualization, + imageUrl: 'img/visualization.svg', + description: ( + <> + For the visualization of results, the program offers linked text elements in the main screen, voltage heatmap display, and also table and graph editors. + + ), + }, + { + title: <>Application, + imageUrl: 'img/application.svg', + description: ( + <> + The PSP-UFU aims to provide efficient computer simulation tools for research and education purposes, in addition to industrial applications in electrical power systems. + + ), + }, +]; + +const studies = [ + { + title: <>Power Flow, + //imageUrl: 'img/undraw_docusaurus_react.svg', + description: ( + + ), + }, + { + title: <>Short-Circuit calculation, + //imageUrl: 'img/undraw_docusaurus_react.svg', + description: ( + + ), + }, + { + title: <>Harmonics, + //imageUrl: 'img/undraw_docusaurus_react.svg', + description: ( + + ), + }, + { + title: <>Transient and Dynamic Stability, + //imageUrl: 'img/undraw_docusaurus_react.svg', + description: ( + + ), + }, +]; + +function Feature({imageUrl, title, description}) { + const imgUrl = useBaseUrl(imageUrl); + return ( +
+ {imgUrl && ( +
+ {title} +
+ )} +

{title}

+

{description}

+
+ ); +} + +function Studies({imageUrl, title, description}) { + const imgUrl = useBaseUrl(imageUrl); + return ( +
+ {imgUrl && ( +
+ {title} +
+ )} +

{title}

+ {description} +
+ ); +} + +function Home() { + const context = useDocusaurusContext(); + const {siteConfig = {}} = context; + return ( + +
+
+

{siteConfig.title}

+

{siteConfig.tagline}

+ +

+ +

+
+ + Download + +
+
+ + User Guide + +
+
+ + Samples + +
+
+
+
+ {features && features.length > 0 && ( +
+
+
+ {features.map((props, idx) => ( + + ))} +
+
+
+ )} + +
+

Studies Performed

+
+ + {studies && studies.length > 0 && ( +
+
+
+ {studies.map((props, idx) => ( + + ))} +
+
+
+ )} + +
+

Published Papers

+ Further details can be found in the published papers: +
+ Oliveira, T. L., Guimarães, G. C., & Silva, L. R. C. (2019). PSP-UFU: An open-source, graphical, and multiplatform software for power system studies. International Transactions on Electrical Energy Systems, e12185. doi: 10.1002/2050-7038.12185 +
+
+ Oliveira, T. L., Guimarães, G. C., Silva, L. R., & Rezende, J. O. (2019). Power system education and research applications using free and open-source, graphical and multiplatform PSP-UFU software. The International Journal of Electrical Engineering & Education, 0020720919879058. doi: 10.1177/0020720919879058 +
+
+ +
+

Code Documentation

+

+ All detailed descriptions of the source-code can be found at Online Documentation, generated by Doxygen. +

+
+ +
+

Screenshots

+
+ +
+ +
+
+ + ); +} + +export default Home; diff --git a/docusaurus/src/pages/styles.module.css b/docusaurus/src/pages/styles.module.css new file mode 100644 index 0000000..5a328c8 --- /dev/null +++ b/docusaurus/src/pages/styles.module.css @@ -0,0 +1,38 @@ +/* stylelint-disable docusaurus/copyright-header */ + +/** + * CSS files with the .module.css suffix will be treated as CSS modules + * and scoped locally. + */ + +.heroBanner { + padding: 4rem 0; + text-align: center; + position: relative; + overflow: hidden; +} + +@media screen and (max-width: 966px) { + .heroBanner { + padding: 2rem; + } +} + +.buttons { + display: inline-block; + align-items: center; + justify-content: center; + margin: 0 10px; +} + +.features { + display: flex; + align-items: center; + padding: 2rem 0; + width: 100%; +} + +.featureImage { + height: 200px; + width: 200px; +} -- cgit