github
/
homer
mirror of https://github.com/bastienwirtz/homer
1
0
Fork 0
Code Issues Releases Wiki Activity

Adding support for custom links target

pull/16/head
Bastien Wirtz 2020-01-12 22:04:26 -08:00
parent 2e7bedd13e
commit 56c69e0d6b
6 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

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

2
app.css
View File

@ -139,7 +139,7 @@ body {
background-color: #4285f4; } background-color: #4285f4; }
body #bighead .navbar a { body #bighead .navbar a {
color: #ffffff; } color: #ffffff; }
body #bighead .navbar a:hover { body #bighead .navbar a:hover, body #bighead .navbar a:focus {
color: #ffffff; color: #ffffff;
background-color: #5a95f5; } background-color: #5a95f5; }
body #main-section { body #main-section {

2
app.js
View File

@ -87,7 +87,7 @@ Vue.component('service', {
props: ['item'], props: ['item'],
template: `<div> template: `<div>
<div class="card"> <div class="card">
<a :href="item.url"> <a :href="item.url" :target="item.target">
<div class="card-content"> <div class="card-content">
<div class="media"> <div class="media">
<div v-if="item.logo" class="media-left"> <div v-if="item.logo" class="media-left">

2
app.scss
View File

@ -160,7 +160,7 @@ body {
a { a {
color: #ffffff; color: #ffffff;
&:hover { &:hover, &:focus {
color: #ffffff; color: #ffffff;
background-color: lighten( $secondary-color, 5% ); background-color: lighten( $secondary-color, 5% );
} }

2
config.yml
View File

@ -20,6 +20,7 @@ links:
- name: "ansible" - name: "ansible"
icon: "fab fa-github" icon: "fab fa-github"
url: "https://github.com/xxxxx/ansible/" url: "https://github.com/xxxxx/ansible/"
target: '_blank' # optionnal html a tag target attribute
- name: "Wiki" - name: "Wiki"
icon: "fas fa-book" icon: "fas fa-book"
url: "https://wiki.xxxxxx.com/" url: "https://wiki.xxxxxx.com/"
@ -36,6 +37,7 @@ services:
subtitle: "Continuous integration server" subtitle: "Continuous integration server"
tag: "CI" tag: "CI"
url: "#" url: "#"
target: '_blank' # optionnal html a tag target attribute
- name: "RabbitMQ Management" - name: "RabbitMQ Management"
logo: "assets/tools/rabbitmq.png" logo: "assets/tools/rabbitmq.png"
subtitle: "Manage & monitor RabbitMQ server" subtitle: "Manage & monitor RabbitMQ server"

2
index.html
View File

@ -33,7 +33,7 @@
<div class="container"> <div class="container">
<div class="navbar-menu"> <div class="navbar-menu">
<div class="navbar-start"> <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> <i v-if="link.icon" style="margin-right: 6px;" :class="link.icon"></i>
{{ link.name }} {{ link.name }}
</a> </a>