diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..d7a608a --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "packages/render-template"] + path = packages/render-template + url = https://backwesen.de/l3d/lektor-render-template.git diff --git a/assets/scss/_darktheme.scss b/assets/scss/_darktheme.scss index dc6ae5a..526c113 100644 --- a/assets/scss/_darktheme.scss +++ b/assets/scss/_darktheme.scss @@ -34,13 +34,13 @@ h3 { line-height: 27px; padding-top: 15px; padding-bottom: 15px; - border-bottom: 1px solid #D8D8D8; - border-top: 1px solid #D8D8D8; + border-bottom: 1px solid $dark_color; + border-top: 1px solid $dark_color; } hr { height: 1px; - background-color: #d8d8d8; + background-color: $dark_color; border: none; width: 100%; margin: 0px; diff --git a/assets/scss/_table.scss b/assets/scss/_table.scss new file mode 100644 index 0000000..c5d9421 --- /dev/null +++ b/assets/scss/_table.scss @@ -0,0 +1,31 @@ +table { + border-collapse: collapse; + min-width: 100%; + text-align: left; + thead { + padding-top: 12px; + padding-bottom: 12px; + background-color: $animated_color; + box-shadow: 400px 0px 0px $animated_color, -400px 0px 0px $animated_color, 800px 0px 0px $animated_color, -800px 0px 0px $animated_color, 1500px 0px 0px $animated_color, -1500px 0px 0px $animated_color, 2800px 0px 0px $animated_color, -2800px 0px 0px $animated_color, 4000px 0px 0px $animated_color, -4000px 0px 0px $animated_color; + color: white; + } + tbody { + tr:nth-child(even){ + background-color: $lighter_background_color; + box-shadow: 400px 0px 0px $lighter_background_color, -400px 0px 0px $lighter_background_color, 800px 0px 0px $lighter_background_color, -800px 0px 0px $lighter_background_color, 1500px 0px 0px $lighter_background_color, -1500px 0px 0px $lighter_background_color, 2800px 0px 0px $lighter_background_color, -2800px 0px 0px $lighter_background_color, 4000px 0px 0px $lighter_background_color, -4000px 0px 0px $lighter_background_color; + } + tr:hover { + box-shadow: 400px 0px 0px $even_lighter_background_color, -400px 0px 0px $even_lighter_background_color, 800px 0px 0px $even_lighter_background_color, -800px 0px 0px $even_lighter_background_color, 1500px 0px 0px $even_lighter_background_color, -1500px 0px 0px $even_lighter_background_color, 2800px 0px 0px $even_lighter_background_color, -2800px 0px 0px $even_lighter_background_color, 4000px 0px 0px $even_lighter_background_color, -4000px 0px 0px $even_lighter_background_color; + background-color: $even_lighter_background_color; + } + tr th { + a[href] { + text-decoration: none; + color: white; + } + a:hover{ + color: $animated_color; + } + } + } +} diff --git a/assets/scss/_variables.scss b/assets/scss/_variables.scss index f2e6114..9ef5e0a 100644 --- a/assets/scss/_variables.scss +++ b/assets/scss/_variables.scss @@ -1,3 +1,7 @@ $default_font: Lato; $background_color: #222; +$lighter_background_color: #2f2f2f; +$even_lighter_background_color: #353535; $font_color: #f5f1f0; +$dark_color: #d8d8d8; +$animated_color: #068de9; diff --git a/assets/scss/main.scss b/assets/scss/main.scss index d9d7eed..94d117e 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -3,4 +3,5 @@ @import "_variables"; // CSS +@import "_table"; @import "_darktheme"; diff --git a/content/contents.lr b/content/contents.lr index 21bb644..f9c1bbd 100644 --- a/content/contents.lr +++ b/content/contents.lr @@ -2,26 +2,26 @@ title: Awesome Ansible Roles --- body: -Hello Everyone. +Hey there, -I love open-source and automation. So I wrote some ansible roles. +I love open-source and automation. So I wrote some ansible roles and published as open-source. Feel free to have a look at them. And if you like them, please feel free to use them and maybe leave a star at the repo or some feedback. --- table: #### table #### name: Gitea and Forgejo ---- +gitrepo: https://github.com/roles-ansible/ansible_role_gitea.git +---- galaxy_name: do1jlr.gitea ---- galaxy_url: https://galaxy.ansible.com/do1jlr/gitea -#### table #### -name: foo ---- -galaxy_name: b +maintainance: well ---- -galaxy_url: https://galaxy.ansible.com/do1jlr/gitea +license: BSD 3-Clause --- -tabletitle: List of my ansible roles +tabletitle: List of my ansible roles and in which state they are. --- pages: databag.array, name, template.html --- diff --git a/flowblocks/table.ini b/flowblocks/table.ini index 8b02b9c..0377af2 100644 --- a/flowblocks/table.ini +++ b/flowblocks/table.ini @@ -6,6 +6,10 @@ button_label = Add Ansible Repo label = Ansible Role Name type = string +[fields.gitrepo] +label = Git Repo +type = url + [fields.galaxy_name] label = Ansible Galaxy Name type = string @@ -15,3 +19,17 @@ width = 1/3 label = Ansible Galaxy Address type = url width = 2/3 + +[fields.maintainance] +label = Maintainance Status +type = select +choices = well,true,poor,false +default = false +width = 1/2 + +[fields.license] +label = Maintainance Status +type = select +choices = MIT,GPLv3,BSD 3-Clause,CC-BY-4.0,CC-BY-SA-4.0,proprietary +default = MIT +width = 1/2 diff --git a/packages/render-template b/packages/render-template new file mode 160000 index 0000000..3825f39 --- /dev/null +++ b/packages/render-template @@ -0,0 +1 @@ +Subproject commit 3825f3932e2b85825681dc83904384aa42553006 diff --git a/templates/galaxy.svg b/templates/galaxy.svg index 22cbf1a..d3eeb29 100644 --- a/templates/galaxy.svg +++ b/templates/galaxy.svg @@ -27,15 +27,15 @@ - + fill="{{ this.color_orange }}" style="paint-order:stroke fill markers" id="bg_orange" stroke-width="0" /> - ansible-galaxy - {{ this.name }} + {{ this.inputvalue }} + {{ this.name }} {% for i in range(this.accent_02_multiplier | int) %} - ansible-galaxy - {{ this.name }} + {{ this.inputvalue }} + {{ this.name }} diff --git a/templates/page.html b/templates/page.html index bd68062..0dfa721 100644 --- a/templates/page.html +++ b/templates/page.html @@ -8,16 +8,24 @@ - - + + + + {% for blk in this.table.blocks -%} - + + + {% endfor %}
Role NameExpenditureRole NameAnsible GalaxyMaintainance StatusLicense
{{ blk.name }}{{ blk.name }} - + + + + +