Style and add links to homepage (#1177)
This commit is contained in:
parent
9a7067e624
commit
3adef6d4b7
2
.gitignore
vendored
2
.gitignore
vendored
@ -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
|
||||||
|
@ -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),快看过来!)
|
||||||
|
|
||||||
|
@ -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"
|
||||||
|
@ -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'; }
|
||||||
|
@ -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 -->
|
||||||
|
Loading…
Reference in New Issue
Block a user