1
0
grosinger.net/timeline/index.html

351 lines
9.2 KiB
HTML
Executable File

<!DOCTYPE html>
<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, shrink-to-fit=no">
<meta name="author" content="Tony Grosinger ">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<meta name="theme-color" content="" />
<link rel="canonical" href="https://grosinger.net/timeline/" />
<title>
Timelines :: Tony Grosinger
</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flag-icon-css/3.2.1/css/flag-icon.min.css" rel="stylesheet"
type="text/css">
<link rel="stylesheet" href="/main.b3f49e43ec78d45503e5344e4d084baa38219554bb6e52609339db36ed36d14c.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#252627">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="msapplication-TileColor" content="#252627">
<meta name="theme-color" content="#252627">
<meta itemprop="name" content="Timelines">
<meta itemprop="description" content="">
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Timelines"/>
<meta name="twitter:description" content=""/>
<link rel="alternate" type="application/rss+xml" href="https://grosinger.net/timeline/index.xml" title="Tony Grosinger" />
</head>
<body class="dark-theme">
<div class="container">
<header class="header">
<span class="header__inner">
<a href="/" style="text-decoration: none;">
<div class="logo">
<span class="logo__mark">Tony Grosinger</span>
<span class="logo__text"></span>
<span class="logo__cursor" style=
"visibility:hidden;
">
</span>
</div>
</a>
<span class="header__right">
<span class="theme-toggle unselectable"><svg class="theme-toggler" width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22 41C32.4934 41 41 32.4934 41 22C41 11.5066 32.4934 3 22
3C11.5066 3 3 11.5066 3 22C3 32.4934 11.5066 41 22 41ZM7 22C7
13.7157 13.7157 7 22 7V37C13.7157 37 7 30.2843 7 22Z"/>
</svg>
</span>
</span>
</span>
</header>
<div class="content">
<main class="posts">
<h1>Timelines</h1>
<section class="timeline">
<div class="container" style="text-align: left!important">
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/joined_obsidian/"><span class="post-title">Joined Obsidian.md</span></a></h2>
<div class="date">Aug 10, 2023</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/orcashub/"><span class="post-title">OrcasHub</span></a></h2>
<div class="date">Dec 1, 2022</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/custom_keyboards/"><span class="post-title">Custom Keyboards</span></a></h2>
<div class="date">May 1, 2022</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/obsidian_plugins/"><span class="post-title">Obsidian.md Plugins</span></a></h2>
<div class="date">Jul 5, 2021</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/advanced_markdown_tables/"><span class="post-title">Advanced Markdown Tables</span></a></h2>
<div class="date">Nov 15, 2020</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/makerspace/"><span class="post-title">Start a Community Makerspace</span></a></h2>
<div class="date">Jan 1, 2020</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/pdc/"><span class="post-title">Permaculture Design Certified</span></a></h2>
<div class="date">Jul 1, 2019</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/ofc_board/"><span class="post-title">Orcas Food Co-op Board Member</span></a></h2>
<div class="date">May 1, 2019</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/move_to_orcas/"><span class="post-title">Moved to Orcas Island, WA</span></a></h2>
<div class="date">Jul 1, 2018</div>
<p>
<br>
</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-img"></div>
<div class="timeline-content js--fadeInLeft">
<h2><a href="https://grosinger.net/timeline/joined_extrahop/"><span class="post-title">Joined ExtraHop Networks</span></a></h2>
<div class="date">Jun 1, 2014</div>
<p>
<br>
</p>
</div>
</div>
</div>
</section>
</main>
</div>
<footer class="footer">
<div class="footer__inner">
<div class="footer__content">
<span>&copy; 2023</span>
<span><a href="https://grosinger.net/">Tony Grosinger</a></span>
</div>
</div>
</footer>
<script type="text/javascript">
$(function(){
window.sr = ScrollReveal();
if ($(window).width() < 768) {
if ($('.timeline-content').hasClass('js--fadeInLeft')) {
$('.timeline-content').removeClass('js--fadeInLeft').addClass('js--fadeInRight');
}
sr.reveal('.js--fadeInRight', {
origin: 'right',
distance: '300px',
easing: 'ease-in-out',
duration: 800,
});
} else {
sr.reveal('.js--fadeInLeft', {
origin: 'left',
distance: '300px',
easing: 'ease-in-out',
duration: 800,
});
sr.reveal('.js--fadeInRight', {
origin: 'right',
distance: '300px',
easing: 'ease-in-out',
duration: 800,
});
}
sr.reveal('.js--fadeInLeft', {
origin: 'left',
distance: '300px',
easing: 'ease-in-out',
duration: 800,
});
sr.reveal('.js--fadeInRight', {
origin: 'right',
distance: '300px',
easing: 'ease-in-out',
duration: 800,
});
});
</script>
</div>
<script type="text/javascript" src="/bundle.min.01197697ee8afb53b4ecb6cc3c7cf18102750ec7b92dcc6cad336c6cde291ed8e3d5b00d93a2570d61b061abace0f9a303eeffdbc939b3e305cd5d754caa868b.js" integrity="sha512-ARl2l&#43;6K&#43;1O07LbMPHzxgQJ1Dse5LcxsrTNsbN4pHtjj1bANk6JXDWGwYaus4PmjA&#43;7/28k5s&#43;MFzV11TKqGiw=="></script>
</body>
</html>