Skip to content

Instantly share code, notes, and snippets.

@azappa

azappa/theme.html

Created February 5, 2023 09:20
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save azappa/c496332760fda7223153e37d3f1b8529 to your computer and use it in GitHub Desktop.
Save azappa/c496332760fda7223153e37d3f1b8529 to your computer and use it in GitHub Desktop.
Download ZIP
sushicube.ale.im theme
Raw
theme.html
<!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.0, maximum-scale=1.0"/>
<meta name="author" content="Alessio Zappa"/>
<!-- tumblr tags -->
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}"/>
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
<!-- /tumblr tags -->
<!-- modern reset css -->
<style type="text/css">
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
</style>
<!-- /modern reset css -->
<!-- custom css -->
<style type="text/css">
iframe[name="unified-controls"], iframe[name="app-cta-button"], iframe[name="gdpr-banner"], iframe[name="follow-teaser"] { display: none!important; }
* { font-family: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace; }
body { background: #fcfcfc; padding: 20px!important; }
img { border: 1px solid #eee; max-width: 100%; height: auto; box-sizing: border-box; background: #fff; padding: 2px; }
.separator { height: 100px; position: relative; width: 100%; display: block; clear: both; }
.separator.small { height: 50px; }
h1#blog_title > a { text-decoration: none; }
#description, blockquote { font-size: smaller; border-left-width: 4px; border-left-style: solid; padding-left: 16px; margin-left: 0; }
#footer_pagination { display: flex; align-items: center; justify-content: space-between; max-width: 300px; margin: 0 auto; }
.post.detail-page > div:after, .post_details > div:after { height: 50px; position: relative; content: ""; width: 100%; display: block; }
.post_details > div { font-size: smaller; }
ol.notes { list-style-type: none; margin-left: 0; padding-left: 0; }
ol.notes li + li { margin-top: 8px; }
ol.notes li img { display: none; }
@media (prefers-color-scheme: dark) {
body { background: #222; color: #eee; }
a { color: #fff; }
#description, blockquote { border-color: #aaa; }
}
@media (prefers-color-scheme: light) {
body { background: #f3f3f3; color: #111; }
a { color: #111; }
#description, blockquote { border-color: #666; }
}
</style>
<!-- /custom css -->
</head>
<body>
<h1 id="blog_title">
<a href="/" class="Title">{Title}</a>
</h1>
{block:Description}
<div id="description">{Description}</div>
<div class="separator"></div>
{/block:Description}
<div id="posts">
{block:Posts}
{block:Text}
<div class="post text {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}{Body}
</div>
{/block:Text}
{block:Photo}
<div class="post photo {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}
{block:Panorama}
<div class="post panorama {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
{LinkOpenTag}
<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
{LinkCloseTag}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Panorama}
{block:Photoset}
<div class="post photoset {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
{Photoset-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photoset}
{block:Quote}
<div class="post quote {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</div>
{/block:Quote}
{block:Link}
<div class="post link {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</div>
{/block:Link}
{block:Chat}
<div class="post chat {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</li>
{/block:Lines}
</ul>
</div>
{/block:Chat}
{block:Video}
<div class="post video {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
{Video-500}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Video}
{block:Audio}
<div class="post audio {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
{AudioEmbed}
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Audio}
<div class="post_details {block:HomePage}list-page{/block:HomePage} {block:PermalinkPage}detail-page{/block:PermalinkPage}">
{block:HasTags}
<div class="post_details_tags">
<span>{lang:Filed under}</span>:
{block:Tags}
<a href="{TagURL}">#{Tag}</a>&nbsp;
{block:Tags}
</div>
{/block:HasTags}
{block:PermalinkPage}
<div class="post_details_notes">
{PostNotes}
</div>
{/block:PermalinkPage}
</div>
{/block:Posts}
</div>
<div id="footer">
<div id="footer_pagination">
{block:PreviousPage}
<a href="{PreviousPage}">&#171; Previous</a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}">Next &#187;</a>
{/block:NextPage}
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment