Style and add links to homepage (#1177)

This commit is contained in:
Casey Rodarmor 2022-05-03 23:27:27 -07:00 committed by GitHub
parent 9a7067e624
commit 3adef6d4b7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 56 additions and 44 deletions

2
.gitignore vendored
View File

@ -1,7 +1,6 @@
/.vagrant /.vagrant
/README.html /README.html
/book/src /book/src
/www/book
/fuzz/artifacts /fuzz/artifacts
/fuzz/corpus /fuzz/corpus
/fuzz/target /fuzz/target
@ -9,3 +8,4 @@
/test-utilities/Cargo.lock /test-utilities/Cargo.lock
/test-utilities/target /test-utilities/target
/tmp /tmp
/www/man

View File

@ -11,7 +11,7 @@
`just` is a handy way to save and run project-specific commands. `just` is a handy way to save and run project-specific commands.
This readme is also available as a [book](https://just.systems/book/); This readme is also available as a [book](https://just.systems/man/);
(非官方中文文档,[这里](https://github.com/chinanf-boy/just-zh),快看过来!) (非官方中文文档,[这里](https://github.com/chinanf-boy/just-zh),快看过来!)

View File

@ -6,4 +6,4 @@ src = "src"
title = "Just Programmer's Manual" title = "Just Programmer's Manual"
[build] [build]
build-dir = "../www/book" build-dir = "../www/man"

View File

@ -1,55 +1,68 @@
:root { :root {
--width-target: calc(100vw / 6); --width-target: calc(100vw / 6);
--height-target: calc(100vh / 3); --height-target: calc(100vh / 3);
--size: min(var(--width-target), var(--height-target)); --size: min(var(--width-target), var(--height-target));
--margin-vertical: calc((100vh - var(--size) * 2) / 2); --margin-vertical: calc((100vh - var(--size) * 2) / 2);
--margin-horizontal: calc((100vw - var(--size) * 5) / 2); --margin-horizontal: calc((100vw - var(--size) * 5) / 2);
} }
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
html { html {
background-color: black; background-color: black;
color: white; color: white;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
font-family: sans-serif;
font-size: var(--size);
line-height: var(--size);
} }
a { a {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
#just { a:hover {
font-family: sans-serif; text-shadow: 0 0 5px #fff;
font-size: var(--size); }
line-height: var(--size);
display: grid; body {
display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
margin-bottom: var(--margin-vertical); margin-bottom: var(--margin-vertical);
margin-left: var(--margin-horizontal); margin-left: var(--margin-horizontal);
margin-right: var(--margin-horizontal); margin-right: var(--margin-horizontal);
margin-top: var(--margin-vertical); margin-top: var(--margin-vertical);
} }
#just > * { body > * {
height: var(--size); width: var(--size);
width: var(--size);
} }
#subtitle { body > div {
font-style: italic; height: var(--size);
text-shadow: 0 0 5px #fff;
}
body > a {
align-items: center;
display: flex;
font-size: calc(var(--size) / 9);
height: calc(var(--size) / 2);
justify-content: center;
line-height: calc(var(--size) / 9);
} }
/* just is an isogram */ /* just is an isogram */
#j:after { content: 'j'; } #j:after { content: 'j'; }
#j:hover:after { content: 'J'; } #j:hover:after { content: 'J'; }
#u:after { content: 'u'; } #u:after { content: 'u'; }
#u:hover:after { content: 'U'; } #u:hover:after { content: 'U'; }
#s:after { content: 's'; } #s:after { content: 's'; }
#s:hover:after { content: 'S'; } #s:hover:after { content: 'S'; }
#t:after { content: 't'; } #t:after { content: 't'; }
#t:hover:after { content: 'T'; } #t:hover:after { content: 'T'; }

View File

@ -7,15 +7,14 @@
<link href="index.css" rel="stylesheet" type="text/css"> <link href="index.css" rel="stylesheet" type="text/css">
</head> </head>
<body> <body>
<a href="https://github.com/casey/just"> <div id="j"></div>
<div id="just"> <div id="u"></div>
<div id="j"></div> <div id="s"></div>
<div id="u"></div> <div id="t"></div>
<div id="s"></div> <a href="https://github.com/casey/just">github</a>
<div id="t"></div> <a href="man/">manual</a>
</div> <a href="https://discord.gg/ezYScXR">discord</a>
<div id="subtitle">a command runner</div> <a href="https://crates.io/crates/just">crates.io</a>
</a>
</body> </body>
</html> </html>
<!-- Love, Casey --> <!-- Love, Casey -->