Fixing some font issues for mobile tablets

This commit is contained in:
shockrah 2023-10-16 22:25:47 -07:00
parent a9ba655714
commit acf26f526f
2 changed files with 5 additions and 11 deletions

View File

@ -3,10 +3,10 @@
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body> <body>
<div class="banner-container"> <div class="banner-container">
<img class="bg-img fade-in-image" src="/img/bg.png"> <!-- <img class="bg-img fade-in-image" src="/img/bg.png"> -->
<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> <h5 class="reveal-text">{{.Site.Params.Description}}</h5>
{{ partial "socials.html" . }} {{ partial "socials.html" . }}
</div> </div>
<div class="launchpad"> <div class="launchpad">

View File

@ -1,5 +1,6 @@
body { body {
background-color: #212121; /* background-color: #212121; */
background-image: url("/img/bg.png");
font-family: 'Courier New', monospace; font-family: 'Courier New', monospace;
color: #dcdcdc; color: #dcdcdc;
} }
@ -19,7 +20,6 @@ html {
} }
.banner-container { .banner-container {
position: relative;
text-align: center; text-align: center;
} }
@ -72,12 +72,8 @@ html {
} }
.headline-title { .headline-title {
font-size: 4rem;
font-weight: bold; font-weight: bold;
} }
.one-liner {
font-size: 2rem;
}
.postcard { .postcard {
padding: 0.25rem 0; padding: 0.25rem 0;
@ -242,5 +238,3 @@ ul.timeline > li:before {
margin: 0.3em; margin: 0.3em;
} }