App.vue 1.15 KB
Newer Older
adamprocter's avatar
init  
adamprocter committed
1
2
<template>
  <div id="nav">
Adam Procter's avatar
init    
Adam Procter committed
3
    <router-link to="/">Start</router-link> |
Adam Procter's avatar
Adam Procter committed
4
5
6
    <router-link to="/credits">Credits</router-link> |
    <router-link to="/collect">Collect</router-link> |
    <router-link to="/cards">Cards</router-link>
adamprocter's avatar
init  
adamprocter committed
7
8
9
10
11
  </div>
  <router-view />
</template>

<style>
Adam Procter's avatar
tidy up    
Adam Procter committed
12
@import url('https://use.typekit.net/mwd7zcu.css');
Adam Procter's avatar
init    
Adam Procter committed
13

adamprocter's avatar
init  
adamprocter committed
14
#app {
Adam Procter's avatar
init    
Adam Procter committed
15
16
17
18
  font-family: source-code-pro, monospace;
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
adamprocter's avatar
init  
adamprocter committed
19
20
21
22
23
24
25
26
27
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#nav a {
  color: #2c3e50;
}

#nav a.router-link-exact-active {
Adam Procter's avatar
init    
Adam Procter committed
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
  color: #1cc469;
}

h1 {
  margin: 0.2em 0 0 0;
  padding: 0em;
  font-size: 6.2em;
  font-family: houschka-rounded, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: black;
}

h2 {
  margin: 0em 0em 1em 0.3em;
  font-size: 1.1em;
  font-family: houschka-rounded, sans-serif;
  font-weight: 300;
  font-style: normal;
  color: #707070;
}

.long {
  word-wrap: break-word;
  width: 305px;
  line-height: 1em;
}

.highlight {
  color: #1cc469;
}

@media only screen and (min-width: 630px) {
  h2 {
    margin-top: -1em;
  }
  .long {
    word-wrap: normal;
  }
adamprocter's avatar
init  
adamprocter committed
67
68
}
</style>