redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Make some software labels easier to read on light theme

Browse source
This commit is contained in:
Joshua Goins 2025-01-10 21:02:20 -05:00
parent 06225c610f
commit 8db4295f27
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
themes/red/layouts/_default/software.html
View file

@ -93,8 +93,13 @@
{{ $since_year := (sub now.Year (.Date.Year)) }} {{ $since_year := (sub now.Year (.Date.Year)) }}
{{ $zero_to_one := math.Div (float $since_year) 8.0 }} {{ $zero_to_one := math.Div (float $since_year) 8.0 }}
{{ $opacity := math.Sub 1.0 $zero_to_one }} {{ $opacity := math.Sub 1.0 $zero_to_one }}
{{ $opacity = math.Max $opacity 0.0 }}
{{ $opacity_percentage := 0.0 }}
{{ if gt $opacity 0.5 }}
{{ $opacity_percentage = 100.0 }}
{{ end }}
<p class="project-header" style="background-color: rgba(85.0, 121.0, 153.0, {{ $opacity }})">{{ .Title }}<span style="float:right;margin:0">{{ .Date.Format "2006" }}</span></p> <p class="project-header" style="background-color: rgba(85.0, 121.0, 153.0, {{ $opacity }}); color: color-mix(in srgb-linear, var(--text-color), white {{ $opacity_percentage }}%)">{{ .Title }}<span style="float:right;margin:0">{{ .Date.Format "2006" }}</span></p>
<p class="project-desc">{{ .Summary }}</p> <p class="project-desc">{{ .Summary }}</p>