Kaffesky/kaffesky-markdown-templates
3
0
Fork 0
mirror of https://github.com/Kaffesky/kaffesky-markdown-templates.git synced 2026-04-18 13:57:31 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updating iA-writer section

Browse source
This commit is contained in:
jostein 2026-03-26 10:15:02 +01:00
parent 6f50b1f00d
commit 37ba3383ba
7 changed files with 866 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

54
convertion_templates_iA-Writer/ExampleTemplate_CleanDoc.iatemplate/Contents/Resources/header.html Normal file
View file

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css" />
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
max-width: 100%;
}
body {
display: flex;
align-items: flex-end; /* pin content to bottom of the header zone */
padding: 0 10vw 10px;
}
.header-inner {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--c-rule);
padding-bottom: 6px;
}
.header-title {
font-size: var(--text-xs);
font-weight: 500;
color: var(--c-muted);
letter-spacing: 0.04em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header-dot {
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--c-accent);
flex-shrink: 0;
}
</style>
</head>
<body>
<div class="header-inner">
<span class="header-title" data-title></span>
<div class="header-dot"></div>
</div>
</body>
</html>