610 lines
22 KiB
HTML
610 lines
22 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<title>Daniele's Website - Gif Collection</title>
|
|
<meta
|
|
name="description"
|
|
content="Hundreds of GIFs from Kirby, Yoshi, Pikachu and Chocobos."
|
|
/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<!-- CSS -->
|
|
<link rel="stylesheet" href="css/global.css" />
|
|
<link rel="stylesheet" href="css/gif_collection.css" />
|
|
<!-- Favicon -->
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
href="images/favicon/favicon-96x96.png"
|
|
sizes="96x96"
|
|
/>
|
|
<link rel="shortcut icon" href="images/favicon/favicon.ico" />
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="images/favicon/apple-touch-icon.png"
|
|
/>
|
|
<meta name="apple-mobile-web-app-title" content="Daniele" />
|
|
<link rel="manifest" href="images/favicon/site.webmanifest" />
|
|
<!-- Canonical tag -->
|
|
<link rel="canonical" href="gif_collection.html" />
|
|
</head>
|
|
|
|
<body id="body">
|
|
<!---Site Container--->
|
|
<div id="websiteContainer">
|
|
<!-- Spacer -->
|
|
<div id="websiteSpacerTop"></div>
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<img
|
|
src="images/header-logo.png"
|
|
alt="Logo and Title"
|
|
class="header-logo"
|
|
/>
|
|
</header>
|
|
|
|
<!-- Left Aside -->
|
|
<aside id="leftSiteContent">
|
|
<!-- Main Navigation -->
|
|
<nav id="leftNav" aria-label="Main Navigation">
|
|
<div class="nav-categories">
|
|
<span>This Website</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/home.png"
|
|
class="nav-icons"
|
|
alt="Kirby's house"
|
|
/><a href="index.html" class="nav-links" id="navHome">Home</a>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/site-info.png"
|
|
class="nav-icons"
|
|
alt="Blue Kirby"
|
|
/><a href="site_info.html" class="nav-links" id="navSiteInfo"
|
|
>Site Info</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/past-versions.png"
|
|
class="nav-icons"
|
|
alt="Star"
|
|
/><a
|
|
href="past_versions.html"
|
|
class="nav-links"
|
|
id="navPastVersions"
|
|
>Past Versions</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Personal</span>
|
|
<div class="nav-items">
|
|
<img src="images/about-me.png" class="nav-icons" alt="Kirby" /><a
|
|
href="about_me.html"
|
|
class="nav-links"
|
|
id="navAboutMe"
|
|
>About Me</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/favorite-games.png"
|
|
class="nav-icons"
|
|
alt="N64 Logo"
|
|
/><a
|
|
href="favorite_games.html"
|
|
class="nav-links"
|
|
id="navFavoriteGames"
|
|
>Favorite Games</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/anime-reviews.png"
|
|
class="nav-icons"
|
|
alt="Konata Izumi"
|
|
/><a
|
|
href="anime_reviews.html"
|
|
class="nav-links"
|
|
id="navAnimeReviews"
|
|
>Anime Reviews</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/artworks.png"
|
|
class="nav-icons"
|
|
alt="Kirby 64 Painting"
|
|
/><a href="artworks.html" class="nav-links" id="navArtworks"
|
|
>Artworks</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Entertainment</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/music-player.png"
|
|
class="nav-icons"
|
|
alt="Mike Kirby"
|
|
/><a
|
|
href="music_player.html"
|
|
class="nav-links"
|
|
id="navMusicPlayer"
|
|
>Music Player ♪</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/mini-tv.png"
|
|
class="nav-icons"
|
|
alt="Cartoonish CRT TV"
|
|
/><a href="crt_television.html" class="nav-links" id="navCRT"
|
|
>CRT Television</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/crt-television.png"
|
|
class="nav-icons"
|
|
alt="CRT TV Realistic"
|
|
/><a href="others/crt-tv/index.html" class="nav-links-external"
|
|
>Realistic CRT</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/arcade-games.png"
|
|
class="nav-icons"
|
|
alt="Pixel Mario"
|
|
/><a
|
|
href="arcade_games.html"
|
|
class="nav-links"
|
|
id="navArcadeGames"
|
|
>Arcade Games</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/sketchbook.png"
|
|
class="nav-icons"
|
|
alt="Adeleine from Kirby"
|
|
/><a href="sketchbook.html" class="nav-links" id="navSketchbook"
|
|
>Sketchbook</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Cool Stuff</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/coding-tricks.png"
|
|
class="nav-icons"
|
|
alt="HTML5 Logo"
|
|
/><a
|
|
href="coding_tricks.html"
|
|
class="nav-links"
|
|
id="navCodingTricks"
|
|
>Coding Tricks</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/all-kirby-games.png"
|
|
class="nav-icons"
|
|
alt="Retro Kirby"
|
|
/><a
|
|
href="all_kirby_games.html"
|
|
class="nav-links"
|
|
id="navAllKirbyGames"
|
|
>All Kirby Games</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/miscellaneous.png"
|
|
class="nav-icons"
|
|
alt="Kirby 64 Painting 2"
|
|
/><a
|
|
href="miscellaneous.html"
|
|
class="nav-links"
|
|
id="navMiscellaneous"
|
|
>Miscellaneous</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/gif-collection.png"
|
|
class="nav-icons"
|
|
alt="King DeDeDe"
|
|
/><a
|
|
href="gif_collection.html"
|
|
class="nav-links-active"
|
|
id="navGifCollection"
|
|
>GIF Collection</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/guestbook.png"
|
|
class="nav-icons"
|
|
alt="Open Book"
|
|
/><a href="guestbook.html" class="nav-links" id="navGuestbook"
|
|
>My Guestbook</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="nav-categories">
|
|
<span>Other Pages</span>
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/monster-hunter-tribute.png"
|
|
class="nav-icons"
|
|
alt="Felyne"
|
|
/><a
|
|
href="others/mhfu-tribute/index.html"
|
|
class="nav-links-external"
|
|
>Monster Hunter</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/minecraft-tribute.png"
|
|
class="nav-icons"
|
|
alt="Grass Block"
|
|
/><a
|
|
href="others/minecraft-tribute/index.html"
|
|
class="nav-links-external"
|
|
>Minecraft</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/wall-e-tribute.png"
|
|
class="nav-icons"
|
|
alt="BNL Logo"
|
|
/><a
|
|
href="others/wall-e-tribute/home.html"
|
|
class="nav-links-external"
|
|
>WALL-E</a
|
|
>
|
|
</div>
|
|
<hr />
|
|
|
|
<div class="nav-items">
|
|
<img
|
|
src="images/frutigeraeroarchive.png"
|
|
class="nav-icons"
|
|
alt="Windows 7 Orb"
|
|
/><a
|
|
href="https://frutigeraeroarchive.neocities.org/"
|
|
class="nav-links-external"
|
|
>Frutiger Aero</a
|
|
>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nav Music Player -->
|
|
<audio id="navMusic">
|
|
<source src="#" type="audio/mpeg" />
|
|
</audio>
|
|
<!-- Music Controls -->
|
|
<div class="nav-music-div">
|
|
<div class="nav-music-marquee">
|
|
<span id="currentSongInfo"
|
|
><!-- Current song information will go here --></span
|
|
>
|
|
</div>
|
|
<nav aria-label="Music Player">
|
|
<div>
|
|
<button id="navMusicPlay">Play</button>
|
|
<button id="navMusicPause">Pause</button>
|
|
</div>
|
|
<div aria-label="Music Player Media Controls">
|
|
<button id="navMusicPrevious">Back</button>
|
|
<button id="navMusicNext">Next</button>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</nav>
|
|
</aside>
|
|
|
|
<!-- Right Aside -->
|
|
<aside id="rightSiteContent">
|
|
<div class="aside-ads-container">
|
|
<span>Cool Posters</span>
|
|
<img
|
|
src="images/sidebars/azumanga.jpg"
|
|
alt="Azumanga Daioh Poster"
|
|
title="Azumanga Daioh"
|
|
/>
|
|
<img
|
|
src="images/sidebars/renge.jpg"
|
|
alt="Renge Miyauchi Poster"
|
|
title="Renge Miyauchi"
|
|
/>
|
|
<img
|
|
src="images/sidebars/nichijou.jpg"
|
|
alt="Nichijou Poster"
|
|
title="Nichijou"
|
|
/>
|
|
<img
|
|
src="images/sidebars/kirby_gameboy.jpg"
|
|
alt="Ad for Kirby Game Boy game"
|
|
title="Kirby Tilt 'n' Tumble"
|
|
/>
|
|
<img
|
|
src="images/sidebars/yui_hirasawa.png"
|
|
alt="Yui Hirasawa"
|
|
class="sidebar-character-1"
|
|
title="Yui Hirasawa"
|
|
/>
|
|
</div>
|
|
</aside>
|
|
|
|
<!-- Main Page -->
|
|
<main id="middleContent">
|
|
<!-- GIFs Section -->
|
|
<section id="gifSection">
|
|
<div class="gif-introduction text-containers-main-bg">
|
|
<h1>Gif Collection</h1>
|
|
<p>
|
|
This section contains a lot of GIFs that I found while browsing
|
|
the web or Neocities websites. A lot of them also come from
|
|
Geocities websites.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="gif-divs text-containers-main-bg">
|
|
<h3>Kirby and his Friends</h3>
|
|
<div>
|
|
<img src="images/gifs/kirby1.gif" />
|
|
<img src="images/gifs/kirby2.gif" />
|
|
<img src="images/gifs/kirby3.gif" />
|
|
<img src="images/gifs/kirby4.gif" />
|
|
<img src="images/gifs/kirby5.gif" />
|
|
<img src="images/gifs/kirby6.gif" />
|
|
<img src="images/gifs/kirby7.gif" />
|
|
<img src="images/gifs/kirby8.gif" />
|
|
<img src="images/gifs/kirby9.gif" />
|
|
<img src="images/gifs/kirby10.gif" />
|
|
<img src="images/gifs/kirby11.gif" />
|
|
<img src="images/gifs/kirby12.gif" />
|
|
<img src="images/gifs/kirby13.gif" />
|
|
<img src="images/gifs/kirby14.gif" />
|
|
<img src="images/gifs/kirby15.gif" />
|
|
<img src="images/gifs/kirby16.gif" />
|
|
<img src="images/gifs/kirby17.gif" />
|
|
<img src="images/gifs/kirby18.gif" />
|
|
<img src="images/gifs/kirby19.gif" />
|
|
<img src="images/gifs/kirby20.gif" />
|
|
<img src="images/gifs/kirby21.gif" />
|
|
<img src="images/gifs/kirby22.gif" />
|
|
<img src="images/gifs/kirby23.gif" />
|
|
<img src="images/gifs/kirby24.gif" />
|
|
<img src="images/gifs/kirby25.gif" />
|
|
<img src="images/gifs/kirby26.gif" />
|
|
<img src="images/gifs/kirby27.gif" />
|
|
<img src="images/gifs/kirby28.gif" />
|
|
<img src="images/gifs/kirby29.gif" />
|
|
<img src="images/gifs/kirby30.gif" />
|
|
<img src="images/gifs/kirby31.gif" />
|
|
<img src="images/gifs/kirby32.gif" />
|
|
<img src="images/gifs/kirby33.gif" />
|
|
<img src="images/gifs/kirby34.gif" />
|
|
<img src="images/gifs/kirby35.gif" />
|
|
<img src="images/gifs/kirby36.gif" />
|
|
<img src="images/gifs/kirby37.gif" />
|
|
<img src="images/gifs/kirby38.gif" />
|
|
<img src="images/gifs/kirby39.gif" />
|
|
<img src="images/gifs/kirby40.gif" />
|
|
<img src="images/gifs/kirby41.gif" />
|
|
<img src="images/gifs/kirby42.gif" />
|
|
<img src="images/gifs/kirby43.gif" />
|
|
<img src="images/gifs/kirby44.gif" />
|
|
<img src="images/gifs/kirby45.gif" />
|
|
<img src="images/gifs/kirby46.gif" />
|
|
<img src="images/gifs/kirby47.gif" />
|
|
<img src="images/gifs/kirby48.gif" />
|
|
<img src="images/gifs/kirby49.gif" />
|
|
<img src="images/gifs/kirby50.gif" />
|
|
<img src="images/gifs/kirby51.gif" />
|
|
<img src="images/gifs/kirby52.gif" />
|
|
<img src="images/gifs/kirby53.gif" />
|
|
<img src="images/gifs/kirby54.gif" />
|
|
<img src="images/gifs/kirby55.gif" />
|
|
<img src="images/gifs/kirby56.gif" />
|
|
<img src="images/gifs/kirby57.gif" />
|
|
<img src="images/gifs/kirby58.gif" />
|
|
<img src="images/gifs/kirby59.gif" />
|
|
<img src="images/gifs/kirby60.gif" />
|
|
<img src="images/gifs/kirby61.gif" />
|
|
<img src="images/gifs/kirby62.gif" />
|
|
<img src="images/gifs/kirby63.gif" />
|
|
<img src="images/gifs/kirby64.gif" />
|
|
<img src="images/gifs/kirby65.gif" />
|
|
<img src="images/gifs/kirby66.gif" />
|
|
<img src="images/gifs/kirby67.gif" />
|
|
<img src="images/gifs/kirby68.gif" />
|
|
<img src="images/gifs/kirby69.gif" />
|
|
<img src="images/gifs/kirby70.gif" />
|
|
<img src="images/gifs/kirby71.gif" />
|
|
<img src="images/gifs/kirby72.gif" />
|
|
<img src="images/gifs/kirby73.gif" />
|
|
<img src="images/gifs/kirby74.gif" />
|
|
<img src="images/gifs/kirby75.gif" />
|
|
<img src="images/gifs/kirby76.gif" />
|
|
<img src="images/gifs/kirby77.gif" />
|
|
<img src="images/gifs/kirby78.gif" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gif-divs text-containers-main-bg">
|
|
<h3>Yoshis</h3>
|
|
<div>
|
|
<img src="images/gifs/yoshi1.gif" />
|
|
<img src="images/gifs/yoshi2.gif" />
|
|
<img src="images/gifs/yoshi3.gif" />
|
|
<img src="images/gifs/yoshi4.gif" />
|
|
<img src="images/gifs/yoshi5.gif" />
|
|
<img src="images/gifs/yoshi6.gif" />
|
|
<img src="images/gifs/yoshi7.gif" />
|
|
<img src="images/gifs/yoshi8.gif" />
|
|
<img src="images/gifs/yoshi9.gif" />
|
|
<img src="images/gifs/yoshi10.gif" />
|
|
<img src="images/gifs/yoshi11.gif" />
|
|
<img src="images/gifs/yoshi12.gif" />
|
|
<img src="images/gifs/yoshi13.gif" />
|
|
<img src="images/gifs/yoshi14.gif" />
|
|
<img src="images/gifs/yoshi15.gif" />
|
|
<img src="images/gifs/yoshi16.gif" />
|
|
<img src="images/gifs/yoshi17.gif" />
|
|
<img src="images/gifs/yoshi18.gif" />
|
|
<img src="images/gifs/yoshi19.gif" />
|
|
<img src="images/gifs/yoshi20.gif" />
|
|
<img src="images/gifs/yoshi21.gif" />
|
|
<img src="images/gifs/yoshi22.gif" />
|
|
<img src="images/gifs/yoshi23.gif" />
|
|
<img src="images/gifs/yoshi24.gif" />
|
|
<img src="images/gifs/yoshi25.gif" />
|
|
<img src="images/gifs/yoshi26.gif" />
|
|
<img src="images/gifs/yoshi27.gif" />
|
|
<img src="images/gifs/yoshi28.gif" />
|
|
<img src="images/gifs/yoshi29.gif" />
|
|
<img src="images/gifs/yoshi30.gif" />
|
|
<img src="images/gifs/yoshi31.gif" />
|
|
<img src="images/gifs/yoshi32.gif" />
|
|
<img src="images/gifs/yoshi33.gif" />
|
|
<img src="images/gifs/yoshi34.gif" />
|
|
<img src="images/gifs/yoshi35.gif" />
|
|
<img src="images/gifs/yoshi36.gif" />
|
|
<img src="images/gifs/yoshi37.gif" />
|
|
<img src="images/gifs/yoshi38.gif" />
|
|
<img src="images/gifs/yoshi39.gif" />
|
|
<img src="images/gifs/yoshi40.gif" />
|
|
<img src="images/gifs/yoshi41.gif" />
|
|
<img src="images/gifs/yoshi42.gif" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gif-divs text-containers-main-bg">
|
|
<h3>Chocobos</h3>
|
|
<div>
|
|
<img src="images/gifs/chocobo1.gif" />
|
|
<img src="images/gifs/chocobo2.gif" />
|
|
<img src="images/gifs/chocobo3.gif" />
|
|
<img src="images/gifs/chocobo4.gif" />
|
|
<img src="images/gifs/chocobo5.gif" />
|
|
<img src="images/gifs/chocobo6.gif" />
|
|
<img src="images/gifs/chocobo7.gif" />
|
|
<img src="images/gifs/chocobo8.gif" />
|
|
<img src="images/gifs/chocobo9.gif" />
|
|
<img src="images/gifs/chocobo10.gif" />
|
|
<img src="images/gifs/chocobo11.gif" />
|
|
<img src="images/gifs/chocobo12.gif" />
|
|
<img src="images/gifs/chocobo13.gif" />
|
|
<img src="images/gifs/chocobo14.gif" />
|
|
<img src="images/gifs/chocobo15.gif" />
|
|
<img src="images/gifs/chocobo16.gif" />
|
|
<img src="images/gifs/chocobo17.gif" />
|
|
<img src="images/gifs/chocobo18.gif" />
|
|
<img src="images/gifs/chocobo19.gif" />
|
|
<img src="images/gifs/chocobo20.gif" />
|
|
<img src="images/gifs/chocobo21.gif" />
|
|
<img src="images/gifs/chocobo22.gif" />
|
|
<img src="images/gifs/chocobo23.gif" />
|
|
<img src="images/gifs/chocobo24.gif" />
|
|
<img src="images/gifs/chocobo25.gif" />
|
|
<img src="images/gifs/chocobo26.gif" />
|
|
<img src="images/gifs/chocobo27.gif" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="gif-divs text-containers-main-bg">
|
|
<h3>Pikachu</h3>
|
|
<div>
|
|
<img src="images/gifs/pikachu1.gif" />
|
|
<img src="images/gifs/pikachu2.gif" />
|
|
<img src="images/gifs/pikachu3.gif" />
|
|
<img src="images/gifs/pikachu4.gif" />
|
|
<img src="images/gifs/pikachu5.gif" />
|
|
<img src="images/gifs/pikachu6.gif" />
|
|
<img src="images/gifs/pikachu7.gif" />
|
|
<img src="images/gifs/pikachu8.gif" />
|
|
<img src="images/gifs/pikachu9.gif" />
|
|
<img src="images/gifs/pikachu10.gif" />
|
|
<img src="images/gifs/pikachu11.gif" />
|
|
<img src="images/gifs/pikachu12.gif" />
|
|
<img src="images/gifs/pikachu13.gif" />
|
|
<img src="images/gifs/pikachu14.gif" />
|
|
<img src="images/gifs/pikachu15.gif" />
|
|
<img src="images/gifs/pikachu16.gif" />
|
|
<img src="images/gifs/pikachu17.gif" />
|
|
<img src="images/gifs/pikachu18.gif" />
|
|
<img src="images/gifs/pikachu19.gif" />
|
|
<img src="images/gifs/pikachu20.gif" />
|
|
<img src="images/gifs/pikachu21.gif" />
|
|
<img src="images/gifs/pikachu22.gif" />
|
|
<img src="images/gifs/pikachu23.gif" />
|
|
<img src="images/gifs/pikachu24.gif" />
|
|
<img src="images/gifs/pikachu25.gif" />
|
|
<img src="images/gifs/pikachu26.gif" />
|
|
<img src="images/gifs/pikachu27.gif" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer id="bottomFooter">
|
|
<span>2022-2025 ©Daniele63</span><br />
|
|
<a href="mailto:daniele63web@hotmail.com">e-mail</a>
|
|
<a href="https://ko-fi.com/daniele63">ko-fi</a>
|
|
<a href="https://spacehey.com/daniele63">spacehey</a>
|
|
<a href="https://www.bitview.net/user/Daniele">bitview</a>
|
|
<a href="https://neocities.org/site/daniele63">neocities</a>
|
|
</footer>
|
|
<!-- Spacer -->
|
|
<div id="websiteSpacerBottom"></div>
|
|
</div>
|
|
<!-- Javascript -->
|
|
<script src="javascript/nav-music.js"></script>
|
|
</body>
|
|
</html>
|