From 034cc10f06ce23a27f15ac3eca63e957b542ccb7 Mon Sep 17 00:00:00 2001
From: EmberSpirit <EmberSpirit007@proton.me>
Date: Wed, 16 Aug 2023 20:16:13 +0200
Subject: [PATCH] cycleview

---
 src/assets/sass/main.sass |  4 ++--
 src/router/index.js       |  5 +++++
 src/views/CycleView.vue   | 21 +++++++++++++++++++++
 3 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 src/views/CycleView.vue

diff --git a/src/assets/sass/main.sass b/src/assets/sass/main.sass
index ca212e4..8851af5 100644
--- a/src/assets/sass/main.sass
+++ b/src/assets/sass/main.sass
@@ -39,10 +39,10 @@ body
 .container
     margin-right: auto
     margin-left: auto
+    padding-right: 15px
+    padding-left: 15px
     @media (min-width: 992px)
         max-width: 800px
-        padding-right: 15px
-        padding-left: 15px
 
 h1
     font-weight: 700
diff --git a/src/router/index.js b/src/router/index.js
index 1d19e13..6e70ecd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -43,6 +43,11 @@ const router = createRouter({
 			name: "Profile",
 			component: () => import("../views/ProfileView.vue"),
 		},
+		{
+			path: "/cycle",
+			name: "Cycle",
+			component: () => import("../views/CycleView.vue"),
+		},
 	],
 });
 
diff --git a/src/views/CycleView.vue b/src/views/CycleView.vue
new file mode 100644
index 0000000..923909e
--- /dev/null
+++ b/src/views/CycleView.vue
@@ -0,0 +1,21 @@
+<template>
+	<div class="cycle-page">
+		<div class="bloodline-page-headline">Cycle</div>
+		<div class="bloodline-page-description container">
+			Claim and trade your $BDL at each cycle's end. Become the most powerful meme clan each cycle and win extra
+			rewards.
+		</div>
+	</div>
+</template>
+
+<script setup></script>
+
+<style lang="sass">
+.bloodline-page-headline
+    text-align: center
+    font-size: 32px
+    margin-bottom: 32px
+.bloodline-page-description
+    text-align: center
+    font-size: 16px
+</style>