community
/
rclone
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

docs: layout tweaks

This commit is contained in:
Nick Craig-Wood 2020-05-17 17:56:02 +01:00
parent 80572c544b
commit af19f924ff
5 changed files with 76 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/layouts/chrome/footer.copyright.html
View File

@ -1,7 +1,7 @@
<footer>
<hr>
<div class="row">
<div class="col-sm-12">
<div class="col-md-10">
<div class="card card-body">
<p>&copy; <a href="https://www.craig-wood.com/nick/">Nick Craig-Wood</a> 2014-2020<br>
Website hosted on a <a href="https://www.memset.com/dedicated-servers/vps/"><span style="font-weight: bold; font-family: arial black, arial, sans-serif; font-style: italic;">MEMSET CLOUD VPS</span></a>,
uploaded with <a href="https://rclone.org">rclone</a>
@ -9,5 +9,6 @@
Logo by <a href="https://twitter.com/andy23">@andy23</a>.
</p>
</div>
</div>
</div>
</footer>

12
docs/layouts/chrome/menu.html
View File

@ -1,9 +1,9 @@
<div class="card">
<div class="card-header" style="padding: 2px 10px;">
<h4>Share and Enjoy.</h4>
<div class="card-header" style="padding: 5px 10px;">
Share and Enjoy.
</div>
<div class="card-body">
<p>
<p class="menu">
<!-- Non tracking sharing links from: https://sharingbuttons.io/ -->
<i class="fab fa-twitter" aria-hidden="true"></i> <a href="https://twitter.com/intent/tweet/?text=rclone%20-%20rsync%20for%20cloud%20storage%20from%20%40njcw&amp;url=https%3A%2F%2Frclone.org" target="_blank" rel="noopener" aria-label="Share on Twitter">Twitter.</a><br />
<i class="fab fa-facebook" aria-hidden="true"></i> <a href="https://facebook.com/sharer/sharer.php?u=https%3A%2F%2Frclone.org" target="_blank" rel="noopener" aria-label="Share on Facebook">Facebook.</a><br />
@ -14,11 +14,11 @@
</div>
<div class="card">
<div class="card-header" style="padding: 2px 15px;">
<h4>Links.</h4>
<div class="card-header" style="padding: 5px 15px;">
Links.
</div>
<div class="card-body">
<p>
<p class="menu">
<i class="fa fa-comments" aria-hidden="true"></i> <a href="https://forum.rclone.org">Rclone forum.</a><br />
<i class="fab fa-github" aria-hidden="true"></i> <a href="https://github.com/rclone/rclone">GitHub project.</a><br />
<i class="fab fa-slack" aria-hidden="true"></i> <a href="https://slack-invite.rclone.org/">Rclone slack.</a><br />

2
docs/layouts/chrome/navbar.html
View File

@ -1,4 +1,4 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" href="{{ .Site.BaseURL }}"><img class="rclone-logo" src="/img/logo_on_dark__horizontal_color.svg" alt="rclone logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>

99
docs/static/css/custom.css vendored
View File

@ -1,17 +1,9 @@
/* body { */
/* margin-top: 75px; /\* 100px is double the height of the navbar - I made it a big larger for some more space - keep it at 50px at least if you want to use the fixed top nav *\/ */
/* } */
/* footer { */
/* margin: 50px 0; */
/* } */
html {
body {
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
line-height: 1.42857143;
color: #222222;
background-color: #ffffff;
}
btn-group.a {
color: #000000;
}
a {
@ -62,9 +54,24 @@ h5:hover .header-link,
h6:hover .header-link {
opacity: 1;
}
h2, h3, h4, h5, h6 {
padding-top: 55px;
margin-top: -44px;
/* more space before headings */
h1, h2, h3, h4, h5, h6 {
margin-top: 12px;
}
/* Fix spacing of info boxes */
.card {
margin-top: 0.75rem;
}
/* less padding around info box items */
.card-body {
padding: 0.5rem;
}
/* make menus longer */
.pre-scrollable {
max-height: 30rem;
}
/* Fix spacing between menu items */
@ -75,37 +82,61 @@ h2, h3, h4, h5, h6 {
/* custom logo in navbar */
.rclone-logo {
height: 36px;
height: 36px;
margin-top: -10px;
margin-bottom: -10px;
}
/* override padding so logo is centered */
/* .navbar-brand { */
/* padding: 4px 15px; */
/* } */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300;
line-height: 1.1;
color: inherit;
.heart {
color: #e31b23;
}
/*
blockquote {
display: block;
background-color: #EEE;
padding: 0.25rem;
border: 1px solid black;
}
pre {
padding: 10px;
margin: 0 0 10.5px;
font-size: 14px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 0.25rem;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word;
}
/* reduce h12345 sizes */
h1 {
font-size: 25px;
font-size: 160%;
}
h2 {
font-size: 22px;
font-size: 130%;
}
h3 {
font-size: 20px;
font-size: 110%;
font-weight: bold;
}
h4 {
font-size: 18px;
font-size: 100%;
font-weight: bold;
}
h5 {
font-size: 16px;
font-size: 90%;
font-weight: bold;
}
.menu {
font-size: 95%;
}
*/

2
docs/static/js/custom.js vendored
View File

@ -2,7 +2,7 @@
// Add hover links on headings
$(function() {
return $("h2, h3, h4, h5, h6").each(function(i, el) {
return $("h2, h3, h4, h5, h6").each(function(i, el) {
var $el, icon, id;
$el = $(el);
id = $el.attr('id');