Tutorial Integration (#30)

A button in the landing page has been added to access the tutorial on
demand.

.github/workflows/sonarqube-build.yml

@@ -6,7 +6,7 @@ on:
 jobs:
   build:
     name: Build
-    runs-on: self-hosted
+    runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v2
         with:

src/views/StartView.vue

@@ -34,6 +34,13 @@ getActiveCourses()
     courseFetchFailed.value = true;
   });
 
+const tutorial: ButtonElement = {
+  title: 'Tutorial',
+  subtitle: 'learn the core game mechanics',
+  description: '',
+  color: setupColor,
+};
+
 const worldGeneration: ButtonElement = {
   title: 'World Generation',
   subtitle: 'generate new worlds',
@@ -111,6 +118,16 @@ function openSite(url: string) {
           </div>
         </div>
       </div>
+      <div class="d-flex flex-wrap justify-content-start">
+        <ButtonBox
+          :color="tutorial.color"
+          :description="tutorial.description"
+          @click="openSite(config.overworldBaseUrl + '1' + '&tutorial')"
+        >
+          <template #title>{{ tutorial.title }}</template>
+          <template #subtitle>{{ tutorial.subtitle }}</template>
+        </ButtonBox>
+      </div>
     </div>
 
     <div v-if="store.state.roles.includes('lecturer')">