289 lines
6 KiB
HTML
289 lines
6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-us">
|
|
<head>
|
|
|
|
|
|
|
|
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
|
<meta name="HandheldFriendly" content="True">
|
|
<meta name="MobileOptimized" content="320">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="referrer" content="no-referrer">
|
|
<meta name="description" content="Website Description">
|
|
<title>
|
|
Posts - Dendroalsia
|
|
</title>
|
|
|
|
<link href="/blog/index.xml" rel="alternate" type="application/rss+xml" title="Dendroalsia" />
|
|
|
|
|
|
<meta property="og:title" content="Posts - Dendroalsia" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:description" content="Website Description"/>
|
|
<meta property="og:url" content="https://www.dendroalsia.net/blog/"/>
|
|
<meta property="og:site_name" content="Dendroalsia"/>
|
|
|
|
|
|
|
|
|
|
<meta property="og:image" content="https://www.dendroalsia.net/home/moss.webp"/>
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="shortcut icon" href="/img/favicon.png">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/main.min.842355dd2ec6a34552c5ffdca0274879393643308cc04aed4876a79219a88809.css" integrity="sha256-hCNV3S7Go0VSxf/coCdIeTk2QzCMwErtSHankhmoiAk=" crossorigin="anonymous" media="screen">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</head>
|
|
<body>
|
|
<section id="top" class="section">
|
|
|
|
<div class="container hero ">
|
|
|
|
<h1 class="bold-title is-1">Posts</h1>
|
|
|
|
</div>
|
|
|
|
<div class="section ">
|
|
|
|
|
|
<div class="container">
|
|
<hr>
|
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
|
|
|
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false" >
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
<div class="navbar-menu " id="navMenu">
|
|
|
|
|
|
|
|
|
|
<a class="navbar-item" href="/">main</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="navbar-item" href="/#about">About</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a class="navbar-item" href="/#contact">Contact</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</nav>
|
|
<hr>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container markdown top-pad">
|
|
|
|
</div>
|
|
<div class="container">
|
|
|
|
|
|
<style>
|
|
.post-item-wrapper {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
margin-bottom: 2rem;
|
|
gap: 1.5rem;
|
|
}
|
|
|
|
.post-thumbnail {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.post-thumbnail img {
|
|
max-width: 300px;
|
|
height: auto;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.post-content {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.post-item-wrapper {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.post-thumbnail img {
|
|
max-width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
|
|
|
|
<div class="post-item-wrapper">
|
|
<div class="post-content">
|
|
<h3 class="title is-4" style="margin-bottom: 0.5rem;">
|
|
<a href="https://www.dendroalsia.net/blog/riverlevelcharts/">River level charts</a>
|
|
</h3>
|
|
|
|
<p class="has-text-grey" style="margin-bottom: 0.5rem;">
|
|
Oct 14, 2024
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="post-thumbnail">
|
|
<a href="https://www.dendroalsia.net/blog/riverlevelcharts/">
|
|
<img src="https://www.dendroalsia.net/blog/riverlevelcharts/example_last_6_months_hu_3ee8d3a026ad5207.png" alt="River level charts">
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<div style="margin-bottom: 2rem;">
|
|
|
|
<p><p>I’m interested in rivers (both ecologically and recreationally) and I want to know</p>
|
|
<ul>
|
|
<li>what water level different rivers are currently at</li>
|
|
<li>how does …</li></ul></p>
|
|
|
|
</div>
|
|
<hr>
|
|
|
|
|
|
<div class="post-item-wrapper">
|
|
<div class="post-content">
|
|
<h3 class="title is-4" style="margin-bottom: 0.5rem;">
|
|
<a href="https://www.dendroalsia.net/blog/prettyrivers/">Pretty rivers</a>
|
|
</h3>
|
|
|
|
<p class="has-text-grey" style="margin-bottom: 0.5rem;">
|
|
Jan 1, 2024
|
|
</p>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="post-thumbnail">
|
|
<a href="https://www.dendroalsia.net/blog/prettyrivers/">
|
|
<img src="https://www.dendroalsia.net/blog/prettyrivers/wisconsin_rivers_hu_d6e96c96b70bfc8f.png" alt="Pretty rivers">
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<div style="margin-bottom: 2rem;">
|
|
|
|
<p><p>I like maps that isolate different natural features. And I think that rivers make pretty patterns. So I made a series of scripts that generates a …</p></p>
|
|
|
|
</div>
|
|
<hr>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="container">
|
|
<hr>
|
|
</div>
|
|
<div class="container has-text-centered top-pad">
|
|
<a href="#top">
|
|
<i class="fa fa-arrow-up"></i>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="section" id="footer">
|
|
<div class="container has-text-centered">
|
|
|
|
<span class="footer-text">
|
|
|
|
</span>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<script src="https://www.dendroalsia.net/js/bundle.5c23c0437f001a469ca373a465a6f7487203d18e10cdff76d86a60af66d5ee28.js" integrity="sha256-XCPAQ38AGkaco3OkZab3SHID0Y4Qzf922Gpgr2bV7ig="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|