icon overhaul

This commit is contained in:
ducoterra
2020-05-20 19:43:40 -04:00
parent f5e708ecea
commit c7b6104ec6
11 changed files with 65 additions and 77 deletions

BIN
assets/tools/freenas.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

14
assets/tools/grafana.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
assets/tools/jellyfin.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@@ -1,45 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- ***** BEGIN LICENSE BLOCK *****
- Part of the Jellyfin project (https://jellyfin.media)
-
- All copyright belongs to the Jellyfin contributors; a full list can
- be found in the file CONTRIBUTORS.md
-
- This program is free software; you can redistribute it and/or
- modify it under the terms of the GNU General Public License
- as published by the Free Software Foundation; either version 2
- of the License, or (at your option) any later version.
-
- This program is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- GNU General Public License for more details.
-
- You should have received a copy of the GNU General Public License
- along with this program; if not, write to the Free Software
- Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
- ***** END LICENSE BLOCK ***** -->
<svg id="banner-dark" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1536 512">
<defs>
<linearGradient id="linear-gradient" x1="110.25" y1="213.3" x2="496.14" y2="436.09" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#aa5cc3"/>
<stop offset="1" stop-color="#00a4dc"/>
</linearGradient>
</defs>
<title>banner-dark</title>
<g id="banner-dark">
<g id="banner-dark-icon">
<path id="inner-shape" d="M261.42,201.62c-20.44,0-86.24,119.29-76.2,139.43s142.48,19.92,152.4,0S281.86,201.63,261.42,201.62Z" fill="url(#linear-gradient)"/>
<path id="outer-shape" d="M261.42,23.3C199.83,23.3,1.57,382.73,31.8,443.43s429.34,60,459.24,0S323,23.3,261.42,23.3ZM411.9,390.76c-19.59,39.33-281.08,39.77-300.9,0S221.1,115.48,261.45,115.48,431.49,351.42,411.9,390.76Z" fill="url(#linear-gradient)"/>
</g>
<g id="jellyfin-light-outlines" style="isolation:isolate" transform="translate(43.8)">
<path d="M556.64,350.75a67,67,0,0,1-22.87-27.47,8.91,8.91,0,0,1-1.49-4.75,7.42,7.42,0,0,1,2.83-5.94,9.25,9.25,0,0,1,6.09-2.38c3.16,0,5.94,1.69,8.31,5.05a48.09,48.09,0,0,0,16.34,20.34,40.59,40.59,0,0,0,24,7.58q20.51,0,33.27-12.62t12.77-33.12V159a8.44,8.44,0,0,1,2.67-6.39,9.56,9.56,0,0,1,6.83-2.52,9,9,0,0,1,6.68,2.52,8.7,8.7,0,0,1,2.53,6.39v138.4a64.7,64.7,0,0,1-8.32,32.67,59,59,0,0,1-23,22.72Q608.62,361,589.9,361A57.21,57.21,0,0,1,556.64,350.75Z" fill="#fff"/>
<path d="M831.66,279.47a8.77,8.77,0,0,1-6.24,2.53H713.16q0,17.82,7.27,31.92a54.91,54.91,0,0,0,20.79,22.28q13.51,8.18,31.93,8.17a54,54,0,0,0,25.54-5.94,52.7,52.7,0,0,0,18.12-15.15,10,10,0,0,1,6.24-2.67,8.14,8.14,0,0,1,7.72,7.72,8.81,8.81,0,0,1-3,6.24,74.7,74.7,0,0,1-23.91,19A65.56,65.56,0,0,1,773.45,361q-22.87,0-40.4-9.8a69.51,69.51,0,0,1-27.32-27.48q-9.79-17.66-9.8-40.83,0-24.36,9.65-42.62t25.69-27.92a65.2,65.2,0,0,1,34.16-9.65A70,70,0,0,1,798.84,211a65.78,65.78,0,0,1,25.39,24.36q9.81,16,10.1,38A8.07,8.07,0,0,1,831.66,279.47ZM733.5,231.8Q718.8,243.68,714.64,266H815.92v-2.38A46.91,46.91,0,0,0,807,240.27a48.47,48.47,0,0,0-18.56-15.15,54,54,0,0,0-23-5.2Q748.2,219.92,733.5,231.8Z" fill="#fff"/>
<path d="M888.24,355.5a8.92,8.92,0,0,1-15.3-6.38v-202a8.91,8.91,0,1,1,17.82,0v202A8.65,8.65,0,0,1,888.24,355.5Z" fill="#fff"/>
<path d="M956.55,355.5a8.92,8.92,0,0,1-15.3-6.38v-202a8.91,8.91,0,1,1,17.82,0v202A8.65,8.65,0,0,1,956.55,355.5Z" fill="#fff"/>
<path d="M1122.86,206.11a8.7,8.7,0,0,1,2.53,6.39v131q0,23.44-9.21,40.09a61.58,61.58,0,0,1-25.54,25.25q-16.34,8.61-36.83,8.61a96.73,96.73,0,0,1-23.31-2.68,61.72,61.72,0,0,1-18-7.12q-6.24-3.87-6.24-8.62a17.94,17.94,0,0,1,.6-3,8.06,8.06,0,0,1,3-4.45,7.49,7.49,0,0,1,4.45-1.49,7.91,7.91,0,0,1,3.56.89q19,10.39,36.24,10.4,24.65,0,39.06-15.44t14.4-42.18V333.38a54.37,54.37,0,0,1-21.38,20,62.55,62.55,0,0,1-30.3,7.58q-25.83,0-39.2-15.45t-13.37-41.87V212.5a8.91,8.91,0,1,1,17.82,0V301q0,21.39,9.36,32.38t29.25,11a48,48,0,0,0,23.32-6.09,49.88,49.88,0,0,0,17.82-16,37.44,37.44,0,0,0,6.68-21.24V212.5a9,9,0,0,1,15.29-6.39Z" fill="#fff"/>
<path d="M1210.18,161.41q-5.21,6.24-5.2,17.23v30.59h33.27a8.19,8.19,0,0,1,5.79,2.38,8.26,8.26,0,0,1,0,11.88,8.22,8.22,0,0,1-5.79,2.37H1205V349.12a8.91,8.91,0,1,1-17.82,0V225.86h-21.68a7.83,7.83,0,0,1-5.94-2.52,8.21,8.21,0,0,1-2.37-5.79,8,8,0,0,1,2.37-6.09,8.33,8.33,0,0,1,5.94-2.23h21.68V178.64q0-18.7,10.84-29t29-10.24a46.1,46.1,0,0,1,15.45,2.52q7.13,2.53,7.12,8.17a8.07,8.07,0,0,1-2.37,5.94,7.37,7.37,0,0,1-5.35,2.37,18.81,18.81,0,0,1-6.53-1.48,42,42,0,0,0-10.4-1.78Q1215.37,155.18,1210.18,161.41ZM1276,180.87c-2.19-1.88-3.27-4.61-3.27-8.17v-3q0-5.34,3.41-8.17t9.36-2.82q11.88,0,11.88,11v3c0,3.56-1,6.29-3.12,8.17s-5.1,2.82-9.06,2.82S1278.14,182.75,1276,180.87Zm15.59,174.63a8.92,8.92,0,0,1-15.3-6.38V212.5a8.91,8.91,0,1,1,17.82,0V349.12A8.65,8.65,0,0,1,1291.56,355.5Z" fill="#fff"/>
<path d="M1452.53,218.88q12.92,16.2,12.92,42.92v87.32a8.4,8.4,0,0,1-2.67,6.38,8.8,8.8,0,0,1-6.24,2.53,8.64,8.64,0,0,1-8.91-8.91V262.69q0-19.31-9.65-31.33t-29.85-12a53.28,53.28,0,0,0-42.77,21.83,36.24,36.24,0,0,0-7.13,21.53v86.43a8.91,8.91,0,1,1-17.82,0V216.06a8.91,8.91,0,1,1,17.82,0V232.4q8-12.77,23-21.24A61.84,61.84,0,0,1,1412,202.7Q1439.61,202.7,1452.53,218.88Z" fill="#fff"/>
</g>
</g>
<svg width="512" height="512" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="linear-gradient" x1="-0.443626" x2="2.0549" y1="0.075622" y2="1.518071">
<stop offset="0" stop-color="#aa5cc3"/>
<stop offset="1" stop-color="#00a4dc"/>
</linearGradient>
</defs>
<g class="layer">
<title>Layer 1</title>
<path d="m256,201.62c-20.44,0 -86.23,119.29 -76.2,139.43c10.03,20.14 142.48,19.92 152.4,0c9.92,-19.92 -55.73,-139.42 -76.2,-139.43z" fill="url(#linear-gradient)" id="inner-shape"/>
<path d="m256,23.3c-61.56,0 -259.82,359.43 -229.59,420.13c30.23,60.7 429.34,60 459.24,0c29.9,-60 -168.03,-420.13 -229.65,-420.13zm150.51,367.46c-19.59,39.33 -281.08,39.77 -300.89,0c-19.81,-39.77 110.09,-275.28 150.44,-275.28c40.35,0 170.04,235.94 150.45,275.28z" fill="url(#linear-gradient)" id="outer-shape"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 914 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.7 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

21
assets/tools/pihole.svg Normal file
View File

@@ -0,0 +1,21 @@
<?xml version="1.0"?>
<svg width="140" height="140" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<defs>
<style>.cls-2{fill:#980200}.cls-3{fill:red}</style>
<linearGradient id="New_Gradient_Swatch_1" x1="0" x2="1.000002" y1="0.499751" y2="0.499751">
<stop offset="0" stop-color="#12b212"/>
<stop offset="1" stop-color="#0f0"/>
</linearGradient>
</defs>
<title>NewVortex</title>
<g class="layer">
<title>Layer 1</title>
<g id="svg_6">
<path d="m61.560065,44.93c-16.22,-1.73 -32.56,-13.99 -33.85,-39.93c25.17,0 38.63,14.9 39.93,38.51c4.76,-28.32 27.07,-25 27.07,-25c1.06,16.05 -12.12,25.78 -27.07,26.59c-4.2,-8.85 -29.36,-30.56 -29.36,-30.56a0.07,0.07 0 0 0 -0.11,0.08s24.28,21.15 23.39,30.31" fill="url(#New_Gradient_Swatch_1)" id="svg_1"/>
<path class="cls-2" d="m69.160065,134.93c-1.57,-0.09 -16.22,-0.65 -17.11,-17.11c-0.72,-10 7.18,-17.37 7.18,-27.08c-1.79,-24.21 -34.23,-21.21 -34.23,0a19.94,19.94 0 0 0 5.83,14.14l24.17,24.18a19.94,19.94 0 0 0 14.14,5.83" id="svg_2"/>
<path class="cls-3" d="m113.320065,90.75c-0.09,1.57 -0.65,16.22 -17.11,17.11c-10,0.72 -17.38,-7.18 -27.08,-7.18c-24.21,1.79 -21.21,34.22 0,34.22a19.94,19.94 0 0 0 14.14,-5.83l24.19,-24.17a19.94,19.94 0 0 0 5.83,-14.14" id="svg_3"/>
<path class="cls-2" d="m69.160065,46.59c1.57,0.09 16.22,0.65 17.11,17.11c0.72,10 -7.18,17.37 -7.18,27.08c1.79,24.21 34.22,21.21 34.22,0a19.94,19.94 0 0 0 -5.83,-14.14l-24.18,-24.19a19.94,19.94 0 0 0 -14.14,-5.83" id="svg_4"/>
<path class="cls-3" d="m25.080065,90.75c0.09,-1.57 0.65,-16.22 17.11,-17.11c10,-0.72 17.38,7.18 27.08,7.18c24.21,-1.82 21.21,-34.22 0,-34.22a19.94,19.94 0 0 0 -14.14,5.83l-24.19,24.18a19.94,19.94 0 0 0 -5.83,14.14" id="svg_5"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
assets/tools/protect.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 34 KiB

BIN
assets/tools/zipkin.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 110 KiB

View File

@@ -1,34 +1,10 @@
---
# Homepage configuration
# See https://fontawesome.com/icons for icons options
title: "Reese's Homelab"
subtitle: "Duconet"
# logo: "assets/logo.png"
icon: "fas fa-database" # Optional icon
footer: false
# Optional message
# message:
# url: https://....
# style: "is-dark" # See https://bulma.io/documentation/components/message/#colors for styling options.
# title: "Demo !"
# 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: "ansible"
# icon: "fab fa-github"
# url: "https://github.com/bastienwirtz/homer"
# target: '_blank' # optionnal html a tag target attribute
# - name: "Wiki"
# icon: "fas fa-book"
# url: "https://www.wikipedia.org/"
# 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).
links: [] # Allows for navbar (dark mode, layout, and search) without any links
services:
- name: "DevOps"
icon: "fas fa-code-branch"
@@ -47,7 +23,7 @@ services:
url: "https://nextcloud.ducoterra.net/"
target: '_blank'
- name: "Freenas"
logo: "assets/tools/freenas.jpeg"
logo: "assets/tools/freenas.png"
tag: "Storage"
url: "https://freenas.ducoterra.net/"
target: '_blank'
@@ -55,7 +31,7 @@ services:
icon: "fas fa-photo-video"
items:
- name: "Jellyfin"
logo: "assets/tools/jellyfin.png"
logo: "assets/tools/jellyfin.svg"
url: "https://jellyfin.ducoterra.net"
tag: "Entertainment"
target: '_blank'
@@ -63,7 +39,7 @@ services:
icon: "fas fa-heartbeat"
items:
- name: "Grafana"
logo: "assets/tools/grafana.png"
logo: "assets/tools/grafana.svg"
url: "https://grafana.ducoterra.net/"
tag: "Monitoring"
target: '_blank'
@@ -73,7 +49,7 @@ services:
tag: "Monitoring"
target: '_blank'
- name: "Zipkin"
logo: "assets/tools/zipkin.png"
logo: "assets/tools/zipkin.ico"
url: "https://zipkin.ducoterra.net/"
tag: "Monitoring"
target: '_blank'
@@ -86,7 +62,7 @@ services:
url: "https://unifi.ui.com"
target: '_blank'
- name: "Protect"
logo: assets/tools/protect.png
logo: assets/tools/protect.ico
tag: "Network"
url: "https://protect.ui.com/"
target: '_blank'
@@ -101,12 +77,20 @@ services:
url: "https://traefik-external.ducoterra.net/"
target: '_blank'
- name: "Pihole1"
logo: assets/tools/pihole.jpeg
logo: assets/tools/pihole.svg
tag: "Network"
url: "https://pihole1.ducoterra.net/"
url: "https://pihole1.ducoterra.net/admin/"
target: '_blank'
- name: "Pihole2"
logo: assets/tools/pihole.jpeg
logo: assets/tools/pihole.svg
tag: "Network"
url: "https://pihole2.ducoterra.net/"
url: "https://pihole2.ducoterra.net/admin/"
target: '_blank'
- name: "Tools"
icon: "fas fa-wrench"
items:
- name: "SVG Editor"
icon: "fas fa-icons"
tag: "Tools"
url: "https://svg-edit.github.io/svgedit/editor/svg-editor.html"
target: '_blank'