Compare commits

...

2 Commits

Author SHA1 Message Date
onryo
f2de9f983b change link 2024-01-20 01:16:03 +00:00
onryo
31a4d46f02 comment out animation 2024-01-20 01:56:05 +01:00
2 changed files with 37 additions and 18 deletions

View File

@ -168,7 +168,7 @@ input[type="radio"] ~ a label a {
height: 100%;
/* % WIDTH TAKEN OF NAV BAR */
width: 5%;
width: 15%;
/* % WIDTH TAKEN OF NAV BAR */
/* outline: 0.1rem solid red; */
@ -186,10 +186,7 @@ input[type="radio"] ~ a label a {
transition: all ease-in-out 300ms;
}
.header-logo:hover svg path {
transition: all ease-in-out 300ms;
fill: black;
stroke-width: 8px;
stroke: white;
fill: #a6a6a6;;
}
.nav-buttons {
@ -1457,4 +1454,4 @@ width: 95%;
.blog-post-item a{
width: max-content;
}
}
}

View File

@ -125,41 +125,63 @@
</div>
<div class="nav-center"></div>
<nav class="nav-buttons">
<a href="https://explorer.hush.is" class="component-button"><small>Explorer</small></a>
<a href="https://videos.hush.is" class="component-button"><small>Videos</small></a>
<a href="https://git.hush.is/hush/SilentDragonLite/releases" class="component-button"><small>Download HushChat</small></a>
<a href="https://hush.is/privacy" class="component-button"><small>Privacy</small></a>
<a href="https://blog.hush.is" class="component-button"
><small>News</small></a
>
<a href="https://hush.is" class="component-button"><small>Home</small></a>
<a href="https://git.hush.is/hush/SilentDragonLite/releases" class="component-button"><small>Download</small></a>
<a href="https://videos.hush.is" class="component-button"><small>Videos</small></a>
<a href="https://explorer.hush.is" class="component-button"><small>Explorer</small></a>
<a href="https://blog.hush.is" class="component-button"><small>Blog</small></a>
</nav>
<div class="nav-bg"></div>
<label for="nav-check" class="nav-menu-btn"></label>
</div>
</header>
<!-- Hero Section -->
<!-- Hero Section
<section class="hero">
<div class="hero-image" style="--mod-translate-y: -250rem; --mod-translate-x: 0vh">
<img src="./images/logo_HUSH_wordmark_combo_dropshadow.png" alt="">
</div>
<!-- SVG Images "Weaved" Between Hero Content -->
SVG Images "Weaved" Between Hero Content
<div id="bg-lines-1" class="hero-bg-lines-overlay" style="--mod-translate-y: -250rem; --mod-translate-x: -100vh">
</div>
<div id="bg-lines-2" class="hero-bg-lines-overlay" style="--mod-translate-y: -250rem; --mod-translate-x: -100vh">
</div>
<div id="bg-lines-3" class="hero-bg-lines-overlay" style="--mod-translate-y: -250rem; --mod-translate-x: -100vh">
</div>
<!-- Hero Text -->
Hero Text
<h3 class="hero-headline" style="--mod-translate-y: -250rem; --mod-translate-x: 0vh">Speak And Transact Freely</h3>
<h3 class="hero-sub-headline" style="--mod-translate-y: -250rem; --mod-translate-x: 0vh">Private Cryptocurrency and
Messenger Using Zero Knowledge Mathematics</h3>
<!-- SVG Image Above SVG Overlay -->
SVG Image Above SVG Overlay
<div class="hero-bg-lines" style="--mod-translate-y: -500vh; --mod-translate-x: 100vh"></div>
<a href="#about" class="component-button hero-btn"
style="--mod-translate-y: -400vh; --mod-translate-x: 0vh"><small>Learn More</small></a>
</section>
-->
<section class="hero">
<div class="hero-image">
<img src="./images/logo_HUSH_wordmark_combo_dropshadow.png" alt="">
</div>
<div id="bg-lines-1" class="hero-bg-lines-overlay">
</div>
<div id="bg-lines-2" class="hero-bg-lines-overlay">
</div>
<div id="bg-lines-3" class="hero-bg-lines-overlay">
</div>
<!-- Hero Text -->
<h3 class="hero-headline">Speak And Transact Freely</h3>
<h3 class="hero-sub-headline">Private Cryptocurrency and
Messenger Using Zero Knowledge Mathematics</h3>
<div class="hero-bg-lines"></div>
<a href="#about" class="component-button hero-btn"><small>Learn More</small></a>
</section>
<section class="about">
<div class="anchor" id="about"></div>
<!-- <input class="about-radio" type="radio" name="radio" id="about-tab-0" style="position: fixed; margin-top: -90vh; z-index: 999;"> -->