diff --git a/build.gradle b/build.gradle index 3caa3cc..df04579 100644 --- a/build.gradle +++ b/build.gradle @@ -8,6 +8,7 @@ asciidoctor { resources { from(sourceDir) { include '**/*.png' + include '**/*.svg' include '**/*.ico' exclude 'build/**' } @@ -22,7 +23,7 @@ asciidoctor { docinfo : 'shared@', 'gh-org' : 'https://github.com/bisq-network', 'gh-team' : 'https://github.com/orgs/bisq-network/teams', - 'role' : 'https://github.com/bisq-network/roles/issues', + 'role' : 'docs', 'stylesheet' : 'bisq.css', 'stylesdir' : './css@', 'docinfodir' : './@' diff --git a/css/bisq.css b/css/bisq.css index 9055f2f..b26a442 100644 --- a/css/bisq.css +++ b/css/bisq.css @@ -132,7 +132,7 @@ b.button:before,b.button:after{position:relative;top:-1px;font-weight:400} b.button:before{content:"[";padding:0 3px 0 2px} b.button:after{content:"]";padding:0 2px 0 3px} p a>code:hover{color:rgba(0,0,0,.9)} -#header,#content,#footnotes,#footer{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1;position:relative;padding-left:.9375em;padding-right:.9375em} +#header,#content,#footnotes,#footer{width:100%;margin-left:auto;margin-right:auto;margin-top:0;margin-bottom:0;max-width:62.5em;*zoom:1;position:relative;padding-left:1.9375em;padding-right:1.9375em} #header:before,#header:after,#content:before,#content:after,#footnotes:before,#footnotes:after,#footer:before,#footer:after{content:" ";display:table} #header:after,#content:after,#footnotes:after,#footer:after{clear:both} #content{margin-top:1.25em} @@ -488,6 +488,13 @@ a { margin: .25em 0 1.25em 1.625em; } +.imageblock.quick-link { + display: inline-block; + margin: 20px 20px 20px 0; + border: 1px solid #ecf0f1; + cursor: pointer; +} + @media only screen and ( max-width: 768px ) { #toc img { margin-top: 40px; diff --git a/docinfo-footer.html b/docinfo-footer.html index a991a8d..4a77356 100644 --- a/docinfo-footer.html +++ b/docinfo-footer.html @@ -13,10 +13,11 @@ relativePath = findRelativePath( pathName ); addFavicon(); addLogoImage(); + addQuickLinks(); if( pathName !== '/' ) { addBackLink(); - } + } function addBackLink() { var link = document.createElement("a"); @@ -54,12 +55,26 @@ toc.insertBefore(logoImg, tocTop); logoImg.onclick = function() { - window.location.replace( relativePath + "index.html" ); + window.location = relativePath + "index.html"; } return; } + function addQuickLinks() { + var links = document.getElementsByClassName('quick-link'); + var elementClasses = ""; + for( var i = 0; i < links.length; i++ ) { + elementClasses = links[i].getAttribute('class'); + (function(linkElement) { + linkElement.onclick = function() { + window.location = linkElement.getAttribute("class").split(" ").slice(-1).pop() + ".html"; + } + })(links[i]); + } + return; + } + function addFavicon() { var faviconLink = document.createElement("link"); faviconLink.setAttribute( 'rel', 'icon' ); diff --git a/images/quick-link-1.svg b/images/quick-link-1.svg new file mode 100644 index 0000000..35c7b8a --- /dev/null +++ b/images/quick-link-1.svg @@ -0,0 +1,538 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + PrimerWhat is Bisq? + + diff --git a/images/quick-link-2.svg b/images/quick-link-2.svg new file mode 100644 index 0000000..7026a81 --- /dev/null +++ b/images/quick-link-2.svg @@ -0,0 +1,540 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Quick StartStart Trading in Minutes + + diff --git a/images/quick-link-3.svg b/images/quick-link-3.svg new file mode 100644 index 0000000..744d94a --- /dev/null +++ b/images/quick-link-3.svg @@ -0,0 +1,538 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Bisq DAOAll About the DAO & BSQ + + diff --git a/images/quick-link-4.svg b/images/quick-link-4.svg new file mode 100644 index 0000000..e27177a --- /dev/null +++ b/images/quick-link-4.svg @@ -0,0 +1,540 @@ + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CompensationMake a Request + + diff --git a/index.adoc b/index.adoc index 02daa4e..225802b 100644 --- a/index.adoc +++ b/index.adoc @@ -1,4 +1,5 @@ = Bisq Network Documentation +:imagesdir: ./images [TIP] .Brand new to Bisq? @@ -14,6 +15,28 @@ Docs without hyperlinks haven't been written yet. If you want to write one, <