diff options
| author | Fuwn <[email protected]> | 2021-11-03 23:52:24 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2021-11-03 23:52:24 -0700 |
| commit | 70f5f5ab700ecdc8d5f65fe9a52e3d37280e718e (patch) | |
| tree | c4d380afbef990e5c71492da13ce1d2d8d67a191 /components/navigation/Footer.vue | |
| parent | feat(index): add press pack link (diff) | |
| download | yucky.fun-70f5f5ab700ecdc8d5f65fe9a52e3d37280e718e.tar.xz yucky.fun-70f5f5ab700ecdc8d5f65fe9a52e3d37280e718e.zip | |
feat: new
Diffstat (limited to 'components/navigation/Footer.vue')
| -rw-r--r-- | components/navigation/Footer.vue | 87 |
1 files changed, 87 insertions, 0 deletions
diff --git a/components/navigation/Footer.vue b/components/navigation/Footer.vue new file mode 100644 index 0000000..c991981 --- /dev/null +++ b/components/navigation/Footer.vue @@ -0,0 +1,87 @@ +<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!("{}", Yucky.copyright);<br></code> + </p> + <h4 class="wow fadeInUp" data-wow-delay="0.2s"> + <a id="info-item-1" href="/">yucky! 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">twitter</a> + </li> + <li id="gh" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-2" :href="'https://github.com/' + socials.github">github</a> + </li> + <li id="dc" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-3" :href="'https://discord.io/' + socials.discord">discord</a> + </li> + <li id="ap" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-4" :href="socials.apply">apply</a> + </li> + <li id="st" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-5" :href="'https://steamcommunity.com/groups/' + socials.steam">steam</a> + </li> + <li id="yt" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-6" :href="'https://www.youtube.com/channel/' + socials.youtube">youtube</a> + </li> + <li id="pp" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-7" :href="'https://drive.google.com/drive/folders/' + socials.press_pack">press</a> + </li> + <li id="em" class="wow fadeInUp" data-wow-delay="1s"> + <a id="media-item-8" :href="socials.email">email</a> + </li> + </ul> + <br><br> + </div> + + <div id="address" class="col-lg-4"> + <p class="wow fadeInUp" data-wow-delay="0s"> + <code>$ echo $APPLY<br></code> + </p> + <h4 class="wow fadeInUp" data-wow-delay="0.2s"> + <a href="https://fuwn.link/apply2yucky"> + <img + src="../../assets/images/apply.gif" + alt="" + > + </a> + </h4> + <br><br> + </div> + </div> + <div> + <small>the grind never stops.</small> + <br><br> + </div> + </div> + </div> + </div> +</template> + +<script> +import socials from '../../assets/json/socials.json' + +export default { + name: 'Footer', + data: () => { + return { + socials + } + } +} +</script> |