ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-29 20:25:05 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adjustments to hero typography and subhead

Browse source
This commit is contained in:
Thomas Smith 2023-01-27 15:09:59 -05:00
parent 5324f6a589
commit 1ee90a9e2d
3 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/layouts/index.html
View file

@ -6,7 +6,10 @@
<div class="container hero-container"> <div class="container hero-container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<h1 class="impact text-center" style="z-index:3; position: relative;">the next&#8208;generation, cross&#8208;platform <span class="white"><br>package manager</span></h1> <h1 class="impact text-center" style="z-index:3; position: relative;">Invisible yet <span class="orange">powerful</span></h1>
<div class="lead-box flex text-center black-bg p-5">
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -15,6 +18,16 @@
{{- partial "full-width-cta-split.html" . -}} {{- partial "full-width-cta-split.html" . -}}
</div> </div>
<style>
.lead-box{
width: 100%;
border: 2px solid #949494;
min-height: 12.556vw;
}
</style>
<section class="hero-section terminal-demo"> <section class="hero-section terminal-demo">
<div class="container"> <div class="container">

2
src/static/css/homepage.css
View file

@ -148,7 +148,7 @@ mark{
.lead-text-container{ .lead-text-container{
border: 1px solid #949494 !important; border: 1px solid #949494 !important;
width: 41.6vw; width: 600px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;

4
src/static/css/typography.css
View file

@ -116,9 +116,9 @@ a:hover{
@media only screen and (min-width: 992px) and (max-width: 1200px) { @media only screen and (min-width: 992px) and (max-width: 1200px) {
.impact{ .impact{
font-size: 6.8vw !important; font-size: 9.5vw !important;
line-height: 10.05vw!important; line-height: 10.05vw!important;
margin-top: -1vw !important; margin-top: 3.2vw !important;
margin-bottom: -2.4vw !important; margin-bottom: -2.4vw !important;
} }