Update site and completed svg - so far

This commit is contained in:
L3D 2023-03-08 02:30:13 +01:00
parent e3638d0316
commit 8b7ca462da
Signed by: l3d
GPG key ID: CD08445BFF4313D1
10 changed files with 87 additions and 21 deletions

3
.gitmodules vendored Normal file
View file

@ -0,0 +1,3 @@
[submodule "packages/render-template"]
path = packages/render-template
url = https://backwesen.de/l3d/lektor-render-template.git

View file

@ -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;

31
assets/scss/_table.scss Normal file
View file

@ -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;
}
}
}
}

View file

@ -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;

View file

@ -3,4 +3,5 @@
@import "_variables";
// CSS
@import "_table";
@import "_darktheme";

View file

@ -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
---

View file

@ -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

@ -0,0 +1 @@
Subproject commit 3825f3932e2b85825681dc83904384aa42553006

View file

@ -27,15 +27,15 @@
</defs>
<path d="M 3.0219436,0.03949974 H 98.889114 V 20.2045 H 3.0219436 c -1.5881471,0 -2.86672805,-1.5191 -2.86672805,-3.406 V 3.4454997 c 0,-1.8869 1.27858095,-3.40599996 2.86672805,-3.40599996 z"
fill="#4d4d4d" style="paint-order:stroke fill markers" id="bg_gray" stroke-width="0" />
<rect x="95" y="0" width="{{ this.orange_box_width }}" height="20" fill="#ff6600" stroke-width="0" id="orange_box"
<rect x="{{ this.name_position | int -10 }}" y="0" width="{{ this.orange_box_width }}" height="20" fill="{{ this.color_orange }}" stroke-width="0" id="orange_box"
/>
<path
transform="translate({{ this.bg_orange_x }},0)"
d="M 128.72885,5e-7 H 100 V 20 h 28.72885 c 1.58815,0 2.86673,-1.50667 2.86673,-3.378131 V 3.3781307 C 131.59558,1.5066704 130.317,5e-7 128.72885,5e-7 Z"
fill="#ff6600" style="paint-order:stroke fill markers" id="bg_orange" stroke-width="0" />
fill="{{ this.color_orange }}" style="paint-order:stroke fill markers" id="bg_orange" stroke-width="0" />
<text font-family="Open Sans" fill="black" font-size="12" stroke="none" text-anchor="start" style="opacity:0.8" filter="url(#blur)" >
<tspan x="8.7" y="14.6">ansible-galaxy</tspan>
<tspan x="105.7" y="14.6">{{ this.name }}</tspan>
<tspan x="8.7" y="14.6">{{ this.inputvalue }}</tspan>
<tspan x="{{ this.name_position | int + 0.7 }}" y="14.6">{{ this.name }}</tspan>
</text>
<path
id="accent01"
@ -44,7 +44,7 @@
/>
{% for i in range(this.accent_02_multiplier | int) %}
<path
id="accent02"
id="accent02_{{ i }}"
style="fill:url(#grad1);stroke-width:0;paint-order:stroke fill markers"
d="M 0,5.0002341e-7 H 10 L 9.993,19.999999 H 0 Z"
transform="translate({{ 100 + (i * 10) }},0)"
@ -57,8 +57,8 @@
d="m 109.9973,2.936186e-6 h 18.85766 c 1.77402,0 2.74195,1.828616663814 2.73883,3.229937063814 l 0.003,13.630576 c -0.009,1.020853 -0.8324,3.131615 -2.87828,3.132391 l -18.72073,0.0071 c 0,0 0.0249,-20.00885641 0,-19.999996063814 z"
/>
<text font-family="Open Sans" fill="white" font-size="12" stroke="none" text-anchor="start">
<tspan x="8" y="14">ansible-galaxy</tspan>
<tspan x="105" y="14">{{ this.name }}</tspan>
<tspan x="8" y="14">{{ this.inputvalue }}</tspan>
<tspan x="{{ this.name_position }}" y="14">{{ this.name }}</tspan>
</text>
<metadata
id="metadata">

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 10 KiB

View file

@ -8,16 +8,24 @@
<table>
<thead>
<tr>
<th scope="col">Role Name</th>
<th scope="col">Expenditure</th>
<th>Role Name</th>
<td>Ansible Galaxy</td>
<td>Maintainance Status</td>
<td>License</td>
</tr>
</thead>
<tbody>
{% for blk in this.table.blocks -%}
<tr>
<th>{{ blk.name }}</th>
<th><a href="{{ blk.gitrepo }}" target="_blank">{{ blk.name }}</a></th>
<td>
<a href="{{ blk.galaxy_url }}"><img src="{{ blk.galaxy_name | svg }}" /></a>
<a href="{{ blk.galaxy_url }}"><img src="{{ blk.galaxy_name | galaxy }}" /></a>
</td>
<td>
<img src="{{ {'name': blk.galaxy_name, 'state': blk.maintainance} | maintainance }}" />
</td>
<td>
<img src="{{ {'name': blk.galaxy_name, 'state': blk.license} | license }}" />
</td>
</tr>
{% endfor %}