Update site and completed svg - so far
This commit is contained in:
parent
e3638d0316
commit
8b7ca462da
10 changed files with 87 additions and 21 deletions
3
.gitmodules
vendored
Normal file
3
.gitmodules
vendored
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
[submodule "packages/render-template"]
|
||||||
|
path = packages/render-template
|
||||||
|
url = https://backwesen.de/l3d/lektor-render-template.git
|
|
@ -34,13 +34,13 @@ h3 {
|
||||||
line-height: 27px;
|
line-height: 27px;
|
||||||
padding-top: 15px;
|
padding-top: 15px;
|
||||||
padding-bottom: 15px;
|
padding-bottom: 15px;
|
||||||
border-bottom: 1px solid #D8D8D8;
|
border-bottom: 1px solid $dark_color;
|
||||||
border-top: 1px solid #D8D8D8;
|
border-top: 1px solid $dark_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background-color: #d8d8d8;
|
background-color: $dark_color;
|
||||||
border: none;
|
border: none;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
|
|
31
assets/scss/_table.scss
Normal file
31
assets/scss/_table.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,3 +1,7 @@
|
||||||
$default_font: Lato;
|
$default_font: Lato;
|
||||||
$background_color: #222;
|
$background_color: #222;
|
||||||
|
$lighter_background_color: #2f2f2f;
|
||||||
|
$even_lighter_background_color: #353535;
|
||||||
$font_color: #f5f1f0;
|
$font_color: #f5f1f0;
|
||||||
|
$dark_color: #d8d8d8;
|
||||||
|
$animated_color: #068de9;
|
||||||
|
|
|
@ -3,4 +3,5 @@
|
||||||
@import "_variables";
|
@import "_variables";
|
||||||
|
|
||||||
// CSS
|
// CSS
|
||||||
|
@import "_table";
|
||||||
@import "_darktheme";
|
@import "_darktheme";
|
||||||
|
|
|
@ -2,26 +2,26 @@ title: Awesome Ansible Roles
|
||||||
---
|
---
|
||||||
body:
|
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:
|
||||||
|
|
||||||
#### table ####
|
#### table ####
|
||||||
name: Gitea and Forgejo
|
name: Gitea and Forgejo
|
||||||
----
|
----
|
||||||
|
gitrepo: https://github.com/roles-ansible/ansible_role_gitea.git
|
||||||
|
----
|
||||||
galaxy_name: do1jlr.gitea
|
galaxy_name: do1jlr.gitea
|
||||||
----
|
----
|
||||||
galaxy_url: https://galaxy.ansible.com/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
|
pages: databag.array, name, template.html
|
||||||
---
|
---
|
||||||
|
|
|
@ -6,6 +6,10 @@ button_label = Add Ansible Repo
|
||||||
label = Ansible Role Name
|
label = Ansible Role Name
|
||||||
type = string
|
type = string
|
||||||
|
|
||||||
|
[fields.gitrepo]
|
||||||
|
label = Git Repo
|
||||||
|
type = url
|
||||||
|
|
||||||
[fields.galaxy_name]
|
[fields.galaxy_name]
|
||||||
label = Ansible Galaxy Name
|
label = Ansible Galaxy Name
|
||||||
type = string
|
type = string
|
||||||
|
@ -15,3 +19,17 @@ width = 1/3
|
||||||
label = Ansible Galaxy Address
|
label = Ansible Galaxy Address
|
||||||
type = url
|
type = url
|
||||||
width = 2/3
|
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
|
||||||
|
|
1
packages/render-template
Submodule
1
packages/render-template
Submodule
|
@ -0,0 +1 @@
|
||||||
|
Subproject commit 3825f3932e2b85825681dc83904384aa42553006
|
|
@ -27,15 +27,15 @@
|
||||||
</defs>
|
</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"
|
<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" />
|
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
|
<path
|
||||||
transform="translate({{ this.bg_orange_x }},0)"
|
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"
|
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)" >
|
<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="8.7" y="14.6">{{ this.inputvalue }}</tspan>
|
||||||
<tspan x="105.7" y="14.6">{{ this.name }}</tspan>
|
<tspan x="{{ this.name_position | int + 0.7 }}" y="14.6">{{ this.name }}</tspan>
|
||||||
</text>
|
</text>
|
||||||
<path
|
<path
|
||||||
id="accent01"
|
id="accent01"
|
||||||
|
@ -44,7 +44,7 @@
|
||||||
/>
|
/>
|
||||||
{% for i in range(this.accent_02_multiplier | int) %}
|
{% for i in range(this.accent_02_multiplier | int) %}
|
||||||
<path
|
<path
|
||||||
id="accent02"
|
id="accent02_{{ i }}"
|
||||||
style="fill:url(#grad1);stroke-width:0;paint-order:stroke fill markers"
|
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"
|
d="M 0,5.0002341e-7 H 10 L 9.993,19.999999 H 0 Z"
|
||||||
transform="translate({{ 100 + (i * 10) }},0)"
|
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"
|
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">
|
<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="8" y="14">{{ this.inputvalue }}</tspan>
|
||||||
<tspan x="105" y="14">{{ this.name }}</tspan>
|
<tspan x="{{ this.name_position }}" y="14">{{ this.name }}</tspan>
|
||||||
</text>
|
</text>
|
||||||
<metadata
|
<metadata
|
||||||
id="metadata">
|
id="metadata">
|
||||||
|
|
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 10 KiB |
|
@ -8,16 +8,24 @@
|
||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">Role Name</th>
|
<th>Role Name</th>
|
||||||
<th scope="col">Expenditure</th>
|
<td>Ansible Galaxy</td>
|
||||||
|
<td>Maintainance Status</td>
|
||||||
|
<td>License</td>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for blk in this.table.blocks -%}
|
{% for blk in this.table.blocks -%}
|
||||||
<tr>
|
<tr>
|
||||||
<th>{{ blk.name }}</th>
|
<th><a href="{{ blk.gitrepo }}" target="_blank">{{ blk.name }}</a></th>
|
||||||
<td>
|
<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>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
Loading…
Reference in a new issue