From 751a9ef3a12c952fe179f256d854d0c4aa37e28e Mon Sep 17 00:00:00 2001 From: Georgios Andreadis Date: Wed, 4 Oct 2017 22:49:07 +0200 Subject: Apply prettier to codebase --- src/components/home/ContactSection.js | 97 +++++++++++++++++------------- src/components/home/ContentSection.js | 14 ++--- src/components/home/IntroSection.js | 64 ++++++++++---------- src/components/home/JumbotronHeader.js | 24 ++++---- src/components/home/ModelingSection.js | 29 +++++---- src/components/home/ScreenshotSection.js | 39 +++++++----- src/components/home/SimulationSection.js | 30 +++++---- src/components/home/StakeholderSection.js | 49 +++++++++------ src/components/home/TeamSection.js | 80 ++++++++++++++---------- src/components/home/TechnologiesSection.js | 74 +++++++++++------------ 10 files changed, 280 insertions(+), 220 deletions(-) (limited to 'src/components/home') diff --git a/src/components/home/ContactSection.js b/src/components/home/ContactSection.js index fd65b31c..d957297a 100644 --- a/src/components/home/ContactSection.js +++ b/src/components/home/ContactSection.js @@ -5,48 +5,61 @@ import "./ContactSection.css"; import ContentSection from "./ContentSection"; const ContactSection = () => ( - -
-
- - -
- atlarge-research/opendc - -
-
- - -
- opendc@atlarge-research.com - -
-
-
-
- TU Delft -
-
-
-
- A project by the   - - @Large Research Group - . -
-
-
-
- -
- OpenDC is an experimental tool. Your data may get lost, overwritten, or otherwise become unavailable. -
- The OpenDC authors should in no way be liable in the event this happens (see our license). Sorry - for the inconvenience. -
-
- + +
+
+ + + +
+ + +
+ opendc@atlarge-research.com + +
+
+
+
+ TU Delft +
+
+
+
+ A project by the   + + @Large Research Group + . +
+
+
+
+ +
+ OpenDC is an experimental tool. Your data may get lost, overwritten, or + otherwise become unavailable. +
+ The OpenDC authors should in no way be liable in the event this happens + (see our{" "} + + + license + + ). Sorry for the inconvenience. +
+
+ ); export default ContactSection; diff --git a/src/components/home/ContentSection.js b/src/components/home/ContentSection.js index 6b4cbca4..2e24ee10 100644 --- a/src/components/home/ContentSection.js +++ b/src/components/home/ContentSection.js @@ -3,17 +3,17 @@ import PropTypes from "prop-types"; import React from "react"; import "./ContentSection.css"; -const ContentSection = ({name, title, children}) => ( -
-
-

{title}

- {children} -
+const ContentSection = ({ name, title, children }) => ( +
+
+

{title}

+ {children}
+
); ContentSection.propTypes = { - name: PropTypes.string.isRequired, + name: PropTypes.string.isRequired }; export default ContentSection; diff --git a/src/components/home/IntroSection.js b/src/components/home/IntroSection.js index 246786f2..59f5face 100644 --- a/src/components/home/IntroSection.js +++ b/src/components/home/IntroSection.js @@ -1,38 +1,40 @@ import React from "react"; const IntroSection = () => ( -
-
-
-
-

The datacenter (DC) industry...

-
    -
  • Is worth over $15 bn, and growing
    • -
  • Has many hard-to-grasp concepts
    • -
  • Needs to become accessible to many
    • -
-
- -
-

OpenDC provides...

-
    -
  • Collaborative online DC modeling
    • -
  • Diverse and effective DC simulation
    • -
  • Exploratory DC performance feedback
    • -
-
-
+
+
+
+
+

The datacenter (DC) industry...

+
    +
  • Is worth over $15 bn, and growing
    • +
  • Has many hard-to-grasp concepts
    • +
  • Needs to become accessible to many
    • +
-
+ +
+

OpenDC provides...

+
    +
  • Collaborative online DC modeling
    • +
  • Diverse and effective DC simulation
    • +
  • Exploratory DC performance feedback
    • +
+
+
+
+ ); export default IntroSection; diff --git a/src/components/home/JumbotronHeader.js b/src/components/home/JumbotronHeader.js index ba504c18..8a5312b3 100644 --- a/src/components/home/JumbotronHeader.js +++ b/src/components/home/JumbotronHeader.js @@ -2,17 +2,19 @@ import React from "react"; import "./JumbotronHeader.css"; const JumbotronHeader = () => ( -
-
-
-

OpenDC

-

- Collaborative Datacenter Simulation and Exploration for Everybody -

- OpenDC -
-
-
+
+
+
+

+ OpenDC +

+

+ Collaborative Datacenter Simulation and Exploration for Everybody +

+ OpenDC +
+
+
); export default JumbotronHeader; diff --git a/src/components/home/ModelingSection.js b/src/components/home/ModelingSection.js index d3252b9b..17834b0b 100644 --- a/src/components/home/ModelingSection.js +++ b/src/components/home/ModelingSection.js @@ -2,18 +2,23 @@ import React from "react"; import ScreenshotSection from "./ScreenshotSection"; const ModelingSection = () => ( - -

Collaboratively...

-
    -
  • Model DC layout, and room locations and types
    • -
  • Place racks in rooms and nodes in racks
    • -
  • Add real-world CPU, GPU, memory, storage and network units to each node
    • -
  • Select from diverse scheduling policies
    • -
- + +

Collaboratively...

+
    +
  • Model DC layout, and room locations and types
    • +
  • Place racks in rooms and nodes in racks
    • +
  • + Add real-world CPU, GPU, memory, storage and network units to each node +
    • +
  • Select from diverse scheduling policies
    • +
+ ); export default ModelingSection; diff --git a/src/components/home/ScreenshotSection.js b/src/components/home/ScreenshotSection.js index 74394dcb..42b8ac77 100644 --- a/src/components/home/ScreenshotSection.js +++ b/src/components/home/ScreenshotSection.js @@ -3,21 +3,30 @@ import React from "react"; import ContentSection from "./ContentSection"; import "./ScreenshotSection.css"; -const ScreenshotSection = ({name, title, imageUrl, caption, imageIsRight, children}) => ( - -
-
- {children} -
-
- {caption}/ -
- {caption} -
-
-
- +const ScreenshotSection = ({ + name, + title, + imageUrl, + caption, + imageIsRight, + children +}) => ( + +
+
+ {children} +
+
+ {caption} +
{caption}
+
+
+ ); export default ScreenshotSection; diff --git a/src/components/home/SimulationSection.js b/src/components/home/SimulationSection.js index eb1f7787..3961e549 100644 --- a/src/components/home/SimulationSection.js +++ b/src/components/home/SimulationSection.js @@ -2,18 +2,24 @@ import React from "react"; import ScreenshotSection from "./ScreenshotSection"; const ModelingSection = () => ( - -

Working with OpenDC:

-
    -
  • Seamlessly switch between construction and simulation modes
    • -
  • Choose one of several predefined workloads (Big Data, Bag of Tasks, Hadoop, etc.)
    • -
  • Play, pause, and skip around the informative simulation timeline
    • -
  • Visualize and demo live
    • -
- + +

Working with OpenDC:

+
    +
  • Seamlessly switch between construction and simulation modes
    • +
  • + Choose one of several predefined workloads (Big Data, Bag of Tasks, + Hadoop, etc.) +
    • +
  • Play, pause, and skip around the informative simulation timeline
    • +
  • Visualize and demo live
    • +
+ ); export default ModelingSection; diff --git a/src/components/home/StakeholderSection.js b/src/components/home/StakeholderSection.js index ddfe4f7c..6d25fd86 100644 --- a/src/components/home/StakeholderSection.js +++ b/src/components/home/StakeholderSection.js @@ -1,27 +1,42 @@ import React from "react"; import ContentSection from "./ContentSection"; -const Stakeholder = ({name, title, subtitle}) => ( -
- {title}/ -
-

{title}

-

{subtitle}

-
+const Stakeholder = ({ name, title, subtitle }) => ( +
+ {title} +
+

{title}

+

{subtitle}

+
); const StakeholderSection = () => ( - -
- - - - - -
- + +
+ + + + + +
+ ); export default StakeholderSection; diff --git a/src/components/home/TeamSection.js b/src/components/home/TeamSection.js index f9ca3105..f29003f7 100644 --- a/src/components/home/TeamSection.js +++ b/src/components/home/TeamSection.js @@ -1,43 +1,57 @@ import React from "react"; import ContentSection from "./ContentSection"; -const TeamMember = ({photoId, name, description}) => ( -
- {name}/ -
-

{name}

-
- {description} -
-
+const TeamMember = ({ photoId, name, description }) => ( +
+ {name} +
+

{name}

+
{description}
+
); const TeamSection = () => ( - -
- - - - -
-
- See - {" "} - - atlarge.science/opendc - - {" "} - for the full team! -
- + +
+ + + + +
+
+ See{" "} + + atlarge.science/opendc + {" "} + for the full team! +
+ ); export default TeamSection; diff --git a/src/components/home/TechnologiesSection.js b/src/components/home/TechnologiesSection.js index 5e2ec2fc..fdcfc522 100644 --- a/src/components/home/TechnologiesSection.js +++ b/src/components/home/TechnologiesSection.js @@ -3,46 +3,40 @@ import FontAwesome from "react-fontawesome"; import ContentSection from "./ContentSection"; const TechnologiesSection = () => ( - -
    -
  • - - - Browser - - - JavaScript, React, Redux, Konva - -
    • -
  • - - - Server - - - Python, Flask, FlaskSocketIO, OpenAPI - -
    • -
  • - - - Database - - - MariaDB - -
    • -
  • - - - Simulator - - - Kotlin - -
    • -
- + +
    +
  • + + + Browser + + JavaScript, React, Redux, Konva +
    • +
  • + + + Server + + + Python, Flask, FlaskSocketIO, OpenAPI + +
    • +
  • + + + Database + + MariaDB +
    • +
  • + + + Simulator + + Kotlin +
    • +
+ ); export default TechnologiesSection; -- cgit v1.2.3