Footer.vue 2.93 KB
Newer Older
Chocobozzz's avatar
Chocobozzz committed
1
<template>
Chocobozzz's avatar
Chocobozzz committed
2
  <footer id="main-footer">
Chocobozzz's avatar
Chocobozzz committed
3

Chocobozzz's avatar
Chocobozzz committed
4
5
6
    <div class="links">
      <div>
        <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org/en/legals/" v-translate>Legal notices</a>
Chocobozzz's avatar
Chocobozzz committed
7

Chocobozzz's avatar
Chocobozzz committed
8
        <a target="_blank" rel="noopener noreferrer" href="https://contact.framasoft.org" v-translate>Contact</a>
Chocobozzz's avatar
Chocobozzz committed
9

JosephK's avatar
JosephK committed
10
        <a target="_blank" rel="noopener noreferrer" href="https://joinpeertube.org/news" v-translate>Newsletter</a>
Chocobozzz's avatar
Chocobozzz committed
11
12
13
14
15

        <a target="_blank" rel="noopener noreferrer" href="https://framacolibri.org/c/peertube" v-translate>Forum</a>
      </div>

      <div>
Chocobozzz's avatar
Chocobozzz committed
16
17
        <a target="_blank" rel="noopener noreferrer" v-bind:href="buildPublicUrl('press-kit.zip')" v-translate>Press kit</a>

Chocobozzz's avatar
Chocobozzz committed
18
19
20
21
        <a target="_blank" rel="noopener noreferrer" href="https://framagit.org/framasoft/peertube/joinpeertube" v-translate>JoinPeerTube Git</a>

        <a target="_blank" rel="noopener noreferrer" href="https://github.com/Chocobozzz/PeerTube" v-translate>PeerTube Git</a>
      </div>
Chocobozzz's avatar
Chocobozzz committed
22
23
    </div>

Chocobozzz's avatar
Chocobozzz committed
24
25
26
27
    <div class="credits">
      <div v-translate>
        Website developed by <a target="_blank" rel="noopener noreferrer" href="https://framasoft.org">Framasoft</a> and designed by <a target="_blank" rel="noopener noreferrer" href="https://www.maiwann.net/">Maiwann</a>
      </div>
Chocobozzz's avatar
Chocobozzz committed
28

Chocobozzz's avatar
Chocobozzz committed
29
30
31
32
      <div v-translate>
        Illustrations from <a target="_blank" rel="noopener noreferrer" href="https://framatube.org/videos/watch/9c9de5e8-0a1e-484a-b099-e80766180a6d">What is PeerTube video</a>,
        created by <a target="_blank" rel="noopener noreferrer" href="https://libreart.info/">LILA</a> - <a target="_blank" rel="noopener noreferrer" href="https://film.zemarmot.net/">ZeMarmot Team</a>
      </div>
Chocobozzz's avatar
Chocobozzz committed
33
34
35
36

      <div v-translate>
        PeerTube mascot created by <a target="_blank" rel="noopener noreferrer" href="https://www.davidrevoy.com/">David Revoy</a>
      </div>
Rigel Kent's avatar
Rigel Kent committed
37
38
39
40

      <div v-translate>
        <em>PeerTube news!</em> content licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/"  rel="noopener noreferrer" target="_blank">CC-BY-SA</a>
      </div>
Chocobozzz's avatar
Chocobozzz committed
41
42
43
44
    </div>
  </footer>
</template>

Chocobozzz's avatar
Chocobozzz committed
45
<style lang="scss">
Chocobozzz's avatar
Chocobozzz committed
46
47
48
  @import '../scss/_variables.scss';
  @import '../scss/_mixins.scss';

Chocobozzz's avatar
Chocobozzz committed
49
  #main-footer {
Chocobozzz's avatar
Chocobozzz committed
50
51
52
    margin-top: 30px;
    background-color: #fff;
    padding: 30px 200px;
Chocobozzz's avatar
Chocobozzz committed
53
54
55
56
57
58

    .links {
      display: flex;
      justify-content: space-between;

      > div {
Chocobozzz's avatar
Chocobozzz committed
59
60
61
        display: flex;
        flex-direction: column;

Chocobozzz's avatar
Chocobozzz committed
62
        a {
Chocobozzz's avatar
Chocobozzz committed
63
          width: fit-content;
Chocobozzz's avatar
Chocobozzz committed
64
          color: #000;
Chocobozzz's avatar
Chocobozzz committed
65
          border-bottom: 3px solid $orange;
Chocobozzz's avatar
Chocobozzz committed
66
67
          font-weight: $font-semibold;
          margin-bottom: 10px;
Chocobozzz's avatar
Chocobozzz committed
68
69
70
71
72

          &:hover {
            text-decoration: none;
            opacity: 0.8;
          }
Chocobozzz's avatar
Chocobozzz committed
73
        }
Chocobozzz's avatar
Chocobozzz committed
74
75
76
      }
    }

Chocobozzz's avatar
Chocobozzz committed
77
78
79
80
81
82
    .credits {
      margin-top: 40px;
      font-size: 12px;
      text-align: center;
    }

Chocobozzz's avatar
Chocobozzz committed
83
    @media screen and (max-width: $responsive-screen) {
Chocobozzz's avatar
Chocobozzz committed
84
85
86
87
88
89
90
91
92
93
94
95
96
      padding: 30px;
    }
  }
</style>

<script>

  export default {
    components: {

    }
  }
</script>