askiiart/this-site-runs-on-a-textbook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add CSS and update HTML

Browse source
This commit is contained in:
askiiart 2023-09-11 21:18:40 -05:00
parent 8c09196591
commit aee3c640ac
No known key found for this signature in database
GPG key ID: C89CBC4F981EE719
3 changed files with 92 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
index.html
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta content="width=device-width, initial-scale=1" charset="utf-8" />
<link rel="icon" href="/assets/askiiart.gif" type="image/icon">
<title>Lorem ipsum</title>
<link href="/style.css" type="text/css" rel="stylesheet" />
<link href="/prism.css" rel="stylesheet" />
</head>
<body class="line-numbers">
<h1 id="lorem-ipsum">Lorem ipsum</h1>
<h2 id="dolor-sit-amet">Dolor sit amet</h2>
<p>Consectetuer adipiscing elit. Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus.</p>
<ul>
<li>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit.</li>
<li>Aenean commodo ligula eget dolor.</li>
<li>Aenean massa.</li>
</ul>
<script src="/prism.js"></script>
</body>
<footer>
<p>Created by askiiart. Main site <a href="https://askiiart.net">here</a>, source code <a href="https://github.com/askiiart/this-site-runs-on-a-textbook">here</a>.</p>
</footer>
</html>

64
style.css Normal file
View file

@ -0,0 +1,64 @@
body {
color: #dadada;
background: #202020;
margin: 1em auto;
max-width: 90vw;
padding: 0 .62em;
font: 1.0em/1.35 sans-serif
}
a:link,
a:visited {
color: #80c47b;
}
a:hover,
a:visited:hover {
color: #6bb794
}
h1,
h2,
h3 {
line-height: 1.2
}
code {
background: #202020
}
pre {
background: #202020
}
wrap {
word-wrap: break-word
}
@media (max-device-width: 1200px) {
h1 {
line-height: 1.2;
font-size: 40px;
}
h2 {
line-height: 1.2;
font-size: 30px;
}
body {
font-size: 20px;
}
pre,
code {
font-size: 16px;
}
}
@media print {
body {
max-width: none
}
}

2
template.html
View file

@ -12,6 +12,6 @@
<script src="/prism.js"></script>
</body>
<footer>
<p>To view this page in markdown, replace the <code>.html</code> in the URL with <code>.md</code>. If this is the root page (askiiart.net), get the markdown version of it at <a href="/index.md">index.md</a>. Source code <a href="https://github.com/askiiart/askiiart.github.io">here</a> and <a href="https://git.askiiart.net/askiiart/askiiart-net">here</a>.</p>
<p>Created by askiiart. Main site <a href="https://askiiart.net">here</a>, source code <a href="https://github.com/askiiart/this-site-runs-on-a-textbook">here</a>.</p>
</footer>
</html>