Getting somewhere
This commit is contained in:
+20
-23
@@ -1,29 +1,26 @@
|
||||
@model PlaysetModel
|
||||
|
||||
@{
|
||||
ViewBag.Title = "Play";
|
||||
ViewBag.Title = $"Play with {Model.Name}";
|
||||
Layout = "_Layout";
|
||||
}
|
||||
|
||||
<div>
|
||||
@foreach (var palette in Model.Palettes)
|
||||
{
|
||||
<p>
|
||||
Start Palette
|
||||
@palette.Comment<br>
|
||||
@foreach (var color in palette.Colors)
|
||||
{
|
||||
<span style="background-color: #@(color.ToHex())">@color</span>
|
||||
}
|
||||
<br>
|
||||
End Palette
|
||||
</p>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
@foreach (var cel in Model.Cels)
|
||||
{
|
||||
<img src="data:image/gif;base64,@cel.DefaultImage" alt="@cel.FileName">
|
||||
}
|
||||
</div>
|
||||
<header id="play_menu">
|
||||
<ul>
|
||||
<li>
|
||||
<button class="mdc-button mdc-button--icon-trailing" data-rel="reset">
|
||||
<span class="mdc-button__ripple"></span>
|
||||
<span class="mdc-button__label">Reset</span>
|
||||
<i class="material-icons mdc-button__icon" aria-hidden="true">restart_alt</i>
|
||||
</button>
|
||||
</li>
|
||||
<li class="mdc-typography--button">Sets</li>
|
||||
</ul>
|
||||
</header>
|
||||
<article id="play_area" style="background-color: #@Model.BorderColor"></article>
|
||||
@section Scripts
|
||||
{
|
||||
<script>
|
||||
document.kisekae.load("play_area", "play_menu", @Json.Serialize(Model))
|
||||
</script>
|
||||
}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
|
||||
<link rel="stylesheet" href="~/css/main.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<body class="mdc-typography">
|
||||
<header class="mdc-top-app-bar">
|
||||
<div class="mdc-top-app-bar__row">
|
||||
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start">
|
||||
@@ -23,6 +23,18 @@
|
||||
<a class="material-icons mdc-top-app-bar__action-item mdc-icon-button" aria-label="Options">more_vert</a>
|
||||
</section>
|
||||
</div>
|
||||
<div role="progressbar" class="mdc-linear-progress" aria-label="Loading Progress" aria-valuemin="0" aria-valuemax="1" aria-valuenow="0">
|
||||
<div class="mdc-linear-progress__buffer">
|
||||
<div class="mdc-linear-progress__buffer-bar"></div>
|
||||
<div class="mdc-linear-progress__buffer-dots"></div>
|
||||
</div>
|
||||
<div class="mdc-linear-progress__bar mdc-linear-progress__primary-bar">
|
||||
<span class="mdc-linear-progress__bar-inner"></span>
|
||||
</div>
|
||||
<div class="mdc-linear-progress__bar mdc-linear-progress__secondary-bar">
|
||||
<span class="mdc-linear-progress__bar-inner"></span>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="mdc-top-app-bar--fixed-adjust" role="main">
|
||||
@RenderBody()
|
||||
|
||||
Reference in New Issue
Block a user