-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
0ef3f27
commit e127ce6
Showing
3 changed files
with
200 additions
and
244 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,131 @@ | ||
//"use strict"; | ||
//$(document).ready(() => { | ||
// // create an array of the slide images | ||
// let imageCache = []; | ||
// $("#slides img").each((index, img) => { | ||
// const image = new Image(); | ||
// image.src = $(img).attr("src"); | ||
// image.title = $(img).attr("alt"); | ||
// imageCache[index] = image; | ||
// }); | ||
// // start slide show | ||
// let imageCounter = 0; | ||
// setInterval(() => { | ||
// $("#caption").fadeOut(1000); | ||
// $("#slide").fadeOut(1000, | ||
// () => { | ||
// imageCounter = (imageCounter + 1) % | ||
// imageCache.length; | ||
// const nextImage = imageCache[imageCounter]; | ||
// $("#slide").attr("src", | ||
// nextImage.src).fadeIn(1000); | ||
// $("#caption").text(nextImage.title).fadeIn(1000); | ||
// }); // end fadeOut() method | ||
// }, | ||
// 3000); // end setInterval() method | ||
//}); | ||
|
||
$(document).ready(() => { | ||
|
||
//$("#image_list a").hover( | ||
// evt => $(evt.currentTarget).stop(true).animate( | ||
// { top: 15 }, "fast"), | ||
// evt => $(evt.currentTarget).stop(true).animate( | ||
// { top: 0 }, "fast") | ||
//); | ||
|
||
//$("#image_list a").hover( | ||
// $("#image_list a").delay(2000).animate( | ||
// { top: 15 }, "fast"), | ||
//); | ||
|
||
//$("#image_list a").delay(1000).animate( | ||
// { top: 15 }, "fast"); | ||
|
||
let p = []; | ||
for (i = 0; i < 100; i++) { | ||
|
||
|
||
$("#image_list a").each(function (index) { | ||
p[index] = index; | ||
$(this).delay(index * 200).animate( | ||
{ top: 15 }, "easeIn"); | ||
}); | ||
|
||
for (j = (p.length -1) ; j > 0; j--) | ||
$("#image_list a").delay(p[j-4] * 200).animate({ top: 0 }, "easeOut") | ||
} | ||
|
||
}); | ||
|
||
|
||
|
||
|
||
|
||
//"use strict"; | ||
//$(document).ready(() => { | ||
// let nextSlide = $("#slides img:first-child"); | ||
// // start slide show | ||
// setInterval(() => { | ||
// $("#caption").fadeOut(1000); | ||
// $("#slide").fadeOut(1000, | ||
// () => { | ||
// if (nextSlide.next().length == 0) { | ||
// nextSlide = | ||
// $("#slides img:first-child"); | ||
// } | ||
// else { | ||
// nextSlide = nextSlide.next(); | ||
// } | ||
// const nextSlideSource = | ||
// nextSlide.attr("src"); | ||
// const nextCaption = | ||
// nextSlide.attr("alt"); | ||
// $("#slide").attr("src", | ||
// nextSlideSource).fadeIn(1000); | ||
// $("#caption").text( | ||
// nextCaption).fadeIn(1000); | ||
// }); // end fadeOut() method | ||
// }, | ||
// 3000); // end setInterval() method | ||
//}); | ||
|
||
|
||
|
||
|
||
//"use strict"; | ||
//$(document).ready(() => { | ||
// let nextSlide = $("#slides img:first-child"); | ||
// // the function for running the slide show | ||
// const runSlideShow = () => { | ||
// $("#caption").fadeOut(1000); | ||
// $("#slide").fadeOut(1000, | ||
// () => { | ||
// if (nextSlide.next().length == 0) { | ||
// nextSlide = $("#slides img:first-child"); | ||
// } else { | ||
// nextSlide = nextSlide.next(); | ||
// } | ||
// const nextSlideSource = nextSlide.attr("src"); | ||
// const nextCaption = nextSlide.attr("alt"); | ||
// $("#slide").attr("src", | ||
// nextSlideSource).fadeIn(1000); | ||
// $("#caption").text(nextCaption).fadeIn(1000); | ||
// } | ||
// ); // end fadeOut() method | ||
// }; // end runSlideShow() arrow function | ||
// // start slide show | ||
// let timer1 = setInterval(runSlideShow, 3000); | ||
// // starting and stopping the slide show | ||
// $("#slide").click(() => { | ||
// if (timer1 != null) { | ||
// clearInterval(timer1); // stop | ||
// timer1 = null; | ||
// } | ||
// else { | ||
// runSlideShow(); // start immediately | ||
// // change every 3 seconds | ||
// timer1 = setInterval(runSlideShow, 3000); | ||
// } | ||
// }); | ||
//}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,105 +1,72 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Home</title> | ||
<html> | ||
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | ||
<link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet"> | ||
<link rel="stylesheet" href="style.css"> | ||
<title>Bootstrap Example</title> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> | ||
<script src="main.js"></script> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Join Email List</title> | ||
<link rel="stylesheet" href="style.css" /> | ||
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> | ||
<!-- link and style elements go here --> | ||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> | ||
</head> | ||
<body> | ||
<header> | ||
<nav class="navbar"> | ||
<div class="container"> | ||
<img class="logo" src="images/Starbucks-Logo.png" alt="starbucksLogo" height="80"> | ||
|
||
|
||
<ul class="nav-menu"> | ||
<li> | ||
<a href="#" class="active"> | ||
<i class="fas fa-home fa-lg" aria-hidden="true"></i> | ||
<span>Home</span> | ||
</a> | ||
</li> | ||
<li> | ||
<a href="#"> | ||
<i class="fa-solid fa-tag fa-lg" aria-hidden="true"></i> | ||
<span>Products</span> | ||
</a> | ||
</li> | ||
<li> | ||
<a href="#"> | ||
<i class="fa-solid fa-circle-info fa-lg" aria-hidden="true"></i> | ||
<span>About</span> | ||
</a> | ||
</li> | ||
<li> | ||
<a href="#"> | ||
<i class="fa-solid fa-phone fa-lg" aria-hidden="true"></i> | ||
<span>Contact Us</span> | ||
</a> | ||
</li> | ||
</ul> | ||
</div> | ||
</nav> | ||
<!-- header container ends here --> | ||
</header> | ||
|
||
<main> | ||
|
||
|
||
|
||
<body> | ||
<main> | ||
<!--<h1>Fishing Slide Show</h1> | ||
<h2 id="caption">Casting on the Upper Kings</h2> | ||
<img id="slide" src="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720" alt=""> | ||
<div id="slides"> | ||
<img src="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720.jpg" | ||
alt="Casting on the Upper Kings"> | ||
<img src="https://cdn.theatlantic.com/media/mt/science/cat_caviar.jpg" | ||
alt="Casting on the Lower Kings"> | ||
<img src="https://st3.depositphotos.com/3620775/17130/i/450/depositphotos_171303252-stock-photo-funny-cat-with-glasses-and.jpg" | ||
alt="Catch and Release on the Big Horn"> | ||
<img src="https://thumbs.dreamstime.com/b/cat-sack-money-cat-holding-sack-money-white-background-121773138.jpg" | ||
alt="Catching on the South Fork"> | ||
<img src="https://i.ytimg.com/vi/IzluNxh-8_o/maxresdefault.jpg" | ||
alt="The Lures for Catching"> | ||
</div>--> | ||
|
||
<div id="carouselExampleDark" class="carousel carousel-fade slide" data-bs-ride="carousel"> | ||
<div class="carousel-indicators"> | ||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-label="Slide 1" aria-current="true"></button> | ||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2" class=""></button> | ||
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3" class=""></button> | ||
</div> | ||
<div class="carousel-inner"> | ||
<div class="carousel-item active"> | ||
<img src="https://images6.alphacoders.com/592/592471.jpg" /> | ||
<div class="carousel-caption d-none d-md-block"> | ||
<h1>First slide label</h1> | ||
<p>Some representative placeholder content for the first slide.</p> | ||
</div> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="https://wallpapers.com/images/featured/4k-painting-ze08s2umco2ikud6.jpg" /> | ||
<div class="carousel-caption d-none d-md-block"> | ||
<h1>Second slide label</h1> | ||
<p>Some representative placeholder content for the second slide.</p> | ||
</div> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c424bbb0-a0e6-4a95-b422-56f707c6e172/dgxjjgo-a25edd46-cb6d-4c0a-a25a-6ce211ced737.jpg/v1/fill/w_1280,h_431,q_75,strp/painting_landscape__concept_art__hd_wallpaper__by_gabimedia_dgxjjgo-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2M0MjRiYmIwLWEwZTYtNGE5NS1iNDIyLTU2ZjcwN2M2ZTE3MlwvZGd4ampnby1hMjVlZGQ0Ni1jYjZkLTRjMGEtYTI1YS02Y2UyMTFjZWQ3MzcuanBnIiwiaGVpZ2h0IjoiPD00MzEiLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS53YXRlcm1hcmsiXSwid21rIjp7InBhdGgiOiJcL3dtXC9jNDI0YmJiMC1hMGU2LTRhOTUtYjQyMi01NmY3MDdjNmUxNzJcL2dhYmltZWRpYS00LnBuZyIsIm9wYWNpdHkiOjk1LCJwcm9wb3J0aW9ucyI6MC40NSwiZ3Jhdml0eSI6ImNlbnRlciJ9fQ.thqAJSknsTSn21CTxeoC_qMxQ7lSZB5N1ct4QhE7iOw" /> | ||
<div class="carousel-caption d-none d-md-block"> | ||
<h1>Third slide label</h1> | ||
<p>Some representative placeholder content for the third slide.</p> | ||
</div> | ||
</div> | ||
</div> | ||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev"> | ||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Previous</span> | ||
</button> | ||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next"> | ||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Next</span> | ||
</button> | ||
</div> | ||
|
||
<h1 id="startup_message"> | ||
Temporarily under construction! | ||
</h1> | ||
|
||
<ul id="image_list"> | ||
<li> | ||
<a href="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720" title="James Allison: 1-1"> | ||
<img src="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720" alt=""> | ||
</a> | ||
</li> | ||
<li> | ||
<a href="https://cdn.theatlantic.com/media/mt/science/cat_caviar.jpg" title="James Allison: 1-6"> | ||
<img src="https://cdn.theatlantic.com/media/mt/science/cat_caviar.jpg" alt=""> | ||
</a> | ||
</li> | ||
<li> | ||
<a href="https://st3.depositphotos.com/3620775/17130/i/450/depositphotos_171303252-stock-photo-funny-cat-with-glasses-and.jpg" title="James Allison: 1-6"> | ||
<img src="https://st3.depositphotos.com/3620775/17130/i/450/depositphotos_171303252-stock-photo-funny-cat-with-glasses-and.jpg" alt=""> | ||
</a> | ||
</li> | ||
<li> | ||
<a href="https://thumbs.dreamstime.com/b/cat-sack-money-cat-holding-sack-money-white-background-121773138.jpg" title="James Allison: 1-6"> | ||
<img src="https://thumbs.dreamstime.com/b/cat-sack-money-cat-holding-sack-money-white-background-121773138.jpg" alt=""> | ||
</a> | ||
</li> | ||
<li> | ||
<a href="https://i.ytimg.com/vi/IzluNxh-8_o/maxresdefault.jpg" title="James Allison: 1-6"> | ||
<img src="https://i.ytimg.com/vi/IzluNxh-8_o/maxresdefault.jpg" alt=""> | ||
</a> | ||
</li> | ||
|
||
</ul> | ||
</main> | ||
<script src="faqs.js"></script> | ||
</body> | ||
|
||
|
||
</main> | ||
</body> | ||
</html> |
Oops, something went wrong.