diff options
| author | Fuwn <[email protected]> | 2022-10-31 13:33:34 -0700 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2022-10-31 13:33:34 -0700 |
| commit | 7298705805db1d824cf692d464b94e341fce7431 (patch) | |
| tree | 31522ffb8569282ea934272b6cf338b59efe0840 /index.html | |
| download | fuwn.lol-main.tar.xz fuwn.lol-main.zip | |
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..1f1611d --- /dev/null +++ b/index.html @@ -0,0 +1,73 @@ +<!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>fuwn.lol</title> + + <link + rel="icon" + href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🎃</text></svg>" + /> + + <script src="https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.min.js"></script> + <script src="index.js" defer></script> + + <link + rel="stylesheet" + href="https://meyerweb.com/eric/tools/css/reset/reset.css" + /> + <link rel="stylesheet" href="https://use.typekit.net/skn8ash.css" /> + <link + rel="stylesheet" + href="https://cdn.jsdelivr.net/npm/[email protected]/dist/locomotive-scroll.css" + /> + <link rel="stylesheet" href="index.css" /> + </head> + + <body> + <div class="container"> + <section data-bgcolor="#bcb8ad" data-textcolor="#032f35"> + <div> + <h1 data-scroll data-scroll-speed="1"> + <span>fuwn</span> <span>dot</span> <span>lol</span> + </h1> + <p data-scroll data-scroll-speed="2" data-scroll-delay="0.2"> + happy halloween + </p> + </div> + </section> + + <section id="sectionPin"> + <div class="pin-wrap"> + <h2>Here's some dogs that seem to be in the Halloween spirit.</h2> + <img + src="https://images.unsplash.com/photo-1507813686138-954c2c879e8d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" + alt="" + /> + <img + src="https://images.unsplash.com/photo-1481567799806-efb12789fa62?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=983&q=80" + alt="" + /> + <img + src="https://images.unsplash.com/photo-1507629020616-5585874d0e26?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80" + alt="" + /> + </div> + </section> + <section data-bgcolor="#e3857a" data-textcolor="#f1dba7"> + <img + src="https://images.unsplash.com/photo-1588943211346-0908a1fb0b01?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=735&q=80" + alt="" + /> + <h2 data-scroll data-scroll-speed="1" class="credit"> + <a href="https://fuwn.me" target="_blank">Made by Fuwn</a> + </h2> + </section> + </div> + </body> +</html> |