Added examples, theme default-shadow. Bumped to v4.

This commit is contained in:
Magnus Åhall 2023-07-25 13:33:47 +00:00
parent 740c0796cd
commit a68c580f39
6 changed files with 125 additions and 2 deletions

View File

@ -1 +1 @@
v2
v4

33
examples/foo.yaml Normal file
View File

@ -0,0 +1,33 @@
pages:
- name: start
label: Home
- name: foo
label: Foo
page:
theme: gruvbox
label: "Foo. Bar."
sections:
# Productivity
# ============
- label: Foo
items:
- label: Google
description: No luck
url: https://www.google.se/404
icon: google-downasaur
- label: Foobar
url: https://en.wikipedia.org/wiki/Foobar
icon: wikipedia
# Multimedia
# ==========
- label: Bar
items:
- label: Beer.
description: Served by bartenders.
url: https://en.wikipedia.org/wiki/Beer
icon: wikipedia

55
examples/start.yaml Normal file
View File

@ -0,0 +1,55 @@
pages:
- name: start
label: Home
- name: foo
label: Foo
page:
theme: default
label: Home
sections:
# Productivity
# ============
- label: Search
items:
- label: Google
url: https://www.google.com
icon: google
- label: DuckDuckGo
description: '"Privacy, simplified."'
url: https://duckduckgo.com
icon: duck
# Multimedia
# ==========
- label: Multimedia
items:
- label: Jellyfin
description: The free software media system
url: https://jellyfin.org
icon: filmstrip
- label: Spotify
url: https://spotify.com
icon: music
# Development
# ===========
- label: Development
items:
- label: Gitea
url: https://gitea.com
icon: git
- label: Neovim
description: Great text editor
url: https://neovim.io
icon: text
- label: Go
description: Programming language
url: https://go.dev
icon: language-go

View File

@ -18,7 +18,7 @@
}
}
</script>
<script type="module" src="js/app.js"></script>
<script type="module" src="js/app.mjs"></script>
</head>
<body>
<header>

View File

@ -1,3 +1,38 @@
# Default shadow
# ==============
default-shadow:
page:
text: '#fff'
header: '#333'
background: '#fff'
footer:
show: true
text: "#aaa"
background: "#eee"
page_select:
text: "#ccc"
background: "#666"
theme_select:
text: "#ccc"
background: "#333"
border: "#888"
section:
background: '#fff'
shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15)
borders:
- ['#fff', '#22a511']
item:
label: '#333'
background: '#eaeaea'
description: '#555'
url: '#666'
icon: '#000'
hover: 'darker'
# Colorful
# ========
colorful: