Target blank on a hrefs added

emilkowalski · emilkowalski · commit 5c6d640b5af2 · 2019-03-09T19:41:12.000+01:00
diff --git a/deploy.sh b/deploy.sh
@@ -0,0 +1,22 @@
+#!/usr/bin/env sh
+
+# abort on errors
+set -e
+
+# build
+yarn build
+
+# navigate into the build output directory
+cd dist
+
+# if you are deploying to a custom domain
+# echo 'www.example.com' > CNAME
+
+git init
+git add -A
+git commit -m 'deploy'
+
+# if you are deploying to https://<USERNAME>.github.io/<REPO>
+git push -f git@github.com:emilkowalski/css-effects-snippets.git master:gh-pages
+
+cd -
diff --git a/public/index.html b/public/index.html
@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.png">
-    <title>CSSanimationSnipets.</title>
+    <title>CSSeffectsSnipets.</title>
   </head>
   <body>
     <noscript>
diff --git a/src/App.vue b/src/App.vue
@@ -12,7 +12,7 @@
             <Box :rawCss="rawCss.arrowBounce" className="arrowBounce"><font-awesome-icon icon="arrow-down" /></Box>
             <Box :rawCss="rawCss.gradientBorder" className="gradientBorder ">Hover me</Box>
             <Box :rawCss="rawCss.buttonLeft" className="buttonLeft"><span class="buttonLeftSpan">Hover me</span></Box>
-            <Box :rawCss="rawCss.buttonLeft" className="siblingFade"><span>Item 1 </span><span>Item 2 </span></Box>
+            <Box :rawCss="rawCss.siblingFade" className="siblingFade"><span>Item 1 </span><span>Item 2 </span></Box>
         </div>
     </div>
 </template>
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="wrapper">
-        <h1>CSSanimationSnipets<span>.</span></h1>
+        <h1>CSSeffectsSnipets<span>.</span></h1>
         <div class="links">
-            <a href="https://github.com/emilkowalski/css-animation-snippets">Github</a>
-            <a href="https://github.com/emilkowalski/css-animation-snippets/issues/new">Share your ideas!</a>
+            <a href="https://github.com/emilkowalski/css-animation-snippets" target="_blank">Github</a>
+            <a href="https://github.com/emilkowalski/css-animation-snippets/issues/new" target="_blank">Share your ideas!</a>
         </div>
     </div>
 </template>
diff --git a/vue.config.js b/vue.config.js
@@ -1,10 +1,3 @@
 module.exports = {
-  configureWebpack: {
-    rules: [
-      {
-        test: /\.txt$/i,
-        use: 'raw-loader',
-      },
-    ],
-  },
-};
+  publicPath: './',
+}
