KXB.Spark

How this page was made

KXBSparkImage.cshtml

    
@using KXB.Spark.Image
@model Web.ViewModels.SparkViewModel
@{
    Layout = "~/Views/Layouts/_Layout.cshtml";
    var defaultRandom = KXB.Spark.Image.Image.GenerateInstance(width: 432);
    var sixteenByNine = KXB.Spark.Image.Image.GenerateInstance(aspectRatio: AspectRatio.SixteenByNine, width: 432);
    var fourByThree = KXB.Spark.Image.Image.GenerateInstance(aspectRatio: AspectRatio.FourByThree, width: 432);
    var threeByTwo = KXB.Spark.Image.Image.GenerateInstance(aspectRatio: AspectRatio.ThreeByTwo, width: 432);
    var twoByOne = KXB.Spark.Image.Image.GenerateInstance(aspectRatio: AspectRatio.TwoByOne, width: 432);

}
@Html.Partial("~/Views/Partials/_InstallationGuide.cshtml", Model.NugetModel)
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Square</h3>
    <div class="columns">
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", defaultRandom)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", defaultRandom)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", defaultRandom)
        </div>
    </div>
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", defaultRandom)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">16:9</h3>
    <div class="columns">
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", sixteenByNine)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", sixteenByNine)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", sixteenByNine)
        </div>
    </div>
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", sixteenByNine)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">4:3</h3>
    <div class="columns">
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", fourByThree)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", fourByThree)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", fourByThree)
        </div>
    </div>
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", fourByThree)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">3:2</h3>
    <div class="columns">
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", threeByTwo)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", threeByTwo)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", threeByTwo)
        </div>
    </div>
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", threeByTwo)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">2:1</h3>
    <div class="columns">
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", twoByOne)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", twoByOne)
        </div>
        <div class="column">
            @Html.Partial("~/Views/Partials/KXB.Spark/_Image.cshtml", twoByOne)
        </div>
    </div>
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", twoByOne)
</div>