Enhanced Dashboards with PSWriteHTML – Introducing InfoCards and Density Choices

This is one other instance that reveals couple of information playing cards in motion, together with older options corresponding to New-HTMLSectionStyle, New-HTMLImage, and New-HTMLDate.

And the code for that good instance:

New-HTML {
    New-HTMLHeader {
        New-HTMLSection -Invisible {
            New-HTMLPanel -Invisible {
                New-HTMLImage -Supply 'https://evotec.pl/wp-content/uploads/2015/05/Emblem-evotec-012.png' -UrlLink 'https://evotec.pl/' -AlternativeText 'My different textual content' -Class 'otehr' -Width '50%'
            }
            New-HTMLPanel -Invisible {
                New-HTMLImage -Supply 'https://evotec.pl/wp-content/uploads/2015/05/Emblem-evotec-012.png' -UrlLink 'https://evotec.pl/' -AlternativeText 'My different textual content' -Width '20%'
            } -AlignContentText proper
        }
        New-HTMLPanel {
            New-HTMLText -Textual content "Report generated on ", (New-HTMLDate -InputDate (Get-Date)) -Coloration None, Blue -FontSize 10, 10
            New-HTMLText -Textual content "Report generated on ", (New-HTMLDate -InputDate (Get-Date -Yr 2022)) -Coloration None, Blue -FontSize 10, 10
            New-HTMLText -Textual content "Report generated on ", (New-HTMLDate -InputDate (Get-Date -Yr 2022) -DoNotIncludeFromNow) -Coloration None, Blue -FontSize 10, 10
            New-HTMLText -Textual content "Report generated on ", (New-HTMLDate -InputDate (Get-Date -Yr 2024 -Month 11)) -Coloration None, Blue -FontSize 10, 10
        } -Invisible -AlignContentText proper
    }
    New-HTMLSectionStyle -BorderRadius 0px -HeaderBackGroundColor '#0078d4'

    # Characteristic highlights part - now with ResponsiveWrap
    New-HTMLSection -Density Dense {
        # Identification Safety
        New-HTMLInfoCard -Title "Identification Safety" -Subtitle "View dangerous customers, dangerous workload identities, and dangerous sign-ins in your tenant." -Icon "🛡️" -IconColor "#0078d4" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px -BackgroundColor Azure

        # # Entry critiques
        New-HTMLInfoCard -Title "Entry critiques" -Subtitle "Make certain solely the fitting individuals have continued entry." -Icon "👥" -IconColor "#0078d4" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px -BackgroundColor Salmon

        # # Authentication strategies
        New-HTMLInfoCard -Title "Authentication strategies" -Subtitle "Configure your customers within the authentication strategies coverage to allow passwordless authentication." -Icon "🔑" -IconColor "#0078d4" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px -ShadowColor Salmon

        # # Microsoft Entra Area Companies
        New-HTMLInfoCard -Title "Microsoft Entra Area Companies" -Subtitle "Carry-and-shift legacy functions working on-premises into Azure." -Icon "🔷" -IconColor "#0078d4" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px

        # # Tenant restrictions
        New-HTMLInfoCard -Title "Tenant restrictions" -Subtitle "Specify the listing of tenants that their customers are permitted to entry." -Icon "🚫" -IconColor "#dc3545" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px

        # # Entra Permissions Administration
        New-HTMLInfoCard -Title "Entra Permissions Administration" -Subtitle "Steady safety of your vital cloud assets from unintended misuse and malicious exploitation of permissions." -Icon "📁" -IconColor "#198754" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px

        # # Privileged Identification Administration
        New-HTMLInfoCard -Title "Privileged Identification Administration" -Subtitle "Handle, management, and monitor entry to necessary assets in your group." -Icon "💎" -IconColor "#6f42c1" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px

        # Conditional Entry
        New-HTMLInfoCard -Title "Conditional Entry" -Subtitle "Management consumer entry based mostly on Conditional Entry coverage to carry alerts collectively, to make choices, and implement organizational insurance policies." -Icon "🔒" -IconColor "#0078d4" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px

        # Conditional Entry
        New-HTMLInfoCard -Title "Conditional Entry" -Subtitle "Management consumer entry based mostly on Conditional Entry coverage to carry alerts collectively, to make choices, and implement organizational insurance policies." -IconSolid working -IconColor RedBerry -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px
    }


    # Further providers part
    New-HTMLSection -HeaderText 'Further Companies' {
        New-HTMLSection -Density Spacious  World Administrator and a couple of different roles" -Icon "👤" -IconColor "#6c757d" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px

            # Safe Rating
            New-HTMLInfoCard -Title "Safe Rating for Identification" -Quantity "28.21%" -Subtitle "Safe rating updates can take as much as 48 hours." -Icon "🏆" -IconColor "#ffc107" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px

            # Microsoft Entra Join
            New-HTMLInfoCard -Title "Microsoft Entra Join" -Quantity "✅ Enabled" -Subtitle "Final sync was lower than 1 hour in the past" -Icon "🔄" -IconColor "#198754" -Type "Commonplace" -ShadowIntensity 'Regular' -BorderRadius 2px
        
    }

    # Enhanced styling showcase with completely different shadow intensities
    New-HTMLSection -HeaderText 'Enhanced Visible Showcase' {
        New-HTMLSection -Density Spacious {
            # ExtraNormal shadows for high-priority gadgets
            New-HTMLInfoCard -Title "HIGH PRIORITY" -Quantity "Important" -Subtitle "Most visibility shadow" -Icon "⚠️" -IconColor "#dc3545" -ShadowIntensity 'Regular' -ShadowColor 'rgba(220, 53, 69, 0.4)' -BorderRadius 2px

            # Regular coloured shadows
            New-HTMLInfoCard -Title "Safety Alert" -Quantity "Lively" -Subtitle "Regular pink shadow for consideration" -Icon "🔴" -IconColor "#dc3545" -ShadowIntensity 'Regular' -ShadowColor 'rgba(220, 53, 69, 0.3)' -BorderRadius 2px

            # Regular with customized shade
            New-HTMLInfoCard -Title "Efficiency" -Quantity "Good" -Subtitle "Inexperienced shadow signifies success" -Icon "✅" -IconColor "#198754" -ShadowIntensity 'Regular' -ShadowColor 'rgba(25, 135, 84, 0.3)' -BorderRadius 2px

            # Customized shadow settings
            New-HTMLInfoCard -Title "Customized Styling" -Quantity "Superior" -Subtitle "Customized blur and unfold values" -Icon "🎨" -IconColor "#6f42c1" -ShadowIntensity 'Customized' -ShadowBlur 15 -ShadowSpread 3 -ShadowColor 'rgba(111, 66, 193, 0.25)' -BorderRadius 2px
        }
    }

} -FilePath "$PSScriptRootExample-MicrosoftEntra.html" -TitleText "Microsoft Entra Interface Recreation" -On-line -Present