logo link

This commit is contained in:
Galen Wolfe-Pauly 2015-10-22 12:30:22 -07:00
parent 9b13ca7263
commit 5ad36d6f7e
5 changed files with 93 additions and 115 deletions

View File

@ -3,6 +3,7 @@ logo: black
title: User doc title: User doc
sort: 1 sort: 1
--- ---
<div class="short"> <div class="short">
# User documentation # User documentation

View File

@ -1,47 +1,47 @@
.bar
margin-top 2rem
margin-bottom 2rem
& > div
display inline-block
a.logo
display inline-block
height 2rem
vertical-align middle
border none
img.logo
margin-right 18px
margin-top 0
ul
margin 0
line-height 2rem
display inline-block
li::before
content ''
padding-right none
li
display inline-block
margin-bottom 0
margin-right 1rem
vertical-align middle
li a
border-bottom none
text-decoration underline
li a h1
margin 0
line-height inherit
text-transform capitalize
font-size 1.2rem
h1
text-transform capitalize
font-size 1rem
font-weight 400
letter-spacing .03rem
.lead .lead
#body #body
margin-top 3rem margin-top 3rem
margin-top 0 margin-top 0
.bar
margin-top 2rem
margin-bottom 2rem
& > div
display inline-block
a.logo
display inline-block
height 2rem
vertical-align middle
border none
img.logo
margin-right 18px
margin-top 0
ul
margin 0
line-height 2rem
display inline-block
li::before
content ''
padding-right none
li
display inline-block
margin-bottom 0
margin-right 1rem
vertical-align middle
li a
border-bottom none
text-decoration underline
li a h1
margin 0
line-height inherit
text-transform capitalize
font-size 1.2rem
h1
text-transform capitalize
font-size 1rem
font-weight 400
letter-spacing .03rem
h1 h1
margin-top 1rem margin-top 1rem
vertical-align middle vertical-align middle

View File

