commit 0f4ee3e2e4e9905fb04f046460cb3b25d2224e06 Author: Marvin Scham Date: Fri Mar 18 19:57:31 2022 +0100 Init diff --git a/additional-page.yml.dist b/additional-page.yml.dist new file mode 100644 index 0000000..5d377ee --- /dev/null +++ b/additional-page.yml.dist @@ -0,0 +1,35 @@ +--- +# Additional page configuration + +# Additional configurations are loaded using its file name, minus the extension, as an anchor (https://#). +# `config.yml` is still used as a base configuration, and all values here will overwrite it, so you don't have to re-defined everything + + +subtitle: "this is another dashboard page" + +# This overwrites message config. Setting it to empty to remove message from this page and keep it only in the main one: +message: ~ + +# as we want to include a differente link here (so we can get back to home page), we need to replicate all links or they will be revome when overwriting the links field: +links: + - name: "Home" + icon: "fas fa-home" + url: "#" + - name: "Contribute" + icon: "fab fa-github" + url: "https://github.com/bastienwirtz/homer" + target: "_blank" # optional html a tag target attribute + - name: "Wiki" + icon: "fas fa-book" + url: "https://www.wikipedia.org/" + +services: + - name: "More applications on another page!" + icon: "fas fa-cloud" + items: + - name: "Awesome app on a second page!" + logo: "assets/tools/sample.png" + subtitle: "Bookmark example" + tag: "app" + url: "https://www.reddit.com/r/selfhosted/" + target: "_blank" diff --git a/config.yml b/config.yml new file mode 100644 index 0000000..a8d8984 --- /dev/null +++ b/config.yml @@ -0,0 +1,65 @@ +--- +title: "Homer Theme" +subtitle: "Walkx" +logo: "logo.png" + +header: false +footer: '

Theme made with ❤️ by Walkx

' # Set false if you want to hide it. + +stylesheet: + - "assets/custom.css" + +columns: "3" # You can change this to any number that is a factor of 12: (1, 2, 3, 4, 6, 12) +theme: default +colors: + light: + highlight-primary: "#fff5f2" + highlight-secondary: "#fff5f2" + highlight-hover: "#bebebe" + background: "#12152B" + card-background: "#fff5f2" + text: "#ffffff" + text-header: "#fafafa" + text-title: "#000000" + text-subtitle: "#111111" + card-shadow: rgba(0, 0, 0, 0.5) + link: "#3273dc" + link-hover: "#2e4053" + background-image: "../assets/wallpaper-light.jpeg" # Change wallpaper.jpeg to the name of your own custom wallpaper! + dark: + highlight-primary: "#181C3A" + highlight-secondary: "#181C3A" + highlight-hover: "#1F2347" + background: "#12152B" + card-background: "#181C3A" + text: "#eaeaea" + text-header: "#7C71DD" + text-title: "#fafafa" + text-subtitle: "#8B8D9C" + card-shadow: rgba(0, 0, 0, 0.5) + link: "#c1c1c1" + link-hover: "#fafafa" + background-image: "../assets/wallpaper.jpeg" + +services: + - name: "//GitHub" + icon: "fas fa-github" + items: + - name: "Homer Theme" + logo: "assets/tools/walkx.png" # Change github.png to the name of your own custom icon! + subtitle: "The official Homer Theme github!" + tag: "github" + tagstyle: "is-primary" # This will display the is-primary color! Try changing it to; is-link, is-info, is-success, is-warning or is-danger! + url: "https://github.com/WalkxCode/Homer-Theme" + target: "_blank" + + - name: "//Reddit" + icon: "fas fa-reddit" + items: + - name: "The original reddit post!" + logo: "assets/tools/reddit.png" + subtitle: "Yes... this is Homer." + tag: "reddit" + tagstyle: "is-info" + url: "https://www.reddit.com/r/selfhosted/comments/q9e82c/yes_this_is_homer_yes_i_spent_2_hours_customizing/" + target: "_blank" diff --git a/config.yml.dist b/config.yml.dist new file mode 100644 index 0000000..63d022a --- /dev/null +++ b/config.yml.dist @@ -0,0 +1,84 @@ +--- +# Homepage configuration +# See https://fontawesome.com/icons for icons options + +title: "Demo dashboard" +subtitle: "Homer" +logo: "logo.png" +# icon: "fas fa-skull-crossbones" # Optional icon + +header: true +footer: '

