mirror of
https://github.com/urbit/shrub.git
synced 2024-12-11 23:48:22 +03:00
working on doc
This commit is contained in:
Galen Wolfe-Pauly
parent
b024a01b72
commit
5ac992dedb
@ -19,10 +19,11 @@ div.logo {
|
||||
height: 3rem;
|
||||
background-color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 2rem;
|
||||
margin-right: 1rem;
|
||||
border-radius: 50%;
|
||||
vertical-align: middle;
|
||||
margin-top: -.8rem; }
|
||||
margin-top: -.8rem;
|
||||
background-color: #000; }
|
||||
|
||||
div.logo:before {
|
||||
content: "~";
|
||||
@ -35,6 +36,12 @@ div.logo:before {
|
||||
width: 2rem;
|
||||
display: inline-block; }
|
||||
|
||||
div.logo.inverse:before {
|
||||
color: #fff; }
|
||||
|
||||
.lead .logo.inverse {
|
||||
margin-top: -1.4rem; }
|
||||
|
||||
.short {
|
||||
width: 75%; }
|
||||
|
||||
@ -51,6 +58,18 @@ div.logo:before {
|
||||
font-size: 1rem;
|
||||
line-height: 2rem; }
|
||||
|
||||
.link-next {
|
||||
margin-top: 4rem; }
|
||||
.link-next a {
|
||||
padding: .6rem;
|
||||
border: 2px solid;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
margin-top: 4rem; }
|
||||
.link-next a:hover {
|
||||
background-color: #000;
|
||||
color: #fff; }
|
||||
|
||||
.loading:before {
|
||||
font-family: 'scp';
|
||||
background-color: #000;
|
||||
@ -61,6 +80,7 @@ div.logo:before {
|
||||
height: 1.6rem;
|
||||
text-align: center;
|
||||
font-size: .8rem;
|
||||
line-height: 1.7rem;
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
z-index: 3; }
|
||||
@ -128,13 +148,15 @@ div.logo:before {
|
||||
.ctrl ul.nav li {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap; }
|
||||
white-space: nowrap;
|
||||
margin-bottom: .6rem; }
|
||||
.ctrl ul.nav:hover {
|
||||
overflow: visible; }
|
||||
.ctrl a.nav-link:hover {
|
||||
text-decoration: underline; }
|
||||
.ctrl a.nav-link {
|
||||
letter-spacing: 1px; }
|
||||
letter-spacing: 1px;
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid;
|
||||
line-height: 1rem; }
|
||||
.ctrl .selected a.nav-link {
|
||||
font-weight: 500; }
|
||||
|
||||
@ -202,7 +224,10 @@ div.logo:before {
|
||||
.ctrl.open {
|
||||
max-height: 12rem; }
|
||||
a.nav-link {
|
||||
font-size: 1rem; }
|
||||
font-size: 1rem;
|
||||
line-height: 1rem;
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid; }
|
||||
.ctrl.open ul.nav {
|
||||
max-height: 9rem;
|
||||
overflow-y: scroll; } }
|
||||
@ -316,7 +341,7 @@ div.logo:before {
|
||||
|
||||
[data-path^='/docs'] .selected .nav-link,
|
||||
[data-path^='/work'] .selected .nav-link {
|
||||
color: #02D124; }
|
||||
color: #55595c; }
|
||||
|
||||
[data-path^='/docs'] .nav-link,
|
||||
[data-path^='/work'] .nav-link {
|
||||
@ -324,13 +349,13 @@ div.logo:before {
|
||||
|
||||
[data-path^='/docs'] .home,
|
||||
[data-path^='/work'] .home {
|
||||
background-color: #0500F0;
|
||||
border-color: #0500F0; }
|
||||
background-color: #55595c;
|
||||
border-color: #55595c; }
|
||||
|
||||
[data-path^='/docs'] .home:hover,
|
||||
[data-path^='/work'] .home:hover {
|
||||
background-color: #0500F0;
|
||||
border-color: #0500F0;
|
||||
background-color: #B1B7BD;
|
||||
border-color: #B1B7BD;
|
||||
opacity: .6; }
|
||||
|
||||
[data-path^='/docs'] .home:before,
|
||||
@ -500,12 +525,15 @@ div.logo:before {
|
||||
border: 0; }
|
||||
.urbit.navbar.ctrl ul.nav li.btn a,
|
||||
.urbit.navbar.ctrl .subnav ul.nav li.btn a {
|
||||
color: #02D124;
|
||||
color: #64DE79;
|
||||
line-height: 1.5rem; } }
|
||||
|
||||
.lead h1:first-of-type {
|
||||
padding-bottom: 0; }
|
||||
|
||||
.flush {
|
||||
padding-top: 0; }
|
||||
|
||||
.h-arrow {
|
||||
width: 100%;
|
||||
height: 9rem;
|
||||
@ -585,7 +613,7 @@ div.logo:before {
|
||||
line-height: 4rem; }
|
||||
|
||||
.body .urbit a.green:hover {
|
||||
color: #02D124; }
|
||||
color: #64DE79; }
|
||||
|
||||
.body .urbit .container.stack {
|
||||
margin-bottom: 3rem; }
|
||||
@ -689,7 +717,7 @@ div.logo:before {
|
||||
|
||||
.body .urbit .end {
|
||||
padding: 1rem;
|
||||
background-color: #02D124;
|
||||
background-color: #64DE79;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-size: 2rem;
|
||||
@ -924,12 +952,12 @@ div.logo:before {
|
||||
margin-bottom: 12rem; }
|
||||
.urbit ul.blog .btn {
|
||||
padding: .3rem;
|
||||
border: 3px solid #02D124;
|
||||
color: #02D124;
|
||||
border: 3px solid #64DE79;
|
||||
color: #64DE79;
|
||||
text-decoration: none;
|
||||
text-transform: none; }
|
||||
.urbit ul.blog .btn:hover {
|
||||
background-color: #02D124;
|
||||
background-color: #64DE79;
|
||||
color: #fff; }
|
||||
|
||||
.kids.runes h1 {
|
||||
@ -1022,7 +1050,8 @@ div.logo:before {
|
||||
margin-right: 3rem;
|
||||
margin-top: 2rem;
|
||||
min-width: 14rem;
|
||||
margin-bottom: 3rem; }
|
||||
margin-bottom: 3rem;
|
||||
padding: 0; }
|
||||
|
||||
.sections .kids > div p {
|
||||
font-weight: 500; }
|
||||
@ -1031,7 +1060,7 @@ div.logo:before {
|
||||
display: none; }
|
||||
|
||||
.lead-offset {
|
||||
margin-left: 8rem; }
|
||||
margin-left: 4rem; }
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.lead-offset {
|
||||
|
||||
@ -852,7 +852,8 @@ module.exports = query({
|
||||
results.push([
|
||||
div({
|
||||
key: keyed[k],
|
||||
id: keyed[k]
|
||||
id: keyed[k],
|
||||
className: "col-md-4"
|
||||
}, reactify(elem.body)), hr({})
|
||||
]);
|
||||
}
|
||||
@ -1234,7 +1235,6 @@ Nav = React.createFactory(query({
|
||||
subnav: (this.props.meta.navsub != null)
|
||||
});
|
||||
navClas = {
|
||||
'col-md-1': this.props.meta.navmode !== 'navbar',
|
||||
navbar: this.props.meta.navmode === 'navbar',
|
||||
ctrl: true,
|
||||
open: this.state.open === true
|
||||
@ -1354,21 +1354,21 @@ module.exports = query({
|
||||
componentDidMount: function() {
|
||||
var _this;
|
||||
this.setTitle();
|
||||
this.interval = setInterval(this.checkURL, 100);
|
||||
TreeStore.addChangeListener(this._onChangeStore);
|
||||
_this = this;
|
||||
$('body').on('click', 'a', function(e) {
|
||||
var href;
|
||||
var href, url;
|
||||
href = $(this).attr('href');
|
||||
if (href[0] === "#") {
|
||||
return true;
|
||||
}
|
||||
if (href && !/^https?:\/\//i.test(href)) {
|
||||
e.preventDefault();
|
||||
if ((href != null ? href[0] : void 0) !== "/") {
|
||||
href = (document.location.pathname.replace(/[^\/]*\/?$/, '')) + href;
|
||||
url = new URL(this.href);
|
||||
if (url.pathname.substr(-1) !== "/") {
|
||||
url.pathname += "/";
|
||||
}
|
||||
return _this.goTo(util.fragpath(href));
|
||||
return _this.goTo(url.pathname + url.search + url.hash);
|
||||
}
|
||||
});
|
||||
return this.checkRedirect();
|
||||
@ -1390,17 +1390,12 @@ module.exports = query({
|
||||
}
|
||||
return document.title = title + " - " + this.props.path;
|
||||
},
|
||||
setPath: function(href, hist) {
|
||||
var href_parts, next;
|
||||
href_parts = href.split("#");
|
||||
next = href_parts[0];
|
||||
if (next.substr(-1) === "/") {
|
||||
next = next.slice(0, -1);
|
||||
}
|
||||
href_parts[0] = next;
|
||||
setPath: function(path, hist) {
|
||||
var next;
|
||||
if (hist !== false) {
|
||||
history.pushState({}, "", util.basepath(href_parts.join("#")));
|
||||
history.pushState({}, "", path);
|
||||
}
|
||||
next = util.fragpath(path.split('#')[0]);
|
||||
if (next !== this.props.path) {
|
||||
return TreeActions.setCurr(next);
|
||||
}
|
||||
@ -1417,7 +1412,7 @@ module.exports = query({
|
||||
checkURL: function() {
|
||||
if (this.state.url !== window.location.pathname) {
|
||||
this.reset();
|
||||
this.setPath(util.fragpath(window.location.pathname), false);
|
||||
this.setPath(window.location.pathname, false);
|
||||
return this.setState({
|
||||
url: window.location.pathname
|
||||
});
|
||||
@ -2027,6 +2022,9 @@ $(function() {
|
||||
var frag, main, util;
|
||||
util = require('./utils/util.coffee');
|
||||
require('./utils/scroll.coffee');
|
||||
if (document.location.pathname.substr(-1) !== "/") {
|
||||
history.replaceState({}, "", document.location.pathname + "/" + document.location.search + document.location.hash);
|
||||
}
|
||||
window.tree.actions = require('./actions/TreeActions.coffee');
|
||||
window.tree.actions.addVirtual(require('./components/Components.coffee'));
|
||||
frag = util.fragpath(window.location.pathname.replace(/\.[^\/]*$/, ''));
|
||||
|
||||
Loading…
Reference in New Issue
Block a user