Widoco
Widoco copied to clipboard
Allow configuring a logo
and a side image, if provided. If someone want to create it, then it eases the personalization of the documentation page.
It's something like this: "< div class="status" >< div >< span> < abbr title="Workflow forever" >Wf4Ever< /abbr > Specification< /span >< /div >< /div >" With css: .status { position: fixed; left: 0em; top: 0em; text-align: right; vertical-align: middle; /* Square version of the inside span. Slightly larger / width: 24em; height: 24em; / Don't steal focus! / z-index: -1; / For mobile browsers who overlap / opacity: 0.6; / Enable for debugging background: #abc; */
/** From http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-browser */
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
/* also accepts left, right, top, bottom coordinates; not
* required, but a good idea for styling */
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
/* Should be unset in IE9+ I think. */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
/* The actual status box /
.status div {
display: block;
background: green;
color: white;
width: 23em;
padding-top: 0.3em;
padding-left: 0em;
padding-right: 5em;
padding-bottom: 0.3em;
/ Enable for debugging
border: red thin solid;
*/
}
/* And text inside, don't confuse fonts as it breaks em above */ .status div span { font-family: "Tauri"; font-size: larger; }
Side text and bar now added in commit: https://github.com/dgarijo/Widoco/commit/03c5992128f59a53a13d43246c25afeb566dc707 (now in develop branch)
Hello! just starting to use Widoco for a project, and looking for support to add a logo for the Ontology into the generated documentation. The referenced "best practices" document suggests using foaf:logo
or schema:logo
for a vocabulary's logo (http://dgarijo.github.io/Widoco/doc/bestPractices/index-en.html#logo) but that doesn't seem to be actually implemented by the tool.
From the title, it looks like this ticket from a couple years ago is meant to address this - but it's not clear to me that it does, and in any case it is a quite old branch at this point.
Am I missing something around logo support - reading the code it doesn't seem like those properties are referenced at all, so I think it's just unimplemented - if that's the case, I'd be happy to implement it and offer back a PR!
@bryonjacob
You are right, this is not yet implemented. If you want to submit a PR to the develop
branch, that would be great!
Thanks!