Skip to content

Instantly share code, notes, and snippets.

@MattSLangford
MattSLangford / post-divider.css
Created March 19, 2024 16:12
Add a divider line between posts on the main blog page of Tiny Theme for Micro.blog.
/* Modify to your preferences */
.post-preview {
border-bottom: 1px solid var(--code);
margin-bottom: 2em;
}
@MattSLangford
MattSLangford / hide-cats.css
Created March 1, 2024 15:38
Tiny Theme: Hide Categories on Posts
/* Hide Categories on Posts */
ul.post-tags { display: none; }
@MattSLangford
MattSLangford / center.css
Created March 1, 2024 15:36
Tiny Theme: Center header content
/* Center all content in the header */
.site-header { text-align: center; }
@MattSLangford
MattSLangford / default-css-variable-colors.css
Last active July 15, 2024 04:47
Tiny Theme's default CSS colors
/* Light mode */
:root {
--text: #000000;
--link: #1565C0;
--link_visited: #1565C0;
--accent1: #333333;
--accent2: #666666;
--background: #ffffff;
--code: #e3e3e3;
--button-text: #ffffff;
@MattSLangford
MattSLangford / browser-color.html
Created February 29, 2024 15:49
Browser Theme Color
<!-- Change the color in "content" below to whatever you'd like -->
<meta name="theme-color" media="(prefers-color-scheme: light)" content="blue" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#FFA500" />
@MattSLangford
MattSLangford / tiny-custom-css.css
Last active February 21, 2024 15:57
Sample custom CSS for Tiny Theme for Micro.blog.
body { background: var(--link); max-width: 55em; }
.site-header { text-align: center; }
.site-header, .page-content, footer { background: var(--background); padding: 1em; border-radius: 0.333em; margin: 1em 0; }
/* Remove the description from the header */
p.description { display: none; }
/* Center all content in the header */
.site-header { text-align: center; }
/* Easily change the size of the entire site. Size and spacing throughout the site is based on the overall font size. By changing it, everything throughout the site will chang to match. I suggest something in the 16-24px range. */
body { font-size: 18px; }
/* Hide Categories on Posts */
.__sri-title-box {font-weight: bold;}
.__sri-title {margin-bottom: 0;}
.sri-group .sr-group {border-left: 1px solid #1761b4; width: 99%;}
#web_archive {display: none;}
@MattSLangford
MattSLangford / gist:8add08ac89f8a45f3182c3f0db576dd7
Created February 5, 2024 15:31
Previous/Next Post Links for Tiny Theme
{{ $pages := where site.RegularPages "Type" "post" }}
{{ if and (gt (len $pages) 1) (in $pages . ) }}
<div class="post-nav">
{{ with $pages.Prev . }}
<span class="previous">
<a class="prev" href="{{ .Permalink }}">← Previous Post</a>
</span>
{{ end }} {{ with $pages.Next . }}
<span class="next">
<a class="next" href="{{ .Permalink }}">Next Post →</a>