mirror of
https://github.com/janishutz/libreevent.git
synced 2025-11-25 13:24:24 +00:00
initial setup of website
This commit is contained in:
36
website/dist/nav.html
vendored
36
website/dist/nav.html
vendored
@@ -10,50 +10,48 @@
|
||||
<body>
|
||||
<div class="nav-container">
|
||||
<div class="mobile-wrapper">
|
||||
<a class="logo-container" href="/"><img class="logo" src="/assets/apple-touch-icon.png" alt="impress-logo"></a>
|
||||
<a class="logo-container" href="/"><img class="logo" src="/assets/logo.png" alt="impress-logo"></a>
|
||||
<div class="toggle-wrapper">
|
||||
<a class="listtoggle" onclick="togglelist()">☰</a>
|
||||
<a class="listtoggle" onclick="toggleList()">☰</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-wrapper">
|
||||
<div class="nav-menu">
|
||||
<div class="nav-list">
|
||||
<a class="navitem" id="docs" href="/docs">Documentation</a>
|
||||
<a class="navitem" id="download" href="/download.html">Download</a>
|
||||
<a class="navitem" id="demo" href="/demo">Demo</a>
|
||||
<a class="navitem" id="examples" href="/demo/examples">Examples</a>
|
||||
<a class="navitem" id="gh" href="https://github.com/impress/impress.js">GitHub</a>
|
||||
<a class="navitem" id="download" href="/download">Download</a>
|
||||
<a class="navitem" id="gh" href="https://github.com/simplePCBuilding/myevent">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('.navitem').mouseenter( function () {
|
||||
$( document ).ready( function () {
|
||||
$('.navitem' ).mouseenter( function () {
|
||||
if ( window.location.pathname.slice( 1, window.location.pathname.length ) == this.id ) {} else {
|
||||
$(this).stop();
|
||||
$(this).animate( { "color":"rgba(184, 214, 240, 1)", "background-color":"rgba(0, 0, 175, 1)" }, 200);
|
||||
$( this ).stop();
|
||||
$( this ).animate( { "color":"rgba(184, 214, 240, 1)", "background-color":"rgba(0, 0, 175, 1)" }, 200 );
|
||||
};
|
||||
});
|
||||
$('.navitem').mouseleave( function () {
|
||||
$( '.navitem' ).mouseleave( function () {
|
||||
if ( window.location.pathname.slice( 1, window.location.pathname.length ) == this.id ) {} else {
|
||||
$(this).stop();
|
||||
$(this).animate( { "color":"black", "background-color":"rgba(0, 0, 0, 0)" }, 200 );
|
||||
$( this ).stop();
|
||||
$( this ).animate( { "color":"black", "background-color":"rgba(0, 0, 0, 0)" }, 200 );
|
||||
};
|
||||
});
|
||||
});
|
||||
} );
|
||||
} );
|
||||
|
||||
let previous = 1;
|
||||
function togglelist() {
|
||||
$( '.nav-menu' ).slideToggle(300);
|
||||
function toggleList() {
|
||||
$( '.nav-menu' ).slideToggle( 300 );
|
||||
$( '.listtoggle' ).toggleClass( 'active' );
|
||||
}
|
||||
|
||||
window.addEventListener( 'resize', function( event ) {
|
||||
if ( $(window).width() > 999 ) {
|
||||
if ( $( window ).width() > 999 ) {
|
||||
$( '.nav-menu' ).slideDown();
|
||||
previous = 1;
|
||||
} else if ( $(window).width() < 999 && previous == 1 ) {
|
||||
} else if ( $( window ).width() < 999 && previous == 1 ) {
|
||||
$( '.nav-menu' ).slideUp();
|
||||
$( '.listtoggle' ).removeClass( 'active' );
|
||||
previous = 0;
|
||||
|
||||
Reference in New Issue
Block a user