aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--README.md2
-rw-r--r--app.css2
-rw-r--r--app.js2
-rw-r--r--app.scss2
-rw-r--r--config.yml2
-rw-r--r--index.html2
6 files changed, 8 insertions, 4 deletions
diff --git a/README.md b/README.md
index f149549..fe188b7 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,7 @@ links:
37 - name: "ansible" 37 - name: "ansible"
38 icon: "fa-github" 38 icon: "fa-github"
39 url: "https://github.com/xxxxx/ansible/" 39 url: "https://github.com/xxxxx/ansible/"
40 target: '_blank' # optionnal html a tag target attribute
40 - name: "Wiki" 41 - name: "Wiki"
41 icon: "fa-book" 42 icon: "fa-book"
42 url: "https://wiki.xxxxxx.com/" 43 url: "https://wiki.xxxxxx.com/"
@@ -55,6 +56,7 @@ services:
55 subtitle: "Continuous integration server" 56 subtitle: "Continuous integration server"
56 tag: "CI" 57 tag: "CI"
57 url: "#" 58 url: "#"
59 target: '_blank' # optionnal html a tag target attribute
58 - name: "RabbitMQ Management" 60 - name: "RabbitMQ Management"
59 logo: "/assets/tools/rabbitmq.png" 61 logo: "/assets/tools/rabbitmq.png"
60 subtitle: "Manage & monitor RabbitMQ server" 62 subtitle: "Manage & monitor RabbitMQ server"
diff --git a/app.css b/app.css
index c53f3ce..2cdb507 100644
--- a/app.css
+++ b/app.css
@@ -157,7 +157,7 @@ body {
157 background-color: #4285f4; } 157 background-color: #4285f4; }
158 body #bighead .navbar a { 158 body #bighead .navbar a {
159 color: #ffffff; } 159 color: #ffffff; }
160 body #bighead .navbar a:hover { 160 body #bighead .navbar a:hover, body #bighead .navbar a:focus {
161 color: #ffffff; 161 color: #ffffff;
162 background-color: #5a95f5; } 162 background-color: #5a95f5; }
163 body #main-section { 163 body #main-section {
diff --git a/app.js b/app.js
index 6c2ba90..0cd75b5 100644
--- a/app.js
+++ b/app.js
@@ -87,7 +87,7 @@ Vue.component('service', {
87 props: ['item'], 87 props: ['item'],
88 template: `<div> 88 template: `<div>
89 <div class="card"> 89 <div class="card">
90 <a :href="item.url"> 90 <a :href="item.url" :target="item.target">
91 <div class="card-content"> 91 <div class="card-content">
92 <div class="media"> 92 <div class="media">
93 <div v-if="item.logo" class="media-left"> 93 <div v-if="item.logo" class="media-left">
diff --git a/app.scss b/app.scss
index a687338..476ee09 100644
--- a/app.scss
+++ b/app.scss
@@ -180,7 +180,7 @@ body {
180 180
181 a { 181 a {
182 color: #ffffff; 182 color: #ffffff;
183 &:hover { 183 &:hover, &:focus {
184 color: #ffffff; 184 color: #ffffff;
185 background-color: lighten( $secondary-color, 5% ); 185 background-color: lighten( $secondary-color, 5% );
186 } 186 }
diff --git a/config.yml b/config.yml
index 7288da6..3d87016 100644
--- a/config.yml
+++ b/config.yml
@@ -20,6 +20,7 @@ links:
20 - name: "ansible" 20 - name: "ansible"
21 icon: "fab fa-github" 21 icon: "fab fa-github"
22 url: "https://github.com/xxxxx/ansible/" 22 url: "https://github.com/xxxxx/ansible/"
23 target: '_blank' # optionnal html a tag target attribute
23 - name: "Wiki" 24 - name: "Wiki"
24 icon: "fas fa-book" 25 icon: "fas fa-book"
25 url: "https://wiki.xxxxxx.com/" 26 url: "https://wiki.xxxxxx.com/"
@@ -36,6 +37,7 @@ services:
36 subtitle: "Continuous integration server" 37 subtitle: "Continuous integration server"
37 tag: "CI" 38 tag: "CI"
38 url: "#" 39 url: "#"
40 target: '_blank' # optionnal html a tag target attribute
39 - name: "RabbitMQ Management" 41 - name: "RabbitMQ Management"
40 logo: "assets/tools/rabbitmq.png" 42 logo: "assets/tools/rabbitmq.png"
41 subtitle: "Manage & monitor RabbitMQ server" 43 subtitle: "Manage & monitor RabbitMQ server"
diff --git a/index.html b/index.html
index 8f54b42..4bc82c1 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
32 <div class="container"> 32 <div class="container">
33 <div class="navbar-menu"> 33 <div class="navbar-menu">
34 <div class="navbar-start"> 34 <div class="navbar-start">
35 <a v-for="link in config.links" class="navbar-item" :href="link.url"> 35 <a v-for="link in config.links" class="navbar-item" :href="link.url" :target="link.target">
36 <i v-if="link.icon" style="margin-right: 6px;" :class="link.icon"></i> 36 <i v-if="link.icon" style="margin-right: 6px;" :class="link.icon"></i>
37 {{ link.name }} 37 {{ link.name }}
38 </a> 38 </a>