1
0
grosinger.net/timeline/obsidian_plugins/index.html

260 lines
7.4 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="map[name:Tony Grosinger]">
<meta name="description" content="Several plugins for Obsidian. See grosinger.dev for more details.
" />
<meta name="keywords" content="" />
<meta name="robots" content="noodp" />
<meta name="theme-color" content="" />
<link rel="canonical" href="https://grosinger.net/timeline/obsidian_plugins/" />
<title>
Obsidian.md Plugins :: 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="Obsidian.md Plugins">
<meta itemprop="description" content="Several plugins for Obsidian. See
grosinger.dev for more details."><meta itemprop="datePublished" content="2021-07-05T00:00:00+00:00" />
<meta itemprop="dateModified" content="2021-07-05T00:00:00+00:00" />
<meta itemprop="wordCount" content="106">
<meta itemprop="keywords" content="" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="Obsidian.md Plugins"/>
<meta name="twitter:description" content="Several plugins for Obsidian. See
grosinger.dev for more details."/>
<meta property="article:published_time" content="2021-07-05 00:00:00 &#43;0000 UTC" />
</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="post">
<div class="post-info">
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-clock">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12 6 12 12 16 14"></polyline>
</svg>
One minute
</p>
</div>
<article>
<h1 class="post-title">
<a href="https://grosinger.net/timeline/obsidian_plugins/">Obsidian.md Plugins</a>
</h1>
<div class="post-content">
<p>Several plugins for <a href="https://obsidian.md">Obsidian</a>. See
<a href="https://grosinger.dev">grosinger.dev</a> for more details.</p>
<p>Ever since the Obsidian team released the beta public API, plugin development
has been a major component of my morning routine. Developing plugins not only
shapes this tool to better suite my needs, but also teaches me more about UI
development than I ever expected. At this point I am very comfortable with
TypeScript, Svelte, and React, and even becoming more comfortable with CSS.</p>
<p>I couldn&rsquo;t be happier with what these projects have helped me achieve, and
greatly enjoy this part of my morning every day.</p>
<p>Take a look at the plugins I have created at
<a href="https://grosinger.dev">grosinger.dev</a>.</p>
</div>
</article>
<hr />
<div class="post-info">
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file-text">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
<polyline points="14 2 14 8 20 8"></polyline>
<line x1="16" y1="13" x2="8" y2="13"></line>
<line x1="16" y1="17" x2="8" y2="17"></line>
<polyline points="10 9 9 9 8 9"></polyline>
</svg>
106 Words
</p>
<p>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar">
<rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
<line x1="16" y1="2" x2="16" y2="6"></line>
<line x1="8" y1="2" x2="8" y2="6"></line>
<line x1="3" y1="10" x2="21" y2="10"></line>
</svg>
2021-07-04 17:00 -0700
</p>
</div>
</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>