voussoir/voussoir.net
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Put the article text into <article>, adjust CSS accordingly.

Browse source
This commit is contained in:
Ethan Dalool 2020-06-11 10:12:39 -07:00
parent d939b22e38
commit 3e979b25d3
2 changed files with 40 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
voussoir.net/writing/dark.css
View file

@ -12,6 +12,42 @@
--color_maintext: #ddd; --color_maintext: #ddd;
} }
*, *:before, *:after
{
box-sizing: inherit;
}
html
{
height: 100vh;
box-sizing: border-box;
background-color: var(--color_htmlbg);
color: var(--color_maintext);
font-family: Verdana, sans-serif;
font-size: 10pt;
}
body
{
margin: 0;
}
article
{
width: 90%;
min-width: 10em;
max-width: 70em;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 16px;
box-shadow: #000 0px 0px 40px -10px;
background-color: var(--color_bodybg);
}
h1, h2, h3, h4, h5 h1, h2, h3, h4, h5
{ {
padding: 8px; padding: 8px;
@ -36,45 +72,13 @@ h3:hover > .header_anchor_link {display: initial;}
h4:hover > .header_anchor_link {display: initial;} h4:hover > .header_anchor_link {display: initial;}
h5:hover > .header_anchor_link {display: initial;} h5:hover > .header_anchor_link {display: initial;}
html
{
height: 100vh;
box-sizing: border-box;
background-color: var(--color_htmlbg);
color: var(--color_maintext);
font-family: Verdana, sans-serif;
font-size: 10pt;
}
*, *:before, *:after
{
box-sizing: inherit;
}
a a
{ {
color: var(--color_link); color: var(--color_link);
cursor: pointer;
} }
article *
body
{
width: 90%;
min-width: 10em;
max-width: 70em;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 16px;
box-shadow: #000 0px 0px 40px -10px;
background-color: var(--color_bodybg);
}
body *
{ {
max-width: 100%; max-width: 100%;
word-wrap: break-word; word-wrap: break-word;

2
voussoir.net/writing/vmarkdown.py
View file

@ -30,7 +30,9 @@ HTML_TEMPLATE = '''
</head> </head>
<body> <body>
<article>
{body} {body}
</article>
</body> </body>
</html> </html>
'''.strip() '''.strip()