mirror of
https://git.sr.ht/~seirdy/seirdy.one
synced 2024-09-20 04:12:09 +00:00
d364a8fb9f
The sight of an animal using a JavaScript captivates Computer Scientists and laymen alike, perhaps because it forces us to question some of our ideas about human uniqueness. Does the animal know how JavaScript works? Did it anticipate the need for the tool and select it instead of Haskell or Zig? To some, this fascination with JavaScript seems arbitrary and anthropocentric; after all, animals engage in many other complex activities, like Agile Planning and ordering Juice on the Internet. However, we know that complex behaviour need not be cognitively demanding. JavaScript development can therefore provide a powerful window into the minds of animals, and help us to learn what capacities we share with them — and what might have changed to allow for the incontrovertibly unique levels of technology shown by modern humans, such as integers and block scope.
266 lines
4 KiB
CSS
266 lines
4 KiB
CSS
*, *:before, *:after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-size: 62.5%;
|
|
}
|
|
|
|
body {
|
|
font-size: 16px;
|
|
font-size: 1.6rem;
|
|
font-family: sans-serif;
|
|
color: #313a3d;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
padding: 0 16px;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
header#banner {
|
|
margin: 25px 0;
|
|
}
|
|
|
|
header#banner a {
|
|
color: #313a3d;
|
|
text-decoration: none;
|
|
}
|
|
|
|
header#banner a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
header#banner h2 {
|
|
display: inline;
|
|
font-size: 21px;
|
|
font-size: 2.1rem;
|
|
margin: 0 8px 0 0;
|
|
}
|
|
|
|
header#banner nav {
|
|
display: inline-block;
|
|
}
|
|
|
|
header#banner nav ul {
|
|
list-style-type: none;
|
|
font-size: 1.05em;
|
|
text-transform: lowercase;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
header#banner nav ul li {
|
|
display: inline;
|
|
margin: 0 3px;
|
|
}
|
|
|
|
header#banner nav ul li a {
|
|
color: #454545;
|
|
}
|
|
|
|
main#content a {
|
|
color: #007dfa;
|
|
text-decoration: none;
|
|
}
|
|
|
|
main#content a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
main#content h1,
|
|
main#content h2,
|
|
main#content h3,
|
|
main#content h4,
|
|
main#content h5,
|
|
main#content h6 {
|
|
margin-bottom: 0;
|
|
line-height: 1.15;
|
|
}
|
|
|
|
main#content h3 {
|
|
font-size: 19px;
|
|
font-size: 1.9rem;
|
|
}
|
|
|
|
main#content h1 + p,
|
|
main#content h2 + p,
|
|
main#content h3 + p,
|
|
main#content h4 + p,
|
|
main#content h5 + p,
|
|
main#content h6 + p {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
main#content p {
|
|
color: #394548;
|
|
margin: 16px 0;
|
|
}
|
|
|
|
main#content hr {
|
|
height: 1px;
|
|
border: 0;
|
|
background: #d8d8d8;
|
|
}
|
|
|
|
/* index.html styles */
|
|
main#content ul#posts {
|
|
list-style-type: none;
|
|
font-size: 16px;
|
|
font-size: 1.6rem;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
main#content ul#posts li {
|
|
margin: 5px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
main#content ul#posts small {
|
|
font-size: 0.8em;
|
|
color: #767676;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
main#content ul#posts li a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
main#content ul#posts li a:hover {
|
|
color: #369aff;
|
|
}
|
|
|
|
main#content ul#posts li a:hover small {
|
|
color: inherit;
|
|
}
|
|
|
|
/* single.html styles */
|
|
main#content header#post-header h1 {
|
|
display: block;
|
|
font-size: 23px;
|
|
font-size: 2.3rem;
|
|
line-height: 1.15;
|
|
}
|
|
|
|
main#content header#post-header time {
|
|
display: block;
|
|
font-size: 0.85em;
|
|
color: #767676;
|
|
}
|
|
|
|
main#content #toc {
|
|
border: 1px solid #b1b1b1;
|
|
border-radius: 1px;
|
|
line-height: 26px;
|
|
margin: 16px 0;
|
|
padding: 9px 14px;
|
|
}
|
|
|
|
main#content #toc h4 {
|
|
font-size: 1.06em;
|
|
color: #3d3d3d;
|
|
margin: 0;
|
|
}
|
|
|
|
main#content #toc nav#TableOfContents {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
main#content #toc nav#TableOfContents > ul, main#content #toc nav#TableOfContents > ol {
|
|
margin-left: -40px;
|
|
}
|
|
|
|
main#content #toc ul, main#content #toc ol {
|
|
font-size: 0.98em;
|
|
margin: 0;
|
|
padding: 0 0 0 40px;
|
|
}
|
|
|
|
main#content #toc ul {
|
|
list-style-type: none;
|
|
}
|
|
|
|
main#content #toc ol {
|
|
counter-reset: item;
|
|
}
|
|
|
|
main#content #toc ol li {
|
|
display: block;
|
|
}
|
|
|
|
main#content #toc ol li:before {
|
|
content: counters(item, ".") ". ";
|
|
counter-increment: item;
|
|
}
|
|
|
|
main#content img {
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
main#content figure {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
main#content figure img {
|
|
display: block;
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
main#content figure figcaption {
|
|
font-size: 0.92em;
|
|
font-style: italic;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
margin-top: 6px;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
main#content figure figcaption h4 {
|
|
font-style: normal;
|
|
display: inline;
|
|
margin: 0;
|
|
}
|
|
|
|
main#content figure figcaption p {
|
|
display: inline;
|
|
margin: 0;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
main#content code,
|
|
main#content pre {
|
|
font-family: monospace;
|
|
}
|
|
|
|
main#content code {
|
|
font-size: 0.96em;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
main#content pre {
|
|
display: block;
|
|
overflow-x: auto;
|
|
font-size: 14px;
|
|
font-size: 1.4rem;
|
|
white-space: pre;
|
|
margin: 20px 0;
|
|
padding: 1.5rem 1.5rem;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
main#content pre code {
|
|
padding: 0;
|
|
}
|
|
|
|
main#content section.footnotes {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
footer#footer {
|
|
font-size: 14px;
|
|
font-size: 1.4rem;
|
|
color: #949494;
|
|
margin: 40px 0;
|
|
}
|