(＾ω＾ ≡ °д°)
parent
0d36203874
commit
f0660b4e83
|
|
@ -0,0 +1,3 @@
|
|||
# Wakale.casa
|
||||
|
||||
This is the repo for the site at https://wakale.casa/
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
/* reset some styles */
|
||||
ul { padding-left: 0; }
|
||||
ul ul { padding-left: 1vw; }
|
||||
li { list-style: inside; padding: 0.2rem 0 }
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #0E0051;
|
||||
background-color: #111;
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='600' y1='25' x2='600' y2='777'%3E%3Cstop offset='0' stop-color='%2339FF18'/%3E%3Cstop offset='1' stop-color='%2338FFDD'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='650' y1='25' x2='650' y2='777'%3E%3Cstop offset='0' stop-color='%2327ff1b'/%3E%3Cstop offset='1' stop-color='%2327fff1'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='700' y1='25' x2='700' y2='777'%3E%3Cstop offset='0' stop-color='%231eff25'/%3E%3Cstop offset='1' stop-color='%2315f5ff'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='750' y1='25' x2='750' y2='777'%3E%3Cstop offset='0' stop-color='%2321ff3c'/%3E%3Cstop offset='1' stop-color='%2304daff'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' gradientUnits='userSpaceOnUse' x1='800' y1='25' x2='800' y2='777'%3E%3Cstop offset='0' stop-color='%2324ff52'/%3E%3Cstop offset='1' stop-color='%2300b4f1'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='850' y1='25' x2='850' y2='777'%3E%3Cstop offset='0' stop-color='%2327ff67'/%3E%3Cstop offset='1' stop-color='%23008fe0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='900' y1='25' x2='900' y2='777'%3E%3Cstop offset='0' stop-color='%2329ff7c'/%3E%3Cstop offset='1' stop-color='%23006ece'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='950' y1='25' x2='950' y2='777'%3E%3Cstop offset='0' stop-color='%232cff91'/%3E%3Cstop offset='1' stop-color='%230050bd'/%3E%3C/linearGradient%3E%3ClinearGradient id='i' gradientUnits='userSpaceOnUse' x1='1000' y1='25' x2='1000' y2='777'%3E%3Cstop offset='0' stop-color='%232fffa4'/%3E%3Cstop offset='1' stop-color='%230037ab'/%3E%3C/linearGradient%3E%3ClinearGradient id='j' gradientUnits='userSpaceOnUse' x1='1050' y1='25' x2='1050' y2='777'%3E%3Cstop offset='0' stop-color='%2332ffb8'/%3E%3Cstop offset='1' stop-color='%2300219a'/%3E%3C/linearGradient%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='1100' y1='25' x2='1100' y2='777'%3E%3Cstop offset='0' stop-color='%2335ffcb'/%3E%3Cstop offset='1' stop-color='%23000f88'/%3E%3C/linearGradient%3E%3ClinearGradient id='l' gradientUnits='userSpaceOnUse' x1='1150' y1='25' x2='1150' y2='777'%3E%3Cstop offset='0' stop-color='%2338FFDD'/%3E%3Cstop offset='1' stop-color='%23007'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg %3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' x='100' width='1100' height='800'/%3E%3Crect fill='url(%23c)' x='200' width='1000' height='800'/%3E%3Crect fill='url(%23d)' x='300' width='900' height='800'/%3E%3Crect fill='url(%23e)' x='400' width='800' height='800'/%3E%3Crect fill='url(%23f)' x='500' width='700' height='800'/%3E%3Crect fill='url(%23g)' x='600' width='600' height='800'/%3E%3Crect fill='url(%23h)' x='700' width='500' height='800'/%3E%3Crect fill='url(%23i)' x='800' width='400' height='800'/%3E%3Crect fill='url(%23j)' x='900' width='300' height='800'/%3E%3Crect fill='url(%23k)' x='1000' width='200' height='800'/%3E%3Crect fill='url(%23l)' x='1100' width='100' height='800'/%3E%3C/g%3E%3C/svg%3E");
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
header {
|
||||
padding: 5vh 5vw;
|
||||
height: 100vh;
|
||||
text-align: center;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
/* responsive text size */
|
||||
header h1 { font-size: 3vw; }
|
||||
header h2 { font-size: 2.5vw; }
|
||||
header h3 { font-size: 2vw; }
|
||||
header h4 { font-size: 1.5vw; }
|
||||
|
||||
header a { color: #0E0051; }
|
||||
header a:visited { color: #0E0051; }
|
||||
|
||||
header h1, h2, h3, h4 {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
main {
|
||||
padding-bottom: 5vh; /* The same as the footer height */
|
||||
}
|
||||
|
||||
main section { margin: 5vh 5vw; }
|
||||
|
||||
main section article,
|
||||
main section nav {
|
||||
color: #ddd;
|
||||
padding: 5vh 5vw;
|
||||
background: rgba(2, 0, 36, .6);
|
||||
background: radial-gradient(circle, rgba(2, 0, 36, .6) 0%, rgba(14, 0, 81, .6) 75%, rgba(19, 0, 112, .6) 100%);
|
||||
}
|
||||
|
||||
main section article figure { text-align: center; }
|
||||
main section article figure img { max-width: 75%; }
|
||||
main section a { color: #ddd; text-decoration: none; font-weight: bold; }
|
||||
main section a:hover { text-decoration: underline; }
|
||||
main section li { list-style: none; }
|
||||
|
||||
footer {
|
||||
background: rgb(2,0,36);
|
||||
background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(14,0,81,1) 78%, rgba(19,0,112,1) 100%);
|
||||
width: 100vw;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
menu {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
menu ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
menu ul li {
|
||||
list-style-position: inside;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
menu ul li a {
|
||||
color: #ddd;
|
||||
font-size: 2rem;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 374 KiB |
|
|
@ -0,0 +1,105 @@
|
|||
<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>Casa Wakale - Wakale House</title>
|
||||
<link href="assets/css/style.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<header id="rules">
|
||||
<h3>Casa Wakale Rules:</h3>
|
||||
|
||||
<h1 id="rule-1"><a href="#rule-1">1</a> - Do Your Best</h1>
|
||||
|
||||
<h1 id="rule-2"><a href="#rule-2">2</a> - Use Common Sense</h1>
|
||||
|
||||
<h1 id="rule-3"><a href="#rule-3">3</a> - Shut The Fuck Up</h1>
|
||||
|
||||
<h4>So be the rules of this house.</h4>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section id="photos">
|
||||
<h1>Photos</h1>
|
||||
|
||||
<article>
|
||||
<figure>
|
||||
<img src="assets/images/leo-01.jpg" alt="La Patata!" />
|
||||
<figcaption>
|
||||
<p><em>Leonardo the cat is crazy and gray,
|
||||
<br>He trips and he gallops all over the day.
|
||||
<br>He jumps for the couch but lands on the floor,
|
||||
<br>Then wiggles and purrs and does it once more.
|
||||
<br>With a purr and a meow and paws that misstep,
|
||||
<br>Leonardo's the best friend and pet.</em></p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section id="conventions">
|
||||
<h1>Conventions</h1>
|
||||
|
||||
<article id="article-cleaning">
|
||||
<h2><a href="#1">1</a> — Cleaning: 1 x Week</h2>
|
||||
<ul>
|
||||
<li><a href="#1.1">1.1</a> — Davide does his bathroom</li>
|
||||
<li><a href="#1.2">1.2</a> — Solomon + Pxi: Do our bathrooms</li>
|
||||
<li><a href="#1.3">1.3</a> — Kitchen:
|
||||
<ul>
|
||||
<li><a href="#1.3.1">1.3.1</a> — You use it you clean it.</li>
|
||||
<li><a href="#1.3.2">1.3.2</a> — Keep the sink empty.</li>
|
||||
<li><a href="#1.3.3">1.3.3</a> — Keep surfaces <em>clempty</em>.</li>
|
||||
<li><a href="#1.3.4">1.3.4</a> — Clean up after yourself.</li>
|
||||
</ul>
|
||||
</li>
|
||||
</article>
|
||||
|
||||
<article id="article-guests">
|
||||
<h2><a href="#2">2</a> — Guests:</h2>
|
||||
<ul>
|
||||
<li><a href="#2.1">2.1</a> — Emergency — <b>OK</b></li>
|
||||
<li><a href="#2.2">2.2</a> — 3 days - 1 x month — <b>OK</b></li>
|
||||
<li><a href="#2.3">2.3</a> — Room swap (friends + family) — <b>OK</b></li>
|
||||
<li><a href="#2.4">2.4</a> — Girls — <b>OK</b> (common sense)</li>
|
||||
<li><a href="#2.5">2.5</a> — More than 2 ppl — <b>Send message</b></li>
|
||||
</ul>
|
||||
</article>
|
||||
|
||||
<article id="article-expenses">
|
||||
<h2><a href="#3">3</a> — Expenses:</h2>
|
||||
<ol>
|
||||
<li><a href="#3.1">3.1</a> — There are comunal spaces + private spaces</li>
|
||||
<li><a href="#3.2">3.2</a> — Use tricount app</li>
|
||||
<li><a href="#3.3">3.3</a> — Avoid consuming unnecessary stuff</li>
|
||||
<li><a href="#3.4">3.4</a> — Ask before buying</li>
|
||||
</ol>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="links">
|
||||
<h1>Links</h1>
|
||||
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href="https://www.last.fm/user/WakaleHouse">Music at Last.fm</a> — This is the music we play in our living room.</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<menu>
|
||||
<ul>
|
||||
<li><a href="#rules">Rules</a></li>
|
||||
<li><a href="#photos">Photos</a></li>
|
||||
<li><a href="#conventions">Conventions</a></p></li>
|
||||
<li><a href="#links">Links</a></p></li>
|
||||
</ul>
|
||||
</menu>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue