ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 19:45:06 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Nebraska-Man Generative Art

Browse source
This commit is contained in:
Thomas Smith 2022-10-30 17:57:41 -04:00
parent b049a7ce0f
commit 7fdfbaa2ac
5 changed files with 54 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/page/nebraska-man.html
View file

@ -1,8 +1,6 @@
{{ define "main" }} {{ define "main" }}
{{- partial "nb-man-gen-art.html" -}} <div class="section two-boxes nb-hero-section">
<div class="section two-boxes hero-section">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col" style="z-index:2;"> <div class="col" style="z-index:2;">

BIN
src/static/Images/nbman-large-grid-generative-art.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 168 KiB

BIN
src/static/Images/nbman-medium-grid-generative-art.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
src/static/Images/nbman-x-large-grid-generative-art.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 225 KiB

60
src/static/css/nebraska-man.css
View file

@ -1,12 +1,58 @@
.nb-man-hero{ /* Breakpoints for re-use*/
background-image: url("/Images/x-large-grid.svg");
background-attachment: fixed; @media only screen and (min-width: 1200px) {
background-position: top;
background-repeat: repeat; .nb-hero-section{
background-size: cover; background-image: url("/Images/nbman-x-large-grid-generative-art.gif") !important;
border-bottom: 2px solid #949494; background-attachment: scroll;
background-position: top;
background-repeat: repeat;
background-size: cover;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.nb-hero-section{
background-image: url("/Images/nbman-large-grid-generative-art.gif") !important;
background-attachment: scroll;
background-position: top;
background-repeat: repeat;
background-size: cover;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.nb-hero-section{
background-image: url("/Images/nbman-large-grid-generative-art.gif") !important;
background-attachment: scroll;
background-position: top;
background-repeat: repeat;
background-size: cover;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.nb-hero-section{
background-image: url("/Images/nbman-medium-grid-generative-art.gif") !important;
background-attachment: scroll;
background-position: top;
background-repeat: repeat;
background-size: cover;
}
}
@media only screen and (max-width: 576px) {
}
.nb-man-latest{ .nb-man-latest{
background-image: url("/Images/x-large-grid.svg"); background-image: url("/Images/x-large-grid.svg");
background-attachment: fixed; background-attachment: fixed;