Fix links, add better footer, use icofont

Fork/Font awesome is too heavy and fails for some icons.
This commit is contained in:
2025-09-15 21:44:34 +02:00
parent 4e55f868ac
commit 58d8eb48b5
22 changed files with 1541 additions and 1132 deletions

2
.gitignore vendored
View File

@@ -2,5 +2,7 @@ venv
node_modules node_modules
!statics/dist !statics/dist
dist dist
!chart/templates/server/statics/dist/
.parcel-cache .parcel-cache
.token .token
icofont.zip

View File

@@ -1,9 +1,9 @@
# This is the main values.yaml file for the website chart. # This is the main values.yaml file for the website chart.
# More information can be found in the chart's README.md file. # More information can be found in the chart's README.md file.
# #
# generated at: 2025-08-20T23:24:21+02:00 # generated at: 2025-09-15T21:40:24+02:00
# compose files: compose.katenary.yaml, compose.yaml # compose files: compose.katenary.yaml, compose.yaml
# compose hash (sha1): 0c69ac40895910ccdabc3a2655ff7a3e6f5cf9fa # compose hash (sha1): 76866ef0672f04e085c6e3d50e4e8431d1d95bc0
# Name of the chart (required), basically the name of the project. # Name of the chart (required), basically the name of the project.
name: website name: website

View File

@@ -2,8 +2,8 @@ apiVersion: apps/v1
kind: Deployment kind: Deployment
metadata: metadata:
annotations: annotations:
katenary.v3/compose-hash: 0c69ac40895910ccdabc3a2655ff7a3e6f5cf9fa katenary.v3/compose-hash: 76866ef0672f04e085c6e3d50e4e8431d1d95bc0
katenary.v3/version: 3.0.0-rc5 katenary.v3/version: master-f3c1bf3
labels: labels:
{{- include "website.labels" . | nindent 4 }} {{- include "website.labels" . | nindent 4 }}
katenary.v3/component: server katenary.v3/component: server

View File

@@ -5,8 +5,8 @@ apiVersion: networking.k8s.io/v1
kind: Ingress kind: Ingress
metadata: metadata:
annotations: annotations:
katenary.v3/compose-hash: 0c69ac40895910ccdabc3a2655ff7a3e6f5cf9fa katenary.v3/compose-hash: 76866ef0672f04e085c6e3d50e4e8431d1d95bc0
katenary.v3/version: 3.0.0-rc5 katenary.v3/version: master-f3c1bf3
{{- if .Values.server.ingress.annotations -}} {{- if .Values.server.ingress.annotations -}}
{{- toYaml .Values.server.ingress.annotations | nindent 4 }} {{- toYaml .Values.server.ingress.annotations | nindent 4 }}
{{- end }} {{- end }}

View File

@@ -2,8 +2,8 @@ apiVersion: v1
kind: Service kind: Service
metadata: metadata:
annotations: annotations:
katenary.v3/compose-hash: 0c69ac40895910ccdabc3a2655ff7a3e6f5cf9fa katenary.v3/compose-hash: 76866ef0672f04e085c6e3d50e4e8431d1d95bc0
katenary.v3/version: 3.0.0-rc5 katenary.v3/version: master-f3c1bf3
labels: labels:
{{- include "website.labels" . | nindent 4 }} {{- include "website.labels" . | nindent 4 }}
katenary.v3/component: server katenary.v3/component: server

File diff suppressed because one or more lines are too long

View File

@@ -1,6 +1,6 @@
services: services:
dev: dev:
image: docker.io/node:alpine image: docker.io/node
volumes: volumes:
- ./:/app:z - ./:/app:z
working_dir: /app working_dir: /app

View File

@@ -7,8 +7,8 @@
"license": "MIT", "license": "MIT",
"private": true, "private": true,
"devDependencies": { "devDependencies": {
"@parcel/transformer-sass": "2.13.2", "@parcel/transformer-sass": "2.15.4",
"parcel": "^2.13.2", "parcel": "^2.15.4",
"posthtml-doctype": "^1.1.1", "posthtml-doctype": "^1.1.1",
"posthtml-include": "^2.0.1" "posthtml-include": "^2.0.1"
} }

187
src/icofont/demo.html Normal file
View File

