Merge pull request #2 from CollabCodeTech/develop

Develop

Author: Demysdcl

src/components/PlayerMore.svelte

@@ -23,6 +23,7 @@
     background-color: transparent;
 
     transition: background-color 100ms linear;
+    z-index: 100;
   }
   .player-more.-active {
     background-color: var(--color-arsenic-light);

src/components/TitleCollab.svelte

@@ -0,0 +1,11 @@
+<script>
+  export let text
+</script>
+
+<style>
+  .title-collab {
+    color: var(--color-floral-white);
+  }
+</style>
+
+<h6 class="title-collab">{text}</h6>

src/routes/_layout.svelte

@@ -25,6 +25,10 @@
   }
 </style>
 
+<svelte:head>
+  <title>CollabCode Training</title>
+</svelte:head>
+
 <main class="layout">
   <HeaderCollab />
   <slot />

src/routes/classroom.svelte

@@ -1 +1,9 @@
-<h5>Um dia serei a página de Sala</h5>
+<script>
+  import PlayerCollab from '../containers/PlayerCollab.svelte'
+</script>
+
+<svelte:head>
+  <title>CollabCode Training - Sala de aula</title>
+</svelte:head>
+
+<PlayerCollab />

src/routes/courses.svelte

@@ -1 +1,5 @@
-<h5>Um dia serei a página de Cursos</h5>
+<script>
+  import TitleCollab from '../components/TitleCollab.svelte'
+</script>
+
+<TitleCollab text="Um dia serei a página de Cursos" />

src/routes/index.svelte

@@ -1,13 +1 @@
-<script>
-  import PlayerCollab from '../containers/PlayerCollab.svelte'
-</script>
-
-<style>
-
-</style>
-
-<svelte:head>
-  <title>CollabCode Training</title>
-</svelte:head>
-
-<PlayerCollab />
+<h5>Aqui é Home! Em algum momento do universo teremos algo aqui!</h5>