Merge pull request #11 from bastienwirtz/everything-offline

Adding full off network support.

diff --git a/README.md b/README.md
index f1495495486ad80f6a44dd85572aa743ea100e26..fe188b7d4c4a7a3c093d31a8184e5dd8808fcc4e 100644 (file)
--- a/README.md
+++ b/README.md
@@ -37,6 +37,7 @@ links:
   - name: "ansible"
     icon: "fa-github"
     url: "https://github.com/xxxxx/ansible/"
+    target: '_blank' # optionnal html a tag target attribute
   - name: "Wiki"
     icon: "fa-book"
     url: "https://wiki.xxxxxx.com/"
@@ -55,6 +56,7 @@ services:
         subtitle: "Continuous integration server"
         tag: "CI"
         url: "#"
+        target: '_blank' # optionnal html a tag target attribute
       - name: "RabbitMQ Management"
         logo: "/assets/tools/rabbitmq.png"
         subtitle: "Manage & monitor RabbitMQ server"

diff --git a/app.css b/app.css
index c53f3cec2f31f088be0f160831e25307b9a234be..2cdb5074b3266d8469482449682696e0760bec4c 100644 (file)
--- a/app.css
+++ b/app.css
@@ -157,7 +157,7 @@ body {
       background-color: #4285f4; }
       body #bighead .navbar a {
         color: #ffffff; }
-        body #bighead .navbar a:hover {
+        body #bighead .navbar a:hover, body #bighead .navbar a:focus {
           color: #ffffff;
           background-color: #5a95f5; }
   body #main-section {

diff --git a/app.js b/app.js
index 6c2ba9078ef73da8214034e360530a33e7a3a55c..0cd75b53724263cf7c0d3d5f1fb959038db226a2 100644 (file)
--- a/app.js
+++ b/app.js
@@ -87,7 +87,7 @@ Vue.component('service', {
     props: ['item'],
     template: `<div>
     <div class="card">
-        <a :href="item.url">
+        <a :href="item.url" :target="item.target">
             <div class="card-content">
                 <div class="media">
                     <div v-if="item.logo" class="media-left">

diff --git a/app.scss b/app.scss
index a68733821ff6aea2e8a9107a5d54aabc076f35a8..476ee09121170ab970a4d2ba9f22b2115f872769 100644 (file)
--- a/app.scss
+++ b/app.scss
@@ -180,7 +180,7 @@ body {
 
       a {
         color: #ffffff;
-        &:hover {
+        &:hover, &:focus {
           color: #ffffff;
           background-color: lighten( $secondary-color, 5% );
         }

diff --git a/config.yml b/config.yml
index 7288da6dd2c857221bc4450f50dd7b0e447cdb5f..3d870168e06b394b1456c012e1f6160a601aa891 100644 (file)
--- a/config.yml
+++ b/config.yml
@@ -20,6 +20,7 @@ links:
   - name: "ansible"
     icon: "fab fa-github"
     url: "https://github.com/xxxxx/ansible/"
+    target: '_blank' # optionnal html a tag target attribute
   - name: "Wiki"
     icon: "fas fa-book"
     url: "https://wiki.xxxxxx.com/"
@@ -36,6 +37,7 @@ services:
         subtitle: "Continuous integration server"
         tag: "CI"
         url: "#"
+        target: '_blank' # optionnal html a tag target attribute
       - name: "RabbitMQ Management"
         logo: "assets/tools/rabbitmq.png"
         subtitle: "Manage & monitor RabbitMQ server"

diff --git a/index.html b/index.html
index 8f54b422f52ac5599671ad9721959594275c85d3..4bc82c1a1d8475da86ff8728ffe4ff3ffc2da29c 100644 (file)
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
           <div class="container">
             <div class="navbar-menu">
               <div class="navbar-start">
-                <a v-for="link in config.links" class="navbar-item" :href="link.url">
+                <a v-for="link in config.links" class="navbar-item" :href="link.url" :target="link.target">
                   <i v-if="link.icon" style="margin-right: 6px;" :class="link.icon"></i>
                   {{ link.name }}
                 </a>