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 @@ @@ -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%;