aboutsummaryrefslogtreecommitdiff
path: root/components/navigation/Footer.vue
blob: 5fd72c6dbe76e76cdd269f4545179b28c6cb3737 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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
<template>
  <div class="footer">
    <div class="container">
      <br><br><br><br>

      <div class="info">
        <div class="row">
          <div id="personal" class="col-lg-4">
            <p class="wow fadeInUp">
              <code>println!(Fuwn.copyleft);<br></code>
            </p>
            <h4 class="wow fadeInUp" data-wow-delay="0.2s">
              <a id="info-item-1" href="/">fuwn 2020</a>
            </h4>
            <br><br>
          </div>

          <div id="media" class="col-lg-4">
            <p class="wow fadeInUp" data-wow-delay="0s">
              <code>$ ls -a links/<br></code>
            </p>

            <ul>
              <li id="tw" class="wow fadeInUp" data-wow-delay="0.8s">
                <a id="media-item-1" :href="'https://twitter.com/' + socials.twitter">tw</a>
              </li>
              <li id="gh" class="wow fadeInUp" data-wow-delay="1s">
                <a id="media-item-3" :href="'https://github.com/' + socials.github">gh</a>
              </li>
            </ul>
            <br><br>
          </div>

          <div id="address" class="col-lg-4">
            <p class="wow fadeInUp" data-wow-delay="0s">
              <code>$ echo $CONTACTS<br></code>
            </p>
            <h4 class="wow fadeInUp" data-wow-delay="0.2s">
              <a href="/contacts">
                <img
                  src="../../assets/images/contacts-flash.gif"
                  alt=""
                >
              </a>
            </h4>
            <br><br>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import socials from '../../assets/json/socials.json'

export default {
  name: 'Footer',
  data: () => {
    return {
      socials
    }
  }
}
</script>