shockrah/temper-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Simplifying things

Browse Source
This commit is contained in:
shockrah 2023-09-21 20:54:19 -07:00
parent f5e8b873bf
commit 1cf61e3a51
3 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
main-site/themes/temper/layouts/index.html
View File

@ -3,9 +3,7 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body> <body>
<div class="banner-container"> <div class="banner-container">
<div class="fade-in-image"> <img class="bg-img fade-in-image" src="/img/bg.png">
<img class="bg-img" src="/img/bg.png">
</div>
<div class="headline"> <div class="headline">
<h1 class="headline-title reveal-text">{{.Site.Title}}</h1> <h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
<p class="one-liner reveal-text">{{.Site.Params.Description}}</p> <p class="one-liner reveal-text">{{.Site.Params.Description}}</p>

2
main-site/themes/temper/layouts/partials/main-buttons.html
View File

@ -1,5 +1,5 @@
{{ range .Site.Params.Launchpad }} {{ range .Site.Params.Launchpad }}
<button type="button" class="launchpad-button btn btn-light"> <button type="button" class="fade-in-image launchpad-button btn btn-light">
<h5 class="card-title">{{ .uri }}</h5> <h5 class="card-title">{{ .uri }}</h5>
<p class="card-text">{{ .description }}</p> <p class="card-text">{{ .description }}</p>
</button> </button>

14
main-site/themes/temper/static/css/style.css
View File

@ -14,16 +14,15 @@ html {
.banner-container { .banner-container {
position: relative; position: relative;
text-align: center; text-align: center;
max-width: 100%;
} }
.bg-img { .bg-img {
background-image: url("/img/bg.png");
height: 100%; height: 100%;
background-position: center; background-image: url("/img/bg.png");
background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: 100% 100%;
} }
.fade-in-image { .fade-in-image {
@ -58,13 +57,6 @@ html {
100% {opacity:1;} 100% {opacity:1;}
} }
.fluid {
width: 100%;
max-height: 100vh;
object-fit: cover;
opacity: 0.6;
}
.headline { .headline {
position: absolute; position: absolute;
top: 10%; top: 10%;