diff --git a/src/App.vue b/src/App.vue
index 3451732..fe80acf 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -39,6 +39,7 @@
@@ -53,6 +54,7 @@
@@ -67,6 +69,7 @@
@@ -85,6 +88,7 @@
v-if="nsfw"
imgSrc="/img/penis-ref.jpg"
caption="Sebin's manly parts"
+ copyright="@Zodim87"
>
@@ -112,6 +116,7 @@
@@ -308,6 +313,10 @@
contact.
+
+
@@ -546,6 +555,11 @@ section {
}
}
+footer {
+ margin: 2em 0;
+ text-align: center;
+}
+
.float {
max-width: 15em;
diff --git a/src/components/RichFigure.vue b/src/components/RichFigure.vue
index 6c7a3d6..d83ddbe 100644
--- a/src/components/RichFigure.vue
+++ b/src/components/RichFigure.vue
@@ -1,7 +1,12 @@
- {{ caption }}
+
+ {{ caption }}
+
+
@@ -17,8 +22,27 @@ export default {
type: String,
required: true
},
+ copyright: {
+ type: String,
+ required: true
+ },
imgPos: String,
imgW: String
+ },
+ methods: {
+ getLink(username) {
+ if (username.match(/^(@)?([a-z0-9_]{1,30})$/i))
+ return this.formatTwitter(username);
+ if (username.match(/^(FA:)/)) return this.formatFuraffinity(username);
+ },
+ formatFuraffinity: username => {
+ let user = username.slice(3);
+ return [`https://www.furaffnity.net/user/${user}`, user];
+ },
+ formatTwitter: username => {
+ let user = username.slice(1);
+ return [`https://twitter.com/${user}`, username];
+ }
}
};
@@ -42,6 +66,10 @@ figure {
text-align: center;
}
+ a {
+ color: #fff;
+ }
+
img {
display: block;
width: 100%;