limestone

No description
git clone git://niliara.net/limestone
Log | Files | Refs

commit 2fa6e3033c98594b5c33f6e84137e737c6d9bc06
Author: niljimeno <niliara@proton.me>
Date:   Fri,  5 Jun 2026 00:54:20 +0200

init

Diffstat:
Aindex.html | 47+++++++++++++++++++++++++++++++++++++++++++++++
Alogo.jpg | 0
Alogob.jpg | 0
Alogoc.jpg | 0
Arock.png | 0
Astyle.css | 150+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
6 files changed, 197 insertions(+), 0 deletions(-)

diff --git a/index.html b/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> +<head> + <title>Fossil</title> + <link rel=stylesheet href=style.css></link> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> +</head> + +<body> + +<header> +<h2>Limestone</h2> +</header> + +<main> + + +<h1 style="font-size:4em; text-align:center;">Limestone</h1> +<br></br> + +<div class="about"> +<div class="text"> +<span>Manage your projects, correctly.</span> +<form> +<input type="text" placeholder="Search"></input> +<button> +<svg stroke="#000" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M14.9536 14.9458L21 21M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> +</svg> +</button> +</form> +</div> + +<div class="image"> +<img src="logoc.jpg"></img> +</div> +</div> + + + + +</main> + + + +</body> +</html> diff --git a/logo.jpg b/logo.jpg Binary files differ. diff --git a/logob.jpg b/logob.jpg Binary files differ. diff --git a/logoc.jpg b/logoc.jpg Binary files differ. diff --git a/rock.png b/rock.png Binary files differ. diff --git a/style.css b/style.css @@ -0,0 +1,150 @@ +body { + font-family: sans-serif; + font-size: 1.4em; + margin: 0; + + width: 900px; + margin: 0 auto; +} + +* { + font-weight: normal; +} + +main { +} + +/* +form { + height: 2em; + + align-content: center; + display: flex; + width: 100%; +} + +form input, form button { + box-sizing: border-box; + border-radius: 0.2em; + padding: 0.4em; +} + +form input[type=text] { + border: 1px gray solid; + + font-size: 1em; + height: 100%; + + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +form button { + border: 1px gray solid; + + font-size: 1em; + height: 100%; + + padding-left: 0.4em; + padding-right: 0.4em; + + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +*/ + +form { + height: 2em; + + align-content: center; + display: flex; +} + +form input, form button { + border: none; + background-color: #eee; + box-sizing: border-box; + padding: 0.4em; + + border-radius: 0.2em; +} + +form input[type=text] { + font-size: 1em; + height: 100%; + + border-top-right-radius: 0; + border-bottom-right-radius: 0; + outline: none !important; +} + +form button { + font-size: 1em; + height: 100%; + + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +form button svg { + height: 100%; +} + +header { + height: 4em; +} + + +.about { + display: flex; + flex-wrap: nowrap; + justify-content: center; +} + +.about .text { + margin: 0 2em; + align-content: center; +} + +.about .text span { + display: block; + width: 80%; + font-size: 1.4em; + margin: 1em 0; +} + +.about .image { + transition: 0.3s; + + width: 10em; + box-shadow: -1.4em -1.4em #ccc; + margin-top: 1em; + margin-left: 1em; +} + +.about .image img { + transition: 0.3s; + + width: 10em; + box-shadow: -0.7em -0.7em #aaa; + position: relative; + top: 0; + left: 0; +} + +.about .image:hover { + box-shadow: -2em -2em #ccc; +} + +.about .image:hover img { + width: 10em; + box-shadow: -1.3em -1.3em #aaa; + + position: relative; + top: 0.6em; + left: 0.6em; +} + +.about p { + margin-bottom: 0.4em; +}