minor styling improvements
This commit is contained in:
parent
6a13fad03c
commit
849c28d3c3
GPG Key ID:
44A86CFF1FDF0E85
|
|
@ -36,7 +36,7 @@ header_pages:
|
|||
style: dark # dark (default), light or hacker
|
||||
listen_for_clients_preferred_style: false # false (default) or true
|
||||
|
||||
footer: '2025 Distrust, LLC'
|
||||
footer: '© 2025 Distrust LLC'
|
||||
|
||||
# Build settings
|
||||
theme: jekyll-theme-console
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<footer style="padding: 30px 0px; filter: brightness(50%)">
|
||||
<footer>
|
||||
<div style="display: flex; justify-content: space-between">
|
||||
<div>
|
||||
{{ site.footer }}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
<li class="show">
|
||||
<a href="/contact.html" class="mega button">Work with us</a>
|
||||
<a href="/contact.html" class="mega-inverted button">Work with us</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="hamburger-menu" class="hide menu-button-container" for="menu-toggle">
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
|
||||
</div>
|
||||
|
||||
<section class="flex-container video-content" style="margin-top: 50px">
|
||||
<section class="flex-container video-content">
|
||||
<div class="flex-container-inner">
|
||||
<div class="text-well">
|
||||
<h1 class="gradient-text hero-header">security without blind trust</h1>
|
||||
|
|
@ -29,7 +29,7 @@
|
|||
<section class="mid-tall-section">
|
||||
<div class="flex-container-inner">
|
||||
<div class="text-well center">
|
||||
<h4 style="font-weight: 400; font-size: 22px; color: #9a9a9a">the security partner of industry leaders</h4>
|
||||
<h4 class="carousel-title" >the security partner of industry leaders</h4>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
|
||||
</div>
|
||||
|
||||
<section class="flex-container capsule-header video-content">
|
||||
<section class="flex-container capsule-header video-content" style="margin-top: 80px">
|
||||
<div class="flex-container-inner" style="padding-top: 0px">
|
||||
<div class="text-well center">
|
||||
<div class="capsule">roadmap</div>
|
||||
|
|
|
|||
|
|
@ -17,6 +17,8 @@
|
|||
--dark-purple: #241846;
|
||||
--light-purple: #7952EB;
|
||||
--light-blue: #02CAF2;
|
||||
--light-grey: #9A9A9A;
|
||||
--dark-grey: #292929;
|
||||
--code-color-1: #aaaaaa;
|
||||
--code-color-2: #ffffcc;
|
||||
--code-color-3: #F00000;
|
||||
|
|
|
|||
|
|
@ -135,7 +135,7 @@ a:hover {
|
|||
}
|
||||
|
||||
.capsule-header {
|
||||
margin-top: 60px;
|
||||
margin-top: 110px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
|
|
@ -417,14 +417,14 @@ p {
|
|||
}
|
||||
|
||||
footer {
|
||||
color: var(--text-color);
|
||||
border-top: var(--border);
|
||||
margin-top: 24px;
|
||||
padding-top: 12px;
|
||||
color: var(--light-grey);
|
||||
border-top: 1px solid var(--light-grey);
|
||||
padding: 40px 0px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
color: var(--light-grey);
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
margin-left: 20px;
|
||||
|
|
@ -449,10 +449,6 @@ header p {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
|
@ -479,6 +475,7 @@ hr {
|
|||
}
|
||||
|
||||
.header-page-links a {
|
||||
color: var(--light-grey);
|
||||
display: inline-block;
|
||||
margin: 0px 4px;
|
||||
font-size: 1.1rem;
|
||||
|
|
@ -489,7 +486,7 @@ hr {
|
|||
.header-page-links a:hover {
|
||||
transform: translateY(-2px);
|
||||
background-color: transparent;
|
||||
color: var(--link-color);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.left-menu {
|
||||
|
|
@ -594,7 +591,7 @@ hr {
|
|||
|
||||
.about-special {
|
||||
padding-left: 0px;
|
||||
margin-top: 20px;
|
||||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.team .card {
|
||||
|
|
@ -692,13 +689,32 @@ hr {
|
|||
}
|
||||
|
||||
/* important button */
|
||||
|
||||
@mixin mega {
|
||||
border-radius: 30px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.mega-inverted.button {
|
||||
border: 1px solid var(--dark-grey);
|
||||
background: var(--dark-grey);
|
||||
color: white;
|
||||
@include mega;
|
||||
}
|
||||
|
||||
.mega-inverted.button:hover {
|
||||
transform: translateY(0px);
|
||||
background: var(--light-purple);
|
||||
color: var(--base-color);
|
||||
}
|
||||
|
||||
|
||||
.mega.button {
|
||||
background-color: var(--dark-purple);
|
||||
color: var(--base-color);
|
||||
border: 2px solid var(--light-purple);
|
||||
border-radius: 30px;
|
||||
font-weight: 400;
|
||||
box-shadow: 0 0 18px rgba(42,106,255,0.6);
|
||||
@include mega;
|
||||
}
|
||||
|
||||
.mega.button:hover {
|
||||
|
|
@ -900,6 +916,7 @@ textarea {
|
|||
}
|
||||
|
||||
.flex-container {
|
||||
padding-left: 0px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
|
|
@ -1380,6 +1397,12 @@ pre {
|
|||
visibility: visible;
|
||||
}
|
||||
|
||||
.carousel-title {
|
||||
font-weight: 400;
|
||||
font-size: 22px;
|
||||
color: var(--light-grey);
|
||||
}
|
||||
|
||||
/** end carousel */
|
||||
|
||||
/**
|
||||
|
|
|
|||
Loading…
Reference in New Issue