Browse Source

Added temporary team page.

KrisVos130 8 năm trước cách đây
mục cha
commit
07ed1916d2
3 tập tin đã thay đổi với 120 bổ sung0 xóa
  1. 3 0
      frontend/components/MainHeader.vue
  2. 113 0
      frontend/components/pages/Team.vue
  3. 4 0
      frontend/main.js

+ 3 - 0
frontend/components/MainHeader.vue

@@ -19,6 +19,9 @@
 			<!--a class="nav-item is-tab" href="#">
 				About
 			</a-->
+			<a class="nav-item is-tab" href="#" v-link="{ path: '/team' }">
+				Team
+			</a>
 			<a class="nav-item is-tab" href="#" v-link="{ path: '/news' }">
 				News
 			</a>

+ 113 - 0
frontend/components/pages/Team.vue

@@ -0,0 +1,113 @@
+<template>
+	<div class='app'>
+		<main-header></main-header>
+		<div class='container'>
+			<h2 class="center">Current members</h2>
+			<div class="columns">
+				<div class='card column is-6-desktop is-offset-3-desktop is-12-mobile'>
+					<header class='card-header'>
+						<p class='card-header-title'>
+							KrisVos130
+						</p>
+					</header>
+					<div class='card-content'>
+						<div class='content'>
+							<ul>
+								<li>
+									<b>Joined: </b>
+									September 23, 2015
+								</li>
+								<li>
+									<b>Role: </b>
+									Co-founder and lead-developer
+								</li>
+								<li>
+									<b>Email: </b>
+									<a href="mailto:krisvos130@gmail.com">krisvos130@gmail.com</a>
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+			<br>
+			<div class="columns">
+				<div class='card column is-6-desktop is-offset-3-desktop is-12-mobile'>
+					<header class='card-header'>
+						<p class='card-header-title'>
+							Atjonathan
+						</p>
+					</header>
+					<div class='card-content'>
+						<div class='content'>
+							<ul>
+								<li>
+									<b>Joined: </b>
+									August 28, 2016
+								</li>
+								<li>
+									<b>Role: </b>
+									Developer
+								</li>
+								<li>
+									<b>Email: </b>
+									<a href="mailto:theflametrooper@gmail.com">theflametrooper@gmail.com</a>
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+			<br>
+			<div class="columns">
+				<div class='card column is-6-desktop is-offset-3-desktop is-12-mobile'>
+					<header class='card-header'>
+						<p class='card-header-title'>
+							IIDjShadowII
+						</p>
+					</header>
+					<div class='card-content'>
+						<div class='content'>
+							<ul>
+								<li>
+									<b>Role: </b>
+									Moderator
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<main-footer></main-footer>
+	</div>
+</template>
+
+<script>
+	import MainHeader from '../MainHeader.vue';
+	import MainFooter from '../MainFooter.vue';
+	import io from '../../io';
+
+	export default {
+		components: { MainHeader, MainFooter },
+		methods: {
+
+		},
+		data() {
+			return {
+
+			}
+		},
+		ready: function () {
+			let _this = this;
+			io.getSocket((socket) => {
+				_this.socket = socket;
+
+			});
+		}
+	}
+</script>
+
+<style lang='scss' scoped>
+
+</style>

+ 4 - 0
frontend/main.js

@@ -11,6 +11,7 @@ import Admin from './components/pages/Admin.vue';
 import News from './components/pages/News.vue';
 import Terms from './components/pages/Terms.vue';
 import Privacy from './components/pages/Privacy.vue';
+import Team from './components/pages/Team.vue';
 import User from './components/User/Show.vue';
 import Settings from './components/User/Settings.vue';
 import ResetPassword from './components/User/ResetPassword.vue';
@@ -70,6 +71,9 @@ router.map({
 	'/privacy': {
 		component: Privacy
 	},
+	'/team': {
+		component: Team
+	},
 	'/news': {
 		component: News
 	},