Build/PipeScript.PSSVG.ps1

#requires -Module PSSVG

$psChevron = Invoke-restMethod https://pssvg.start-automating.com/Examples/PowerShellChevron.svg
$RotateEvery = [Timespan]'00:00:15'

$Variants = '', '4-chevron','animated','4-chevron-animated'

foreach ($variant in $variants) {

svg -ViewBox 1920,1080 @(
    svg.defs @(
        SVG.GoogleFont -FontName "Roboto"
        SVG.marker -id 'marker' -ViewBox 100,100 @(
            svg.polygon -Points (@(
                "30,0"
                "35,0"
                "60,50"
                "15,100"
                "12.5,100"
                "55,50"
            ) -join ' ') -Fill '#4488ff' -Class 'foreground-fill'
        ) -MarkerWidth 75 -MarkerHeight 75 -RefX 50 -RefY 50 -Orient 'auto-start-reverse'        
    )
    
    $psChevron.svg.symbol.OuterXml
    
    
    svg.text -FontSize 192 -TextAnchor 'middle' -DominantBaseline 'middle' -X 50% -Y 50% -Content @(
        SVG.tspan -Content "P" -FontSize .9em
        SVG.tspan -Content "|" -FontSize .6em -Dx -.4em
        SVG.tspan -Content "peScr" -FontSize 1em -Dx -.25em
        SVG.tspan -Content "|" -FontSize .6em -Dx -.4em
        SVG.tspan -Content "pt" -FontSize .9em -Dx -.25em
    ) -Style 'font-family: "Roboto", sans-serif' -Fill '#4488ff' -Class 'foreground-fill'

    
    
    foreach ($circleN in 0..2) {
        $radius = 475 - ($circleN * 5)
        $circleTop    = (1920/2), ((1080/2)-$radius)
        $circleMid    = (1920/2), (1080/2)
        $circleRight  = ((1920/2) + $radius),((1080/2))
        $circleBottom = (1920/2), ((1080/2)+$radius)
        $circleLeft   = ((1920/2) - $radius),((1080/2))
        $rotateEach   = $RotateEvery * (1 + $circleN)

        if ($circleN) { 
            if ($variant -in '', '4-chevron') {
                continue 
            }            
        } 

        $strokeWidth  = 1.25 - ($circleN * .05)
        $Opacity = 1 - ($circleN * .05)
        SVG.ArcPath -Start $circleLeft -End $circleBottom -Sweep -Radius $radius -Large -Opacity $Opacity |
            SVG.ArcPath -Radius $radius -End $circleLeft -Sweep -Stroke '#4488ff' -Class foreground-stroke -fill transparent -markerEnd "url(#marker)" -strokeWidth $strokeWidth -Content @(
                if ($variant -match 'animated') {
                    svg.animateTransform -AttributeName transform -From "360 $circleMid"  -To "0 $circleMid" -dur "$($rotateEach.TotalSeconds)s" -RepeatCount 'indefinite' -AttributeType 'XML' -Type 'rotate'
                }                
            ) -Opacity $Opacity
       
            SVG.ArcPath -Start $circleRight -End $circleTop -Sweep -Radius $radius -Large -Opacity $Opacity |
                SVG.ArcPath -Radius $radius -End $circleRight -Sweep -Stroke '#4488ff' -Class foreground-stroke -fill transparent -markerEnd "url(#marker)" -strokeWidth $strokeWidth -Content @(
                    if ($variant -match 'animated') {
                        svg.animateTransform -AttributeName transform -From "360 $circleMid"  -To "0 $circleMid" -dur "$($rotateEach.TotalSeconds)s" -RepeatCount 'indefinite' -AttributeType 'XML' -Type 'rotate'
                    }
                ) -Opacity $Opacity
        if ($variant -match '4-chevron') {

        SVG.ArcPath -Start $circleTop -End $circleLeft -Sweep -Radius $radius -Large -Opacity $Opacity |
            SVG.ArcPath -Radius $radius -End $circleTop -Sweep -Stroke '#4488ff' -Class foreground-stroke -fill transparent -markerEnd "url(#marker)" -strokeWidth $strokeWidth -Content @(
                if ($variant -match 'animated') {
                    svg.animateTransform -AttributeName transform -From "360 $circleMid"  -To "0 $circleMid" -dur "$($rotateEach.TotalSeconds)s" -RepeatCount 'indefinite' -AttributeType 'XML' -Type 'rotate'
                }
            ) -Opacity $Opacity

        SVG.ArcPath -Start $circleBottom -End $circleRight -Sweep -Radius $radius -Large |
            SVG.ArcPath -Radius $radius -End $circleBottom -Sweep -Stroke '#4488ff' -Class foreground-stroke -fill transparent -markerEnd "url(#marker)" -strokeWidth $strokeWidth -Content @(
                if ($variant -match 'animated') {
                    svg.animateTransform -AttributeName transform -From "360 $circleMid"  -To "0 $circleMid" -dur "$($rotateEach.TotalSeconds)s" -RepeatCount 'indefinite' -AttributeType 'XML' -Type 'rotate'
                }
            )
        }
    }     
) -OutputPath (
    Join-Path ($PSScriptRoot | Split-Path) Assets | Join-Path -ChildPath "PipeScript$(if ($variant) { "-$Variant"}).svg"
)
}