@ -251,12 +251,6 @@ li:before {
transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;
z-index: 4; z-index: 4;
} }
img.logo.black {
content: url("https://storage.googleapis.com/urbit-extra/logo/logo-black-100x100.png");
}
img.logo.white {
content: url("https://storage.googleapis.com/urbit-extra/logo/logo-white-100x100.png");
}
img.logo { img.logo {
height: 2rem; height: 2rem;
width: 2rem; width: 2rem;
@ -545,58 +539,58 @@ div.post p.ib {
font-weight: 200; font-weight: 200;
} }
} }
.lead #body { .bar {
margin-top: 3rem;
margin-top: 0;
}
.lead .bar {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.lead .bar > div { .bar > div {
display: inline-block; display: inline-block;
} }
.lead .bar a.logo { .bar a.logo {
display: inline-block; display: inline-block;
height: 2rem; height: 2rem;
vertical-align: middle; vertical-align: middle;
border: none; border: none;
} }
.lead .bar img.logo { .bar img.logo {
margin-right: 18px; margin-right: 18px;
margin-top: 0; margin-top: 0;
} }
.lead .bar ul { .bar ul {
margin: 0; margin: 0;
line-height: 2rem; line-height: 2rem;
display: inline-block; display: inline-block;
} }
.lead .bar ul li::before { .bar ul li::before {
content: ''; content: '';
padding-right: none; padding-right: none;
} }
.lead .bar ul li { .bar ul li {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
margin-right: 1rem; margin-right: 1rem;
vertical-align: middle; vertical-align: middle;
} }
.lead .bar ul li a { .bar ul li a {
border-bottom: none; border-bottom: none;
text-decoration: underline; text-decoration: underline;
} }
.lead .bar ul li a h1 { .bar ul li a h1 {
margin: 0; margin: 0;
line-height: inherit; line-height: inherit;
text-transform: capitalize; text-transform: capitalize;
font-size: 1.2rem; font-size: 1.2rem;
} }
.lead .bar ul h1 { .bar ul h1 {
text-transform: capitalize; text-transform: capitalize;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;
letter-spacing: 0.03rem; letter-spacing: 0.03rem;
} }
.lead #body {
margin-top: 3rem;
margin-top: 0;
}
.lead h1 { .lead h1 {
margin-top: 1rem; margin-top: 1rem;
vertical-align: middle; vertical-align: middle;

View File

@ -1,17 +1,17 @@
clas = require 'classnames' clas = require 'classnames'
logo = require './Logo.coffee'
query = require './Async.coffee' query = require './Async.coffee'
reactify = require './Reactify.coffee' reactify = require './Reactify.coffee'
recl = React.createClass recl = React.createClass
{div,p,img,a} = React.DOM {div,p,img,a} = React.DOM
Logo = React.createFactory recl render: -> Logo = React.createFactory recl
{color} = @props render: ->
if color is "white" or color is "black" # else? {color} = @props
src = "//storage.googleapis.com/urbit-extra/logo/logo-#{color}-100x100.png" if color is "white" or color is "black" # else?
(img {src,className:"logo"}) src = "//storage.googleapis.com/urbit-extra/logo/logo-#{color}-100x100.png"
(a {href:"http://urbit.org",style:{border:"none"}}, [(img {src,className:"logo"})])
Next = React.createFactory query { Next = React.createFactory query {
path:'t' path:'t'

View File

@ -35,8 +35,7 @@ module.exports = {
}; };
},{"../dispatcher/Dispatcher.coffee":14,"../persistence/TreePersistence.coffee":20}],2:[function(require,module,exports){
},{"../dispatcher/Dispatcher.coffee":15,"../persistence/TreePersistence.coffee":21}],2:[function(require,module,exports){
var BodyComponent, CLICK, Links, TreeActions, TreeStore, a, clas, div, query, reactify, recl, ref; var BodyComponent, CLICK, Links, TreeActions, TreeStore, a, clas, div, query, reactify, recl, ref;
clas = require('classnames'); clas = require('classnames');
@ -315,8 +314,7 @@ module.exports = query({
}), div); }), div);
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":21,"./Async.coffee":3,"./BodyComponent.coffee":4,"./Reactify.coffee":11,"classnames":16}],3:[function(require,module,exports){
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":22,"./Async.coffee":3,"./BodyComponent.coffee":4,"./Reactify.coffee":12,"classnames":17}],3:[function(require,module,exports){
var TreeActions, TreeStore, _load, code, div, recl, ref, span; var TreeActions, TreeStore, _load, code, div, recl, ref, span;
_load = require('./LoadComponent.coffee'); _load = require('./LoadComponent.coffee');
@ -426,14 +424,11 @@ module.exports = function(queries, Child, load) {
}; };
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":21,"./LoadComponent.coffee":10}],4:[function(require,module,exports){
},{"../actions/TreeActions.coffee":1,"../stores/TreeStore.coffee":22,"./LoadComponent.coffee":10}],4:[function(require,module,exports){ var Logo, Next, a, clas, div, img, p, query, reactify, recl, ref;
var Logo, Next, a, clas, div, img, logo, p, query, reactify, recl, ref;
clas = require('classnames'); clas = require('classnames');
logo = require('./Logo.coffee');
query = require('./Async.coffee'); query = require('./Async.coffee');
reactify = require('./Reactify.coffee'); reactify = require('./Reactify.coffee');
@ -449,10 +444,17 @@ Logo = React.createFactory(recl({
if (color === "white" || color === "black") { if (color === "white" || color === "black") {
src = "//storage.googleapis.com/urbit-extra/logo/logo-" + color + "-100x100.png"; src = "//storage.googleapis.com/urbit-extra/logo/logo-" + color + "-100x100.png";
} }
return img({ return a({
src: src, href: "http://urbit.org",
className: "logo" style: {
}); border: "none"
}
}, [
img({
src: src,
className: "logo"
})
]);
} }
})); }));
@ -527,8 +529,7 @@ module.exports = query({
})); }));
},{"./Async.coffee":3,"./Reactify.coffee":11,"classnames":16}],5:[function(require,module,exports){
},{"./Async.coffee":3,"./Logo.coffee":11,"./Reactify.coffee":12,"classnames":17}],5:[function(require,module,exports){
var div, recl, ref, textarea; var div, recl, ref, textarea;
recl = React.createClass; recl = React.createClass;
@ -551,7 +552,6 @@ module.exports = recl({
}); });
},{}],6:[function(require,module,exports){ },{}],6:[function(require,module,exports){
var div, recl; var div, recl;
@ -574,8 +574,7 @@ module.exports = {
}; };
},{"./CodeMirror.coffee":5,"./EmailComponent.coffee":7,"./KidsComponent.coffee":8,"./ListComponent.coffee":9,"./SearchComponent.coffee":12,"./TocComponent.coffee":13}],7:[function(require,module,exports){
},{"./CodeMirror.coffee":5,"./EmailComponent.coffee":7,"./KidsComponent.coffee":8,"./ListComponent.coffee":9,"./SearchComponent.coffee":13,"./TocComponent.coffee":14}],7:[function(require,module,exports){
var button, div, input, p, reactify, recl, ref; var button, div, input, p, reactify, recl, ref;
reactify = require('./Reactify.coffee'); reactify = require('./Reactify.coffee');
@ -655,8 +654,7 @@ module.exports = recl({
}); });
},{"./Reactify.coffee":11}],8:[function(require,module,exports){
},{"./Reactify.coffee":12}],8:[function(require,module,exports){
var a, div, hr, li, query, reactify, recl, ref, ul; var a, div, hr, li, query, reactify, recl, ref, ul;
reactify = require('./Reactify.coffee'); reactify = require('./Reactify.coffee');
@ -727,8 +725,7 @@ module.exports = query({
})); }));
},{"./Async.coffee":3,"./Reactify.coffee":11}],9:[function(require,module,exports){
},{"./Async.coffee":3,"./Reactify.coffee":12}],9:[function(require,module,exports){
var a, clas, div, h1, li, query, reactify, recl, ref, ul; var a, clas, div, h1, li, query, reactify, recl, ref, ul;
clas = require('classnames'); clas = require('classnames');
@ -875,8 +872,7 @@ module.exports = query({
})); }));
},{"./Async.coffee":3,"./Reactify.coffee":11,"classnames":16}],10:[function(require,module,exports){
},{"./Async.coffee":3,"./Reactify.coffee":12,"classnames":17}],10:[function(require,module,exports){
var div, input, recl, ref, textarea; var div, input, recl, ref, textarea;
recl = React.createClass; recl = React.createClass;
@ -916,13 +912,7 @@ module.exports = recl({
}); });
},{}],11:[function(require,module,exports){ },{}],11:[function(require,module,exports){
},{}],12:[function(require,module,exports){
var Virtual, div, load, reactify, recl, ref, rele, span, walk; var Virtual, div, load, reactify, recl, ref, rele, span, walk;
recl = React.createClass; recl = React.createClass;
@ -989,8 +979,7 @@ module.exports = _.extend(reactify, {
}); });
},{"./LoadComponent.coffee":10}],12:[function(require,module,exports){
},{"./LoadComponent.coffee":10}],13:[function(require,module,exports){
var a, div, input, query, reactify, recl, ref, var a, div, input, query, reactify, recl, ref,
slice = [].slice; slice = [].slice;
@ -1128,8 +1117,7 @@ module.exports = query({
})); }));
},{"./Async.coffee":3,"./Reactify.coffee":11}],13:[function(require,module,exports){
},{"./Async.coffee":3,"./Reactify.coffee":12}],14:[function(require,module,exports){
var div, query, reactify, recl, var div, query, reactify, recl,
slice = [].slice; slice = [].slice;
@ -1257,8 +1245,7 @@ module.exports = query({
})); }));
},{"./Async.coffee":3,"./Reactify.coffee":11}],14:[function(require,module,exports){
},{"./Async.coffee":3,"./Reactify.coffee":12}],15:[function(require,module,exports){
var Dispatcher; var Dispatcher;
Dispatcher = require('flux').Dispatcher; Dispatcher = require('flux').Dispatcher;
@ -1279,8 +1266,7 @@ module.exports = _.extend(new Dispatcher(), {
}); });
},{"flux":17}],15:[function(require,module,exports){
},{"flux":18}],16:[function(require,module,exports){
var rend; var rend;
rend = React.render; rend = React.render;
@ -1453,8 +1439,7 @@ $(function() {
}); });
},{"./actions/TreeActions.coffee":1,"./components/AnchorComponent.coffee":2,"./components/BodyComponent.coffee":4,"./components/Components.coffee":6,"./persistence/TreePersistence.coffee":20}],16:[function(require,module,exports){
},{"./actions/TreeActions.coffee":1,"./components/AnchorComponent.coffee":2,"./components/BodyComponent.coffee":4,"./components/Components.coffee":6,"./persistence/TreePersistence.coffee":21}],17:[function(require,module,exports){
/*! /*!
Copyright (c) 2015 Jed Watson. Copyright (c) 2015 Jed Watson.
Licensed under the MIT License (MIT), see Licensed under the MIT License (MIT), see
@ -1504,7 +1489,7 @@ $(function() {
} }
}()); }());
},{}],18:[function(require,module,exports){ },{}],17:[function(require,module,exports){
/** /**
* Copyright (c) 2014-2015, Facebook, Inc. * Copyright (c) 2014-2015, Facebook, Inc.
* All rights reserved. * All rights reserved.
@ -1516,7 +1501,7 @@ $(function() {
module.exports.Dispatcher = require('./lib/Dispatcher') module.exports.Dispatcher = require('./lib/Dispatcher')
},{"./lib/Dispatcher":19}],19:[function(require,module,exports){ },{"./lib/Dispatcher":18}],18:[function(require,module,exports){
/* /*
* Copyright (c) 2014, Facebook, Inc. * Copyright (c) 2014, Facebook, Inc.
* All rights reserved. * All rights reserved.
@ -1768,7 +1753,7 @@ var _prefix = 'ID_';
module.exports = Dispatcher; module.exports = Dispatcher;
},{"./invariant":20}],20:[function(require,module,exports){ },{"./invariant":19}],19:[function(require,module,exports){
/** /**
* Copyright (c) 2014, Facebook, Inc. * Copyright (c) 2014, Facebook, Inc.
* All rights reserved. * All rights reserved.
@ -1823,7 +1808,7 @@ var invariant = function(condition, format, a, b, c, d, e, f) {
module.exports = invariant; module.exports = invariant;
},{}],21:[function(require,module,exports){ },{}],20:[function(require,module,exports){
var dedup; var dedup;
dedup = {}; dedup = {};
@ -1881,8 +1866,7 @@ module.exports = {
}; };
},{}],21:[function(require,module,exports){
},{}],22:[function(require,module,exports){
var EventEmitter, MessageDispatcher, QUERIES, TreeStore, _curr, _data, _tree, clog; var EventEmitter, MessageDispatcher, QUERIES, TreeStore, _curr, _data, _tree, clog;
EventEmitter = require('events').EventEmitter; EventEmitter = require('events').EventEmitter;
@ -2107,8 +2091,7 @@ TreeStore.dispatchToken = MessageDispatcher.register(function(payload) {
module.exports = TreeStore; module.exports = TreeStore;
},{"../dispatcher/Dispatcher.coffee":14,"events":22}],22:[function(require,module,exports){
},{"../dispatcher/Dispatcher.coffee":15,"events":23}],23:[function(require,module,exports){
// Copyright Joyent, Inc. and other Node contributors. // Copyright Joyent, Inc. and other Node contributors.
// //
// Permission is hereby granted, free of charge, to any person obtaining a // Permission is hereby granted, free of charge, to any person obtaining a
@ -2411,4 +2394,4 @@ function isUndefined(arg) {
return arg === void 0; return arg === void 0;
} }
},{}]},{},[16]); },{}]},{},[15]);