Created with ❤️ with bulma, vuejs & font awesome // Fork me on

' # set false if you want to hide it. + +# Optional theme customization +theme: default +colors: + light: + highlight-primary: "#3367d6" + highlight-secondary: "#4285f4" + highlight-hover: "#5a95f5" + background: "#f5f5f5" + card-background: "#ffffff" + text: "#363636" + text-header: "#ffffff" + text-title: "#303030" + text-subtitle: "#424242" + card-shadow: rgba(0, 0, 0, 0.1) + link: "#3273dc" + link-hover: "#363636" + dark: + highlight-primary: "#3367d6" + highlight-secondary: "#4285f4" + highlight-hover: "#5a95f5" + background: "#131313" + card-background: "#2b2b2b" + text: "#eaeaea" + text-header: "#ffffff" + text-title: "#fafafa" + text-subtitle: "#f5f5f5" + card-shadow: rgba(0, 0, 0, 0.4) + link: "#3273dc" + link-hover: "#ffdd57" + +# Optional message +message: + #url: https://b4bz.io + style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options. + title: "Demo !" + icon: "fa fa-grin" + content: "This is a dummy homepage demo.
Find more information on github.com/bastienwirtz/homer" + +# Optional navbar +# links: [] # Allows for navbar (dark mode, layout, and search) without any links +links: + - name: "Contribute" + icon: "fab fa-github" + url: "https://github.com/bastienwirtz/homer" + target: "_blank" # optional html a tag target attribute + - name: "Wiki" + icon: "fas fa-book" + url: "https://www.wikipedia.org/" + # this will link to a second homer page that will load config from additional-page.yml and keep default config values as in config.yml file + # see url field and assets/additional-page.yml.dist used in this example: + - name: "another page!" + icon: "fas fa-file-alt" + url: "#additional-page" + +# Services +# First level array represent a group. +# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed). +services: + - name: "Applications" + icon: "fas fa-cloud" + items: + - name: "Awesome app" + logo: "assets/tools/sample.png" + subtitle: "Bookmark example" + tag: "app" + url: "https://www.reddit.com/r/selfhosted/" + target: "_blank" # optional html a tag target attribute + - name: "Another one" + logo: "assets/tools/sample2.png" + subtitle: "Another application" + tag: "app" + url: "#" diff --git a/config.yml.dist.sample-sui b/config.yml.dist.sample-sui new file mode 100644 index 0000000..ff7f80a --- /dev/null +++ b/config.yml.dist.sample-sui @@ -0,0 +1,64 @@ +--- +# Homepage configuration +# See https://fontawesome.com/icons for icons options + +title: "Hello beautiful!" +subtitle: "App dashboard" +logo: false +# icon: "fas fa-skull-crossbones" Optional icon + +header: true + +# Optional theme customization +theme: sui +colors: + light: + highlight-primary: transparent + highlight-secondary: transparent + highlight-hover: "#4a4a4a" + text-subtitle: "#424242" + dark: + background: "#2B2C56" + highlight-primary: transparent + highlight-secondary: transparent + highlight-hover: "#200b35" + text-subtitle: "#6375e8" + +# Optional navbar +# links: [] # Allows for navbar (dark mode, layout, and search) without any links +links: [] + +# Services +# First level array represent a group. +# Leave only a "items" key if not using group (group name, icon & tagstyle are optional, section separation will not be displayed). +services: + - name: "APPLICATIONS" + items: + - name: "Jenkins" + logo: "assets/tools/jenkins.png" + subtitle: "Continuous integration server" + url: "https://jenkins.io/" + - name: "RabbitMQ Management" + logo: "assets/tools/rabbitmq.png" + subtitle: "Manage & monitor RabbitMQ server" + # Optional tagstyle + # Same styling options as the optional message. + tagstyle: "is-success" + url: "https://www.rabbitmq.com/" + - name: "M/Monit" + logo: "assets/tools/monit.png" + subtitle: "Monitor & manage all monit enabled hosts" + url: "https://mmonit.com/monit/" + - name: "Grafana" + logo: "assets/tools/grafana.png" + subtitle: "Metric analytics & dashboards" + url: "https://grafana.com/" + - name: "Kibana" + logo: "assets/tools/elastic.png" + subtitle: "Explore & visualize logs" + url: "https://www.elastic.co/products/kibana" + - name: "Website monitoring" + logo: "assets/tools/pingdom.png" + subtitle: "Pingdom public reports overview" + tag: "CI" + url: "https://www.pingdom.com/" diff --git a/custom.css b/custom.css new file mode 100644 index 0000000..3deea01 --- /dev/null +++ b/custom.css @@ -0,0 +1,113 @@ +@charset "UTF-8"; + +/* raleway-regular - latin */ +@font-face { + font-family: 'Raleway'; + font-style: normal; + font-weight: 400; + src: url('./fonts/raleway-v22-latin-regular.eot'); /* IE9 Compat Modes */ + src: local(''), + url('./fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/raleway-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/raleway-v22-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('./fonts/raleway-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/raleway-v22-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ +} + +/* lato-regular - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + src: url('./fonts/lato-v20-latin-regular.eot'); /* IE9 Compat Modes */ + src: local(''), + url('./fonts/lato-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/lato-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/lato-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ + url('./fonts/lato-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/lato-v20-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-700 - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 700; + src: url('./fonts/lato-v20-latin-700.eot'); /* IE9 Compat Modes */ + src: local(''), + url('./fonts/lato-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/lato-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/lato-v20-latin-700.woff') format('woff'), /* Modern Browsers */ + url('./fonts/lato-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/lato-v20-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* lato-900 - latin */ +@font-face { + font-family: 'Lato'; + font-style: normal; + font-weight: 900; + src: url('./fonts/lato-v20-latin-900.eot'); /* IE9 Compat Modes */ + src: local(''), + url('./fonts/lato-v20-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./fonts/lato-v20-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ + url('./fonts/lato-v20-latin-900.woff') format('woff'), /* Modern Browsers */ + url('./fonts/lato-v20-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./fonts/lato-v20-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ +} + +/* Sets the group title to be a bolder font */ +.group-title { + font-family: Lato; + font-weight: 800; +} + +/* Changes the card title to be a bolder font */ +.title { + font-weight: 700; +} + +/* Changes the subtitle to be a bolder font */ +.subtitle { + font-weight: 500; +} + +/* Adds spacing to the bottom of cards */ +body #app .card-content { + margin-bottom: 0.75rem; +} + +/* Turns the opacity of the cards down to 80% */ +body #app .card, +body #app .card:hover, +body #app .message { + opacity: 80%; +} + + /*Adds more border radius to the cards */ +body .layout-vertical .column div:first-of-type .card { + border-radius: 1rem; +} +body .layout-vertical .card { + border-radius: 1rem; +} +.card { + border-radius: 1rem; +} +body .layout-vertical .column div:last-of-type .card { + border-radius: 1rem; +} + +/* Changes Header Opacity */ +body #bighead .navbar { + background-color: rgba(0, 0, 0, 0); +} + +body .search-bar input { + opacity: 20%; +} + +body #bighead .navbar a:focus, body #bighead .navbar a:hover { + background-color: rgba(0, 0, 0, 0); + color: var(--link-hover); +} diff --git a/custom.css.sample b/custom.css.sample new file mode 100644 index 0000000..00658d7 --- /dev/null +++ b/custom.css.sample @@ -0,0 +1,8 @@ +@charset "UTF-8"; + +/* Custom card colors */ +/* Use with `class:` property of services in config.yml */ +body #app .card.green { + background-color: #006600; + color: #00ff00; +} diff --git a/fonts/lato-v20-latin-700.eot b/fonts/lato-v20-latin-700.eot new file mode 100644 index 0000000..0d9dac2 Binary files /dev/null and b/fonts/lato-v20-latin-700.eot differ diff --git a/fonts/lato-v20-latin-700.svg b/fonts/lato-v20-latin-700.svg new file mode 100644 index 0000000..077653d --- /dev/null +++ b/fonts/lato-v20-latin-700.svg @@ -0,0 +1,438 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/lato-v20-latin-700.ttf b/fonts/lato-v20-latin-700.ttf new file mode 100644 index 0000000..4f3d844 Binary files /dev/null and b/fonts/lato-v20-latin-700.ttf differ diff --git a/fonts/lato-v20-latin-700.woff b/fonts/lato-v20-latin-700.woff new file mode 100644 index 0000000..abf0196 Binary files /dev/null and b/fonts/lato-v20-latin-700.woff differ diff --git a/fonts/lato-v20-latin-700.woff2 b/fonts/lato-v20-latin-700.woff2 new file mode 100644 index 0000000..f8c37ec Binary files /dev/null and b/fonts/lato-v20-latin-700.woff2 differ diff --git a/fonts/lato-v20-latin-900.eot b/fonts/lato-v20-latin-900.eot new file mode 100644 index 0000000..b3d3327 Binary files /dev/null and b/fonts/lato-v20-latin-900.eot differ diff --git a/fonts/lato-v20-latin-900.svg b/fonts/lato-v20-latin-900.svg new file mode 100644 index 0000000..775c5ae --- /dev/null +++ b/fonts/lato-v20-latin-900.svg @@ -0,0 +1,439 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/lato-v20-latin-900.ttf b/fonts/lato-v20-latin-900.ttf new file mode 100644 index 0000000..92a5f7c Binary files /dev/null and b/fonts/lato-v20-latin-900.ttf differ diff --git a/fonts/lato-v20-latin-900.woff b/fonts/lato-v20-latin-900.woff new file mode 100644 index 0000000..6f201e0 Binary files /dev/null and b/fonts/lato-v20-latin-900.woff differ diff --git a/fonts/lato-v20-latin-900.woff2 b/fonts/lato-v20-latin-900.woff2 new file mode 100644 index 0000000..2f647be Binary files /dev/null and b/fonts/lato-v20-latin-900.woff2 differ diff --git a/fonts/lato-v20-latin-regular.eot b/fonts/lato-v20-latin-regular.eot new file mode 100644 index 0000000..c641306 Binary files /dev/null and b/fonts/lato-v20-latin-regular.eot differ diff --git a/fonts/lato-v20-latin-regular.svg b/fonts/lato-v20-latin-regular.svg new file mode 100644 index 0000000..55b43fb --- /dev/null +++ b/fonts/lato-v20-latin-regular.svg @@ -0,0 +1,435 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/lato-v20-latin-regular.ttf b/fonts/lato-v20-latin-regular.ttf new file mode 100644 index 0000000..3c2d417 Binary files /dev/null and b/fonts/lato-v20-latin-regular.ttf differ diff --git a/fonts/lato-v20-latin-regular.woff b/fonts/lato-v20-latin-regular.woff new file mode 100644 index 0000000..189a0fe Binary files /dev/null and b/fonts/lato-v20-latin-regular.woff differ diff --git a/fonts/lato-v20-latin-regular.woff2 b/fonts/lato-v20-latin-regular.woff2 new file mode 100644 index 0000000..6904b66 Binary files /dev/null and b/fonts/lato-v20-latin-regular.woff2 differ diff --git a/fonts/raleway-v22-latin-regular.eot b/fonts/raleway-v22-latin-regular.eot new file mode 100644 index 0000000..c1caad9 Binary files /dev/null and b/fonts/raleway-v22-latin-regular.eot differ diff --git a/fonts/raleway-v22-latin-regular.svg b/fonts/raleway-v22-latin-regular.svg new file mode 100644 index 0000000..eca08e1 --- /dev/null +++ b/fonts/raleway-v22-latin-regular.svg @@ -0,0 +1,326 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/raleway-v22-latin-regular.ttf b/fonts/raleway-v22-latin-regular.ttf new file mode 100644 index 0000000..9d0afd6 Binary files /dev/null and b/fonts/raleway-v22-latin-regular.ttf differ diff --git a/fonts/raleway-v22-latin-regular.woff b/fonts/raleway-v22-latin-regular.woff new file mode 100644 index 0000000..90dbc4a Binary files /dev/null and b/fonts/raleway-v22-latin-regular.woff differ diff --git a/fonts/raleway-v22-latin-regular.woff2 b/fonts/raleway-v22-latin-regular.woff2 new file mode 100644 index 0000000..b614f0d Binary files /dev/null and b/fonts/raleway-v22-latin-regular.woff2 differ diff --git a/icons/favicon-16x16.png b/icons/favicon-16x16.png new file mode 100644 index 0000000..c3e9869 Binary files /dev/null and b/icons/favicon-16x16.png differ diff --git a/icons/favicon-32x32.png b/icons/favicon-32x32.png new file mode 100644 index 0000000..ad5172e Binary files /dev/null and b/icons/favicon-32x32.png differ diff --git a/icons/icon-any.png b/icons/icon-any.png new file mode 100644 index 0000000..c444c5c Binary files /dev/null and b/icons/icon-any.png differ diff --git a/icons/icon-any.svg b/icons/icon-any.svg new file mode 100644 index 0000000..89f4ef7 --- /dev/null +++ b/icons/icon-any.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icons/icon-maskable.png b/icons/icon-maskable.png new file mode 100644 index 0000000..896ca66 Binary files /dev/null and b/icons/icon-maskable.png differ diff --git a/icons/safari-pinned-tab.svg b/icons/safari-pinned-tab.svg new file mode 100644 index 0000000..26dc0ef --- /dev/null +++ b/icons/safari-pinned-tab.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..9faa093 --- /dev/null +++ b/manifest.json @@ -0,0 +1 @@ +{"name":"Homer Dashboard","short_name":"Homer","theme_color":"#3367D6","icons":[{"src":"./icons/favicon-16x16.png","sizes":"16x16","type":"image/png"},{"src":"./icons/favicon-32x32.png","sizes":"32x32","type":"image/png"},{"src":"./icons/icon-any.png","sizes":"512x512","type":"image/png","purpose":"any"},{"src":"./icons/icon-any.svg","sizes":"any","type":"image/svg+xml","purpose":"any"},{"src":"./icons/icon-maskable.png","sizes":"512x512","type":"image/png","purpose":"maskable"},{"src":"./icons/safari-pinned-tab.svg","sizes":"any","type":"image/svg+xml","purpose":"monochrome"}],"start_url":"../","display":"standalone","background_color":"#000000"} \ No newline at end of file diff --git a/tools/github.png b/tools/github.png new file mode 100644 index 0000000..731b12e Binary files /dev/null and b/tools/github.png differ diff --git a/tools/reddit.png b/tools/reddit.png new file mode 100644 index 0000000..6936f2c Binary files /dev/null and b/tools/reddit.png differ diff --git a/tools/sample.png b/tools/sample.png new file mode 100644 index 0000000..6b4774b Binary files /dev/null and b/tools/sample.png differ diff --git a/tools/sample2.png b/tools/sample2.png new file mode 100644 index 0000000..f2327c0 Binary files /dev/null and b/tools/sample2.png differ diff --git a/tools/walkx.png b/tools/walkx.png new file mode 100644 index 0000000..bb52e4d Binary files /dev/null and b/tools/walkx.png differ diff --git a/wallpaper-light.jpeg b/wallpaper-light.jpeg new file mode 100644 index 0000000..8bae8d6 Binary files /dev/null and b/wallpaper-light.jpeg differ diff --git a/wallpaper.jpeg b/wallpaper.jpeg new file mode 100644 index 0000000..84b007c Binary files /dev/null and b/wallpaper.jpeg differ