@@ -0,0 +1,187 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Examples | IcoFont</title>
<link rel="stylesheet" type="text/css" href="./icofont.min.css">
<style type="text/css">
body {
margin: 0;
padding: 0;
background: #F6F6F9;
}
.header {
border-bottom: 1px solid #DCDCE1;
padding: 10px 0;
margin-bottom: 10px;
}
.container {
width: 980px;
margin: 0 auto;
}
.ico-title {
font-size: 2em;
}
.iconlist {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
.iconlist li {
position: relative;
margin: 5px;
width: 150px;
cursor: pointer;
}
.iconlist li .icon-holder {
position: relative;
text-align: center;
border-radius: 3px;
overflow: hidden;
padding-bottom: 5px;
background: #ffffff;
border: 1px solid #E4E5EA;
transition: all 0.2s linear 0s;
}
.iconlist li .icon-holder:hover {
background: #00C3DA;
color: #ffffff;
}
.iconlist li .icon-holder:hover .icon i {
color: #ffffff;
}
.iconlist li .icon-holder .icon {
padding: 20px;
text-align: center;
}
.iconlist li .icon-holder .icon i {
font-size: 3em;
color: #1F1142;
}
.iconlist li .icon-holder span {
font-size: 14px;
display: block;
margin-top: 5px;
border-radius: 3px;
}
</style>
</head>
<body>
<div class="header">
<div class="container">
<h1 class="ico-title"> IcoFont Icons </h1>
</div>
</div>
<div class="container">
<ul class="iconlist">
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-ui-home"></i>
</div>
<span> ui-home </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-gear"></i>
</div>
<span> gear </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-light-bulb"></i>
</div>
<span> light-bulb </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-gears"></i>
</div>
<span> gears </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-send-mail"></i>
</div>
<span> send-mail </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-flash"></i>
</div>
<span> flash </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-arrow-down"></i>
</div>
<span> arrow-down </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-university"></i>
</div>
<span> university </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-speech-comments"></i>
</div>
<span> speech-comments </span>
</div>
</li>
<li>
<div class="icon-holder">
<div class="icon">
<i class="icofont-users-alt-6"></i>
</div>
<span> users-alt-6 </span>
</div>
</li>
</ul>
</div>
</body>
</html>

Binary file not shown.

View File

@@ -0,0 +1,20 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<font id="icofont" horiz-adv-x="1000" >
<font-face font-family="IcoFont" font-weight="400" font-style="Regular" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="ui-home" horiz-adv-x="1000" unicode="&#xec5e;" d="M500-69c-75 0-150 1-225 0-105-1-164 82-161 161 4 72 2 145 1 217 0 16 3 26 19 34 117 61 233 124 349 186 13 7 23 7 35 0 116-63 232-125 349-186 14-8 19-16 18-32 0-75 0-150 0-225 0-89-64-154-153-155-78 0-155 0-232 0z m436 479c-13 5-27 9-39 16-125 65-249 131-372 199-19 10-33 9-50-1-126-68-251-134-377-201-43-23-86-5-96 40-7 27 7 54 38 70 116 62 231 124 347 185 30 16 60 34 92 47 13 5 33 5 45-1 148-77 295-156 441-234 29-15 41-43 33-71-9-29-31-46-62-49z" />
<glyph glyph-name="gear" horiz-adv-x="1000" unicode="&#xef3a;" d="M937 442c-23-14-45-26-67-39-11-6-22-12-32-19-3-2-6-6-6-10-1-16 0-31-1-46 0-7 2-10 7-13 30-16 59-33 88-50 3-2 6-4 12-7-10-26-18-52-28-77-1-3-6-6-9-6-33 3-66 6-98 10-11 1-19 0-25-10-6-12-15-22-23-32-4-4-5-8-2-14 15-34 30-67 45-103-23-16-47-32-70-48-2-1-8 1-10 2-26 23-53 45-79 68-5 4-8 5-15 3-14-5-28-10-43-13-7-2-10-5-11-12-8-36-16-71-24-107h-92c-8 36-17 71-24 106-2 8-5 11-12 13-14 3-28 8-42 13-7 2-10 2-15-3-26-22-53-45-79-67-3-2-8-4-10-2-24 15-47 31-71 47 16 35 30 68 45 100 4 8 3 13-2 19-9 11-18 22-25 33-4 6-8 8-15 7-33-3-67-6-100-10-8 0-13 0-16 9-8 25-17 49-25 74 4 3 7 5 11 7 29 17 58 33 87 50 6 3 8 6 8 13-1 15-1 30 0 44 0 7-2 10-8 14-29 16-59 33-88 50-3 2-6 3-11 6 10 26 19 53 29 79 0 2 6 4 9 4 33-3 65-6 98-9 11-2 18 0 24 10 6 11 15 21 23 31 4 5 5 9 2 15-15 33-30 67-46 102 24 16 47 32 71 48 2 1 8 0 10-2 27-23 53-45 79-68 5-4 9-5 15-3 14 6 29 10 43 14 6 2 9 4 11 11 8 35 16 70 24 107h92c8-36 16-71 24-106 1-7 4-10 11-12 15-4 29-8 43-14 6-2 10-1 15 3l78 68c4 3 8 5 13 1 22-15 45-31 68-47-11-25-21-48-32-71-4-11-9-22-14-32-3-5-1-9 2-13 9-12 19-24 27-37 4-5 8-7 14-6 34 3 67 6 100 10 9 1 14 0 17-9 8-25 17-49 25-74z m-291-96c2 77-62 144-139 146-84 2-150-58-152-139-3-76 61-142 138-144 83-3 150 58 153 137z" />
<glyph glyph-name="light-bulb" horiz-adv-x="1000" unicode="&#xef6b;" d="M577 74h-155c-12 0-22-10-22-22 0-12 10-22 22-22h155c12 0 22 10 22 22s-9 22-22 22z m-117-127c3-19 19-35 40-35s37 15 40 35c27 2 48 24 48 51h-176c0-28 21-49 48-51z m40 715c16 0 29 13 29 29v67c0 16-13 30-29 30-16 0-29-13-29-30v-67c0-16 13-29 29-29z m-191-42c6-8 15-12 24-12 6 0 12 1 17 5 13 10 16 28 7 41l-40 54c-10 13-28 16-41 7s-16-28-6-41l39-54z m-152-132l64-21c3-1 6-1 9-1 12 0 23 7 27 20 5 15-3 31-18 36l-64 21c-16 5-32-3-37-18-5-16 3-32 19-37z m686-162l-64 21c-15 5-32-4-37-19-5-15 4-32 19-37l64-20c3-1 6-2 9-2 12 0 24 8 28 20 5 16-3 32-19 37z m-622 21l-64-21c-16-5-24-21-19-37 4-12 15-20 28-20 3 0 6 1 9 2l64 20c15 5 23 22 18 37-5 15-21 24-36 19z m549 119c3 0 6 0 9 1l64 21c15 5 24 21 19 36-5 16-22 24-37 19l-64-21c-15-5-24-21-19-36 5-13 16-20 28-20z m-46 249c-13 9-31 6-41-7l-40-54c-9-13-6-31 7-41 5-4 11-5 17-5 9 0 18 4 23 12l40 54c10 13 7 31-6 41z m-129-608v68c20 33 46 72 70 101 28 36 45 81 45 130 0 116-94 209-210 209-116 0-210-93-210-209 0-49 17-94 45-130 25-31 48-65 68-99v-70h192z" />
<glyph glyph-name="gears" horiz-adv-x="1000" unicode="&#xef3b;" d="M578 201c-4 2-5 5-5 9 0 10 0 20 0 31 0 2 2 5 4 7 7 4 14 8 21 12 15 9 29 17 45 26-6 17-11 33-17 50-2 6-5 6-11 6-22-3-44-5-66-7-4 0-7 1-9 4-6 9-12 17-19 25-2 3-3 5-1 8 4 7 7 14 10 22 7 15 14 31 21 47-15 11-31 21-45 32-4 2-6 1-9-1-17-15-35-30-52-46-3-2-6-3-9-1-10 3-19 6-29 9-5 1-7 3-8 8-5 23-10 47-16 71h-60c-6-25-11-48-17-72 0-4-3-6-7-7-9-3-19-6-28-9-5-2-7-1-10 2-18 15-35 30-53 45-1 1-5 2-7 1-15-10-31-21-46-32 10-23 20-46 30-68 2-4 2-7-1-10-6-7-11-13-15-20-4-7-9-8-16-8-22 3-44 5-66 7-2 0-5-1-6-3-6-17-12-35-18-53 3-2 5-3 7-4 19-11 39-22 58-33 4-2 5-5 5-9 0-10 0-20 0-30 0-4-1-7-5-9-19-11-39-22-58-33-2-1-4-3-7-5 6-16 11-33 17-49 2-6 5-6 10-6l67 7c4 0 7-1 10-5 5-7 10-15 16-22 4-4 4-8 2-13-10-21-20-43-30-66 16-11 31-22 47-32 1-1 5 0 7 1 17 15 35 30 52 45 3 3 6 4 10 2 9-3 18-6 28-9 4-1 7-3 8-8 5-24 10-47 16-71h60c6 24 11 48 17 71 1 5 2 7 7 8 10 3 19 6 29 9 4 2 6 1 10-2 17-15 34-30 52-45 1-1 5-2 6-1 16 10 32 21 47 32-10 23-20 46-30 68-2 4-1 7 1 10 6 7 12 13 16 21 4 7 9 7 16 7 22-3 43-5 65-7 2 0 6 2 6 4 7 17 13 34 19 52-4 2-6 3-8 4-20 11-39 22-58 33z m-230-71c-51 2-93 46-92 97 2 54 46 94 102 92 51-1 93-45 92-97-2-53-47-93-102-92z m349 304c3-15 7-30 10-46h40c3 16 7 31 10 47 1 3 2 4 5 5 6 1 13 3 19 6 3 1 4 0 6-2 12-10 23-19 34-29 1-1 4-1 5-1 10 7 20 14 30 21-7 15-13 30-20 44-1 3-1 5 1 7 4 4 8 8 10 13 3 5 6 5 11 5 14-2 28-3 42-4 2 0 4 1 4 2 4 11 8 23 12 34-2 1-3 2-5 3-12 7-25 14-38 22-2 1-3 2-3 5 1 7 0 14 1 20 0 2 1 4 2 5 5 3 9 5 14 8 10 5 19 11 29 17-3 11-7 21-11 32-1 4-3 4-7 4-14-2-29-3-43-4-3-1-5 0-6 2-4 6-8 11-12 16-2 2-2 4-1 6 2 4 4 9 6 14 5 10 9 20 14 31-10 7-20 14-29 20-3 2-4 1-6 0l-34-30c-2-2-4-2-6-1-6 2-12 4-19 6-3 1-4 2-5 5-3 16-7 31-10 47h-40c-3-16-7-32-10-47-1-3-2-4-5-5-6-1-12-3-19-6-2-1-4 0-6 2-11 9-23 19-34 29-1 1-4 1-5 1-10-7-20-14-30-21 7-15 13-30 20-44 1-3 1-5-1-7-4-4-8-8-10-13-3-5-6-6-11-5-14 2-28 3-42 4-1 0-4-1-4-2-4-11-8-22-12-34 2-1 3-2 4-3 13-7 26-14 39-21 2-2 3-3 3-6-1-7-1-13 0-20 0-2-1-4-3-5-13-7-26-15-38-22-2-1-3-2-5-3 4-11 8-22 11-32 1-4 3-4 7-4 14 2 29 3 43 4 3 1 5 0 7-3 3-5 6-10 10-14 3-3 3-5 1-9-6-14-12-28-19-43 10-7 20-14 30-21 1 0 4 0 5 1 11 10 23 20 34 29 2 2 4 3 6 2 6-3 13-5 19-6 3-1 4-2 5-6z m-33 143c1 35 30 61 66 60 34 0 61-29 60-63-1-34-30-61-66-60-33 1-61 30-60 63z m270-389c-9 5-17 10-26 15-2 1-3 2-2 4 0 5-1 10 0 14 0 1 1 3 1 3 4 3 7 4 10 6 7 4 13 8 20 12-2 8-5 15-7 22-1 3-3 3-5 3-10-1-20-2-30-3-2 0-3 0-5 2-2 4-5 8-8 11-1 1-1 3 0 4 1 3 3 7 4 10 3 7 6 14 10 22-7 4-14 9-21 14-2 1-3 0-4-1l-24-20c-1-2-2-2-4-1-4 2-9 3-13 4-2 1-3 2-3 4-3 10-5 21-8 32h-27c-3-11-5-22-7-33-1-2-2-2-4-3-4-1-8-2-13-4-2-1-3 0-4 1-8 7-16 14-24 20-1 1-2 1-3 1-7-5-14-10-21-14 5-11 9-21 14-31 0-2 0-4-1-5-3-3-5-6-7-9-2-4-4-4-7-4-10 2-20 2-30 3-1 0-2 0-3-1-3-8-5-16-8-24 1-1 2-1 3-2 9-5 18-10 27-15 1-1 2-2 2-4 0-5 0-9 0-13 0-2-1-4-2-4-9-5-18-10-27-16-1 0-2-1-3-2 2-7 5-15 8-22 0-3 2-3 4-3 10 1 21 2 31 3 2 1 3 0 4-2 2-3 5-7 7-10 2-2 2-3 1-6-4-9-9-19-13-30 7-5 14-10 21-14 1-1 2 0 3 0 8 7 16 14 24 21 1 1 2 1 4 1 4-2 9-3 13-5 2 0 3-1 4-3 2-11 4-22 7-33h28c2 11 5 22 7 33 0 2 1 3 3 3 5 2 9 3 13 4 2 1 3 1 5 0 8-7 16-14 23-21 1-1 3-1 3-1 8 5 15 10 22 15-5 11-10 21-14 31-1 2-1 3 0 5 3 3 6 6 8 9 1 3 4 3 7 3 10-1 20-2 29-3 1 0 3 1 3 2 3 8 6 16 9 23-2 1-3 2-4 2z m-130-17c-24 1-43 21-42 44 0 24 20 43 46 42 23-1 42-21 42-44-1-24-21-43-46-42z" />
<glyph glyph-name="send-mail" horiz-adv-x="1000" unicode="&#xefdf;" d="M915 547h-489c-16 0-31-13-34-28l-70-338c-3-16 7-28 23-28h489c15 0 30 12 33 28l70 338c3 15-7 28-22 28z m-59-113l-217-105c-9-4-20-4-27 0l-174 105c-13 7-15 25-4 39 7 10 18 16 29 16 5 0 9-2 13-4l162-97 201 97c5 2 10 4 15 4 11 0 19-6 22-16 5-14-4-32-20-39z m-717 39h211c11 0 20 9 20 20s-9 20-20 20h-211c-11 0-20-9-20-20 0-11 9-20 20-20z m154-143h-210c-11 0-20-9-20-20s9-21 20-21h210c12 0 21 9 21 21s-9 20-21 20z m49 73c0 11-9 20-20 20h-126c-11 0-20-9-20-20 0-11 9-21 20-21h126c11 0 20 9 20 21z" />
<glyph glyph-name="flash" horiz-adv-x="1000" unicode="&#xef32;" d="M484 392h256c-121-161-242-320-362-480l-2 1c44 120 87 239 132 361-83-4-164-7-248-11 123 176 245 350 367 525l2-1c-48-131-96-263-145-395z" />
<glyph glyph-name="arrow-down" horiz-adv-x="1000" unicode="&#xea5b;" d="M772 358l-53 54c-9 8-24 8-32 0l-137-137v352c0 13-10 23-23 23h-90c-13 0-23-10-23-23v-343l-127 128c-9 8-23 8-32 0l-54-54c-8-9-8-23 0-32l270-269c9-9 23-9 32 0l269 269c9 9 9 23 0 32z" />
<glyph glyph-name="university" horiz-adv-x="1000" unicode="&#xeaf3;" d="M196 369h111v-317h-111z m166 0h110v-317h-110z m166 0h110v-317h-110z m165 0h111v-317h-111z m-180 288v73h67l4-24h84v119h-67l-4 25h-108v-193l-403-161v-55h55c0-8 3-14 9-19 6-6 13-9 21-9h658c8 0 15 3 21 9 6 5 9 11 9 19h55v55l-401 161z m392-732c-6 6-13 8-21 8h-768c-8 0-15-2-21-8-6-5-9-12-9-19v-56h828v56c0 7-3 14-9 19z m-787 57c0-13 11-24 25-24h711c14 0 25 11 25 24s-11 25-25 25h-711c-14 0-25-11-25-25z" />
<glyph glyph-name="speech-comments" horiz-adv-x="1000" unicode="&#xeff2;" d="M775 214c63 75 86 161 63 257-21 86-75 149-148 195-89 55-186 74-289 61-100-12-187-52-255-128-66-76-92-163-68-262 10-40 23-78 26-119 3-51-4-99-29-145-4-7-8-13-12-20 1-1 2-1 3-1 66 9 128 28 184 64 5 4 9 6 16 2 87-40 178-52 272-35 94 17 175 58 237 131z m158-232c-5 7-11 14-15 21-26 50-23 101-6 151 18 54 16 106-8 157-7 14-16 27-25 43-2-6-3-9-3-12-9-43-25-83-50-118-70-103-171-158-291-178-22-4-43-5-65-7 0-1 1-2 2-3 5-4 10-7 16-10 93-50 187-54 284-14 4 1 10 2 14 0 31-19 65-32 100-39 14-2 28-4 42-4 11 0 12 4 5 13z" />
<glyph glyph-name="users-alt-6" horiz-adv-x="1000" unicode="&#xed0b;" d="M384 297c-99 74-81 185-27 239 63 63 164 63 226-2 54-57 65-164-27-236 47-19 84-50 113-89 54-74 72-157 67-247-1-12-9-11-17-11-96 0-193 0-289 0-69 0-138 0-207 0-10 0-15 2-16 12-7 120 28 224 123 302 16 13 34 23 54 32z m287 185c-37 28-61 62-66 108-6 71 38 135 107 154 68 19 141-15 170-80 27-61 12-127-39-170-3-3-19-7-3-15 90-44 135-121 154-216 6-30 8-60 5-90-1-10-4-14-15-14-84 1-167 1-251 0-10 0-14 4-18 12-26 52-62 95-112 125-10 6-10 9-2 17 33 38 48 82 42 132-2 18 2 27 18 33 3 1 5 2 10 4z m-494-121c-58 46-84 103-64 174 18 61 62 99 125 109 61 9 111-11 149-60-119-69-117-210-40-283-24-15-47-32-66-54-56-61-87-133-92-216-1-12-4-17-17-17-51 1-102 1-153 0-14 0-17 6-18 17-9 123 45 268 172 327 1 1 2 2 4 3z" />
</font>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

329
src/icofont/icofont.css Normal file
View File

@@ -0,0 +1,329 @@
/*!
* @package IcoFont
* @version 1.0.1
* @author
* @copyright 2025
* @license - https://icofont.com/license/
*/
@font-face
{
font-family: "IcoFont";
font-weight: normal;
font-style: "Regular";
src: url("./fonts/icofont.woff2") format("woff2"),
url("./fonts/icofont.woff") format("woff");
}
[class^="icofont-"], [class*=" icofont-"]
{
font-family: 'IcoFont' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
}
.icofont-ui-home:before
{
content: "\ec5e";
}
.icofont-gear:before
{
content: "\ef3a";
}
.icofont-light-bulb:before
{
content: "\ef6b";
}
.icofont-gears:before
{
content: "\ef3b";
}
.icofont-send-mail:before
{
content: "\efdf";
}
.icofont-flash:before
{
content: "\ef32";
}
.icofont-arrow-down:before
{
content: "\ea5b";
}
.icofont-university:before
{
content: "\eaf3";
}
.icofont-speech-comments:before
{
content: "\eff2";
}
.icofont-users-alt-6:before
{
content: "\ed0b";
}
[class^="icofont-"].icofont-duotone,
[class*=" icofont-"].icofont-duotone
{
position: relative;
}
[class^="icofont-"].icofont-duotone:before,
[class*=" icofont-"].icofont-duotone:before
{
position: absolute;
left: 0;
top: 0;
}
[class^="icofont-"].icofont-duotone:after,
[class*=" icofont-"].icofont-duotone:after
{
opacity: 0.4;
}
.icofont-xs
{
font-size: .5em;
}
.icofont-sm
{
font-size: .75em;
}
.icofont-md
{
font-size: 1.25em;
}
.icofont-lg
{
font-size: 1.5em;
}
.icofont-1x
{
font-size: 1em;
}
.icofont-2x
{
font-size: 2em;
}
.icofont-3x
{
font-size: 3em;
}
.icofont-4x
{
font-size: 4em;
}
.icofont-5x
{
font-size: 5em;
}
.icofont-6x
{
font-size: 6em;
}
.icofont-7x
{
font-size: 7em;
}
.icofont-8x
{
font-size: 8em;
}
.icofont-9x
{
font-size: 9em;
}
.icofont-10x
{
font-size: 10em;
}
.icofont-fw
{
text-align: center;
width: 1.25em;
}
.icofont-ul
{
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
.icofont-ul > li
{
position: relative;
line-height: 2em;
}
.icofont-ul > li .icofont
{
display: inline-block;
vertical-align: middle;
}
.icofont-border
{
border: solid 0.08em #f1f1f1;
border-radius: .1em;
padding: .2em .25em .15em;
}
.icofont-pull-left
{
float: left;
}
.icofont-pull-right
{
float: right;
}
.icofont.icofont-pull-left
{
margin-right: .3em;
}
.icofont.icofont-pull-right
{
margin-left: .3em;
}
.icofont-spin
{
-webkit-animation: icofont-spin 2s infinite linear;
animation: icofont-spin 2s infinite linear;
display: inline-block;
}
.icofont-pulse
{
-webkit-animation: icofont-spin 1s infinite steps(8);
animation: icofont-spin 1s infinite steps(8);
display: inline-block;
}
@-webkit-keyframes icofont-spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes icofont-spin
{
0%
{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.icofont-rotate-90
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.icofont-rotate-180
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.icofont-rotate-270
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.icofont-flip-horizontal
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.icofont-flip-vertical
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}
.icofont-flip-horizontal.icofont-flip-vertical
{
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1);
}
:root .icofont-rotate-90,
:root .icofont-rotate-180,
:root .icofont-rotate-270,
:root .icofont-flip-horizontal,
:root .icofont-flip-vertical
{
-webkit-filter: none;
filter: none;
display: inline-block;
}
.icofont-inverse
{
color: #fff;
}

7
src/icofont/icofont.min.css vendored Normal file
View File

@@ -0,0 +1,7 @@
/*!
* @package IcoFont
* @version 1.0.1
* @author
* @copyright 2025
* @license - https://icofont.com/license/
*/@font-face{font-family:IcoFont;font-weight:400;font-style:Regular;src:url(fonts/icofont.woff2) format("woff2"),url(fonts/icofont.woff) format("woff")}[class*=" icofont-"],[class^=icofont-]{font-family:IcoFont!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;line-height:1;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icofont-ui-home:before{content:"\ec5e"}.icofont-gear:before{content:"\ef3a"}.icofont-light-bulb:before{content:"\ef6b"}.icofont-gears:before{content:"\ef3b"}.icofont-send-mail:before{content:"\efdf"}.icofont-flash:before{content:"\ef32"}.icofont-arrow-down:before{content:"\ea5b"}.icofont-university:before{content:"\eaf3"}.icofont-speech-comments:before{content:"\eff2"}.icofont-users-alt-6:before{content:"\ed0b"}[class*=" icofont-"].icofont-duotone,[class^=icofont-].icofont-duotone{position:relative}[class*=" icofont-"].icofont-duotone:before,[class^=icofont-].icofont-duotone:before{position:absolute;left:0;top:0}[class*=" icofont-"].icofont-duotone:after,[class^=icofont-].icofont-duotone:after{opacity:.4}.icofont-xs{font-size:.5em}.icofont-sm{font-size:.75em}.icofont-md{font-size:1.25em}.icofont-lg{font-size:1.5em}.icofont-1x{font-size:1em}.icofont-2x{font-size:2em}.icofont-3x{font-size:3em}.icofont-4x{font-size:4em}.icofont-5x{font-size:5em}.icofont-6x{font-size:6em}.icofont-7x{font-size:7em}.icofont-8x{font-size:8em}.icofont-9x{font-size:9em}.icofont-10x{font-size:10em}.icofont-fw{text-align:center;width:1.25em}.icofont-ul{list-style-type:none;padding-left:0;margin-left:0}.icofont-ul>li{position:relative;line-height:2em}.icofont-ul>li .icofont{display:inline-block;vertical-align:middle}.icofont-border{border:solid .08em #f1f1f1;border-radius:.1em;padding:.2em .25em .15em}.icofont-pull-left{float:left}.icofont-pull-right{float:right}.icofont.icofont-pull-left{margin-right:.3em}.icofont.icofont-pull-right{margin-left:.3em}.icofont-spin{-webkit-animation:icofont-spin 2s infinite linear;animation:icofont-spin 2s infinite linear;display:inline-block}.icofont-pulse{-webkit-animation:icofont-spin 1s infinite steps(8);animation:icofont-spin 1s infinite steps(8);display:inline-block}@-webkit-keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes icofont-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.icofont-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.icofont-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.icofont-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.icofont-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.icofont-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.icofont-flip-horizontal.icofont-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .icofont-flip-horizontal,:root .icofont-flip-vertical,:root .icofont-rotate-180,:root .icofont-rotate-270,:root .icofont-rotate-90{-webkit-filter:none;filter:none;display:inline-block}.icofont-inverse{color:#fff}

View File

@@ -15,26 +15,18 @@
<meta name="author" content="Patrice Ferlet (aka metal3d)" /> <meta name="author" content="Patrice Ferlet (aka metal3d)" />
<link rel="icon" href="icon.ico" /> <link rel="icon" href="icon.ico" />
<title>Katenary - Effortless Helm Chart Conversion</title> <title>Katenary - Effortless Helm Chart Conversion</title>
<link rel="stylesheet" href="main.scss" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/fork-awesome/1.2.0/css/fork-awesome.min.css"
integrity="sha512-aupidr80M36SeyviA/hZ2uEPnvt2dTJfyjm9y6z1MgaV13TgzmDiFdsH3cvSNG27mRIj7gJ2gNeg1HeySJyE3Q=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
rel="stylesheet"
href="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/styles/panda-syntax-dark.min.css"
/>
<script src="links.js" defer></script> <script src="links.js" defer></script>
<script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script> <script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
<script defer> <script defer>
hljs.highlightAll(); hljs.highlightAll();
</script> </script>
<link
rel="stylesheet"
href="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/styles/panda-syntax-dark.min.css"
/>
<link rel="stylesheet" href="icofont/icofont.min.css" />
<link rel="stylesheet" href="main.scss" />
</head> </head>
<body> <body>
<include src="src/partials/navbar.html"></include> <include src="src/partials/navbar.html"></include>

View File

@@ -576,3 +576,25 @@ a.down {
align-self: center; align-self: center;
animation: bouncing 2s infinite; animation: bouncing 2s infinite;
} }
.spin {
display: inline-block;
transform-origin: 50% 50%;
animation: spin 4s linear infinite;
line-height: 1.2rem;
font-size: 1.2rem;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
[class~="icofont-*"] {
font-size: 1.1rem;
}

View File

@@ -1,5 +1,20 @@
<footer class="footer"> <footer class="footer">
<div class="container"> <div class="container">
<section>
<div>
<h2>Contact</h2>
<p>
For any question, suggestion, or if you want to sponsor to the
project, please contact me at: <br/>
<a href="mailto:contact@katenary.io"><i class="icofont-send-mail"></i> contact@katenary.io</a>
</p>
<p>
Issues and contributions are welcome on: <br />
<a href="https://repo.katenary.io/Katenary/katenary"><i class="icofont-users-alt-6"></i> Katenary repository</a>
</p>
</p>
</div>
</section>
<section> <section>
<div> <div>
<h2>Special thanks</h2> <h2>Special thanks</h2>
@@ -33,13 +48,13 @@
<p>For this website:</p> <p>For this website:</p>
<ul> <ul>
<li> <li>
<a href="https://repo.katenary.io/Katenary/katenary">Katenary repository</a> <a href="https://repo.katenary.io/Katenary/katenary"><i class="icofont-users-alt-6"></i> Katenary repository</a>
to follow, star, and contribute to follow, star, and contribute
</li> </li>
<li> <li>
<a <a
href="https://matrix.to/#/#katenary:matrix.org" href="https://matrix.to/#/#katenary:matrix.org"
>Discussion on Matrix.org</a ><i class="icofont-speech-comments"></i> Discussion on Matrix.org</a
> >
the official Matrix channel for Katenary the official Matrix channel for Katenary
</li> </li>

View File

@@ -6,7 +6,7 @@
href="#features" href="#features"
class="down-arrow large-icon down" class="down-arrow large-icon down"
title="Scroll down to learn more" title="Scroll down to learn more"
><i class="fa fa-arrow-down"></i ><i class="icofont-arrow-down"></i
></a> ></a>
</div> </div>
</header> </header>

View File

@@ -6,16 +6,16 @@
<nav> <nav>
<ul> <ul>
<li> <li>
<a href="#top"><i class="fa fa-house"></i> Katenary</a> <a href="#top"><i class="icofont-ui-home"></i> Katenary</a>
</li> </li>
<li><a href="#features"><i class="fa fa-gears"></i> Why Katenary?</a></li> <li><a href="#features"><i class="icofont-gears"></i> Why Katenary?</a></li>
<li><a href="#how-it-works"><i class="fa fa-flash"></i> How It Works</a></li> <li><a href="#how-it-works"><i class="icofont-flash"></i> How It Works</a></li>
<li><a href="#how-to-use"><i class="fa fa-lightbulb-o"></i> How to use</a></li> <li><a href="#how-to-use"><i class="icofont-light-bulb"></i> How to use</a></li>
<li><a href="#tutorials"><i class="fa fa-university"></i> Tutorials</a></li> <li><a href="#tutorials"><i class="icofont-university"></i> Tutorials</a></li>
<li><a href="#get-started"><i class="fa fa-spin fa-gear"></i> Get Started</a></li> <li><a href="#get-started"><i class="spin icofont-gear"></i> Get Started</a></li>
<li class="external"> <li class="external">
<a href="https://repo.katenary.io/Katenary/katenary" target="_blank" <a href="https://repo.katenary.io/Katenary/katenary" target="_blank"
><i class="fa fa-gitea"></i> Katenary repository</a ><i class="icofont-users-alt-6"></i> Katenary repository</a
> >
</li> </li>
</ul> </ul>

1750
yarn.lock

File diff suppressed because it is too large Load Diff