main
Paul Schneider 3 months ago
parent 5b96ac9329
commit 94e9ffabac
7 changed files with 197 additions and 28 deletions

@ -15,7 +15,7 @@ src/Yavsc/bin/output/wwwroot:
test: test:
dotnet test dotnet test
web: watch:
dotnet watch -p:Configuration=$(CONFIG) --project src/Yavsc/Yavsc.csproj dotnet watch -p:Configuration=$(CONFIG) --project src/Yavsc/Yavsc.csproj
src/Yavsc.Abstract/bin/$(CONFIG)/$(FRAMEWORK)/Yavsc.Abstract.dll: src/Yavsc.Abstract/bin/$(CONFIG)/$(FRAMEWORK)/Yavsc.Abstract.dll:

@ -63,7 +63,7 @@ $('#commentValidation').html(
<div class="post"> <div class="post">
<div class="float-left"> <div class="float-left">
<img alt="" src="@Model.Photo" > <img class="photo" src="@Model.Photo" >
</div> </div>
<h1 ismarkdown>@Model.Title</h1> <h1 ismarkdown>@Model.Title</h1>

@ -44,19 +44,17 @@
</p> </p>
} }
<div class="blog"> <div class="blog-index">
@{ @{
int maxTextLen = 75; int maxTextLen = 75;
foreach (var post in Model) { foreach (var post in Model) {
<div class="post"> <div class="post card">
<div class="float-left" > <a asp-action="Details" asp-route-id="@post.Id" class="bloglink" >
<a asp-action="Details" asp-route-id="@post.Id" class="bloglink" style="display: float-left;"> <div class="float-left"><img class="photo card-photo" src="@post.Photo" ></div>
<img src="@post.Photo" > <h3 class="index-post-title">@post.Title</h3>
</a> </a>
</div>
<h3>@post.Title</h3>
<div> <div>
<a asp-action="Details" asp-route-id="@post.Id"> <a asp-action="Details" asp-route-id="@post.Id">
<asciidoc summary="@maxTextLen">@post.Content</asciidoc></a> <asciidoc summary="@maxTextLen">@post.Content</asciidoc></a>

@ -15,7 +15,7 @@
div.carousel-inner > div.item > div.carousel-caption-s { div.carousel-inner > div.item > div.carousel-caption-s {
margin: .5em; margin: .5em;
background-color: rgba(0, 0, 0, 0.6); background-color: #530e6a;
color: #ffffc8; color: #ffffc8;
font-weight: bold; font-weight: bold;
padding: .5em; } padding: .5em; }
@ -30,17 +30,17 @@ input[type='checkbox'] {
min-height: 1em; } min-height: 1em; }
.container { .container {
background-color: #000000d5; background-color: #25131c;
color: #fff; color: #fff;
padding: .5em; padding: .5em;
margin: .5em; } margin: .5em; }
.post { .post {
background-color: #000000dd; background-color: #290505;
color: #d1d1d1; color: #d1d1d1;
padding: 2.3em; padding: 2.3em;
border-radius: 2em; border-radius: 2em;
border: solid #441515a4 2pt; } border: solid #5d7f0ca4 2pt; }
.actiongroup { .actiongroup {
float: right; float: right;
@ -51,8 +51,81 @@ input[type='checkbox'] {
margin: .5em; } margin: .5em; }
a { a {
color: aquamarine; color: var(--blue); }
background-color: black; }
a.close { a.close {
cursor: pointer; } cursor: pointer; }
.grants-page .card {
margin-top: 20px;
border-bottom: 1px solid lightgray; }
.grants-page .card .card-title {
font-size: 120%;
font-weight: bold; }
.grants-page .card .card-title img {
width: 100px;
height: 100px; }
.grants-page .card label {
font-weight: bold; }
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
div.carousel-inner > div.item > div.carousel-caption-s {
margin: .5em;
background-color: #530e6a;
color: #ffffc8;
font-weight: bold;
padding: .5em; }
img.blogphoto {
max-width: 100%;
max-height: 100%; }
input[type='checkbox'] {
appearance: auto;
min-width: 1em;
min-height: 1em; }
.container {
background-color: #25131c;
color: #ccdeff;
padding: .5em;
margin: .5em; }
.post {
background-color: #290505;
color: #dce1ec;
padding: .7em;
border-radius: 2em;
border: solid #b29e9e 2pt; }
.post .photo {
max-height: 100%;
max-width: 100%; }
.actiongroup {
float: right;
margin: .5em; }
.float-left {
float: left;
margin: .5em; }
body {
font: 1rem/1.5 var(--font-family-sans-serif);
color: #ccdeff;
background-color: #25131c; }
.card {
max-height: 20em;
max-width: 30em;
display: inline-table; }
.card .card-photo {
border: solid 1px #ffffffd4;
max-height: 15em;
max-width: 30em; }
.card .index-post-title {
display: inline; }

@ -1,6 +1,10 @@
.grants-page.card{margin-top:20px;border-bottom:1px solid lightgray;}.grants-page.card.card-title{font-size:120%;font-weight:bold;}.grants-page.card.card-title img{width:100px;height:100px;}.grants-page.card label{font-weight:bold;}.navbar-dark.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");} .grants-page.card{margin-top:20px;border-bottom:1px solid lightgray;}.grants-page.card.card-title{font-size:120%;font-weight:bold;}.grants-page.card.card-title img{width:100px;height:100px;}.grants-page.card label{font-weight:bold;}.navbar-dark.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
div.carousel-inner>div.item>div.carousel-caption-s{margin:.5em;background-color:rgba(0,0,0,0.6);color:#ffffc8;font-weight:bold;padding:.5em;} div.carousel-inner>div.item>div.carousel-caption-s{margin:.5em;background-color:#530e6a;color:#ffffc8;font-weight:bold;padding:.5em;}
img.blogphoto{max-width:100%;max-height:100%;} img.blogphoto{max-width:100%;max-height:100%;}
input[type='checkbox']{appearance:auto;min-width:1em;min-height:1em;}.container{background-color:#000000d5;color:#fff;padding:.5em;margin:.5em;}.post{background-color:#000000dd;color:#d1d1d1;padding:2.3em;border-radius:2em;border:solid#441515a4 2pt;}.actiongroup{float:right;margin:.5em;}.float-left{float:left;margin:.5em;} input[type='checkbox']{appearance:auto;min-width:1em;min-height:1em;}.container{background-color:#25131c;color:#fff;padding:.5em;margin:.5em;}.post{background-color:#290505;color:#d1d1d1;padding:2.3em;border-radius:2em;border:solid#5d7f0ca4 2pt;}.actiongroup{float:right;margin:.5em;}.float-left{float:left;margin:.5em;}
a{color:aquamarine;background-color:black;} a{color:var(--blue);}
a.close{cursor:pointer;} a.close{cursor:pointer;}.grants-page.card{margin-top:20px;border-bottom:1px solid lightgray;}.grants-page.card.card-title{font-size:120%;font-weight:bold;}.grants-page.card.card-title img{width:100px;height:100px;}.grants-page.card label{font-weight:bold;}.navbar-dark.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
div.carousel-inner>div.item>div.carousel-caption-s{margin:.5em;background-color:#530e6a;color:#ffffc8;font-weight:bold;padding:.5em;}
img.blogphoto{max-width:100%;max-height:100%;}
input[type='checkbox']{appearance:auto;min-width:1em;min-height:1em;}.container{background-color:#25131c;color:#ccdeff;padding:.5em;margin:.5em;}.post{background-color:#290505;color:#dce1ec;padding:.7em;border-radius:2em;border:solid#b29e9e 2pt;}.post.photo{max-height:100%;max-width:100%;}.actiongroup{float:right;margin:.5em;}.float-left{float:left;margin:.5em;}
body{font:1rem/1.5 var(--font-family-sans-serif);color:#ccdeff;background-color:#25131c;}.card{max-height:20em;max-width:30em;display:inline-table;}.card.card-photo{border:solid 1px#ffffffd4;max-height:15em;max-width:30em;}.card.index-post-title{display:inline;}

@ -1,9 +1,19 @@
$color: #ccdeff;
$background-color: #25131c;
$post-color: #dce1ec;
$post-background-color: #290505;
$post-border-color:rgb(178, 158, 158);
$card-border-color: lightgray;
$card-photo-border-color: #ffffffd4;
$carousel-color: rgb(255,255,200);
$carousel-background-color: #530e6a;
$primary: #00c40d;
$danger: #dc0505d5;
.grants-page { .grants-page {
.card { .card {
margin-top: 20px; margin-top: 20px;
border-bottom: 1px solid lightgray; border-bottom: 1px solid $card-border-color;
.card-title { .card-title {
img { img {
@ -27,8 +37,8 @@
div.carousel-inner > div.item > div.carousel-caption-s { div.carousel-inner > div.item > div.carousel-caption-s {
margin: .5em; margin: .5em;
background-color: rgba(0,0,0,.6); background-color: $carousel-background-color;
color: rgb(255,255,200); color: $carousel-color;
font-weight: bold; font-weight: bold;
padding: .5em; padding: .5em;
} }
@ -45,18 +55,18 @@ input[type='checkbox'] {
} }
.container { .container {
background-color: #000000d5; background-color: $background-color;
color: #fff; color: #fff;
padding: .5em; padding: .5em;
margin: .5em; margin: .5em;
} }
.post { .post {
background-color: #000000dd; background-color: $post-background-color;
color:#d1d1d1; color:#d1d1d1;
padding: 2.3em; padding: 2.3em;
border-radius: 2em; border-radius: 2em;
border: solid #441515a4 2pt; border: solid #5d7f0ca4 2pt;
} }
.actiongroup .actiongroup
@ -71,12 +81,96 @@ input[type='checkbox'] {
margin:.5em; margin:.5em;
} }
a { a {
color:aquamarine; color: var(--blue);
background-color: black;
} }
a.close a.close
{ {
cursor: pointer; cursor: pointer;
} }
.grants-page .card {
margin-top: 20px;
border-bottom: 1px solid lightgray; }
.grants-page .card .card-title {
font-size: 120%;
font-weight: bold; }
.grants-page .card .card-title img {
width: 100px;
height: 100px; }
.grants-page .card label {
font-weight: bold; }
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
div.carousel-inner > div.item > div.carousel-caption-s {
margin: .5em;
background-color: $carousel-background-color;
color: $carousel-color;
font-weight: bold;
padding: .5em; }
img.blogphoto {
max-width: 100%;
max-height: 100%; }
input[type='checkbox'] {
appearance: auto;
min-width: 1em;
min-height: 1em; }
.container {
background-color: $background-color;
color: $color;
padding: .5em;
margin: .5em; }
.post {
background-color: $post-background-color;
color: $post-color;
padding: .7em;
border-radius: 2em;
border: solid $post-border-color 2pt;
.photo {
max-height: 100%;
max-width: 100%;
}
}
.actiongroup {
float: right;
margin: .5em; }
.float-left {
float: left;
margin: .5em; }
body {
font: 1rem/1.5 var(--font-family-sans-serif);
color: $color;
background-color: $background-color;
}
.card {
max-height: 20em;
max-width: 30em;
display: inline-table;
.card-photo
{
border: solid 1px $card-photo-border-color;
max-height: 15em;
max-width: 30em;
}
.index-post-title
{
display: inline;
}
}

Loading…