Add flamingo theme
This commit is contained in:
Case Duckworth
parent
c2f515e6ba
commit
91cf24845b
Binary file not shown.
|
After Width: | Height: | Size: 94 KiB |
|
|
@ -1,31 +0,0 @@
|
|||
<p>
|
||||
I think the skies in Louisiana are maybe the prettiest I've ever seen.
|
||||
Phoenix's sunsets are beautiful as well,
|
||||
but for the rest of the day the skies are just a pale blue,
|
||||
which isn't that interesting.
|
||||
But here, they're a dynamic canvas:
|
||||
clouds move and morph with the fluidity of emotion,
|
||||
breezes play with each other like waves in a surf,
|
||||
the blue backdrop is somehow deeper, a richer tapestry.
|
||||
Plus it's not quite as hot as in Phoenix,
|
||||
though it still does get <em>quite hot</em>,
|
||||
and the people are more ... <em>so</em>.
|
||||
</p><p>
|
||||
I'm not sure how else to put it.
|
||||
</p><p>
|
||||
The one thing I miss in this state is the mountains from back home.
|
||||
I would give anything for them;
|
||||
they are an indelible part of me
|
||||
and my very being aches with loss every time I go home
|
||||
and see them again
|
||||
and am reminded how they are.
|
||||
</p><p>
|
||||
I wonder, sometimes, about my childrens' relationships
|
||||
with the land.
|
||||
If they grow up here,
|
||||
and move to the mountains,
|
||||
will they miss the lowlands of <em>their</em> youth?
|
||||
</p><p>
|
||||
How strange they will be to me then.
|
||||
And how strange will I be to them.
|
||||
<p>
|
||||
129
index.html
129
index.html
|
|
@ -1,110 +1,23 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>acdw's house</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="author" content="acdw" />
|
||||
<meta name="viewport"
|
||||
content="width=device-width,
|
||||
initial-scale=1.0,
|
||||
user-scalable=yes" />
|
||||
<link rel="stylesheet" href="style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<table id="site-header">
|
||||
<tr><td>
|
||||
<pre id="house">
|
||||
__
|
||||
/ \
|
||||
/ \
|
||||
------
|
||||
| ____|
|
||||
| | ||
|
||||
| | '||
|
||||
~~~~~~~~
|
||||
</pre>
|
||||
</td>
|
||||
<td>
|
||||
<h1>acdw's house</h1>
|
||||
<h2>in the
|
||||
<a href="https://tilde.town">
|
||||
~.town
|
||||
</a>
|
||||
</h2>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<main id="site-content">
|
||||
<section id="la-story">
|
||||
<p>
|
||||
I think the skies in Louisiana are maybe the prettiest I've ever seen.
|
||||
Phoenix's sunsets are beautiful as well,
|
||||
but for the rest of the day the skies are just a pale blue,
|
||||
which isn't that interesting.
|
||||
But here, they're a dynamic canvas:
|
||||
clouds move and morph with the fluidity of emotion,
|
||||
breezes play with each other like waves in a surf,
|
||||
the blue backdrop is somehow deeper, a richer tapestry.
|
||||
Plus it's not quite as hot as in Phoenix,
|
||||
though it still does get <em>quite hot</em>,
|
||||
and the people are more ... <em>so</em>.
|
||||
</p><p>
|
||||
I'm not sure how else to put it.
|
||||
</p><p>
|
||||
The one thing I miss in this state is the mountains from back home.
|
||||
I would give anything for them;
|
||||
they are an indelible part of me
|
||||
and my very being aches with loss every time I go home
|
||||
and see them again
|
||||
and am reminded how they are.
|
||||
</p><p>
|
||||
I wonder, sometimes, about my childrens' relationships
|
||||
with the land.
|
||||
If they grow up here,
|
||||
and move to the mountains,
|
||||
will they miss the lowlands of <em>their</em> youth?
|
||||
</p><p>
|
||||
How strange they will be to me then.
|
||||
And how strange will I be to them.
|
||||
<p>
|
||||
</section>
|
||||
<section id="links">
|
||||
<h2>Links</h2>
|
||||
<ul>
|
||||
<li><a href="feels">feels</a></li>
|
||||
<li><a href="https://www.acdw.net">my "real" website</a></li>
|
||||
<li><a href="https://tilde.town/~troido/cadastre/town.html">town</a></li>
|
||||
<li><a id="moon" href="moon/">🌕</a></li>
|
||||
<li><a href="https://tilde.town/~loosepoops/">L O O S E P O O P S</a></li>
|
||||
</ul>
|
||||
<hr />
|
||||
<h2>Some of my favorite townies</h2>
|
||||
<ul>
|
||||
<li><a href="https://tilde.town/~demophoon/">~demophoon</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
<footer id="site-footer">
|
||||
<span class="ring" id="tilde_ring">
|
||||
<em>a member of the ~ring</em>
|
||||
(<a href="https://tilde.town/~eeeeeta/ring/join.html">join</a>)
|
||||
</span>
|
||||
<span class="ring-links">
|
||||
<a id="tilde_town_ring" class="tilde_ring_link" href="">
|
||||
random ~user
|
||||
</a>
|
||||
| <a id="random_tildebox" class="tilde_ring_link" href="">
|
||||
random ~box
|
||||
</a>
|
||||
| <a id="tilde_town_ring_next" class="tilde_ring_link" href="">
|
||||
next ~user</a>
|
||||
</span>
|
||||
<script type="text/javascript">
|
||||
var ringjs = document.createElement('script')
|
||||
ringjs.src = document.location.protocol
|
||||
+ '//tilde.town/~login/tilde_ring.js'
|
||||
document.getElementById('tilde_ring').appendChild(ringjs)
|
||||
</script>
|
||||
</footer>
|
||||
</body>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>acdw's house</title>
|
||||
|
||||
<link rel="stylesheet" href="style.css" type="text/css" />
|
||||
<script src="script.js" type="text/javascript"> </script>
|
||||
</head>
|
||||
<body>
|
||||
<section id="cover">
|
||||
<h1>~acdw</h1>
|
||||
<a id="moon" href="moon/">🌚</a>
|
||||
</section>
|
||||
<main role="main">
|
||||
<h1>Hey there</h1>
|
||||
<p>What's up man?</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
function positionMoon() {
|
||||
var moon = document.getElementById('moon');
|
||||
moon.style.top = Math.random()*100 + "%";
|
||||
moon.style.left = Math.random()*100 + "%";
|
||||
}
|
||||
|
||||
window.onload = function() {
|
||||
positionMoon();
|
||||
};
|
||||
80
style.css
80
style.css
|
|
@ -1,63 +1,33 @@
|
|||
html, body {
|
||||
background-color: #aeaeee;
|
||||
font-family: monospace;
|
||||
height: 100vh;
|
||||
html,
|
||||
body,
|
||||
#cover,
|
||||
#cover *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
}
|
||||
|
||||
#site-header {
|
||||
background-color: #eeaeee;
|
||||
table-layout: auto;
|
||||
}
|
||||
#house {
|
||||
background-color: #bb7bbb;
|
||||
color: #ffffff;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
#site-content {
|
||||
flex: 2;
|
||||
max-width: 49em;
|
||||
margin: 2em;
|
||||
}
|
||||
|
||||
#site-footer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background-color: #aeeeae;
|
||||
padding: 0 1em;
|
||||
}
|
||||
|
||||
em {
|
||||
text-decoration: underline;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
#links h2 {
|
||||
display: inline;
|
||||
}
|
||||
#links h2::after {
|
||||
content: ": ";
|
||||
}
|
||||
#links ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#links li {
|
||||
display: inline;
|
||||
}
|
||||
#links li::after {
|
||||
content: ", ";
|
||||
}
|
||||
#links li:last-child::after {
|
||||
content: "";
|
||||
#cover h1 {
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
bottom: 1em;
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
#moon {
|
||||
font-size: 3em;
|
||||
position: absolute;
|
||||
font-size: 1em;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#cover {
|
||||
background: no-repeat center/100% url("flamingobathroom.jpg");
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body {
|
||||
background: papayawhip;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue