diff options
| author | metamuffin <metamuffin@disroot.org> | 2023-10-06 11:14:52 +0200 |
|---|---|---|
| committer | metamuffin <metamuffin@disroot.org> | 2023-10-06 11:14:52 +0200 |
| commit | c71c92cf9964c60cee095a4baa540e8208aa519f (patch) | |
| tree | e404b68fb7a021476a9376cd67883760fece95c3 /index.html | |
| parent | 2a7af3d6d20b1e669dbf060b696111034386e706 (diff) | |
| download | jellything-c71c92cf9964c60cee095a4baa540e8208aa519f.tar jellything-c71c92cf9964c60cee095a4baa540e8208aa519f.tar.bz2 jellything-c71c92cf9964c60cee095a4baa540e8208aa519f.tar.zst | |
started on a fancy project page
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 77 |
1 files changed, 75 insertions, 2 deletions
@@ -4,9 +4,82 @@ <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Jellything</title> + <link rel="stylesheet" href="style.css" /> </head> <body> - <h1>Jellything</h1> - <p>Project page is work in progress...</p> + <nav> + <h1>Jellything</h1> + <a href="https://codeberg.org/metamuffin/jellything"> + Sources on Codeberg + </a> + </nav> + <div id="main"> + <img + class="top-backdrop" + style="opacity: 0.8; --backdrop-height: 30em" + src="./data/assets/banner.jpeg" + /> + <h1>Jellything</h1> + <p class="tagline">Tagline is written here</p> + <section> + <div> + <h2>Text 1</h2> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Asperiores ipsa dolor sapiente dolore quasi atque + laborum eaque placeat est quam earum voluptate, sint + minima expedita ab neque repellat recusandae enim? + </p> + </div> + <img src="./data/assets/p1.jpeg" /> + </section> + <section> + <div> + <h2>Text 2</h2> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Ducimus fugiat quis obcaecati laboriosam sequi + voluptatum minus reiciendis adipisci eum perferendis + iste similique soluta corrupti voluptates, dolor eaque + fuga maxime ab! + </p> + </div> + <img src="./data/assets/p2.jpeg" /> + </section> + <section> + <div> + <h2>Text 3</h2> + <p> + Lorem ipsum dolor sit amet, consectetur adipisicing + elit. Optio at numquam veritatis, enim soluta, + repudiandae repellat possimus laboriosam fugit labore ea + mollitia, sed ratione rerum doloribus! Officia aliquam + ipsum quam! + </p> + </div> + <img src="./data/assets/p3.jpeg" /> + </section> + <section> + <div> + <h2>Text 4</h2> + <p> + Lorem ipsum dolor sit amet consectetur adipisicing elit. + Tempora assumenda veniam ducimus illum nesciunt labore + est ipsam doloribus similique! Quae illum quasi facere + facilis? Similique sequi quibusdam nemo quae quos! + </p> + </div> + <img src="./data/assets/p4.jpeg" /> + </section> + <img + class="bottom-backdrop" + src="./data/assets/footer.jpeg" + style="filter: blur(10px)" + /> + <div class="bottom"> + <h2 style="text-align: center">Text 5</h2> + <p style="text-align: center">Ding dong bing bong blub</p> + </div> + </div> </body> </html> |