Moved white-paper gen art to partial

This commit is contained in:
Thomas Smith 2022-10-25 16:10:28 -04:00
parent 7c67d88ceb
commit f8138e0a3b
2 changed files with 70 additions and 73 deletions

View file

@ -1,78 +1,6 @@
{{ define "main" }}
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-1"></div>
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="wp-gen-art-2"></div>
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-3"></div>
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-4"></div>
<style>
#wp-gen-art-1{
position:absolute;
width:34vw;
height: 18vw;
right: 5.8vw;
top:16.741vw;
z-index: 0;
background-image: url("/Images/gen-art/orange-pattern.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#wp-gen-art-2{
position:absolute;
width:34vw;
height: 12vw;
left: 5.8vw;
top:11.161vw;
z-index: 0;
background-image: url("/Images/gen-art/dream-tree.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#wp-gen-art-3{
position:absolute;
width:12vw;
height: 12vw;
border-radius: 200px;
left: 36vw;
top:16vw;
z-index: 0;
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#wp-gen-art-4{
position:absolute;
width:45vw;
height: 7vw;
left: 36vw;
top:40vw;
z-index: 0;
background-image: url("/Images/gen-art/white-light-pattern.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
h1{
text-shadow: 0px 0px 4px #1a1a1a;
}
</style>
{{- partial "white-paper-gen-art.html" -}}
<!-- Hero Section -->
<div class="section two-boxes hero-section">

View file

@ -0,0 +1,69 @@
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-1"></div>
<div class="gen-art animated-5 animatedFadeInUp fadeInUp" id="wp-gen-art-2"></div>
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-3"></div>
<div class="gen-art animated-25 animatedFadeInUp fadeInUp" id="wp-gen-art-4"></div>
<style>
#wp-gen-art-1{
position:absolute;
width:34vw;
height: 18vw;
right: 5.8vw;
top:16.741vw;
z-index: 0;
background-image: url("/Images/gen-art/orange-pattern.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#wp-gen-art-2{
position:absolute;
width:34vw;
height: 12vw;
left: 5.8vw;
top:11.161vw;
z-index: 0;
background-image: url("/Images/gen-art/dream-tree.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#wp-gen-art-3{
position:absolute;
width:12vw;
height: 12vw;
border-radius: 200px;
left: 36vw;
top:16vw;
z-index: 0;
background-image: url("/Images/gen-art/gen-art-_0011_DALL·E 2022-09-01 10.52.27 - neon pink colored subway wall painted in the style of keith haring.png.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
#wp-gen-art-4{
position:absolute;
width:45vw;
height: 7vw;
left: 36vw;
top:40vw;
z-index: 0;
background-image: url("/Images/gen-art/white-light-pattern.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: repeat;
background-size: cover;
}
h1{
text-shadow: 0px 0px 4px #1a1a1a;
}
</style>