@@ -44,6 +46,7 @@ export default ({ children }) => (
About
Documentation
Download
+
Servers using Velocity
diff --git a/src/components/Jumbotron.js b/src/components/Jumbotron.js
new file mode 100644
index 0000000..df5d3ff
--- /dev/null
+++ b/src/components/Jumbotron.js
@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+
+class Jumbotron extends Component {
+ render() {
+ return
+
+
{this.props.title}
+
{this.props.subtitle}
+ {this.props.children}
+
+
+ }
+}
+
+export default Jumbotron;
\ No newline at end of file
diff --git a/src/components/PageIntro.js b/src/components/PageIntro.js
index ad682ac..bf3a7df 100644
--- a/src/components/PageIntro.js
+++ b/src/components/PageIntro.js
@@ -1,11 +1,15 @@
-import React from 'react';
+import React, { Component } from 'react';
-export default ({ children }) => (
-
-
-
- {children}
+class PageIntro extends Component {
+ render() {
+ return
+
+
{this.props.title}
+
{this.props.subtitle}
+ {this.props.children}
-
-)
\ No newline at end of file
+ }
+}
+
+export default PageIntro;
\ No newline at end of file
diff --git a/src/pages/Community.css b/src/pages/Community.css
index 1bca5a4..93c332e 100644
--- a/src/pages/Community.css
+++ b/src/pages/Community.css
@@ -1,11 +1,23 @@
+.page-content {
+ margin-bottom: 0;
+}
+
+.row {
+ margin-bottom: 0 !important;
+}
+
+.row .col {
+ padding: 0 !important;
+}
+
#community-discord-blurb {
background: #7289DA url('../assets/images/discord-background.svg');
- background-size: 120px;
+ height: 600px;
}
#community-forums-blurb {
background: #212121 url('../assets/images/forum-background.svg');
- background-size: 120px;
+ height: 600px;
}
.community-platform {
@@ -14,4 +26,16 @@
.community-platform h4 {
font-weight: 700;
+}
+
+@media (max-width: 1375px) {
+ #discord-widget {
+ height: 350px;
+ }
+}
+
+@media (max-width: 600px) {
+ #community-forums-blurb {
+ height: auto;
+ }
}
\ No newline at end of file
diff --git a/src/pages/Community.js b/src/pages/Community.js
index c05f4ad..11f0dfd 100644
--- a/src/pages/Community.js
+++ b/src/pages/Community.js
@@ -1,53 +1,49 @@
import React from 'react';
import {LargeButtonLink} from "../components/Button";
-import PageIntro from "../components/PageIntro";
import './Community.css';
+import Jumbotron from "../components/Jumbotron";
export const Community = () => (
-
- Join Our Community
-
- The Velocity community welcomes all with open arms. Whether you like to play with the internals
- of the Minecraft server, run a server, or write plugins, we've got a place for you in our community.
-
-
-
-