YaeBlog/YaeBlog.Theme.FluentUI/Pages/Home.razor

@page "/"
@using YaeBlog.Core.Models

@inject BlogOptions BlogOptionsInstance

<div style="height: 100%">
    <div class="banner" style="background-image: url('@BlogOptionsInstance.BannerImage')">
        <div class="blog-title">
            <FluentLabel Typo="@Typography.H1" Style="color: white">
                @(BlogOptionsInstance.Author)'s Blog
            </FluentLabel>
        </div>

        <div class="scroll-down">
            <i class="scroll-down-tag"></i>
        </div>
    </div>

    <div style="height: 2rem"></div>

    <div style="margin: 0 15% 0 15%">
        <FluentCard>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
            <div>
                asdfasdfsadf
            </div>
        </FluentCard>
    </div>

    <BlogFooter/>
</div>


@code {

}