Image support continued. Needs refactor.

This commit is contained in:
kor 2018-07-19 04:02:00 +12:00
parent a1e106ebc5
commit 517ebcdd8d
2 changed files with 42 additions and 11 deletions

40
asset/style.css vendored
View File

@ -203,17 +203,28 @@ body {
width: 100%; width: 100%;
} }
.grid-item-lower-content { .grid-item-lower-content {
z-index: 100;
padding: 0 var(--size-gutter) 0 var(--size-gutter); padding: 0 var(--size-gutter) 0 var(--size-gutter);
z-index: 100;
/*padding: 0 var(--size-gutter) 0 var(--size-gutter);
height: 100%; height: 100%;
display: inline-block; display: inline-block;*/
/*float: left;
clear: both;
width: 100%;
top: 0;
left: 0;*/
}
.grid-item-image .grid-item-lower-content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: var(--size-gutter);
} }
.grid-item-lower-content:empty { .grid-item-lower-content:empty {
display: none; display: none;
} }
.grid-item-image .grid-item-lower-content {
visibility: hidden;
}
.grid-item-image { .grid-item-image {
padding-bottom: 0; padding-bottom: 0;
overflow: hidden; overflow: hidden;
@ -347,12 +358,21 @@ body {
.grid-item:hover .prog { .grid-item:hover .prog {
color: var(--color-content-item-e); color: var(--color-content-item-e);
} }
.grid-item-image .link,
.grid-item-image .note,
.grid-item-image .quote,
.grid-item-image .term,
.grid-item-image .tags,
.grid-item-image .prog {
color: #CE0000;
}
.grid-item-image .grid-item-lower-content { .grid-item-image .grid-item-lower-content {
display: none; display: none;
} }
/*.grid-item-image:hover .grid-item-lower-content { .grid-item-image:hover .grid-item-lower-content {
display: initial; display: initial;
}*/ }
.tags a { .tags a {
color: var(--color-content-item-i); color: var(--color-content-item-i);
text-decoration:none; text-decoration:none;
@ -364,6 +384,12 @@ body {
background-color: var(--color-content-item-a); background-color: var(--color-content-item-a);
color: var(--color-content-bg-e); color: var(--color-content-bg-e);
} }
.grid-item-image:hover .tags a {
color: #fff;
}
.grid-item-image:hover .tags a:hover {
color: #fff;
}
/* SMALL ICONS */ /* SMALL ICONS */
.textIcon { .textIcon {

View File

@ -1631,13 +1631,14 @@ SLIDE
TYPE : image TYPE : image
DONE : true DONE : true
WIDE : true WIDE : true
TAGS : log, example
VAN VAN
DATE : 12017-01-20 DATE : 12017-01-20
FILE : 12017-01-20_van.jpg FILE : 12017-01-20_van.jpg
TYPE : image TYPE : image
PROJ : Van PROJ : Van
TAGS : diy TAGS : diy, log, example
DONE : true DONE : true
FPV MOD FPV MOD
@ -1645,7 +1646,7 @@ FPV MOD
FILE : 12018-03-20_fpvMod.jpg FILE : 12018-03-20_fpvMod.jpg
TYPE : image TYPE : image
PROJ : Drone PROJ : Drone
TAGS : diy TAGS : diy, log, example
DONE : true DONE : true
SWITCH PANEL SWITCH PANEL
@ -1653,7 +1654,7 @@ SWITCH PANEL
FILE : 12018-07-10_switchPanel.jpg FILE : 12018-07-10_switchPanel.jpg
TYPE : image TYPE : image
PROJ : Van PROJ : Van
TAGS : diy TAGS : diy, arduino, log, example
DONE : true DONE : true
LINK : https://github.com/kormyen/VNS LINK : https://github.com/kormyen/VNS
@ -1689,20 +1690,24 @@ WHITE
DATE : 12018-07-19 DATE : 12018-07-19
FILE : 12018-07-19_white.jpg FILE : 12018-07-19_white.jpg
TYPE : image TYPE : image
TAGS : black and white, example
BLACK BLACK
DATE : 12018-07-19 DATE : 12018-07-19
FILE : 12018-07-19_black.jpg FILE : 12018-07-19_black.jpg
TYPE : image TYPE : image
TAGS : black and white, example
TALL CUT SHORT TALL CUT SHORT
DATE : 12018-07-19 DATE : 12018-07-19
FILE : 12018-07-19_tall.jpg FILE : 12018-07-19_tall.jpg
TYPE : image TYPE : image
TAGS : black and white, example
WIDE RANGITOTO
DATE : 12018-07-19 DATE : 12018-07-19
FILE : 12018-07-19_wide.jpg FILE : 12018-07-19_wide.jpg
TYPE : image TYPE : image
WIDE : true WIDE : true
TAGS : log, wide, example
` `